@charset "UTF-8";

/* 
 * 매거진한경 매체별 분리 개편 v2024
 */

/* reset */
/* html {scrollbar-gutter:stable} */
html,body {-webkit-text-size-adjust:none}
body,div,span,em,strong,select,section,article,nav,footer,header,address,caption,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,textarea,input,button,tr,th,td,table {margin:0; padding:0}
body, button, input, select, option, textarea, table, th, td {color:#121212; font-size:14px; /*font-family:'Apple SD Gothic Neo','Helvetica Neue','AppleGothic','Droid Sans fallback',sans-serif;*/ font-family:Roboto,Helvetica Neue,Arial,NanumGothic,Nanum Gothic,sans-serif}
h1,h2,h3,h4,h5,h6 {font-size:100%}
ol,ul,li {list-style-type:none}
img,fieldset, iframe {border:0 none; vertical-align:top}
img {max-width:100%}
input,button,select,textarea,label {vertical-align:middle; resize:none; outline:none}
input,textarea {-webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px}
input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer}
button {border:0 none; background:transparent; cursor:pointer}
i,em,address,optgroup {font-style:normal}
hr {display:none}
table {border-collapse:collapse; border-spacing:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
caption {width:0; height:0; overflow:hidden; color:transparent; text-indent:-9999px}
a {color:#121212; text-decoration:none}
a:hover {text-decoration:underline}
/* skip-navi */
.skip-navi a {display:block; height:0; margin:0 auto; overflow:hidden; font-size:0; text-align:center; background:#142c67; color:#fff}
.skip-navi a:hover, .skip-navi a:active, .skip-navi a:focus {height:30px; font-size:15px; line-height:30px}
/* global */
.txt-en,
.txt-num {letter-spacing:0}

.txt-lt {text-align:left}
.txt-ct {text-align:center}
.txt-rt {text-align:right}

a[class^="btn-"],
button[class^="btn-"] {display:inline-block}

.is-pc {display:none !important}
.is-mobile {display:block}
.is-mobile.inline {display:inline}

/* layout */
.cont-inner {position:relative; max-width:1180px; margin:0 auto; padding:0 15px}

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

.news-tit,
.news-subtit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all;/*word-break:keep-all; word-wrap:break-word;*/ -webkit-box-orient:vertical}
.news-subtit,
.lead {color:#888}
.news-subtit {font-size:16px}
.lead {font-size:13px}

.txt-date {letter-spacing:0; font-family:Tahoma, sans-serif}
.date {color:#888; font-size:12px; letter-spacing:0}

.bul-dot li {position:relative; padding-left:10px}
.bul-dot li::before {content:""; display:inline-block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#222}

.text-underline {text-decoration:underline}

/* IR */
/* .btn-login::before,
.btn-user::before,
.btn-open-search::before,
.btn-search::before, */
/* .btn-close-search::before, */
.paging .btn-first::before,
.paging .btn-prev::before,
.paging .btn-next::after,
.paging .btn-end::after,
.utility > div > [class^="btn-"]::before,
.layer-sns .share-sns-list [class^="btn-"]::before,
.layer-sns .btn-copy-url::before,
.layer-font [class^="btn-"]::before,
.btn-img-big::before,
.list-toggle::after,
.btn-audio::before,
.writer-info .photo::after,
.sns-group [class^="icon-sns-"]::before {
    background-image:url('https://static.hankyung.com/img/magazine/2021/common/spr-icon-20220114.svg');
    background-repeat:no-repeat;
}
.logo-magazine {display:inline-block; width:123px; height:30px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-magazine.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-magazine-book {display:inline-block; width:107px; height:15px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-magazine-book.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-magazine-book.white {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-magazine-book-w.svg')}
.logo-business {display:inline-block; width:142px; height:40px; background:url('https://static.hankyung.com/resource/magazine/img/logo-business.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-business.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-business-w.svg')}
.logo-money {display:inline-block; width:129px; height:20px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-hk-money-240528.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-money.white {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-hk-money-240528-w.svg')}
.logo-jobnjoy {display:inline-block; width:74px; height:25px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-jobnjoy.svg?v=202101181541') no-repeat 0 0/contain; vertical-align:top}
.logo-jobnjoy.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-jobnjoy-w.svg?v=202101181541')}
.logo-jobnjoy2 {display:inline-block; width:55px; height:30px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-jobnjoy2.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-jobnjoy2.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-jobnjoy2-w.svg')}
.logo-mook {display:inline-block; width:110px; height:19px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-mook.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-mook.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-mook-w.svg')}
.logo-esg {display:inline-block; width:140px; height:30px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-esg.svg') no-repeat 50% 50%/contain; vertical-align:top}
.logo-esg.white {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-esg-w.svg')}
.logo-9to9 {display:inline-block; width:140px; height:22px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-9to9.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-9to9.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-9to9-w.svg')}
.logo-bettergolf {display:inline-block; width:140px; height:18px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-bettergolf.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-bettergolf.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-bettergolf-w.svg')}
.logo-prestige {display:inline-block; width:118px; height:40px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-prestige.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-prestige.white {background-image:url('https://static.hankyung.com/img/magazine/2021/common/logo-prestige-w.svg')}

.sns-group [class^="icon-sns-"]::before {content:''; display:inline-block; vertical-align:top}
.icon-sns-naver::before {width:18px; height:17px; margin-top:3px; background-position:-292px -47px}
.icon-sns-facebook::before {width:12px; height:21px; background-position:0 -45px}
.icon-sns-npost::before {width:15px; height:25px; background-position:-219px -43px}
.icon-sns-instagram::before {width:20px; height:21px; background-position:-146px -45px}
.icon-sns-youtube::before {width:21px; height:17px; margin-top:2px; background-position:-73px -48px}
.sns-group .icon-sns-nblog::before {width:23px; height:21px; margin-top:2px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-nblog.svg') no-repeat center/contain}
.sns-group .icon-sns-ntv::before {width:68px; height:9px; margin-top:5px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-ntv.svg') no-repeat center/contain}

/* header */
.top-util-area {padding:0 15px; background:#f7f7f7}
.top-util-area .top-util-inner {position:relative; max-width:1280px; height:32px; margin:0 auto; font-size:13px; box-sizing:border-box}
.top-util-area .util-items.lt {float:left}
.top-util-area .util-items.rt {float:right}
.top-util-area .util-items {display:flex; align-items:center; gap:5px; height:100%; margin:0 -5px}
.top-util-area .util-items .item {height:100%}
.top-util-area .util-items .item > a {display:flex; align-items:center; height:100%; padding:0 5px; /*font-family:Roboto,Helvetica Neue,Arial,NanumGothic,Nanum Gothic,sans-serif*/}
.top-util-area .util-items .item-my {position:relative}
.top-util-area .util-items .item.today {display:none; height:auto}
/* .top-util-area .util-items .item-my .btn-login .txt {display:none} */
.top-util-area .btn-user {display:inline-flex; align-items:center; gap:3px}
.top-util-area .btn-user::before {content:''; display:inline-block; width:12px; height:12px; background:url('https://static.hankyung.com/resource/magazine/img/icon-user.svg') no-repeat 50% 50%/contain; transform:translateY(1px)}

.layer-my {position:absolute; top:32px; right:0; width:calc(100vh - 40px); max-width:300px; z-index:-1; border:1px solid #ddd; border-radius:5px; background:#fff; font-size:13px; box-shadow:3px 3px 5px rgba(0,0,0,.2); box-sizing:border-box; visibility:hidden; transform:scale(.9); opacity:0; transition:all ease .2s}
.layer-my [class^="btn-"] {text-decoration:none}
.layer-my > div + div {border-top:1px solid #ddd}
.layer-my .user-info {padding:24px 20px; text-align:center}
.layer-my .user-info .name,
.layer-my .user-info .email {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.layer-my .user-info .name {font-size:17px}
.layer-my .user-info .email {margin:10px 0 15px; font-size:14px; letter-spacing:0}
.layer-my .user-info .account-info .email {margin:0}
.layer-my .user-info .social-user {margin:10px 0 15px; font-size:14px; letter-spacing:0}
.layer-my .user-info .social-user::before {content:''; display:inline-block; position:relative; width:18px; margin-right:4px; overflow:hidden; vertical-align:-3px; background-image:url('https://static.hankyung.com/img/www/w/common/2021/spr-common-20210811.svg'); background-repeat:no-repeat}
.layer-my .user-info .social-user.social-apple::before {height:17px; background-position:-123px -35px}
.layer-my .user-info .social-user.social-google::before {height:15px; background-position:-72px -35px}
.layer-my .user-info .social-user.social-kakao::before {height:15px; background-position:-99px -34px}
.layer-my .user-info .social-user.social-naver::before {height:15px; background-position:1px -35px}
.layer-my .user-info .social-user.social-facebook::before {height:17px; background-position:-22px -35px}
.layer-my .user-info .social-user::after {content:''; display:inline-block; width:1px; height:18px; vertical-align:-5px}
.layer-my .user-info .btns {margin-top: 20px}
.layer-my .user-info .btns [class^="btn-"] {display: inline-block; width: 90px; height: 35px; margin: 0 3px; border: 1px solid #c3c3c3; border-radius: 20px; line-height: 33px; font-size:14px; box-sizing: border-box}
.layer-my .user-info .btn-account {display:inline-block; width:190px; height:40px; border:1px solid #c3c3c3; border-radius:20px; font-size:13px; line-height:38px; box-sizing:border-box}
.layer-my .use-service {padding:24px 20px}
.layer-my .use-service li {position:relative; padding-left:7px}
.layer-my .use-service li:before {content:''; position:absolute; top:7px; left:0; width:2px; height:2px; background:#222}
.layer-my .use-service li + li {margin-top:10px}
.layer-my .btn-logout {display:block; width:100%; font-size:13px; line-height:40px; text-align:center}
.layer-my.active {visibility:visible; z-index:999; transform:scale(1); opacity:1}


.header-inner {position:relative; max-width:1280px; margin:0 auto; padding:0 15px}
.header .logo {display:flex; align-items:center; justify-content:center; height:50px; padding:0}
.gnb {padding-bottom:12px}
.gnb > ul {display:flex; justify-content:space-between; align-items:flex-end}
.gnb > ul > li {position:relative; flex:0 0 auto}
.gnb > ul > li > [class^="logo-"] {background-position:center bottom}

.header .btn-open-search::before,
.header .btn-search::before {content:''; display:inline-block; width:23px; height:23px; background:url('https://static.hankyung.com/resource/magazine/img/icon-search.svg') no-repeat 50% 50%/contain; vertical-align:top}
.header .btn-open-search {position:absolute; top:14px; right:15px}
.header .btn-open-search .txt {display:none}
.header .btn-close-search {display:none; position:absolute; top:14px; right:20px}
.header .btn-close-search::before {content:''; display:inline-block; width:23px; height:23px; background-image:linear-gradient(to bottom, #222 0%, #222 100%), linear-gradient(to left, #222 0%, #222 100%); background-size:100% 2px,2px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); box-sizing:border-box}
.header .search-area .layer-search {height:0; position:relative; overflow:hidden; z-index:-1; opacity:0; transition:height ease .3s}
.header .search-area .layer-search .inp-txt{width:100%; height:40px; padding:0 45px 0 10px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; background:#fff; color:#121212; font-size:17px} 
.header .search-area .layer-search .btn-search {position:absolute; top:0; right:3px; width:40px; height:40px}
.header .search-area.active .btn-open-search {display:none}
.header .search-area.active .btn-close-search {display:block}
.header .search-area.active .layer-search {height:40px; margin:0 0 10px 0; overflow:visible; z-index:1; opacity:1}
.header .logo .emblem {display:inline-block; width:80px; height:30px; background:url('https://static.hankyung.com/resource/common/img/logo/emblem-hk-60th.svg?v=2') no-repeat 50% 50%/contain; margin-left:5px}
.header .logo .emblem-20th {display:inline-block; width:25px; height:20px; margin-right:5px; background:url('https://static.hankyung.com/resource/magazine/img/emblem-money-20th.svg') no-repeat 50% 50%/contain}
.header .logo .emblem-30th {display:inline-block; width:30px; height:25px; margin-right:5px; background:url('https://static.hankyung.com/resource/magazine/img/emblem-30th.svg') no-repeat 50% 50%/contain}
.header .logo-magazine-book {width:160px; height:22px}

/* .header-media .logo {display:flex; align-items:center; justify-content:center; height:50px; padding:0} */
.header-media .logo {align-items:flex-start}
.header-media .logo-business {width:153px; height:43px}
.header-media .logo-jobnjoy {width:118px; height:43px; background-image:url('https://static.hankyung.com/resource/magazine/img/logo-hk-jobnjoy.svg')}
.header-media .logo .emblem {margin-top:10px}
.header-media ~ .footer > .cont-inner {max-width:1280px}

.header-media.header-money .logo {align-items:center}
.header-media.header-money .logo .emblem {margin-top:0}

.header-business .emblem-30th {margin:12px 7px 0 0}

.nav-tag {position:relative; height:40px; /*margin:0 -15px;*/ overflow:hidden; background:#142C67; white-space:nowrap}
.nav-tag .inner-scroll {overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.nav-tag .inner-scroll::-webkit-scrollbar {display:none}
.nav-tag ul {display:inline-flex; gap:24px; align-items:center; justify-content:space-between; min-width:100%; height:40px; padding-top:2px; box-sizing:border-box}
.nav-tag li {flex:0 0 auto; font-size:16px}
.nav-tag li a {display:inline-block; color:#fff; box-sizing:border-box; white-space:nowrap; text-decoration:none; font-weight:bold; line-height:1.1}
.nav-tag ul:first-of-type li:first-child {padding-left:15px}
.nav-tag ul:last-of-type li:last-child {padding-right:15px}
.nav-tag li.on a {position:relative}
.nav-tag li.on a::after {content:''; display:block; height:2px; background:#fff; transform:translateY(2px)}

.nav-tit {height:40px; overflow:hidden; background:#142C67; white-space:nowrap; color:#fff; font-weight:700; font-size:16px; line-height:40px; text-align:center}
.nav-tit a {color:#fff}
.nav-tit a + a::before {content:''; display:inline-block; position:relative; top:0; width:10px; height:10px; margin-right:10px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg)}

/* .header .login-area {position:absolute; top:5px; right:40px} */
/* .header .btn-login,
.header .btn-user {transform:scale(.9); transform-origin:right top}
.header .btn-login::before,
.header .btn-user::before {content:''; display:inline-block; vertical-align:top}
.header .btn-login::before {width:24px; height:24px; background-position:-216px 0}
.header .btn-user::before {width:26px; height:26px; background-position:-289px 0} */


/* .header .btn-close-search::before {content:''; display:inline-block; width:17px; height:17px; background-position:-145px -4px} */

.scroll-indicator {display:none; position:absolute; left:0; bottom:-5px; width:100%; height:4px}
.scroll-indicator > div {position:relative; top:-1px; height:100%; background:#1e4fd3; transition:width .4s ease-out}
.isSticky .scroll-indicator {display:block}

.banner-top {border-top:1px solid #ddd; background-color:#F3F3F3; text-align:center}
.banner-top .item a {display:block; padding:10px 20px}
.banner-top img {width:320px}

/* 회원 아이콘 */
.icon-myinfo::before {content:''; display:inline-block; width:12px; height:12px; margin-right:4px; background:url('https://static.hankyung.com/img/common/icon/icon-myinfo.svg') no-repeat 50% 50%/contain}
[class^="icon-mylogin-"] {display:inline-block; width:24px; height:24px; border-radius:25rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:middle}	
.icon-mylogin-email {background:#142c67 url('https://static.hankyung.com/img/logo/logo-short-hk-w.svg') no-repeat 3px 50%/17px 9px}
.icon-mylogin-kakao {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-kakao.svg')}
.icon-mylogin-naver {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-naver.svg')}
.icon-mylogin-apple {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-apple.svg')}
.icon-mylogin-google {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-google.svg')}

.magazine-category-wrap {position:relative; height:40px; border-top:1px solid #ddd; background:#eee; overflow:hidden; white-space:nowrap}
.magazine-category-wrap:before,
.magazine-category-wrap:after {content:''; display:block; position:absolute; top:0; width:20px; height:100%; z-index:2}
.magazine-category-wrap:before {left:0; background:-moz-linear-gradient(left, rgba(238, 238, 238,1) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,0) 100%); background:-webkit-linear-gradient(left, rgba(238, 238, 238,1) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,0) 100%); background:linear-gradient(to right, rgba(238, 238, 238,1) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,0) 100%)}
.magazine-category-wrap:after {right:0; background:-moz-linear-gradient(left, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,1) 100%); background:-webkit-linear-gradient(left, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,1) 100%); background: linear-gradient(to right, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,0.75) 51%, rgba(238, 238, 238,1) 100%)}
.magazine-category-wrap  .inner-scroll {height:100%; padding:0 15px 80px; overflow-x:scroll; overflow-y:hidden; text-align:center; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.magazine-category {display:inline-block}
.magazine-category .item {display:inline-block; font-size:16px; line-height:40px}
.magazine-category .item + .item {margin-left:25px}

.magazine-category .btn-subscription {position:relative; top:2px; margin-left:5px; color:#142c67; font-weight:bold; font-size:16px; text-decoration:underline}
.magazine-category .btn-subscription::before {content:''; display:inline-block; width:16px; height:18px; margin-right:5px; background:url('https://static.hankyung.com/img/magazine/2021/common/icon-bookmark.svg') no-repeat 0 0/contain; vertical-align:-3px}
.magazine-category .btn-e-magazine {position:relative; top:2px; margin-left:5px; color:#e13030; font-weight:bold; font-size:16px; text-decoration:underline}
.magazine-category .btn-e-magazine::before {content:''; display:inline-block; width:15px; height:18px; margin-right:5px; background:url('https://static.hankyung.com/img/magazine/2021/common/icon-emagazine.svg') no-repeat 0 0/contain; vertical-align:-3px}

.magazine-category-wrap.tag-type .tit {position:relative; top:1px; margin:0 10px 0 5px; font-size:16px; vertical-align:middle}
.magazine-category-wrap.tag-type .item {vertical-align:middle}
.magazine-category-wrap.tag-type .item + .item {margin-left:10px}
.magazine-category-wrap.tag-type .item > a {display:inline-block; position:relative; height:26px; padding:1px 10px 0; border:1px solid #ddd; border-radius:5px; background:#f3f3f3; font-weight:normal; font-size:14px; line-height:1.1; text-align:center; box-sizing:border-box}
.magazine-category-wrap.tag-type .item > a::before {content:''; display:inline-block; width:1px; height:24px; vertical-align:-8px}

/* header logo type(error, sitemap) */
.header-logo-type .cont-inner {border-bottom:3px solid #222}
.header-logo-type .logo {padding:30px 0 20px}
.header-logo-type .logo-txt {display:inline-block; margin-left:6px; font-size:22px; vertical-align:middle}
.header-logo-type.center .logo {text-align:center}
.header-logo-type .logo-magazine-book {width:160px; height:22px; vertical-align:middle; margin-top:2px}

/* footer */
.footer {margin-top:20px}
.footer .foot-cont {padding:20px 0; border-top:1px solid #eee}
.footer .logo-magazine {width:112px; height:16px; background:url('https://static.hankyung.com/img/magazine/2021/common/logo-hk-magazine.svg') no-repeat 0 0/112px 15px}
.footer .foot-tit {display:block; margin-bottom:15px; font-weight:normal; font-size:16px}
.footer .service-menu > li {float:left; min-height:25px; font-size:14px; line-height:22px}
.footer .service-menu::after {content:''; display:block; clear:both}
.foot-magazine .service-menu + .service-menu {margin-top:10px}
.foot-magazine .service-menu > li {margin:4px 25px 4px 0}
.footer .hk-group .service-menu {margin-top:-5px}
.footer .hk-group .service-menu > li {width:33.33336%; height:21px; margin:4px 0; font-size:14px}
.foot-info .f-item {display:block; line-height:1.5}
/* .footer .share-sns {margin-top:20px}
.footer .share-sns > li {float:left; width:20%; text-align:center}
.footer .share-sns .txt {display:none; font-size:11px}
.footer .share-sns::after {content:''; display:block; clear:both} */
.foot-sns {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee}
.foot-sns .sns-group dl {width:250px; margin:0 auto; font-size:14px}
.foot-sns .sns-group dt,
.foot-sns .sns-group dd {float:left; line-height:25px}
.foot-sns .sns-group dt {width:110px}
.foot-sns .sns-group dl + dl {margin-top:18px}
.foot-sns .sns-group li {float:left; min-width:25px; text-align:center}
.foot-sns .sns-group li > a {display:inline-block; padding:0 5px}
.foot-sns .sns-group li + li {margin-left:25px}
.foot-sns .sns-group dl::after,
.foot-sns .sns-group ul::after {content:''; display:block; clear:both}

.foot-sns.sns-type2 .sns-group dl {width:auto}
.foot-sns.sns-type2 .sns-group li + li {margin-left:10px}
.foot-sns.sns-type2 .sns-group dl + dl {margin-top:18px}

.btn-top {position:fixed; right:20px; bottom:60px; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(136,136,136,.7)}
.btn-top::before {content:''; display:inline-block; position:absolute; top:calc(50% + 2px); left:50%; width:10px; height:10px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg) translate(-50%, -50%); transform-origin:left top}
/* AD */
.ad-area {margin:20px auto; text-align:center}
.ad-aside {text-align:center}
.ad-area * {max-width:100% !important; /*width:100% !important*/}
.ad-area > img {width:auto !important}
.banner-aside {text-align:center}
.banner-aside img {min-width:300px; max-width:300px}
.ad-area ins,
.ad-area .adsbygoogle {margin:0 auto !important}

/* 하단 고정 광고 */
.ad-bottom-fix {position:fixed; bottom:0; left:0; z-index:2; width:100%; background-color:#f2f2f2; text-align:center}
.ad-bottom-fix div {margin:0 auto}
/* 닫기 버튼 있는 광고 */
.btn-close-ad {display:none}
.btn-close-ad::before,
.btn-close-ad::after {content:''; position:absolute; left:50%; top:0; width:1px; height:20px; background-color:#fff}
.btn-close-ad:before {transform:translate(-50%) rotate(45deg)}
.btn-close-ad:after {transform:translate(-50%) rotate(-45deg)}
.ad-bottom-fix.close-ad {background:rgba(0,0,0,0.6); min-height:50px}
.ad-bottom-fix.close-ad .ad-inner {margin-left:-20px}
.ad-bottom-fix.close-ad .btn-close-ad {display:block; position:absolute; top:50%; right:50%; width:20px; height:20px; margin:-10px -175px 0 0}
@media all and (max-width:359px){
	.ad-bottom-fix.close-ad .ad-inner {margin-left:0}
	.ad-bottom-fix.close-ad .btn-close-ad {top:0; margin:0 -160px 0 0; background:rgba(0,0,0,0.6)}
}
/* 기사뷰 내 광고 추천광고 */
.ad-recommend {margin:25px 0 15px}
/* 좌우 날개 광고 */
.fltAd {position:absolute; top:0; left:50%; width:1px; height:0}
.fltAd .left {position:absolute; top:650px; left:-760px; text-align:right}
.fltAd .left div + div {margin-top:300px}
.fltAd .right {position:absolute; top:650px; right:-760px; text-align:left}
/* .fltAd .right #stickyAd {position:absolute} */

/* main */
.main .main-headline .thumb {margin:0}


.main-top {padding-top:20px}
.main-top .logo-business {width:158px; height:23px}
.main-top .logo-money {width:80px; height:28px}
.main-top .logo-jobnjoy {width:113px; height:38px}
.main-top article {position:relative}
/* .main-top article::before {content:''; display:block; position:absolute; top:92px; left:-20px; right:-20px; bottom:0;} */
.main-top article + article {margin-top:40px}
.main-top .news-top {position:relative}
.main-top .news-top .thumb {position:relative; height:0; padding-bottom:62.5%}
.main-top .news-top .thumb > a {position:absolute; top:0; right:0; bottom:0; left:0}
.main-top .news-top .news-tit {margin-top:10px; font-size:24px; -webkit-line-clamp:3}
.main-top .news-top .news-subtit,
.main-top .news-top .lead {margin-top:10px; -webkit-line-clamp:2}
.main-top .news-top .news-subtit {font-weight:bold}
.main-top .news-top .date {margin-top:10px}
.main-top .main-news-list {position:relative; margin-top:20px}
/* .amagazine-business::before {background:#edf1fc}
.amagazine-money::before {background:#fef2f3}
.amagazine-jobnjoy::before {background:#edf7fc} */

.main .cont-inner {max-width:1280px}
.main-top .media-name {margin-bottom:15px; color:#fff; font-size:19px}
.main-top .media-name > a {display:flex; align-items:center; gap:8px; height:40px; padding:1px 10px 0; color:#fff}
.main-top .media-name > a::after {content:''; display:inline-block; width:10px; height:15px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' fill='none'%3E%3Cpath fill='%23fff' stroke='%23fff' d='m1.645 2.187-.35.352.35.353L6.224 7.5l-4.579 4.608-.35.353.35.352.536.54.355.356.354-.357 5.465-5.5.35-.352-.35-.352-5.465-5.5-.354-.357-.355.357-.536.539Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; transform:translateY(-1px)}

.magazine-business .media-name {background:#142C5F}
.magazine-money .media-name {background:#221814}
.magazine-jobnjoy .media-name {background:#2C52AD}

.main-news-list > li {display:flex; align-items:center; justify-content:space-between}
.main-news-list > li + li {margin-top:15px}
.main-news-list .thumb {flex:0 0 auto; width:110px; height:69px}
.main-news-list .txt-cont {flex:0 0 auto; width:calc(100% - 120px)}
.main-news-list .txt-cont .news-tit {font-weight:normal; font-size:17px; -webkit-line-clamp:3}
.main-news-list .txt-cont .date {margin-top:2px}
.ie9 .main-news-list > li {display:table}
.ie9 .main-news-list > li .thumb,
.ie9 .main-news-list .txt-cont {display:table-cell; vertical-align:middle}
.ie9 .main-news-list > li .thumb + .txt-cont {padding-left:10px}

/* .magazine-subscribe .logo-business {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-business.svg')}
.magazine-subscribe .logo-business.white {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-business-w.svg')} */

.magazine-subscribe {padding:30px 0; background:#F7F7F7}
.magazine-subscribe .main-tit {margin-bottom:-5px; font-size:24px; text-align:center}
.magazine-subscribe .main-tit,
.magazine-subscribe .main-tit a {color:#fff}
.magazine-list .item {text-align:center; outline:none;}
.magazine-list .magazine-img {position:relative; display:inline-block; width:174px; height:218px; background:#eee}
.magazine-list .magazine-img > a {position:absolute; top:1px; right:1px; bottom:1px; left:1px; overflow:hidden}
.magazine-list .magazine-img > a img {width:100%; min-height:100%; object-fit:cover}
.magazine-list .magazine-info {margin-top:20px}
.magazine-list .magazine-info dt {margin-bottom:17px}
.magazine-list .magazine-info dt .logo-business {width:103px; height:29px; margin-top:-10px; transform:translateY(5px)}
.magazine-list .magazine-info dt .logo-money {width:123px; height:19px}
.magazine-list .magazine-info dt .logo-jobnjoy {width:84px; height:28px; margin-top:-11px}
.magazine-list .magazine-info dt .logo-mook {width:110px; height:19px}
.magazine-list .magazine-info dt .logo-esg {width:89px; height:19px}
.magazine-list .magazine-info .desc {display:none; font-size:12px}
.magazine-list .magazine-info .price {margin:0 0 10px; font-size:24px; letter-spacing:0}
.magazine-list .btns {display:flex; flex-wrap:wrap; justify-content:center; gap:8px}
.magazine-list .btns [class^="btn-"] {display:inline-block; min-width:78px; height:34px; padding:0 20px; border-radius:17px; color:#fff; font-size:16px; line-height:1.1; outline:none; text-decoration:none; box-sizing:border-box}
.magazine-list .btns [class^="btn-"]::after {content:''; display:inline-block; width:1px; height:100%; vertical-align:-12px}
.magazine-list .btn-subscribe {background:#142C67}
.magazine-list .btn-emagazine {background:#E85454}
.magazine-list .slick-arrow {display:none !important} 

.main .magazine-subscribe {margin:40px 0}




.ranking-news .cont-inner {margin-top:40px}
.ranking-news .main-tit {margin-bottom:15px; font-size:19px}
/* sub common */
.container {position:relative; padding:30px 0 10px}
.sub-tit-wrap {margin-bottom:15px; padding-bottom:12px; border-bottom:1px solid #eee}
.sub-tit-wrap .sub-tit {font-size:24px}

.sub-tit-wrap .sub-tit.breadcrumb > a + a::before {content:''; display:inline-block; position:relative; top:-3px; width:10px; height:10px; margin-right:10px; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(45deg)}

.tag-list {font-size:0}
.tag-list .tag {display:inline-block; height:25px; margin:5px 5px 0 0; padding:0 10px; border-radius:4px; background:#eee; color:#888; font-size:14px; line-height:25px}
/* aside */
.aside-module + .aside-module {margin-top:30px}

.aside-video .video-area {position:relative; max-width:300px; height:0; margin:0 auto; padding-bottom:56.25%; overflow:hidden; padding-bottom:182px}
.aside-video .video-area::before,
.aside-video .video-area::after {content:''; display:block; position:absolute; left:0; right:0; z-index:2; background:#fff}
.aside-video .video-area::before {top:0; height:7px}
.aside-video .video-area::after {bottom:0; height:6px}
.aside-video .video-area iframe {position:absolute; top:0; left:0; width:100%; height:100%}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.aside-video::after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; z-index:2; width:1px; background:#fff}
}

.aside-news-list > li + li {margin-top:10px}
.aside-news-list .news-cont {display:table; width:100%; box-sizing:border-box}
.aside-news-list .news-cont .txt-cont,
.aside-news-list .news-cont .thumb-cont {display:table-cell; vertical-align:middle}
.aside-news-list .txt-cont .news-tit {max-height:52px; font-weight:normal; font-size:19px; line-height:26px; -webkit-line-clamp:2}
.aside-news-list .news-cont .thumb-cont {width:100px}
.aside-news-list .news-cont .thumb {width:100px; height:63px}
.aside-news-list .news-cont .thumb-cont + .txt-cont {padding-left:15px} 

.aside-tab {margin-bottom:20px; border:1px solid #ddd}
.aside-tab > li {position:relative; float:left; width:50%; text-align:center; box-sizing:border-box}
.aside-tab > li > a {display:block; height:48px; font-size:19px; text-decoration:none}
.aside-tab > li > a::after {content:''; display:inline-block; width:1px; height:48px; vertical-align:-16px}
.aside-tab > li.on::after {content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #222; box-sizing:border-box; pointer-events:none}
.aside-tab > li.on > a {font-weight:bold}
.aside-tab::after {content:''; display:block; clear:both}
/* list */
.data-mag {padding:120px 0; font-weight:400; font-size:18px; text-align:center}

.news-list > li {padding:15px 0; border-top:1px solid #eee}
.news-list > li:first-child {padding-top:0; border-top:none}
.news-list > li:last-child {border-bottom:1px solid #eee}
.news-list .news-cont {display:flex; flex-direction:row-reverse; gap:8px}
.news-list .news-cont .txt-cont {flex:1 1 auto; width:calc(100% - 128px); padding-top:3px}
.news-list .news-cont .thumb-cont {flex:0 0 auto; width:120px}
.news-list .news-cont .thumb {position:relative; width:120px; height:75px}
.news-list .news-cont .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
.news-list .txt-cont .news-tit {font-weight:700; font-size:17px; line-height:1.3; -webkit-line-clamp:2}
.news-list .txt-cont .lead {display:none; max-height:40px; margin-top:8px; color:#888; font-size:14px; line-height:20px; -webkit-line-clamp:2}
.news-list .txt-cont .date {margin-top:8px}
.news-list .tag-list {margin-top:5px}

.paging {position:relative; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee; text-align:center}
.paging a,
.paging strong {display:inline-block; height:32px; font-size:16px; line-height:32px; vertical-align:middle; box-sizing:border-box}
.paging .num a,
.paging strong {min-width:38px; padding:0 5px; border:1px solid #fff; line-height:30px}
.paging strong {border-color:#222}
.paging .txt {display:none; font-size:13px}
.paging .btn-first::before {content:''; display:inline-block; width:9px; height:10px; background-position:0 -335px}
.paging .btn-prev::before {content:''; display:inline-block; width:6px; height:10px; background-position:-20px -335px}
.paging .btn-next::after {content:''; display:inline-block; width:6px; height:10px; background-position:-36px -335px}
.paging .btn-end::after {content:''; display:inline-block; width:10px; height:10px; background-position:-52px -335px}
.paging .btn-first,
.paging .btn-end {display:none}
.paging .btn-prev,
.paging .btn-next {position:absolute; top:0; width:32px}
.paging .btn-prev {left:0}
.paging .btn-next {right:0}
/* search */
.search-result {margin-bottom:15px; padding:0 0 20px; border-bottom:1px solid #ddd; font-size:17px}
.search-result strong {color:#142C67}
.search-result.no-data {border:none; padding:100px 10px; text-align:center; word-break:keep-all}
.search-result.no-data p::before {content:''; display:block; width:50px; height:50px; margin:0 auto 30px; border-radius:100%; background:#F9F9F9 url('https://static.hankyung.com/resource/magazine/img/icon-search.svg') no-repeat 50% 50%/20px 20px}

.search-re {position:relative}
.search-re .inp-txt{width:100%; height:50px; padding:0 50px 1px 18px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; background:#fff; color:#121212; font-size:16px} 
.search-re .btn-search {position:absolute; top:15px; right:17px}
.search-re .btn-search::before {content:''; display:inline-block; width:20px; height:20px; background-position:-73px -2px}
/* view */
.breadcrumb {margin-bottom:10px; font-size:0}
.breadcrumb > li {display:inline-block; font-size:13px}
.breadcrumb > li:last-child {font-weight:bold}
.breadcrumb > li + li::before {content:'>'; margin:0 4px; font-family:serif}

.article-head .news-tit {font-size:25px}
.utility-wrap {margin:20px 0}
.utility-wrap .date-info {margin-top:20px; color:#888; font-size:12px}
.utility-wrap .date-info > span + span::before {content:'|'; position:relative; top:-1px; margin:0 4px 0 0px}
.utility-wrap .date-info .txt-num {margin-left:4px}

/* .article-head {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #121212}
.article-head .news-tit {font-size:25px}
.article-head .date-info {margin-top:25px; color:#888; font-size:13px}
.article-head .date-info > span + span::before {content:'|'; position:relative; top:-1px; margin:0 4px 0 0px}
.article-head .date-info .txt-num {margin-left:4px}
.articel-utility {display:flex; justify-content:space-between; align-items:center}
.articel-utility .util-group {display:flex; align-items:center; gap:15px}
.btn-util-share::before {content:''; display:inline-block; width:23px; height:20px; background:url('https://static.hankyung.com/resource/magazine/img/icon-share.svg')}
.btn-util-font::before {content:''; display:inline-block; width:px; height:20px; background:url('https://static.hankyung.com/resource/magazine/img/icon-font.svg')} */

.utility::after {content:''; display:block; clear:both}
.utility [class^="btn-"] {vertical-align:top; box-sizing:border-box; text-decoration:none}
.utility [class^="btn-"]::before {content:''; display:inline-block}
.utility > div > [class^="btn-"] {position:relative; width:36px; height:36px; border:1px solid #dedede; border-radius:100%}
.utility > div > [class^="btn-"] + [class^="btn-"] {margin-left:4px}
.utility > div > [class^="btn-"]::before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.utility .util-share {float:left}
.util-share .btn-util-facebook::before {width:9px; height:18px; background-position:0 -97px}
.util-share .btn-util-twitter::before {width:18px; height:16px; background-position:-73px -98px}
.util-share .btn-util-twitter.twitter-x::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18.077'%3E%3Cpath fill='%23999' d='M15.752 0h3.067l-6.7 7.657L20 18.077h-6.172L9 11.757l-5.532 6.32H.395l7.167-8.19L0 0h6.328l4.37 5.777Zm-1.077 16.242h1.7L5.4 1.738H3.582Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.util-share .btn-util-kakao::before {width:17px; height:16px; background-position:-146px -98px}
.util-share .btn-util-more::before {width:17px; height:4px; background-position:-219px -104px}
.layer-sns {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000}
.layer-sns::before {content:''; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5)}
.layer-sns .layer-inner {position:absolute; top:50%; left:50%; width:320px; padding:15px 15px 30px; background:#fff; transform:translate(-50%, -50%); border-radius:3px; box-shadow:0 0 15px rgba(0,0,0,.2); box-sizing:border-box}
.layer-sns .layer-tit {margin-bottom:15px; font-size:14px; text-align:center}
.layer-sns .share-sns-list > [class^="btn-"] {float:left; width:33.33336%; margin-bottom:10px; text-align:center}
.layer-sns .share-sns-list > [class^="btn-"]::before {width:41px; height:41px}
.layer-sns .share-sns-list > [class^="btn-"] .txt {display:block; font-size:12px; line-height:20px}
.layer-sns .share-sns-list::after {content:''; display:block; clear:both}
.layer-sns .btn-share-facebook::before {background-position:0 -227px}
.layer-sns .btn-share-twitter::before {background-position:-72px -227px}
.layer-sns .btn-share-twitter.twitter-x::before {background:url('https://static.hankyung.com/resource/common/img/icon/icon-twitter-cir-x.svg') no-repeat 50% 50%/40px 40px}
.layer-sns .btn-share-kakao::before {background-position:-145px -227px}
.layer-sns .btn-share-naver::before {background-position:-219px -227px}
.layer-sns .btn-share-band::before {background-position:-291px -227px}
.layer-sns .btn-share-daumcafe::before {background-position:-364px -227px}
.layer-sns .share-url {position:relative; display:block; width:220px; height:36px; margin:0 auto 20px; padding:0 38px 0 10px; border:1px solid #e2e2e2; line-height:36px; overflow:hidden; box-sizing:border-box}
.layer-sns .share-url .url {display:block; color:#888; font-size:12px; line-height:34px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:0}
.layer-sns .share-url .btn-copy-url {position:absolute; top:0; right:0; width:38px; height:34px; background-color:#999}
.layer-sns .share-url .btn-copy-url::before {width:16px; height:16px; background-position:-438px -239px}
/* .layer-sns .share-sns > li {float:left; width:25%; text-align:center}
.layer-sns .share-sns > li > a {display:block; position:relative; padding-top:35px; text-decoration:none}
.layer-sns .share-sns::after {content:''; display:block; clear:both}
.layer-sns .share-sns .txt {font-size:11px}
.layer-sns .share-sns [class^="sns-"]::before {position:absolute; top:3px; left:50%; transform:translateX(-50%)}
.layer-sns .share-sns.sns-naver-post::before {top:1px}
.layer-sns .share-sns .sns-naver-news::before {top:5px} */
.layer-sns .naver-channel {margin-top:20px; text-align:center}
.layer-sns .naver-channel .btn-naver-channel {display:inline-block; width:220px; height:35px; border-radius:18px; background:#3bc33d; color:#fff; font-size:14px; line-height:34px; text-decoration:none; box-sizing:border-box}
.layer-sns .btn-close-layer {position:absolute; top:15px; right:15px; width:20px; height:20px}
.layer-sns .btn-close-layer::before,
.layer-sns .btn-close-layer::after {content:''; display:inline-block; width:1px; height:20px; background:#9d9d9d}
.layer-sns .btn-close-layer::before {transform:rotate(45deg)}
.layer-sns .btn-close-layer::after {transform:rotate(-45deg)}
.layer-sns.active {display:block}
.utility .util-font {position:relative; float:right}
.util-font .btn-util-font::before {width:19px; height:14px; background-position:-292px -99px}
.layer-font {display:none; position:absolute; right:0; bottom:-72px; width:220px; padding:14px 0; text-align:center; background-color:#fff; border:1px solid #e2e2e2; -webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.08); -moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,0.08); box-shadow:0px 0px 10px 3px rgba(0,0,0,0.08); vertical-align:top; z-index:10}
.layer-font > button {position:relative; width:32px; height:32px; overflow:hidden; border:1px solid #dedede; border-radius:50%; background:#fff}
.layer-font > button + button {margin-left:4px}
.layer-font > button::before {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.layer-font > button.on {border-color:#999; background:#999}
.layer-font .btn-fs05::before {width:14px; height:16px; background-position:0 -146px}
.layer-font .btn-fs04::before {width:13px; height:14px; background-position:-73px -147px}
.layer-font .btn-fs03::before {width:11px; height:12px; background-position:-146px -148px}
.layer-font .btn-fs02::before {width:9px; height:10px; background-position:-219px -149px}
.layer-font .btn-fs01::before {width:8px; height:9px; background-position:-292px -150px}
.layer-font .btn-fs05.on::before {background-position:0 -186px}
.layer-font .btn-fs04.on::before {background-position:-73px -187px}
.layer-font .btn-fs03.on::before {background-position:-146px -188px}
.layer-font .btn-fs02.on::before {background-position:-219px -189px}
.layer-font .btn-fs01.on::before {background-position:-292px -189px}
.layer-font.active {display:block}
.util-audio-area iframe {margin:0 !important; z-index:999 !important}

.article-body {padding:20px 0 0; font-size:20px; line-height:1.5}
.article-body > p {margin:25px 0; display:-webkit-box; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word}
.article-body em ,
.article-body i {font-style:italic}
.article-body table {width:100%; border-collapse:collapse; table-layout:fixed}
.article-body table,
.article-body table th,
.article-body table td {border:1px solid #e5e5e5}
.article-body table th,
.article-body table td {padding:5px 8px}
.article-body blockquote {position:relative; margin:20px 0; padding:19px; /*border:1px solid #e5e5e5; background:#f7f7f7*/}
.article-body blockquote .svg-quote {fill:#666; display:block; width:22px; height:17px; margin-bottom:10px}
.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 .summary {position:relative; margin-bottom:25px; padding-left:15px; font-weight:normal}
.article-body .summary:before {content:''; display:block; position:absolute; top:5px; bottom:2px; left:0;  width:3px; background-color:#e5e5e5}
.article-copy {font-size:20px}

.article-figure {margin:25px 0; text-align:center}
.figure-img {position:relative; display:inline-block; max-width:inherit}
.figure-img > img {height:auto; max-width:100%}
.figure-img .btn-img-big {position:absolute; right:0px; bottom:0px; width:45px; height:45px; background-color:rgba(0,0,0,0.6)}
.figure-img .btn-img-big::before {content:''; display:inline-block; position:absolute; top:50%; left:50%; width:26px; height:26px; background-position:-219px -290px; transform:translate(-50%, -50%)}
.figure-caption {max-width:100%; margin:10px auto; color:#888; font-size:0.6em; line-height:1.3; text-align:left}

.article-audio-player {position:relative; height:60px; margin:20px auto; padding:13px 66px 0 80px; border:1px solid #e7e7e7; border-radius:30px; box-sizing:border-box}
.article-audio-player .btn-audio {display:inline-block; position:absolute; top:13px; width:32px; height:32px; outline:none}
.article-audio-player .btn-audio::before {content:''; display:inline-block}
.article-audio-player .btn-audio.play {left:26px; width:33px; height:33px}
.article-audio-player .btn-audio.play::before {width:22px; height:24px; background-position:-291px -294px}
.article-audio-player.playing .btn-audio.play::before {width:33px; height:33px; background-position:-339px -290px}
.article-audio-player .btn-audio.mute {right:24px}
.article-audio-player .btn-audio.mute::before {width:23px; height:17px; background-position:-393px -298px}
.article-audio-player.muted .btn-audio.mute::before {width:23px; height:17px; background-position:-443px -298px}
.article-audio-player .progress-controls {position:relative; padding:15px 47px 0 0}
.article-audio-player .progress-bar {position:relative; height:2px; background-color:#e5e5e5}
.article-audio-player .progress-bar .progress-bar-played {position:relative; height:100%; background-color:#222}
.article-audio-player .progress-bar .progress-handle {position:absolute; top:-9px; display:inline-block; width:18px; height:18px; margin-left:-9px; border-radius:100%; border:1px solid #c6c6c6; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,.1); outline:0; cursor:pointer}
.article-audio-player .progress-time {position:absolute; top:0; right:0; height:32px; color:#777; font-size:13px; line-height:30px; letter-spacing:0}

.article-video {margin:20px 0; padding:5px; border-radius:4px; background:#000; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)}
.article-video .video-link {height:35px; padding-top:10px; text-align:center}
.article-video .btn-go-video {display:inline-block; color:#fff !important; font-size:16px; vertical-align:top}
.article-video .youtube {position:relative; height:0; padding-bottom:56.25%; /* 4:3 75%, 16:9 56.25% */ overflow:hidden}
.article-video .youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.marker {color:inherit; text-decoration:none !important; box-shadow:inset 0 -8px 0 #cddcff; overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.marker:hover {background:#cddcff}
.stock-point {text-decoration:none !important}
.stock-point > span {letter-spacing:0}
.stock-point.hold {color:#121212; box-shadow:inset 0 -1px 0 #222}
.stock-point.up {color:#ff000a !important; box-shadow:inset 0 -1px 0 #ff000a}
.stock-point.down {color:#457fff !important; box-shadow:inset 0 -1px 0 #457fff}

.article-tag {margin:30px 0}
.article-tag a {display:inline-block; margin-top:6px; margin-right:1px; padding:3px 9px; border-radius:3px; background-color:#f7f7f7; font-size:14px}

.article-writer {margin:30px 0 50px; display:flex; flex-wrap:wrap; gap:10px 20px}
.article-writer .writer-info {display:inline-block; flex:0 0 auto}
.article-writer .writer-info .photo {display:inline-block; width:25px; height:25px; margin-right:6px; border-radius:100%; overflow:hidden; vertical-align:middle}
.article-writer .writer-info .photo > img {width:100%; height:100%; object-fit:cover; object-position:left top}
.article-writer .writer-info .photo::after {content:''; display:inline-block; width:25px; height:25px; background-position:0 -290px}
.article-writer .writer-info .name {font-size:15px; vertical-align:middle}
.article-writer .writer-info > a:hover {text-decoration:none}
.article-writer .writer-info > a:hover .name {text-decoration:underline}
.article-writer + .ad-area.is-mobile {margin-top:-20px; margin-bottom:30px}

.article-headline {display:block; margin:25px 0 15px; padding:12px 0 11px; border-top:2px solid #c3c3c3; border-bottom:1px solid #e5e5e5; font-style:normal; font-weight:bold; font-size:1.1em; line-height:1.36em; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical}

.article-head .article-writer {margin:12px 0 15px}
.article-body-wrap {border-top:1px solid #ddd}
.article-body > *:first-of-type {margin-top:0 !important}


.related-area {margin:15px 0}
.related-area .tit-wrap {margin-bottom:5px; text-align:center}
.related-area .tit-wrap .list-tit {display:inline-block; padding:5px 0;font-weight:bold; font-size:17px; border-top:3px solid #222}
/* .related-area .tit-wrap .list-tit.list-toggle {cursor:pointer}
.related-area .tit-wrap .list-tit.list-toggle::after {content:''; display:inline-block; width:16px; height:16px; margin-left:8px; background-position:-72px -290px; vertical-align:-3px}
.related-area.active .tit-wrap .list-tit.list-toggle:after {background-position:-96px -290px} */
.related-list .news-tit {display:block; font-weight:normal; font-size:19px; line-height:1.8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.related-list .news-tit::before  {content:''; display:inline-block; width:2px; height:2px; margin-right:8px; background-color:#121212; vertical-align:5px}
.related-list.more {display:none}
.related-area.active .related-list.more {display:block}
.comment-area {margin:30px 0}
/* error */
.error-contents {padding:10% 6% 8%; text-align:center; word-break:keep-all}
.error-contents .error-msg {font-weight:bold; font-size:22px}
.error-contents .info-txt {margin-top:20px; font-size:16px}
.error-contents .move-page {margin-top:30px}
.error-contents .move-page a {display:inline-block; margin:3px 15px; font-size:15px; text-decoration:underline}
/* sitemap */
.news-archive {padding:20px 0}
.news-archive-tit {margin-bottom:5px; font-weight:bold; font-size:15px}
.news-archive-list {margin:0 -10px; overflow:hidden}
.news-archive-list li {float:left; width:60px}
.news-archive-list a {display:block; padding:5px 10px; color:#5c7bc2; letter-spacing:0}
.news-archive-list:after {content:''; display:block; clear:both}
.news-archive-day dl + dl {margin-top:25px}
.news-archive-day dt {font-weight:bold; font-size:15px}
.news-archive-day dd li {float:left; width:40px; margin-top:2px; color:#999; font-size:13px; letter-spacing:0; text-align:right}
.news-archive-day dd li a {color:#5c7bc2}
.news-archive-day dd ul:after {content:''; display:block; clear:both}
.archive-article li {position:relative; margin-top:20px; padding-left:10px}
.archive-article li:before {content:'· '; position:absolute; top:1px; left:0; color:#5c7bc2}
.archive-article .news-tit {font-weight:normal; font-size:17px}
.archive-article .news-tit a {color:#5c7bc2}
/* company */
.company-wrap {font-size:15px; line-height:1.6}
.company-wrap .img-magazine {margin-bottom:20px; text-align:center}
.company-wrap .cont-tit {margin:20px 0 10px; font-size:17px}
.company-wrap .cont-tit .num {font-size:25px; vertical-align:-3px}
.company-wrap .cont-tit:first-of-type {margin-top:0}
.company-wrap .cont-info .para-block {display:flex; flex-direction:column; gap:16px; word-break:keep-all; overflow-wrap:anywhere}
.company-wrap .cont-info p {color:#555}
.company-wrap .cont-info dl {margin:15px 0}
.company-wrap .cont-info dt {margin-bottom:5px}
.company-wrap .cont-info .logo-txt {display:inline-block; padding:4px 4px 2px; line-height:1.1; color:#fff; font-size:17px; background:#96c0df}
.company-wrap .history-list {border-top:2px solid #00448d}
.company-wrap .history-list li {padding:10px 0}
.company-wrap .history-list li + li {border-top:1px solid #ececec}
.company-wrap .history-list li > div {position:relative; padding-left:90px}
.company-wrap .history-list li > div .history-date {position:absolute; top:0; left:0; width:80px; font-weight:bold; color:#00448d; text-align:right; letter-spacing:0}
.company-wrap .history-list li > div .history-txt {word-break:keep-all}
.company-wrap .history-list li > div + div {margin-top:20px}
.company-wrap .history-list li.hidden-point ~ li {display:none}
.company-wrap .history-list.active li.hidden-point ~ li {display:block}
.company-wrap .history-list.active + .btn-more-history > span::after {transform:rotate(-135deg); vertical-align: baseline}
.company-wrap .btn-more-history {display:block; width:100%; padding:20px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center}
.company-wrap .btn-more-history > span::after {content:''; display:inline-block; width:6px; height:6px; margin-left:6px; border-right:1px solid #222; border-bottom:1px solid #222; vertical-align:4px; transform:rotate(45deg)}
.company-wrap .img-map {text-align:center}
.company-wrap .contact-area {position:relative; padding-left:110px}
.company-wrap .contact-area dt {position:absolute; top:0; left:0; width:105px; font-weight:bold}
.company-wrap .contact-area dd > span {display:block}
.company-wrap .contact-area dd > span em {display:inline-block; width:30px; font-weight:normal}
.company-wrap .contact-area dd > span + span {margin-top:5px}
.company-wrap .contact-area dl + dl {margin-top:10px}
/* 구독신청 */
.page-subscription .subscription-wrap {max-width:740px; margin:0 auto}
.page-subscription iframe {width:100%; overflow:hidden}
/* 광고문의 */
.page-advertisement .sub-tit-wrap {margin:0}
.advertisement-info {max-width:740px; margin:0 auto}
.advertisement-category {position:relative; height:50px; overflow:hidden; white-space:nowrap; border-bottom:1px solid #ececec}
.advertisement-category::before,
.advertisement-category::after {content:''; display:block; position:absolute; top:0; width:20px; height:100%; z-index:2}
.advertisement-category::before {left:0; background:-moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0) 100%); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0) 100%); background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 0) 100%)}
.advertisement-category::after {right:0; background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 1) 100%); background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 51%, rgba(255, 255, 255, 1) 100%)}
.advertisement-category .inner-scroll {height:100%; padding:0 15px 80px; overflow-x:scroll; overflow-y:hidden; text-align:center; box-sizing:border-box; -webkit-overflow-scrolling:touch; text-align:center}
.advertisement-category ul {display:inline-block}
.advertisement-category ul li {position:relative; display:inline-block; padding:10px 0; vertical-align:middle}
.advertisement-category ul li a {display:block; padding:3px 15px; color:#223870; font-weight:500; font-size:16px; line-height:25px; box-sizing:border-box; box-sizing:border-box; text-decoration:none}
.advertisement-category ul li.on::before {z-index:-1; content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; height:auto; padding:15px; border-radius:20px; background-color:#223870; box-sizing:border-box}
.advertisement-category ul li.on a {position:relative; color:#fff; font-weight:bold}
.advertisement-info {padding:30px 0 0; font-size:15px; line-height:1.6}
.advertisement-info .cont-tit {display:block; width:100%; margin-bottom:23px; padding:10px 0; border-radius:20px; font-weight:600; color:#00448d; font-size:16px; text-align:center; background-color:#dfebf8; box-sizing:border-box}
.advertisement-info .category-logo {margin-bottom:25px; text-align:center}
.advertisement-info .category-logo .logo-business {width:114px; height:32px}
/* .advertisement-info .category-logo .logo-money {width:142px; height:22px} */
.advertisement-info .category-logo .logo-jobnjoy {width:89px; height:30px}

.advertisement-info .cont-info p {color:#555}
.advertisement-info .cont-info p + p {margin-top:10px}
.advertisement-info .cont-info dl {margin:15px 0}
.advertisement-info .cont-info dt {margin-bottom:5px; font-weight:bold}
.advertisement-info .unit {margin-bottom:5px; color:#777; font-size:14px; line-height:23px; letter-spacing:-0.01em; text-align:right}
.advertisement-info .cont-list li {padding:15px 0; border-top:1px solid #e3e3e3; box-sizing:border-box}
.advertisement-info .cont-list .tit {display:block; font-size:17px}
.advertisement-info .cont-list .desc {font-size:21px}
.advertisement-info .cont-list li .page-name {float:left; font-size:17px; line-height:33px}
.advertisement-info .cont-list li .page-name > span {margin-left:10px; color:#555; letter-spacing:0}
.advertisement-info .cont-list li .price {float:right; font-size:21px; letter-spacing:0}
.advertisement-info .cont-list li::after {content:''; display:block; clear:both}
.advertisement-info .contact {margin:25px 0 0; padding:25px 15px; font-size:14px; background-color:#f3f3f3}
.advertisement-info .contact > strong,
.advertisement-info .contact > ul {float:left}
.advertisement-info .contact > strong {width:85px; margin-bottom:10px; font-weight:bold}
.advertisement-info .contact > ul {min-width:65%}
.advertisement-info .contact > ul li + li {margin-top:10px}
.advertisement-info .contact > ul li > em,
.advertisement-info .contact > ul li > span {display:inline-block; vertical-align:middle}
.advertisement-info .contact > ul li > em {width:24px; height:24px}
.advertisement-info .contact > ul li > em.tel {background:url('https://static.hankyung.com/img/magazine/m/icon-tel.png') no-repeat center; background-size:cover}
.advertisement-info .contact > ul li > em.fax {background:url('https://static.hankyung.com/img/magazine/m/icon-fax.png') no-repeat center; background-size:cover}
.advertisement-info .contact > ul li > em.email {background:url('https://static.hankyung.com/img/magazine/m/icon-email.png') no-repeat center; background-size:cover}
.advertisement-info .contact > ul li > span {margin-left:12px; letter-spacing:0}
.advertisement-info .contact::after {content:""; display:block; clear:both}
.advertisement-jobnjoy .cont-info p + p {margin-top:25px}
.advertisement-jobnjoy .cont-info dl {margin-top:30px}
.advertisement-jobnjoy .cont-list {border-bottom:1px solid #e3e3e3}
.advertisement-jobnjoy .bul-dot {margin-top:10px}

/* cp */
.cp-wrap {max-width:740px; margin:0 auto}
.cp-nav {margin-bottom:50px}
.cp-nav > li {float:left; width:50%}
.cp-nav > li > a {display:block; box-shadow:1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset; line-height:50px; font-size:19px; text-align:center; white-space:nowrap}
.cp-nav > li.on {position:relative}
.cp-nav > li.on > a {background:#fff; box-shadow:1px 0 0 0 #222, 0 1px 0 0 #222, 1px 1px 0 0 #222, 1px 0 0 0 #222 inset, 0 1px 0 0 #222 inset; font-weight:bold}
.cp-nav::after {content:''; display:block; clear:both}


.cp-nav-tab .cp-nav {display:flex; flex-wrap:wrap}
.cp-nav-tab .cp-nav > li {float:none; width:auto; flex:1 1 auto}

.cp-cont .tit-cont {margin-bottom:15px; font-weight:bold; font-size:22px}
.cp-cont p {font-size:16px; line-height:1.7}
.cp-cont + .cp-cont {margin-top:40px}
.cp-info-intro::after {content:''; display:block; width:242px; height:222px; margin:10px auto 0; background:url('https://static.hankyung.com/img/magazine/2021/w/bg-cp-info.png') no-repeat 0 0/contain}
.cp-item-box {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; margin:-10px -5px}
.cp-item-box > li {flex:0 0 auto; margin:10px 5px; box-sizing:border-box}
.cp-item-box .in {height:100%; padding:17px 20px; background:#6fc5da; color:#fff; font-size:16px; line-height:1.7; box-sizing:border-box}
.cp-item-box .in br {display:none}
.cp-item-box dt {font-weight:bold; font-size:19px}
.cp-item-box dd {margin-top:3px}
.cp-workflow {margin:30px 0}
.cp-workflow li {position:relative}
.cp-workflow li .cp-work {position:relative; padding:10px 20px 10px 50px; border-radius:4px; background:linear-gradient(90deg, rgba(53,86,147,1) 50px, rgba(111,149,218,1) 50px); color:#fff; font-size:16px; text-align:center}
.cp-workflow li .cp-work span {vertical-align:middle}
.cp-workflow li .num,
.cp-workflow li .txt {font-weight:bold}
.cp-workflow li .num {position:absolute; left:0; width:50px; margin:0 30px 0 2px}
.cp-workflow li + li::before {content:''; display:block; width:20px; height:20px; margin:0 auto 15px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; transform:rotate(45deg)}
.work-area {margin:20px 0}
.work-area dl {position:relative; margin:17px 0; padding-left:20px; font-size:16px; line-height:1.4}
.work-area dl::before {content:''; position:absolute; top:3px; left:0; bottom:3px; width:4px; background:#6f95da}
.work-area dt {margin-bottom:7px; font-weight:bold; font-size:19px} 
.work-area li {position:relative; padding-left:10px}
.work-area li::before {content:'·'; position:absolute; top:0; left:0}
.cp-portfolio .cp-cont ul {display:flex; flex-wrap:wrap; margin:0 -15px}
.cp-portfolio .cp-cont li {flex:0 0 calc(50% - 30px); margin:0 15px 30px}
.cp-portfolio .cp-cont .thumb {position:relative; width:100%; padding-bottom:125%; border-radius:0; box-sizing:border-box}
.cp-portfolio .cp-cont .thumb::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd}
.cp-portfolio .cp-cont .thumb img {position:absolute; top:50%; left:0; width:auto; min-height:auto; transform:translateY(-50%)}
.cp-portfolio .cp-cont .tit {margin:15px 0 10px; font-weight:bold; font-size:19px; word-break:break-all}
.cp-portfolio .cp-cont .desc {font-size:16px; line-height:1.5; word-break:break-all}
.portfolio-view-position {position:sticky; top:0; z-index:10; margin:-20px -20px 20px}
.portfolio-view {display:flex; color:#fff; font-size:13px; line-height:1.3}
.portfolio-view li {flex:1}
.portfolio-view a {display:flex; justify-content:center; align-items:center; padding:10px 20px; color:#fff; text-decoration:none}
.portfolio-view .pdf {background:#ff6363}
.portfolio-view .brochure {background:#955ab1}
.portfolio-view .material-icons-outlined {margin:0 5px 0 0; font-size:30px}
.portfolio-view .txt {word-break:keep-all}
.cp-contact .tit-cont {margin-top:-10px; line-height:1.4}

.board-table {margin-top:30px; width:100%; table-layout:fixed; border-top:2px solid #222; border-bottom:1px solid #222; text-align:left}
.board-table tr:first-child th,
.board-table tr:first-child td {padding-top:30px}
.board-table tr:first-child th {padding-top:40px}
.board-table tr:last-child th,
.board-table tr:last-child td {padding-bottom:30px}
.board-table th, .board-table td {font-size:16px; padding:10px 0; vertical-align:top}
.board-table th {padding-top:20px; font-weight:normal}
.board-action {margin-top:30px; text-align:center}
.board-action [class^="btn-"] {display:inline-block; width:150px; height:50px; margin:0 7px; border:1px solid #ddd; font-size:19px; text-align:center; box-sizing:border-box}
.board-action .btn-submit {border-color:#222}
.inp-txt {width:100%; max-width:100%; height:50px; padding:10px 15px; border-radius:4px; border:1px solid #ddd; box-sizing:border-box}
.inp-txtarea {width:100%; padding:10px 15px; border-radius:4px; border:1px solid #ddd; box-sizing:border-box; resize:none}

/* e매거진 */
.info-box {padding:18px 20px 17px; border-radius:10px; background:#f7f7f7; font-size:14px; line-height:1.6}
.info-box .txt {position:relative; padding-left:10px}
.info-box .txt::before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; background:#222}
.info-box .btns {margin-top:15px; text-align:center}
.info-box .btns .btn-emagazine-pramary {margin:5px}

.btn-emagazine-pramary {display:inline-block; height:30px; padding:0 20px; border-radius:150rem; background:#e85454; color:#fff; font-size:16px; text-align:center}
.btn-emagazine-pramary::before {content:''; display:inline-block; width:1px; height:30px; vertical-align:-9px}
.btn-emagazine-pramary::after {content:''; display:inline-block; position:relative; top:-3px; width:6px; height:6px; margin-left:5px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg)}

.emagazine-list .item > a {position:relative; z-index:1; float:left; text-decoration:none; width:225px; -webkit-perspective:1800px; perspective: 1800px}
.emagazine-list .book-wrap {position:absolute; width:100%; height:300px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:-webkit-transform .5s; transition:transform .5s}
.emagazine-list .book-wrap > div {display:block; position:absolute}
.emagazine-list .book-front,
.emagazine-list .book-front .book-cover img,
.emagazine-list .book-back {width:225px; height:300px}
.emagazine-list .book-front {-webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 50%; transform-origin:0% 50%; -webkit-transition:-webkit-transform .5s; transition:transform .5s; -webkit-transform:translate3d(0,0,20px); transform:translate3d(0,0,20px); z-index:10}
.emagazine-list .book-front::before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:3; box-shadow:inset 4px 0 10px rgba(0,0,0,.1); border-radius:0 3px 3px 0; background:linear-gradient(90deg, rgba(0,0,0,.05) .5%, transparent 3%)}
.emagazine-list .book-front > div {z-index:1; box-shadow:2px 2px 1px rgba(0,0,0,.05); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.emagazine-list .book-front .book-cover::after {content:''; position:absolute; top:0; left:10px; bottom:0; width:3px; background:rgba(0,0,0,0.06); box-shadow:1px 0 3px rgba(255,255,255,.1)}
.emagazine-list .book-front .book-cover img {object-fit:unset; outline:1px solid transparent; border-radius:0 3px 3px 0}
.emagazine-list .book-back {-webkit-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,20px); transform:rotate3d(0,1,0,-180deg) translate3d(0,0,20px); box-shadow:10px 10px 30px rgba(0,0,0,.3); border-radius: 3px 0 0 3px; background:#65616f}
.emagazine-list .book-left {height:300px; -webkit-transform:rotate3d(0,1,0,-90deg); transform:rotate3d(0,1,0,-90deg); width:40px; left:-20px; background:#65616f}
.emagazine-list .book-left .txt {position:absolute; left:0; bottom:0; width:100px; transform: rotate(90deg) translateY(30px); color:#fff; text-align:left}
.emagazine-list .book-left .txt.dark {color:#222}
.emagazine-list .emagazine-category {position:relative; margin-top:325px}

.emagazine-datail-list {display:flex; flex-wrap:wrap; justify-content:space-between}
.emagazine-datail-list > li {flex:0 0 auto; width:calc(50% - 15px); margin-top:45px}
.emagazine-datail-list > li > a {display:block; position:relative}
.emagazine-datail-list .thumb {position:relative; height:0; padding-top:131%;  border-radius:5px; background:#f7f7f7}
.emagazine-datail-list .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:unset}
.emagazine-datail-list .thumb::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:5px; border:1px solid rgba(0,0,0,.1)}
.emagazine-datail-list .info {text-align:center}
.emagazine-datail-list .info .emagazine-tit {margin:13px 0 8px}
.emagazine-datail-list .info .date, 
.emagazine-datail-list .info .num {color:#121212; font-size:14px}
.emagazine-datail-list .btn-go-pdf {display:inline-block; width:100%; max-width:140px; height:30px; border-radius:150rem; background:#e85454; color:#fff; font-size:16px; text-align:center}
.emagazine-datail-list .btn-go-pdf::after {content:''; display:inline-block; width:1px; height:30px; vertical-align:-10px}
.emagazine-datail-list .badge-new {position:absolute; top:-10px; left:-10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding-top:1px; border-radius:50%; background:#e85353; color:#fff; font:bold 10px Tahoma,sans-serif; z-index:2; box-sizing:border-box}
.emagazine-datail-list .badge-handbook {position:absolute; top:-10px; left:-10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding-top:1px; border-radius:50%; background:#007f7b; color:#fff; font:bold 10px Tahoma,sans-serif; z-index:2; box-sizing:border-box}
.emagazine-datail-list .badge-handbook ~ .info .btn-go-pdf {background-color:#007f7b}
.emagazine-datail-list .badge-special {position:absolute; top:-10px; left:-10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding-top:1px; border-radius:50%; background:#0b74e1; color:#fff; font:bold 10px Tahoma,sans-serif; z-index:2; box-sizing:border-box}
.emagazine-datail-list .badge-special ~ .info .btn-go-pdf {background-color:#0b74e1}
.emagazine-datail-list .badge-bookinbook {position:absolute; top:-10px; left:-10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding-top:1px; border-radius:50%; background:#6A3DD4; color:#fff; font:bold 10px Tahoma,sans-serif; z-index:2; box-sizing:border-box}
.emagazine-datail-list .badge-bookinbook ~ .info .btn-go-pdf {background-color:#6A3DD4}
.emagazine-datail-list .badge-supplement {position:absolute; top:-10px; left:-10px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding-top:1px; border-radius:50%; background:#a26500; color:#fff; font:bold 10px Tahoma,sans-serif; z-index:2; box-sizing:border-box}
.emagazine-datail-list .badge-supplement ~ .info .btn-go-pdf {background-color:#a26500}

.btn-more-wrap {margin:45px 0 15px; text-align:center}
.btn-more-wrap .btn-more {display:block; height:45px; border:1px solid #e5e5e5; border-radius:10px; font-size:16px}
.btn-more-wrap .btn-more::after {content:''; display:inline-block; width:1px; height:45px; vertical-align:-17px}

/* e매거진 뷰어 */
.loading-spinner {width:100%; display:flex; align-items:center; justify-content:center}
.loading-spinner img {width:70px; height:70px}

.emagazin-viewer .page-num {display:flex; align-items:center; justify-content:center; width:100px; height:40px; border-radius:20px; background:rgba(0,0,0,.5); color:#fff; font-size:16px}
.emagazin-viewer .page-num .bar {margin:0 4px}

/* 팝업 */
.popup-wrap {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; background:rgba(0,0,0,.7)}
.popup-wrap .popup-inner {position:absolute; top:50%; left:30px; right:30px; transform:translateY(-50%); max-width:400px; margin:0 auto; padding:40px 30px 30px; border:1px solid #ddd; border-radius:10px; background:#fff; text-align:center; word-break:keep-all; box-sizing:border-box}
.popup-wrap .txt-point {color:#ea5a53}
.popup-wrap .btn-popup-default {display:inline-block; width:170px; height:35px; border-radius:150rem; background:#e85454; color:#fff; font-size:16px; text-align:center}
.popup-wrap .btn-popup-default::after {content:''; display:inline-block; width:1px; height:35px; vertical-align:-11px}
.popup-wrap .popup-header {margin-bottom:10px}
.popup-wrap .popup-tit {font-size:20px}
.popup-wrap .popup-body {font-size:16px}
.popup-wrap .popup-body p + p {margin-top:10px}
.popup-wrap .popup-foot {margin-top:20px}
.popup-wrap .btn-popup-close {position:absolute; top:10px; right:10px; width:30px; height:30px}
.popup-wrap .btn-popup-close::before,
.popup-wrap .btn-popup-close::after {content:''; position:absolute; left:15px; width:1px; height:30px; background-color:#222}
.popup-wrap .btn-popup-close::before {transform:rotate(45deg)}
.popup-wrap .btn-popup-close::after {transform:rotate(-45deg)}

/* 구독인증 페이지 */
.form-item + .form-item {margin-top:10px}
.form-element {position:relative;}
.form-element .form-label {position:absolute; top:50%; left:20px; color:#888; font-size:16px; transform:translateY(-50%); transition:top ease-in .125s}
.form-element .inp-txt {height:60px; padding:16px 20px 0; border-radius:10px; color:#121212; font-size:16px}
.form-element .inp-txt:disabled {-webkit-text-fill-color:#888; opacity:1}
.form-element.form-fixed .inp-txt {color:#888; letter-spacing:0; background-color:#f3f3f3}
.form-element.form-num .inp-txt {letter-spacing:0}
.is-focus .form-element, .form-element .inp-txt:focus {border-color:#666}
.is-focus .form-element .form-label {top:10px; left:20px; font-size:11px; transform:none}
.form-element .form-select::after {content:''; display:inline-block; position:absolute; top:calc(50% - 4px); right:20px; width:0; height:0; margin-left:5px; border-width:9px 7px; border-style:solid; border-color:#222 transparent transparent transparent; vertical-align:-3px}
.form-element select {cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff}
.form-element select::-ms-expand{display:none}
.form-element .inp-txt:-webkit-autofill,
.form-element .inp-txt:-webkit-autofill:hover, 
.form-element .inp-txt:-webkit-autofill:focus, 
.form-element .inp-txt:-webkit-autofill:active {box-shadow: 0 0 0 30px white inset; -webkit-box-shadow: 0 0 0 30px white inset !important}
.info-list {margin-top:10px}
.info-list li, .info-list li a {line-height:21px; color:#888; font-size:14px}
.info-list li + li {margin-top:5px}
.info-list + .txt-ct {margin-top:25px}

.certify-wrap {letter-spacing:-.075em}
.certify-wrap .cp-nav {display:table; width:100%; margin-bottom:0}
.certify-wrap .cp-nav::after {display:none}
.certify-wrap .cp-nav > li {float:none; display:table-cell; width:33.33%; height:60px; vertical-align:middle}
.certify-wrap .cp-nav > li > a {display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%; line-height:normal; font-size:16px; box-sizing:border-box}
.certify-wrap .certify-step1 {margin-top:15px}
.certify-wrap .btn-reset, .certify-wrap .btn-submit {height:50px; padding:0px 50px; border-radius:25px; line-height:1; font-size:16px; text-align:center; box-sizing:border-box}
.certify-wrap .btn-reset {border:1px solid #ddd; color:#121212; background-color:#fff}
.certify-wrap .btn-submit {margin-left:8px; color:#fff; background-color:#e85353}

/* step2 */
.certify-wrap .certify-step2 {margin-bottom:100px}
.certify-info-txt {padding:100px 0 80px; font-size:24px; font-weight:700; text-align:center; word-break:keep-all; box-sizing:border-box}

/* step3 */
.certify-wrap .certify-step3 {margin-bottom:130px}
.certify-wrap .row-tbl {margin-top:30px}
.row-tbl {width:100%; border:1px solid #ddd}
.row-tbl tr + tr {border-top:1px solid #ddd}
.row-tbl th, .row-tbl td {padding:15px 15px; font-size:16px; box-sizing:border-box;}
.row-tbl th {border-right:1px solid #ddd; font-weight:400; text-align:center; background-color:#f3f3f3}
.row-tbl td {letter-spacing:0}

/* 개인정보 수집 및 이용 추가 */
.privacy-box .essential {color:#eb0026; font-size:13px}
.privacy-box .essential-txt {margin-bottom:12px; color:#eb0026; font-size:13px}
.privacy-box .scroll {overflow-y:auto; height:100px; padding:15px 20px; border-radius:5px; border:1px solid #e0e0e0; color:#555; line-height:21px; font-size:14px; box-sizing:border-box}
.privacy-box .scroll::-webkit-scrollbar {width:5px; -webkit-appearance: none;}
.privacy-box .scroll::-webkit-scrollbar-thumb {height:17%; background-color:#ddd; border-radius:10px}
.privacy-box .scroll ul + p {margin-top:15px}
.privacy-box .chk-area {display:block; margin:15px 0 25px}
.privacy-box .chk-area label {display:inline-block; position:relative; padding-top:2px; padding-left:31px; line-height:21px; font-size:15px; cursor:pointer}
.privacy-box .chk-area label:before {content:''; display:inline-block; position:absolute; top:1px; left:0; width:22px; height:22px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box}
.privacy-box .chk-area .inp-chk {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.privacy-box .chk-area .inp-chk:checked + label::before {border-color:#142c67; background:#142c67 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='7.9px' viewBox='0 0 10 7.9'%3E%3Cpath d='M3.8,7.9L0,4.3l1.5-1.5l2.2,2.1L8.5,0L10,1.5L3.8,7.9z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center/15px 12px}
/* .privacy-box .chk-area .inp-chk:checked + label:after {content:''; display:block; position:absolute; top:6px; left:3px; width:15px; height:6px; margin-bottom:4px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg);} */

/* 배너 */
.banner-area {display:flex; justify-content:center; margin:24px 0; text-align:center}
.banner-area .slick-slide {display:flex; justify-content:center}


/* 뉴스 썸네일 placeholder */
.news-item .thumb,
.media-main-top .thumb,
.news-list .thumb {background:url('https://static.hankyung.com/resource/common/img/thumb/thumb-default-magazine.svg') no-repeat center center/cover}

/* 매체별 메인 */
.media-main .thumb {border-radius:0}
.media-main-inner {max-width:1280px; margin:0 auto; padding:0 15px}

.news-item {display:flex; align-items:center; padding:10px 0; gap:10px; box-sizing:border-box; border-top:1px solid #E4E4E4}
.news-item .thumb {position:relative; flex:0 0 auto; width:120px; height:75px}
.news-item .thumb > a {position:relative; width:100%; height:100%; border-radius:0}
.news-item .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
.news-item .txt-cont {flex:1 1 auto; width:calc(100% - 130px)}
.news-item .date {display:block; margin-top:5px; color:#888; font-size:12px}
.news-item .news-tit {font-weight:700; font-size:19px; line-height:1.3; -webkit-line-clamp:2}
.news-item .news-tit .icon-premium {width:15px; height:20px; margin-right:4px; vertical-align:-3px}
.news-item .news-category {margin-bottom:5px; color:#142C67; font-weight:700; font-size:12px}
.news-item .news-category a {color:inherit}

.main-headline .news-tit {font-size:24px; line-height:1.3; -webkit-line-clamp:3}
.main-headline .news-sub-tit {margin-top:4px; color:#888; font-size:16px}
.main-headline .lead {margin-top:10px; color:#888; font-size:14px}
.main-headline .thumb {position:relative}
.main-headline .thumb > a {position:absolute; top:0; left:0}
.main-headline .txt-cont {padding:15px 0; box-sizing:border-box}

.main-major-news .news-item .news-tit {-webkit-line-clamp:3}
.main-major-news .banner-area {margin:0; padding:24px 0 10px; border-top:1px solid #ddd}
.main-major-news .lead {margin-top:12px; color:#121212; font-size:16px; line-height:1.9; -webkit-line-clamp:6}
.media-latest-news {border-top:1px solid #121212; border-bottom:1px solid #121212}
.media-latest-news-wrap {border-top:1px solid #121212; border-bottom:1px solid #121212}
.media-latest-news-wrap .media-latest-news {border:none}

.main-major-cont > .banner-area {margin:0}
.main-major-cont > .banner-area + .main-top-emagazine,
.main-major-cont > .main-top-emagazine + .banner-area {margin-top:10px}

.main-top-emagazine {padding:16px; background:#eee}
.main-top-emagazine .component-tit {margin-bottom:10px; padding:0; font-size:17px}
.main-top-emagazine .magazine-module {display:flex; align-items:center; gap:25px; margin:0; padding:0; background:none}
.main-top-emagazine .magazine-module .thumb {flex:0 0 auto; width:128px; height:170px; margin:0; box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.30)}
.main-top-emagazine .magazine-module .cont {flex:1; max-width:calc(100vw - 214px)}
.main-top-emagazine .magazine-module .magazine-num {font-size:13px}
.main-top-emagazine .magazine-module .magazine-tit {margin:5px 0; font-weight:700; font-size:22px; word-break:keep-all; word-wrap:break-word}
.main-top-emagazine .magazine-module .magazine-btn {flex-direction:column}
.main-top-emagazine .magazine-module .magazine-btn [class^="btn-"] {width:100%; min-width:unset; height:40px}

.module-thumb-card .news-item {flex-direction:column}
.module-thumb-card .news-item .thumb {position:relative; width:100%; height:0; padding-bottom:62.66667%}
.module-thumb-card .news-item .thumb > a {position:absolute; top:0; left:0}
.module-thumb-card .news-item .txt-cont {width:100%}

.module-thumb-card.grid-col-3:not(.type-overlay) .news-item:first-child {border-top:none; padding-top:0}
.module-thumb-card.grid-col-3 .lead {margin-top:5px; font-size:14px}

.module-thumb-card:not(.grid-col-big) {display:flex; flex-wrap:wrap; gap:20px} 
.module-thumb-card:not(.grid-col-big) .news-item {flex:0 0 auto; width:calc(50% - 10px); border:none; padding:0}
.module-thumb-card:not(.grid-col-big) .news-item .news-tit {-webkit-line-clamp:3}

.media-latest-news .news-item .badge-img {border-radius:4px}

.main-component {margin:24px 0; border-top:4px solid #142C67}
.component-tit {font-weight:bold; font-size:19px}
.component-tit > a,
.component-tit > span {display:block; padding:15px 15px 15px 0; box-sizing:border-box}
.component-tit > a {position:relative; display:flex; align-items:center}
/* .component-tit > a::after {content:''; display:block; position:absolute; top:50%; right:5px; width:7px; height:7px; border-top:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg)} */

.module-thumb-list .news-item .news-tit {font-size:17px}

.magazine-module {margin:0 -15px 24px; padding:30px 10px; background:#F7F7F7; text-align:center}
.magazine-module .thumb {max-width:220px; height:285px; margin:0 auto; border-radius:0}
.magazine-module .thumb > a {display:block; width:100%; height:100%}
.magazine-module .thumb img {width:100%; height:100%; object-fit:cover; object-position:center}
.magazine-module .magazine-tit {margin:15px 0; font-weight:700; font-size:19px}
.magazine-module .magazine-btn {display:flex; align-items:center; justify-content:center; gap:10px}
.magazine-module .magazine-btn [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center; min-width:120px; height:46px; border-radius:50rem; box-sizing:border-box; color:#fff; font-size:15px; line-height:1; white-space:nowrap}
.magazine-module .magazine-btn .btn-subscription {background:#142C67}
.magazine-module .magazine-btn .btn-view-emagazine {background:#E85454}
.main-emagazine .magazine-module .thumb {position:relative}
.main-emagazine .magazine-module .thumb::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}

.page-subscription .magazine-subscribe {margin-bottom:30px; padding:40px 0}

.main-ranking-list {margin-top:-10px}
.main-ranking-list > .news-item {display:flex; align-items:flex-start; gap:0}
.main-ranking-list > .news-item:first-child {border-top:none}
.main-ranking-list .ranking-info {flex:0 0 auto; display:flex; flex-direction:column; width:40px}
.main-ranking-list .ranking-info .num {font-size:19px}
.main-ranking-list .ranking-info .ranking-status {font-weight:700; font-size:13px}
.main-ranking-list .ranking-info .ranking-status.new {color:#142C67; letter-spacing:0}
.main-ranking-list .ranking-info .ranking-status.up {color:#FF0000}
.main-ranking-list .ranking-info .ranking-status.down {color:#2175FF}
.main-ranking-list .ranking-info .ranking-status.hold {color:#666}
.main-ranking-list .ranking-info .arr {font-size:10px; vertical-align:2px}
.main-ranking-list .news-cont {flex:1; display:flex; gap:10px}
.main-ranking-list .news-cont .thumb {flex:0 0 auto; width:102px; height:70px}
.main-ranking-list .news-cont .txt-cont {flex:1 1 auto; width:calc(100% - 112px)}
.main-ranking-list .news-cont .news-tit {font-weight:400; font-size:17px; -webkit-line-clamp:3}


/* 2024.04.19 구독안내 추가 */
.subs-wrap {margin:-30px 0 0}
.subs-wrap .color-txt {color:#0d38ac}
.subs-wrap .info-bg-box {background-color:#f7f7f7; box-sizing:border-box}
.subs-wrap .subs-info-top {margin:0 -15px; padding:20px 20px 30px}
.subs-wrap .subs-info-head {text-align:center}
.subs-wrap .subs-info-head::after {content:''; display:block; max-width:320px; height:90px; margin:15px auto 0; background:url('https://static.hankyung.com/resource/magazine/img/icon-subs-top.svg') no-repeat center/contain}
.subs-wrap .subs-info-head .info-tit {display:block; line-height:1.4; font-size:22px}
.subs-wrap .subs-info-head .info-txt {margin-top:10px; color:#333; font-size:13px; text-align:left}
.subs-wrap .benefit-info {margin-top:19px}
.subs-wrap .benefit-info .benefit-head {padding:10px; font-weight:700; color:#fff; font-size:15px; text-align:center; background-color:#0d38ac; box-sizing:border-box}
.subs-wrap .benefit-info .benefit-list {padding:0 15px; box-sizing:border-box; background-color:#fff}
.subs-wrap .benefit-info .benefit-list li {padding:20px 0; box-sizing:border-box; text-align:center;}
.subs-wrap .benefit-info .benefit-list li + li {border-top:1px solid #ddd}
.subs-wrap .benefit-list .benefit-num {display:inline-block; height:25px; margin-bottom:8px; padding:5px 26px; border-radius:20px; line-height:1; font-size:13px; color:#fff; text-align:center; background-color:#ffba14; box-sizing:border-box}
.subs-wrap .benefit-list .benefit-num::after {content:''; display:inline-block; width:1px; height:25px; vertical-align:-12px}
.subs-wrap .benefit-list .benefit-txt {line-height:1.5; font-size:15px}
.subs-wrap .benefit-list .benefit-txt strong {display:block; font-size:17px}
.subs-wrap .subs-brand {margin-top:30px}
.subs-wrap .subs-brand:not(:first-child) {margin-top:40px}
.subs-wrap .subs-product .subs-head {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #121212}
.subs-wrap .subs-brand-tit {/*font-family: "Noto Sans KR", sans-serif; */font-size:19px}
.subs-wrap .subs-brand-tit .brand-business {color:#142c67}
.subs-wrap .subs-brand-tit .brand-money {color:#121212}
.subs-wrap .subs-product .subs-category {margin-bottom:10px}
.subs-wrap .subs-product .category-tit {font-weight:700; font-size:17px}
.subs-wrap .subs-product .subs-cont + .subs-cont {margin-top:20px}
.subs-wrap .subs-item-list {padding:20px; border:1px solid #ddd; box-sizing:border-box}
.subs-wrap .subs-item-list .subs-item-tit {line-height:1.4; font-weight:700; font-size:17px}
.subs-wrap .subs-item-list .subs-item-price {margin-top:13px}
.subs-wrap .subs-item-list .subs-item-price .subs-price {display:inline-block; font-size:15px; letter-spacing:0}
.subs-wrap .subs-item-list .subs-item-price .subs-price + .subs-price {margin-left:10px}
.subs-wrap .subs-item-list .subs-item-price .subs-price > span {color:#0d38ac; font-weight:700; font-size:17px}
.subs-wrap .subs-item-list .subs-item-price .subs-price del {color:#848484; font-size:15px}
.subs-wrap .subs-item-list li + li {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; box-sizing:border-box}
.subs-wrap .subs-item-list .btn-area {margin-top:14px; text-align:right}
.subs-wrap .subs-item-list .btn-subs {display:inline-block; padding:9px 34px 8px; border-radius:30px; color:#fff; font-weight:700; font-size:15px; background-color:#142c67}
.subs-wrap .notice-box {margin-top:60px; padding:30px}
.subs-wrap .notice-box .notice-tit {margin-bottom:15px; font-weight:700; font-size:18px; vertical-align:middle}
.subs-wrap .notice-box .notice-tit::before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E") no-repeat center/contain}
.subs-wrap .notice-box .notice-list li {line-height:1.5; font-size:14px}
.page-subscription .banner-wrap {margin-top:30px; padding:0 15px; box-sizing:border-box; text-align:center}
.page-subscription .banner-wrap + .banner-wrap {margin-top:16px}
.page-subscription .banner-wrap a + a {margin-top:10px}
.page-subscription .banner-wrap a {display:block}

.subs-wrap .subs-body {display:flex; flex-direction:column; gap:20px 30px}
.subs-wrap .subs-body .book-thumb {padding:32px 20px; border: 1px solid #eee; box-sizing:border-box; overflow:hidden}
.subs-wrap .subs-body + .subs-body {margin-top:30px}
.subs-wrap .subs-group .subs-cont {padding:20px; border:1px solid #ddd; box-sizing:border-box}
.subs-wrap .subs-group .subs-item-list {padding:0; border:none}
.subs-wrap .book-thumb-inner {position:relative; z-index:1; left:50%; transform:translateX(-40%); width:185px; -webkit-perspective:1800px; perspective:1800px}
.subs-wrap .book-wrap {width:100%; height:210px; -webkit-transform-style:preserve-3d;transform-style:preserve-3d; -webkit-transition:-webkit-transform .5s; transition:transform .5s; -webkit-transform:rotate3d(0,1,0,35deg); transform:rotate3d(0,1,0,35deg)}
.subs-wrap .book-wrap > div {display:block; position:absolute}
.subs-wrap .book-front,
.subs-wrap .book-front .book-cover img,
.subs-wrap .book-back {width:165px; height:210px}
.subs-wrap .book-front {-webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 50%; transform-origin:0% 50%; -webkit-transition:-webkit-transform .5s; transition:transform .5s; -webkit-transform:translate3d(0,0,10px); transform:translate3d(0,0,10px); z-index:10}
.subs-wrap .book-front::before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:3; box-shadow:inset 4px 0 10px rgba(0,0,0,.1); border-radius:0 3px 3px 0; background:linear-gradient(90deg, rgba(0,0,0,.05) .5%, transparent 3%)}
.subs-wrap .book-front > div {z-index:1; box-shadow:2px 2px 1px rgba(0,0,0,.05); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.subs-wrap .book-front .book-cover::after {content:''; position:absolute; top:0; left:5px; bottom:0; width:3px; background:rgba(0,0,0,0.06); box-shadow:1px 0 3px rgba(255,255,255,.1)}
.subs-wrap .book-front .book-cover img {object-fit:unset; outline:1px solid transparent; border-radius:0 3px 3px 0}
.subs-wrap .book-back {-webkit-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,10px); transform:rotate3d(0,1,0,-180deg) translate3d(0,0,10px); box-shadow:5px 5px 30px rgba(0,0,0,.3); border-radius: 3px 0 0 3px; background:#65616f}
.subs-wrap .book-left {height:210px; -webkit-transform:rotate3d(0,1,0,-90deg); transform:rotate3d(0,1,0,-90deg); width:20px; left:-10px; background:#65616f}
.subs-wrap .book-back::after {content:''; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:12%; -transform:skew(290deg); -moz-transform:skew(290deg); -ms-transform:skew(290deg); -o-transform:skew(290deg); transform:skew(290deg);-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-ms-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; background:linear-gradient(180deg, transparent, rgba(0, 0, 0, .1))}
.subs-wrap .book-wrap-group {min-height:210px; -webkit-perspective:1800px; perspective:1800px}
.subs-wrap .book-wrap-group .book-wrap {position:absolute; -webkit-transform:rotate3d(0,1,0,40deg); transform:rotate3d(0,1,0,40deg)}
.subs-wrap .book-wrap-group .book-front,
.subs-wrap .book-wrap-group .book-front .book-cover img,
.subs-wrap .book-wrap-group .book-back {width:145px}
.subs-wrap .book-wrap-group .book-front,
.subs-wrap .book-wrap-group .book-front .book-cover img,
.subs-wrap .book-wrap-group .book-back,
.subs-wrap .book-wrap-group .book-left {height:190px}
.subs-wrap .book-wrap-group .book-wrap:nth-child(1) {left:-50px; top:-10px}
.subs-wrap .book-wrap-group .book-wrap:nth-child(2) {left:60px; top:30px}


.header-sticky {position:relative; background-color:#fff; transition:top ease .3s}
.isSticky .header-sticky {position:fixed; top:0; left:0; right:0; z-index:999}


/* 메인 개편전 회원레이어 공통스타일로 변경 */
.layer-my:has(.hk-user__layer) {max-width:calc(100vw - 20px); width:280px; border-radius:0}
.hk-user__layer .btn-hk-user:not(.before-login)::before {content:''; display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' class='icon-svg'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 15c-3.17 0-5.99 1.53-7.784 3.906-.386.511-.58.767-.573 1.112.005.267.172.604.382.769.272.213.649.213 1.402.213h13.146c.753 0 1.13 0 1.401-.213.21-.165.378-.502.383-.769.006-.345-.187-.6-.573-1.112C17.989 16.531 15.17 15 12 15Zm0-3a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.hk-user__layer > .layer-inner {padding:48px 16px 8px}
.hk-user__layer > .btn-close-layer {position:absolute; top:8px; right:16px}
.hk-user__layer > .btn-close-layer::before {content:''; display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='icon-svg'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.hk-user__layer .hk-user__btns {display:flex; gap:8px}
.hk-user__layer .hk-user__btns [class^="btn-"] {flex:1; display:flex; align-items:center; justify-content:center; gap:8px; height:40px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; font-size:12px; line-height:1}
.hk-user__layer .hk-user__btns [class^="btn-"]::before {content:''; display:inline-block; width:17px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.hk-user__layer .hk-user__btns .btn-join::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M8.5 10.333h-3c-.93 0-1.396 0-1.774.115a2.666 2.666 0 0 0-1.778 1.778c-.115.378-.115.844-.115 1.774m11.334 0v-4m-2 2h4m-5-7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E")}
.hk-user__layer .hk-user__btns .btn-login::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m12.667 14 2-2m0 0-2-2m2 2h-4M8 10.333H5c-.93 0-1.396 0-1.774.115a2.666 2.666 0 0 0-1.778 1.778c-.115.378-.115.844-.115 1.774m8.334-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3C/svg%3E")}
.hk-user__layer .info__panel {display:flex; flex-direction:column; gap:20px; margin:16px 0; padding:24px 16px; border-radius:8px; background:#f5f5f7; font-size:11px}
.hk-user__layer .info__panel::before {content:''; display:block; width:80px; height:80px; margin:0 auto; border-radius:100%; background:#fff url('https://static.hankyung.com/resource/common/img/logo/logo-hk.svg') no-repeat 50% 50%/54px 14px}
.hk-user__layer .info__panel > .info-item + .info-item {padding-top:20px; border-top:1px solid #ddd}
.hk-user__layer .info__panel .info-msg {display:flex; flex-direction:column; gap:16px; font-size:12px}
.hk-user__layer .info__panel .info-msg strong {font-size:14px}
.hk-user__layer .info__panel .member-benefit {display:flex; flex-direction:column; gap:10px}
.hk-user__layer .info__panel .member-benefit > li {display:flex; gap:4px}
.hk-user__layer .info__panel .member-benefit > li::before {content:'· '; flex:0 0 auto}
.hk-user__layer .info__mypages {display:flex; flex-direction:column; gap:8px}
.hk-user__layer .info__mypages > .my-item {border:1px solid #ddd; border-radius:8px}
.hk-user__layer .my-item__link {display:flex; align-items:center; padding:14px 16px; gap:8px; text-decoration:none}
.hk-user__layer .my-item:not(.my-item-account) .my-item__link::before {flex:0 0 auto; content:''; display:inline-block; width:16px; height:16px; margin:0 2px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.hk-user__layer .my-item-news .my-item__link::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M8.333 1.333h1.8c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.875c.218.427.218.987.218 2.107v6.934c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218H5.867c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874c-.218-.428-.218-.988-.218-2.108V11m8-2.333h-3m3-2.667H8.333m2.334 5.334H5.333M4 6.667V3a1 1 0 0 1 2 0v3.667a2 2 0 1 1-4 0V4'/%3E%3C/svg%3E")}
.hk-user__layer .my-item-stock .my-item__link::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M14 14H3.067c-.374 0-.56 0-.703-.073a.667.667 0 0 1-.291-.291C2 13.493 2 13.306 2 12.933V2m12 2.667L10.377 8.29c-.132.132-.198.198-.274.222a.333.333 0 0 1-.206 0c-.076-.024-.142-.09-.274-.222L8.377 7.044c-.132-.132-.198-.198-.274-.223a.333.333 0 0 0-.206 0c-.076.025-.142.09-.274.223L4.667 10M14 4.667h-2.667m2.667 0v2.666'/%3E%3C/svg%3E")}
.hk-user__layer .info__mypages > .my-item.my-item-foryou {border-color:#00DFA9}
.hk-user__layer .info__mypages > .my-item.my-item-foryou .my-item__txt .tit {color:#00DFA9}
.hk-user__layer .my-item-foryou .my-item__link::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%2300DFA9' d='M7 14c-1.953 0-3.48-.544-4.582-1.632C1.318 11.28.767 9.727.767 7.708V1.5a1.5 1.5 0 0 1 1.5-1.5h.185a1.5 1.5 0 0 1 1.5 1.5v6.09c0 1.31.269 2.255.806 2.831.538.577 1.291.866 2.261.866.97 0 1.724-.289 2.262-.866.537-.576.806-1.52.806-2.831V5.433a1.5 1.5 0 0 1 1.5-1.5h.146a1.5 1.5 0 0 1 1.5 1.5v2.275c0 2.019-.55 3.572-1.652 4.66C10.481 13.456 8.953 14 7 14Z'/%3E%3Ccircle cx='11.661' cy='1.574' r='1.573' fill='%235680EC'/%3E%3C/svg%3E")}
.hk-user__layer .my-item-subscribe .my-item__link::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m3.548 3 2.323 10L8.194 3l2.322 10 1.936-10M2 6.333h12M2 9.667h12'/%3E%3C/svg%3E")}
.hk-user__layer .my-item__link .my-item__txt {flex:1 1 auto; width:calc(100% - 28px)}
.hk-user__layer .my-item__link .my-item__txt .tit {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:700; font-size:14px}
.hk-user__layer .my-item__link .my-item__txt .desc {margin-top:5px; color:#888; font-weight:400; font-size:12px}
.hk-user__layer .hk-user__links {display:flex; align-items:center; justify-content:center; margin:16px 0}
.hk-user__layer .hk-user__links .item {margin:0 !important; padding:0 !important; font-size:12px}
.hk-user__layer .hk-user__links .item > a {display:inline; padding:0 !important}
.hk-user__layer .hk-user__links > .item:not(:last-child)::after {content:''; display:inline-block; width:1px; height:14px; margin:0 16px; background:#ddd; vertical-align:-3px}

/* 공지 배너 */
.hk-noti-banner {margin:16px 0; border-radius:16px; background:#F7F7F7; line-height:1.5}
.hk-noti-banner .banner-inner {display:flex; flex-direction:column; gap:24px;  padding:32px 20px}
.hk-noti-banner .banner-tit {display:block; margin-bottom:24px; font-weight:700; font-size:18px;}
.hk-noti-banner .banner-tit::before {content:''; display:inline-block; width:24px; height:24px; margin-right:8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-6px}
.hk-noti-banner .banner-txt {font-size:16px}
.hk-noti-banner .banner-txt .txt-dot {position:relative; padding-left:10px}
.hk-noti-banner .banner-txt .txt-dot::before {content:'-'; position:absolute; top:0; left:0}
.hk-noti-banner .banner-action {text-align:center}
.hk-noti-banner .banner-btn {display:inline-block; height:36px; padding:0 20px; border:1px solid #888; border-radius:50rem; font-weight:normal; font-size:14px; line-height:1; vertical-align:2px; box-sizing:border-box}
.hk-noti-banner .banner-btn::after {content:''; display:inline-block; width:1px; height:34px; vertical-align:-12px}

/* 유료기사 월 */
.layer-fullpopup {visibility:hidden; z-index:-1; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; background:linear-gradient(0deg, rgba(0,0,0,.9) 50%, rgba(0,0,0,0.5) 100%); touch-action:none}
.layer-fullpopup.show {visibility:visible; z-index:99999999999; opacity:1; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); transition:all ease-in .3s}

.layer-offcanvas {position:absolute; display:flex; flex-direction:column; justify-content:center; background:#fff; touch-action:auto}
.layer-offcanvas .para-tit {margin-bottom:5px; font-weight:bold; font-size:20px}
.layer-offcanvas .para {font-size:16px; word-break:keep-all}
.layer-offcanvas .para + .para,
.layer-offcanvas .para + .para-tit {margin-top:10px}
.layer-offcanvas .para.noti {color:#142C67; word-break:keep-all}
/* .layer-offcanvas .txt-point {color:#ff761b}
.layer-offcanvas .txt-point2 {color:#00bbb4} */
.layer-offcanvas .txt-underline {border-bottom:1px solid}
.layer-offcanvas .offcanvas-body {padding:0 20px}
.layer-offcanvas .offcanvas-foot {display:flex; justify-content:center; gap:10px; padding:20px 20px 0}
.layer-offcanvas .offcanvas-foot .btn {flex:1 1 auto; display:inline-block; max-width:180px; line-height:50px; padding:0 10px; border:1px solid transparent; border-radius:8px; color:#fff; font-weight:bold; font-size:17px; text-align:center; box-sizing:border-box}
/* .layer-offcanvas .offcanvas-foot .btn-pramary {background-color:#ff761b}
.layer-offcanvas .offcanvas-foot .btn-secondary {background-color:#666} */
.layer-offcanvas .offcanvas-foot .btn-subscribe {border-color:#142C67; background-color:#142C67}
.layer-offcanvas .offcanvas-foot .btn-home {border-color:#142C67; background-color:#fff; color:#142C67}
.layer-offcanvas .offcanvas-etc {margin-top:20px}
.layer-offcanvas .btn-link {margin:0 10px; font-size:14px}
.layer-offcanvas .btn-link::after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); vertical-align:2px}
.layer-offcanvas.bottom {right:0; bottom:-100%; left:0; padding:30px 0 20px; text-align:center}
.layer-fullpopup.show .layer-offcanvas.bottom {bottom:0; transition:bottom 1s}
.layer-offcanvas::before {content:''; position:absolute; top:-50%; }
@media all and (max-height:450px) and (orientation: landscape) {
	.layer-fullpopup.show .layer-offcanvas.bottom {top:15%}
}
@media all and (min-height:400px) {
	.layer-fullpopup.show .layer-offcanvas.bottom {top:25%}
}
@media all and (min-height:500px) {
	.layer-fullpopup.show .layer-offcanvas.bottom {top:40%}
}
@media all and (min-height:700px){
	.layer-fullpopup.show .layer-offcanvas.bottom {top:50%}
}

/* 유료아이콘 */
img.icon--lock {margin-right:2px; vertical-align:-3px}
.main-headline img.icon--lock {vertical-align:-1px}


/* [2025.03.11] 제보 페이지 */
.text-highlight-primary {color:#EE4C4C}
.text-highlight-secondary {color:#0D38AC}
.radio-style .inp-radio,
.check-style .inp-check {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.check-style {display:inline-flex; align-items:flex-start; gap:10px; cursor:pointer}
.check-style .label-txt {font-weight:700; font-size:16px; line-height:1.5}
.check-style::before {content:''; flex:0 0 auto; display:inline-block; width:25px; height:25px; border:1px solid #ddd; border-radius:3px; background:#fff; box-sizing:border-box; vertical-align:top}
.check-style:has(.inp-check:checked)::before  {border-color:#142c67; background:#142c67 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='7.9px' viewBox='0 0 10 7.9'%3E%3Cpath d='M3.8,7.9L0,4.3l1.5-1.5l2.2,2.1L8.5,0L10,1.5L3.8,7.9z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center/15px 12px}

.jebo-form {word-break:keep-all; overflow-wrap: anywhere;}
.jebo-form .jebo-intro .tit {display:block; margin-bottom:clamp(20px,2vw,24px); font-size:clamp(26px,3vw,32px); line-height:1.4}
.jebo-form .jebo-intro .txt {font-size:clamp(14px,1vw,16px); line-height:1.5}
.jebo-form .contact-area {margin-top:30px}
.jebo-form .contact-area > .item {display:flex; gap:8px; justify-content:space-between; padding:clamp(20px,2vw,24px); border-radius:10px; background:#F2F5FD}
.jebo-form .contact-area > .item > .text-cont {flex:1 1 auto; width:calc(100% - 88px)}
.jebo-form .contact-area > .item > .img-cont {flex:0 0 auto; width:80px}
.jebo-form .contact-area > .item + .item {margin-top:10px}
.jebo-form .contact-area .item-tit {display:block; margin-bottom:8px; color:#0D38AC; font-weight:700; font-size:14px}
.jebo-form .contact-area .item-txt {font-weight:700; font-size:clamp(16px,1vw,18px); line-height:1.5}
.jebo-form .contact-area > .item-sns .item-tit::before {content:''; display:inline-block; width:18px; height:18px; margin-right:6px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%230D38AC' d='M8.988 2.375c1.273 0 2.45.248 3.53.743 1.082.495 1.936 1.168 2.565 2.02.628.852.942 1.78.942 2.787 0 1.006-.314 1.936-.942 2.79-.629.854-1.482 1.53-2.56 2.024-1.08.496-2.257.743-3.535.743-.403 0-.82-.028-1.248-.086-1.864 1.294-2.857 1.95-2.977 1.965a.2.2 0 0 1-.165-.008.143.143 0 0 1-.047-.063.193.193 0 0 1-.016-.07v-.032c.032-.204.27-1.056.715-2.555-1.01-.503-1.813-1.17-2.407-2-.594-.83-.892-1.734-.892-2.708 0-1.006.315-1.935.943-2.787.628-.852 1.483-1.525 2.564-2.02 1.081-.495 2.258-.743 3.53-.743Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-4px}
.jebo-form .contact-area > .item-email .item-tit::before {content:''; display:inline-block; width:18px; height:18px; margin-right:6px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%230D38AC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.5 5.75 6.124 4.287c.496.347.744.52 1.013.587.238.06.488.06.726 0 .27-.067.517-.24 1.013-.587L16.5 5.75M5.1 15.5h7.8c1.26 0 1.89 0 2.371-.245.424-.216.768-.56.984-.984.245-.48.245-1.11.245-2.371V7.1c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C14.79 3.5 14.16 3.5 12.9 3.5H5.1c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C1.5 5.209 1.5 5.839 1.5 7.1v4.8c0 1.26 0 1.89.245 2.371.216.424.56.768.984.984.48.245 1.11.245 2.371.245Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-4px}
.jebo-form .must {color:#EA2D44}
.jebo-form .form-item {margin-bottom:20px}
.jebo-form .form-label {margin-bottom:15px; font-weight:700; font-size:16px}
.jebo-form .form-cont textarea.inp-txt {overflow-y:auto; height:345px; padding:13px 15px; line-height:1.4; box-sizing:border-box}
.jebo-form .form-cont.error .inp-txt {border-color:#EA2D44}
.jebo-form .form-file {display:flex; align-items:center; gap:20px}
.jebo-form .form-file .form-label {flex:0 0 auto; margin:0}
.jebo-form .attach-file {position:relative}
.jebo-form .attach-file .btn-file {cursor:pointer; display:inline-flex; align-items:center; justify-content:center; position:relative; width:90px; height:40px; line-height:1; border-radius:4px; font-weight:700; font-size:14px; border:1px solid #ddd; box-sizing:border-box; text-align:center}
.jebo-form .attach-file .inp-file {opacity:0; cursor:pointer; position:absolute; top:0; right:0; width:90px; min-height:38px; height:100%}
.jebo-form .file-info {margin-top:10px; color:#888; font-size:14px; line-height:1.5; word-break:keep-all}
.jebo-form .file-list {display:flex; gap:10px; flex-wrap:wrap; margin-top:20px}
.jebo-form .file-list .file-item {flex:0 0 auto; display:inline-block; position:relative; padding:10px 45px 9px 15px; border-radius:4px; background-color:#F7F7F7; font-size:14px; letter-spacing:0; box-sizing:border-box}
.jebo-form .file-list .file-name-warp {display:flex}
.jebo-form .file-list .file-name {flex:1; display:block; max-width:calc(100vw - 140px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jebo-form .file-list .file-extension {flex:0 0 auto}
.jebo-form .file-list .btn-file-del {position:absolute; right:14px; top:50%; transform:translateY(-50%) rotate(45deg); display:inline-block; width:18px; height:18px; border-radius:100%; background-color:#121212; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size:50% 2px,2px 50%; background-position:center; background-repeat:no-repeat; box-sizing:border-box}
.jebo-form .form-agree {margin-top:50px}
.jebo-form .form-agree .agree-area {margin-bottom:20px}
.jebo-form .form-agree .privacy-box {max-height:180px; padding:15px; border-radius:4px; border:1px solid #ddd; background:#F7F7F7; overflow:hidden; overflow-y:auto; font-size:14px; line-height:1.5}
.jebo-form .form-action {margin-top:40px; text-align:center}
.jebo-form .btn-board-submit {width:180px; min-height:50px; border-radius:25rem; background:#142C67; color:#fff; font-weight:700; font-size:16px}
.jebo-form .btn-board-submit:disabled {opacity:.3; cursor:not-allowed}
.jebo-form ~ .loading-spinner {position:fixed; top:0; left:0; right:0; bottom:0; z-index:999; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.6)}

/* 기자윤리강령 */
.ethics-wrap .cont-tit {margin-bottom:24px; font-size:17px}
.ethics-list {display:flex; flex-direction:column; gap:16px; word-break:keep-all; overflow-wrap:anywhere}
.ethics-list li {display:flex; gap:8px; font-size:15px; line-height:1.6}
.ethics-list li > .num {flex:0 0 auto}

/* 운영정책 */
.policy-wrap {display:flex; flex-direction:column; gap:30px}
.policy-tab {overflow:hidden; margin:0 -15px}
.policy-tab .inner-scroll {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch}
.policy-tab .inner-scroll::-webkit-scrollbar {display:none}
.policy-tab ul {display:flex; gap:10px}
.policy-tab li {flex:0 0 auto}
.policy-tab li:first-child {padding-left:15px}
.policy-tab li:last-child {padding-right:15px}
.policy-tab li a {display:flex; align-items:center; justify-content:center; height:40px; padding:0 20px 2px; border-radius:50rem; background:#f2f5fd; color:#666; font-weight:700; font-size:15px; line-height:1; white-space:nowrap; text-decoration:none; box-sizing:border-box}
.policy-tab li.on a {background:#142c67; color:#fff}
.policy-title {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #121212}
.policy-title .title-con {display:flex; align-items:center; gap:16px}
.policy-title .tit {font-weight:700; font-size:19px}
.policy-title .date {font-size:14px; color:#333}
.policy-title-desc {margin-top:10px; font-size:14px; color:#333}
.policy-box {padding:15px; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box; word-break:keep-all; overflow-wrap:anywhere}
.policy-text {font-size:15px; line-height:1.4}
.privacy-nav-btn {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:40px}
.privacy-nav-btn:has(.btn-privacy-latest:only-child) {justify-content:flex-start}
.privacy-nav-btn:has(.btn-privacy-prev:only-child) {justify-content:flex-end}
.privacy-nav-btn [class^="btn-"] {display:inline-flex; min-height:40px; align-items:center; justify-content:center; padding:3px 20px 4px; border:1px solid #ddd; border-radius:6px; font-size:16px; line-height:1; box-sizing:border-box; word-break:keep-all}
.privacy-nav-btn .btn-privacy-latest {border-color:#121212}

.policy-text table {width:100%; border-collapse:collapse; table-layout:fixed; }
.policy-text table th, .policy-text table td {border:1px solid #ececec; padding:5px 10px; vertical-align:top}
.policy-text table td {line-height:1.5; word-break:break-all}
.policy-text ol, .policy-text ul {padding-left:30px}
.policy-text ol, .policy-text ol ol, .policy-text ol li {list-style-type:decimal}
.policy-text ol ol ol, .policy-text ol ol li {list-style-type:upper-alpha}
.policy-text ol ol ol ol, .policy-text ol ol ol li {list-style-type:lower-alpha}
.policy-text ol ol ol ol ol, .policy-text ol ol ol ol li {list-style-type:decimal}
.policy-text ol ul ul, .policy-text ol ul li {list-style-type:disc}
.policy-text ol ul ul ul, .policy-text ol ul ul li {list-style-type:circle}
.policy-text ol ul ul ul ul, .policy-text ol ul ul ul li {list-style-type:square}
.policy-text ul, .policy-text ul ul, .policy-text ul li {list-style-type:disc}
.policy-text ul ul ul, .policy-text ul ul li {list-style-type:circle}
.policy-text ul ul ul ul, .policy-text ul ul ul li {list-style-type:square}
.policy-text ul ol ol, .policy-text ul ol li {list-style-type:decimal}
.policy-text ul ol ol ol, .policy-text ul ol ol li {list-style-type:upper-alpha}
.policy-text ul ol ol ol ol, .policy-text ul ol ol ol li {list-style-type:lower-alpha}
.policy-text ul ol ol ol ol ol, .policy-text ul ol ol ol ol li {list-style-type:decimal}

/* 고충처리(운영정책 커스텀 본문 스타일 공통) */
.policy-txt-contents {display:flex; flex-direction:column; gap:24px; line-height:1.5}
.policy-txt-contents .policy-title-desc {margin-top:0}
.policy-txt-group {display:flex; flex-direction:column; gap:8px}
.policy-txt-group2 {padding-left:20px; display:flex; flex-direction:column; gap:8px}
.policy-txt-list > li {position:relative; padding-left:20px; line-height:1.8}
.policy-txt-list > li::before {content:''; position:absolute; top:10px; left:8px; width:4px; height:4px; border-radius:100%; background:#121212; }
.policy-txt-h1 {font-size:16px}
.policy-txt-h2 {font-size:15px}
.policy-txt-table {border-top:2px solid #ddd;}
.policy-txt-table th,
.policy-txt-table td {padding:8px 16px; border-bottom:1px solid #ddd}
.policy-txt-table th {padding:16px; background:#f7f7f7; text-align:left;}
.policy-txt-table td:not(:first-child) {border-left:1px solid #ddd; vertical-align:top}
.policy-btn-group {display:flex; flex-wrap:wrap; gap:8px 16px}
.policy-txt-btn {padding:16px; text-decoration:underline; text-underline-offset:6px}
.policy-txt-btn:hover {text-decoration-thickness:2px}

/* 정정반론보도(공통 콘텐츠 2단 레이아웃) */
.contents-wrap {display:flex; flex-direction:column; gap:40px}
.contents-wrap .contents-aside {display:flex; flex-direction:column; gap:20px}
.contents-wrap .page-tit {font-weight:700; font-size:26px; line-height:1.4; letter-spacing:-3px; color:#121212}
/* .contents-wrap .lnb {overflow:hidden; margin:0 -15px}
.contents-wrap .lnb .inner-scroll {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch}
.contents-wrap .lnb .inner-scroll::-webkit-scrollbar {display:none}
.contents-wrap .lnb ul {display:flex; gap:10px}
.contents-wrap .lnb li {flex:0 0 auto}
.contents-wrap .lnb li:first-child {padding-left:15px}
.contents-wrap .lnb li:last-child {padding-right:15px}
.contents-wrap .lnb li a {display:flex; align-items:center; justify-content:center; height:40px; padding:0 20px 2px; border-radius:50rem; background:#f2f5fd; color:#666; font-weight:700; font-size:15px; line-height:1; white-space:nowrap; text-decoration:none; box-sizing:border-box}
.contents-wrap .lnb li.on a {background:#142c67; color:#fff} */
/* lnb dropdown */
.contents-wrap .lnb-dropdown {position:relative; margin:0}
.contents-wrap .lnb-dropdown-btn {display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:48px; padding:0 16px; border:1px solid #585858; border-radius:8px; background:#fff; font-size:15px; line-height:1.2; cursor:pointer; box-sizing:border-box}
.contents-wrap .lnb-dropdown-text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0}
.contents-wrap .lnb-dropdown-btn::after {content:''; display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.contents-wrap .lnb-dropdown-list {display:none; position:absolute; left:0; right:0; top:calc(100% - 1px); margin:0; border:1px solid #585858; border-radius:0 0 8px 8px; background:#fff; z-index:10; overflow:hidden}
.contents-wrap .lnb-dropdown-list li a {display:block; padding:10px 16px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.contents-wrap .lnb-dropdown-list li a:hover, 
.contents-wrap .lnb-dropdown-list li.on a {background: #F7F7F7; text-decoration:none;}
.contents-wrap .lnb-dropdown.active .lnb-dropdown-btn {border-radius:8px 8px 0 0}
.contents-wrap .lnb-dropdown.active .lnb-dropdown-btn::after {transform:rotate(-180deg)}
.contents-wrap .lnb-dropdown.active .lnb-dropdown-list {display:block}

/* 공지 팝업(닷컴 공통) */
.hk-noti-modal {--pop-width:470px; display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; background:rgba(0,0,0,.5);  width:100%; height:100%; overflow-x:hidden; overflow-y:auto; outline:0; box-sizing:border-box}
.hk-noti-modal > .modal-inner {align-items:center; justify-content:center; min-height:calc(100dvh - 40px); margin:20px;}
.hk-noti-modal .modal-cont-wrap {position:relative; min-width:240px; max-width:var(--pop-width); background:#F5FAFF; box-sizing:border-box; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); padding:24px 24px 0}
.hk-noti-modal .modal-body {word-break:keep-all; overflow-wrap:anywhere}
.hk-noti-modal .modal-tit-wrap {padding-right:40px}
.hk-noti-modal .modal-tit {font-size:25px}
.hk-noti-modal .modal-cont {display:flex; flex-direction:column; gap:16px; padding:24px 0; font-size:16px}
.hk-noti-modal .point {color:#BC4141; font-weight:500}
.hk-noti-modal .point strong {font-weight:500}
.hk-noti-modal .action-area {text-align:center}
.hk-noti-modal .btn-link {position:relative; display:inline-flex; align-items:center; height:40px; padding:0 24px 1px; border-radius:25rem; background:#546C83; color:#fff; font-weight:500; font-size:16px; line-height:1}
.hk-noti-modal .btn-link::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0}
.hk-noti-modal .modal-footer {padding-bottom:28px; text-align:center}
.hk-noti-modal .modal-btn-close {position:static !important; display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; border-radius:25rem; background:#546C83; color:#fff; font-size:14px; line-height:1}
.hk-noti-modal.active {display:block}
.hk-noti-modal.active > .modal-inner {display:flex}
.hk-noti-modal .popup-control {height:34px; overflow:hidden; background:#121212; margin:0 -24px; font-size:14px}
.hk-noti-modal .popup-control > .popup-inner {display:flex; align-items:center; justify-content:space-between; height:100%; padding:0 24px}
.hk-noti-modal .form-checkbox {display:inline-flex; align-items:center; position:relative}
.hk-noti-modal .form-checkbox 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}
.hk-noti-modal .form-checkbox label {color:#fff; font-size:14px; line-height:1.1; cursor:pointer}
.hk-noti-modal .form-checkbox label {user-select:none}
.hk-noti-modal .form-checkbox label::before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; border:none; border-radius:1px; background:#fff; box-sizing:border-box; vertical-align:-3px}
.hk-noti-modal .form-checkbox input[type="checkbox"]:checked + label::before {background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='7.9px' viewBox='0 0 10 7.9'%3E%3Cpath d='M3.8,7.9L0,4.3l1.5-1.5l2.2,2.1L8.5,0L10,1.5L3.8,7.9z' fill='%23121212' /%3E%3C/svg%3E") no-repeat center center/10px 9px}
.hk-noti-modal .btn-close {display:inline-flex; align-items:center; gap:5px; position:relative; background:none; width:auto; border:none; padding-right:20px; height:14px; color:#fff; font-size:14px; line-height:1.1; white-space:nowrap; cursor:pointer; vertical-align:1px}
.hk-noti-modal .btn-close::before,
.hk-noti-modal .btn-close::after {content:''; position:absolute; right:7px; top:1px; width:1px; height:14px; background-color:#fff}
.hk-noti-modal .btn-close:before {transform:rotate(45deg)}
.hk-noti-modal .btn-close:after {transform:rotate(-45deg)}
.hk-noti-modal.type-img .modal-cont-wrap {position:relative; background:none; padding:0}
.hk-noti-modal.type-img .modal-body {background:none}
.hk-noti-modal.type-img .modal-body > a {display:block} 
.hk-noti-modal.type-img .modal-body .img-banner {width:100%; height:auto; vertical-align:top; object-fit:contain}
.hk-noti-modal.type-img .popup-control {margin:0}
@media (min-width: 900px) {
    .hk-noti-modal .modal-body {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Cpath stroke='%23BACADA' stroke-linecap='round' stroke-linejoin='round' stroke-width='5' d='M28 18.667v11.958m0 6.708h.023M51.333 28c0 12.887-10.446 23.333-23.333 23.333C15.113 51.333 4.667 40.887 4.667 28 4.667 15.113 15.113 4.667 28 4.667c12.887 0 23.333 10.446 23.333 23.333Z'/%3E%3C/svg%3E") no-repeat right top/40px 40px;}
}


/* 자비출판 페이지 */
.bookplus-main .cont-inner {padding:0}
.bookplus-main .point-txt {color:#0D38AC}
.bookplus-main .visual-top {height:350px; color:#fff; background:url('https://static.hankyung.com/resource/magazine/img/bookplus-visual-top.jpg') no-repeat center bottom/cover}
.bookplus-main .visual-top .cont-inner {display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:20px; height:100%; padding:60px 20px; box-sizing:border-box; text-align:center}
.bookplus-main .visual-top .visual-tit {font-weight:700; font-size:clamp(42px, 6.66vw, 60px)}
.bookplus-main .visual-top .visual-txt {line-height:1.5; font-size:clamp(18px, 2.66vw, 24px)}
.bookplus-main .visual-top .visual-txt > strong {display:block; font-weight:700}
.bookplus-main .cont-box {padding:60px 15px; box-sizing:border-box}
.bookplus-main .cont-box:nth-child(2n-1) {background:#fff}
.bookplus-main .cont-box:nth-child(2n) {background:#F7F7F9}
.bookplus-main .cont-tit {display:block; margin-bottom:20px; line-height:1.4; font-size:26px; text-align:center; word-break:keep-all}

.bookplus-main .cont-box-area {display:flex; flex-direction:column; gap:20px; }
.bookplus-main .cont-box-area .box-item {display:flex; flex-direction:column; justify-content:center; border-radius:16px; padding:24px 30px; box-sizing:border-box; text-align:center}
.bookplus-main .cont-box-area .box-item .tit, .bookplus-main .cont-box-area .box-item .txt {line-height:1.5}
.bookplus-main .cont-box-area .box-item .tit {font-size:16px}
.bookplus-main .cont-box-area .box-item .txt {font-size:14px}

.bookplus-main .intro-section .box-item {background:#fff}
.bookplus-main .intro-section .tit {display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:400}
.bookplus-main .intro-section .tit::before {content:''; display:block; width:80px; height:80px; margin-bottom:10px; border-radius:50%; background-color:#F7F7F9; background-repeat:no-repeat; background-position:center; background-size:50px 50px}
.bookplus-main .intro-section .box-item.item1 .tit::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' viewBox='0 0 50 50'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='M23.141 9.779h-7.118c-2.847 0-4.27 0-5.358.554a5.1 5.1 0 0 0-2.222 2.222c-.554 1.087-.554 2.511-.554 5.358V32.15c0 2.847 0 4.271.554 5.359a5.1 5.1 0 0 0 2.222 2.221c1.087.555 2.51.555 5.358.555H30.26c2.847 0 4.271 0 5.358-.554a5.1 5.1 0 0 0 2.222-2.222c.555-1.088.555-2.512.555-5.359v-7.118m-20.337 5.084h2.838c.829 0 1.243 0 1.633-.093a3.4 3.4 0 0 0 .98-.406c.342-.21.635-.503 1.222-1.089l16.206-16.206a3.595 3.595 0 0 0-5.084-5.084L19.645 23.443c-.586.586-.879.88-1.089 1.221a3.4 3.4 0 0 0-.405.98c-.094.39-.094.805-.094 1.634z'/%3E%3Crect width='15.365' height='15.365' x='28.191' y='31.635' fill='%23ffba14' fill-opacity='.7' rx='7.683'/%3E%3C/svg%3E")}
.bookplus-main .intro-section .box-item.item2 .tit::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' viewBox='0 0 50 50'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='M25.5 30.667c-6.07 0-11.466 2.89-14.902 7.378-.74.965-1.11 1.448-1.098 2.1.01.505.33 1.14.733 1.452.52.403 1.241.403 2.683.403h25.168c1.442 0 2.163 0 2.683-.403.402-.311.723-.947.733-1.451.012-.653-.358-1.136-1.097-2.101-3.437-4.487-8.834-7.378-14.903-7.378M25.5 25c4.758 0 8.615-3.806 8.615-8.5S30.258 8 25.5 8s-8.615 3.806-8.615 8.5S20.742 25 25.5 25'/%3E%3Crect width='16.173' height='16.173' x='31.5' y='32' fill='%23ffba14' fill-opacity='.7' rx='8.087'/%3E%3C/svg%3E")}
.bookplus-main .intro-section .box-item.item3 .tit::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' viewBox='0 0 50 50'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m24.889 42-.19-.283c-1.311-1.969-1.967-2.953-2.834-3.665a7.6 7.6 0 0 0-2.602-1.393c-1.074-.326-2.256-.326-4.622-.326h-2.597c-2.115 0-3.173 0-3.981-.411a3.78 3.78 0 0 1-1.651-1.651C6 33.462 6 32.405 6 30.289V14.044c0-2.115 0-3.173.412-3.981.362-.711.94-1.29 1.65-1.651C8.872 8 9.93 8 12.045 8h.756c4.232 0 6.347 0 7.964.824a7.56 7.56 0 0 1 3.301 3.301c.824 1.617.824 3.732.824 7.964m0 21.911V20.089m0 21.911.189-.283c1.312-1.969 1.968-2.953 2.835-3.665a7.6 7.6 0 0 1 2.602-1.393c1.073-.326 2.256-.326 4.621-.326h2.597c2.116 0 3.174 0 3.982-.411a3.78 3.78 0 0 0 1.651-1.651c.412-.809.412-1.866.412-3.982V14.044c0-2.115 0-3.173-.412-3.981a3.78 3.78 0 0 0-1.65-1.651C40.906 8 39.848 8 37.732 8h-.755c-4.232 0-6.347 0-7.964.824a7.56 7.56 0 0 0-3.302 3.301c-.823 1.617-.823 3.732-.823 7.964'/%3E%3Crect width='14.468' height='14.468' x='34.5' y='28' fill='%23ffba14' fill-opacity='.7' rx='7.234'/%3E%3C/svg%3E")}

.bookplus-main .strength-section .box-item {background:#F2F5FD}
.bookplus-main .strength-section .tit {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.bookplus-main .strength-section .txt {margin-top:4px}
.bookplus-main .strength-section .tit::before {content:''; display:block; width:40px; height:40px; margin-bottom:10px; background-repeat:no-repeat; background-position:center; background-size:contain}
.bookplus-main .strength-section .box-item.item1 .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 33.333H8.668c-1.867 0-2.8 0-3.513-.363a3.33 3.33 0 0 1-1.457-1.457c-.363-.713-.363-1.646-.363-3.513V12c0-1.867 0-2.8.363-3.513.32-.627.83-1.137 1.457-1.457.713-.363 1.646-.363 3.513-.363h.667c3.734 0 5.6 0 7.027.726a6.67 6.67 0 0 1 2.913 2.914c.727 1.426.727 3.293.727 7.026m0 16v-16m0 16h11.333c1.867 0 2.8 0 3.513-.363a3.33 3.33 0 0 0 1.457-1.457c.363-.713.363-1.646.363-3.513V12c0-1.867 0-2.8-.363-3.513a3.33 3.33 0 0 0-1.457-1.457c-.713-.363-1.646-.363-3.513-.363h-.667c-3.733 0-5.6 0-7.026.726a6.67 6.67 0 0 0-2.914 2.914c-.726 1.426-.726 3.293-.726 7.026'/%3E%3C/svg%3E")}
.bookplus-main .strength-section .box-item.item2 .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.793 21.826-6.958-8.698c-.433-.542-.65-.813-.804-1.114a3.3 3.3 0 0 1-.297-.846c-.068-.332-.068-.679-.068-1.372v-1.13c0-1.866 0-2.8.363-3.513.32-.627.83-1.137 1.457-1.456.713-.364 1.646-.364 3.513-.364h16c1.867 0 2.8 0 3.514.364.627.32 1.137.83 1.456 1.456.364.713.364 1.647.364 3.514v1.129c0 .693 0 1.04-.068 1.372a3.3 3.3 0 0 1-.297.846c-.154.301-.37.572-.804 1.114l-6.958 8.698M8.333 5l11.666 15L31.666 5m-5.774 17.44a8.333 8.333 0 1 1-11.785 11.786A8.333 8.333 0 0 1 25.892 22.44'/%3E%3C/svg%3E")}
.bookplus-main .strength-section .box-item.item3 .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M30 26.395c2.427 1.219 4.508 3.175 6.026 5.621.3.485.451.727.503 1.062.106.682-.36 1.52-.995 1.79-.312.132-.664.132-1.367.132m-7.5-15.78a7.5 7.5 0 0 0 4.167-6.72 7.5 7.5 0 0 0-4.167-6.72m-3.333 6.72a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0M4.266 31.564C6.923 27.574 11.116 25 15.834 25s8.91 2.574 11.568 6.564c.582.874.873 1.31.84 1.87-.026.434-.311.966-.659 1.229-.446.337-1.06.337-2.286.337H6.37c-1.227 0-1.84 0-2.286-.337-.348-.263-.632-.795-.659-1.23-.033-.558.258-.995.84-1.87'/%3E%3C/svg%3E")}
.bookplus-main .strength-section .box-item.item4 .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m28.334 5-8.333 6.667L11.667 5m-.333 30h17.333c2.8 0 4.2 0 5.27-.545a5 5 0 0 0 2.185-2.185c.545-1.07.545-2.47.545-5.27v-7.333c0-2.8 0-4.2-.545-5.27a5 5 0 0 0-2.185-2.185c-1.07-.545-2.47-.545-5.27-.545H11.334c-2.8 0-4.2 0-5.27.545a5 5 0 0 0-2.185 2.185c-.545 1.07-.545 2.47-.545 5.27V27c0 2.8 0 4.2.545 5.27a5 5 0 0 0 2.185 2.185c1.07.545 2.47.545 5.27.545'/%3E%3C/svg%3E")}

.bookplus-main a:hover {text-decoration:none}
.bookplus-main .btn-fold {position:absolute; top:5px; right:14px; display:block; width:30px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m8 10.5 4 4 4-4'/%3E%3C/svg%3E") no-repeat center/20px 20px; transition:all .3s}
.bookplus-main .program-section .tbl-wrap {display:none}
.bookplus-main .program-section .program-list {display:block}
.bookplus-main .program-cont .cont-area {height:258px; overflow:hidden; transition:all .3s}
.bookplus-main .btn-fold.active {transform:rotate(180deg)}
.bookplus-main .btn-fold.active + .cont-area {height:auto}
.bookplus-main .program-cont {position:relative; padding:10px 20px 20px; box-sizing:border-box}
.bookplus-main .program-cont .cont-tit {margin-bottom:8px; font-size:15px}
.bookplus-main .program-item {border-radius:16px; border:1px solid; box-sizing:border-box; overflow:hidden; text-align:center;}
.bookplus-main .program-item + .program-item {margin-top:20px}
.bookplus-main .program-item.basic {border-color:#F1BA64; background-color:#FEFCF9}
.bookplus-main .program-item.basic .program-tit {border-bottom:1px solid #F6E3C3; color:#C49448}
.bookplus-main .program-item.basic .program-cont {background-color:#FDF7ED}
.bookplus-main .program-item.basic .sub-tit::before, .bookplus-main .program-item.basic .sub-tit::after {background-color:#F6E3C3}
.bookplus-main .program-item.plus {border-color:#00BBB4; background-color:#F5FCFC}
.bookplus-main .program-item.plus .program-tit {border-bottom:1px solid #B8E6E4; color:#109994}
.bookplus-main .program-item.plus .program-cont {background-color:#E1F7F6}
.bookplus-main .program-item.plus .sub-tit::before, .bookplus-main .program-item.plus .sub-tit::after {background-color:#B8E6E4}
.bookplus-main .program-item.premium {border-color:#EE4C4C; background-color:#FEF8F8}
.bookplus-main .program-item.premium .program-tit {border-bottom:1px solid #F6D2D2; color:#D53C3C}
.bookplus-main .program-item.premium .program-cont {background-color:#FDEAEA}
.bookplus-main .program-item.premium .sub-tit::before, .bookplus-main .program-item.premium .sub-tit::after {background-color:#F6D2D2}
.bookplus-main .program-tit, .bookplus-main .program-txt {display:block; width:100%; padding:10px 20px; line-height:1.5; box-sizing:border-box}
.bookplus-main .program-tit {font-size:18px}
.bookplus-main .program-txt {font-size:15px}
.bookplus-main .program-cont .cont-list li {line-height:1.3}
.bookplus-main .program-cont .cont-list li + li {margin-top:6px}
.bookplus-main .program-cont .cont-list li .tit, .bookplus-main .cont-list li .txt {display:block}
.bookplus-main .program-cont .cont-list li .txt {color:#585858}
.bookplus-main .program-cont .sub-tit {display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; height:21px; font-size:14px; box-sizing:border-box;}
.bookplus-main .program-cont .sub-tit::before, .bookplus-main .program-cont .sub-tit::after {content:''; display:inline-block; flex:1 1 auto; height:1px}
.bookplus-main .program-cont .sub-txt {line-height:1.5; font-size:13px}
.bookplus-main .program-cont .sub-cont {margin-top:6px}
.bookplus-main .program-section .program-desc {margin-top:20px; color:#142C67; font-size:14px}

.bookplus-main .col-wrap {display:flex; flex-direction:column; gap:40px}
.bookplus-main .consult-section .qr-area {padding:40px 20px; background:#F2F5FD; box-sizing:border-box; text-align:center}
.bookplus-main .consult-section .qr-tit, .bookplus-main .consult-section .qr-txt, .bookplus-main .consult-section .btn-download {margin-top:24px}
.bookplus-main .consult-section .qr-tit {font-size:20px}
.bookplus-main .consult-section .qr-txt {line-height:1.5; font-size:14px; word-break:keep-all}
.bookplus-main .consult-section .qr-code {width:150px; height:150px; margin:0 auto 20px}
.bookplus-main .consult-section .qr-code > img {width:100%; height:100%; object-fit:contain}
.bookplus-main .consult-section .btn-download {display:flex; height:40px; gap:4px; align-items:center; justify-content:center; border-radius:6px; border:1px solid #585858; line-height:1; font-weight:700; font-size:16px; box-sizing:border-box; background-color:#fff}
.bookplus-main .consult-section .btn-download::before {content:''; flex:0 0 auto; width:24px; height:24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 15v1.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V15m14-5-5 5m0 0-5-5m5 5V3'/%3E%3C/svg%3E")}

.bookplus-main .inp-txt {display:flex; align-items:center; height:50px; border-radius:4px; padding:10px 15px; border:1px solid #ddd; font-size:16px; box-sizing:border-box; background-color:#fff}
.bookplus-main .inp-txt::placeholder {color:#888; font-size:14px; letter-spacing:-.075em}
.bookplus-main .inp-txt:-ms-input-placeholder {color:#888; font-size:14px; letter-spacing:-.075em}
.bookplus-main .inp-txt::-ms-input-placeholder {color:#888; font-size:14px; letter-spacing:-.075em}
.bookplus-main textarea.inp-txt {height:150px; padding:15px}
.bookplus-main .form-list {display:flex; flex-direction:column; gap:20px}
.bookplus-main .form-item {display:flex; flex-direction:column; gap:12px}
.bookplus-main .form-item + .form-item {margin-top:0}
.bookplus-main .form-item.is-invalid .inp-txt {border-color:#EE4C4C}
.bookplus-main .form-item .radio-type {display:flex; align-items:center; gap:0 30px; flex-wrap:wrap; min-height:50px}
.bookplus-main .radio-type .radio-item {display:flex; align-items:center; gap:8px}
.bookplus-main .radio-type .radio-item label {font-size:14px}
.bookplus-main .essential {display:inline-block; margin-left:4px; color:#EE4C4C}
.bookplus-main .form-label {font-size:16px}
.bookplus-main .chk-type {position:relative; display:flex; align-items:center; gap:10px}
.bookplus-main .chk-type label {display:inline-block; position:relative; flex:1; padding-left:35px; font-weight:700; font-size:16px; cursor:pointer}
.bookplus-main .chk-type label:before {content:''; display:inline-block; position:absolute; top:-2px; left:0; width:25px; height:25px; border-radius:3px; border:1px solid #666; box-sizing:border-box}
.bookplus-main .chk-type .inp-chk {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.bookplus-main .chk-type .inp-chk:checked + label::before {border-color:#142C67; background-color:#142C67}
.bookplus-main .chk-type .inp-chk:checked + label::after {content:''; display:flex; align-items:center; justify-content:center; position:absolute; top:5px; left:6px; width:15px; height:12px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M5.772 12 0 6.532l2.278-2.279 3.342 3.19L12.911 0l2.279 2.278z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h15.19v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain}
.bookplus-main input[type="radio"] {display:none}
.bookplus-main input[type="radio"] + label {position:relative; display:flex; align-items:center; padding:5px 0; cursor:pointer; word-break:break-all; white-space:nowrap}
.bookplus-main input[type="radio"] + label::before {content:''; display:inline-block; flex:0 0 auto; width:25px; height:25px; margin-top:2px; margin-right:8px; border-radius:50%; border:1px solid #bababa; background-color:#fff; box-sizing:border-box}
.bookplus-main input[type="radio"]:checked + label::before {border:7px solid #142C67}
.bookplus-main input[type="number"] {letter-spacing:0}
.bookplus-main input[type="number"]::-webkit-outer-spin-button,
.bookplus-main input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
.bookplus-main input[type="number"] {-moz-appearance:textfield}

.bookplus-main .scroll-box {overflow-y:auto; height:180px}
.bookplus-main .scroll-box::-webkit-scrollbar {width:10px; height:10px}
.bookplus-main .scroll-box::-webkit-scrollbar-track {background:#FAFAFA; border-radius:0px 4px 4px 0px; border-left:1px solid #ddd}
.bookplus-main .scroll-box::-webkit-scrollbar-thumb {background:#c1c1c1; border-radius:10px; border:3px solid transparent; background-clip:content-box}

.bookplus-main .privacy-area {margin-top:30px}
.bookplus-main .privacy-area .form-item {flex-direction:row}
.bookplus-main .privacy-area .privacy-cont {display:flex; flex-direction:column; gap:14px; border-radius:4px; border:1px solid #ddd; margin-top:20px; padding:15px; background-color:#f7f7f7; box-sizing:border-box}
.bookplus-main .privacy-cont .desc-item {font-size:14px; word-break:keep-all}
.bookplus-main .privacy-cont .desc-item > .tit, .bookplus-main .privacy-cont .desc-item > .txt {display:block}
.bookplus-main .privacy-cont .desc-item > .tit {margin-bottom:4px; font-weight:700}
.bookplus-main .btn-area {margin-top:40px; text-align:center}
.bookplus-main .btn-basic {display:inline-flex; align-items:center; justify-content:center; max-width:177px; width:100%; height:50px; border-radius:50px; line-height:1; font-weight:700; font-size:16px; color:#fff; background-color:#142C67}

/* Mobile style */
@media screen and (max-width:899px) { 
    .top-util-area .btn-user::before {transform:translateY(-1px)}
    .top-util-area .btn-user .txt {display:none}

    .header-main .header-inner {padding:0}
    .header-main .logo {border-bottom:2px solid #142C67; box-sizing:border-box}
    .header-main .banner-top {border-top:none}

    /* 머니 톱 우측 */
    .main-major-cont:has(>.main-top-emagazine) {padding:20px 0 0; border-top:1px solid #e4e4e4}
    .main-top-emagazine {display:flex; flex-direction:column; align-items:center}
    
    .sub-tit-wrap.no-line {border-bottom:none; padding-bottom:0}
	.magazine-category .btn-subscription + .btn-e-magazine {margin-left:10px}
    /* e매거진 */
    .magazine-category-wrap.tag-type .btn-e-magazine + .tit {margin-left:28px} 
    .magazine-category-wrap.tag-type .btn-e-magazine + .tit::before {content:''; position:absolute; left:-17px; top:-2px; width:1px; height:22px; background:#ddd}
    .emagazine-list .slick-list {padding:40px 0; outline: none;}
    .emagazine-list-wrap {margin:0 -20px}
    .emagazine-list .item > a {left:50%; transform:translateX(-50%); outline:none}
    .emagazine-list .emagazine-category {font-size:16px; text-align:center}
    .emagazine-list .item.slick-current .book-wrap {-webkit-transform:rotate3d(0,1,0,35deg); transform:rotate3d(0,1,0,35deg)}
    .emagazine-list .item.slick-current .book-back {box-shadow:15px 10px 30px rgba(0,0,0,.5);}
    /* e매거진 뷰어 */
	.loading-wrap {position:relative; height:0; padding-bottom:126%}
	.loading-spinner {position:absolute; top:0; left:0; right:0; bottom:0}

	.emagazin-viewer .page-column1,
	.emagazin-viewer .page-column2,
    .emagazin-viewer .emagazine-category,
    .emagazin-viewer .viewer-options,
    .emagazin-viewer .btn-close-viewer .txt,
    .emagazin-viewer .btn-prev-page,
    .emagazin-viewer .btn-next-page,
    .emagazin-viewer .btn-toggle-header {display:none}

    .emagazin-viewer .page-view {padding-top:10px; background:#aaa}
    .emagazin-viewer .page {background:#fff}
    .emagazin-viewer .page + .page {margin-top:10px}
    .emagazin-viewer .empty {display:none}
    .emagazin-viewer .viewer-header {position:sticky; top:0; height:50px; background-color:rgba(255,255,255,0.9); backdrop-filter:blur(15px)}
    .emagazin-viewer .emagazine-edition {display:flex; align-items:center; height:100%; padding:0 55px 0 20px}
    .emagazin-viewer .emagazine-edition .edition-title,
    .emagazin-viewer .emagazine-edition p {color:#121212; font-weight:normal; font-size:16px; white-space:nowrap}
    .emagazin-viewer .emagazine-edition .edition-title {overflow:hidden; text-overflow:ellipsis}
    .emagazin-viewer .emagazine-edition p {margin-left:8px}
    .emagazin-viewer .btn-close-viewer {position:absolute; top:50%; right:17px; width:30px; height:30px; transform:translateY(-50%)}
    .emagazin-viewer .btn-close-viewer::before,
    .emagazin-viewer .btn-close-viewer::after {content:''; position:absolute; left:15px; width:1px; height:31px; background-color:#222}
    .emagazin-viewer .btn-close-viewer::before {transform:rotate(45deg)}
    .emagazin-viewer .btn-close-viewer::after {transform:rotate(-45deg)}
    .emagazin-viewer .page-move {position:fixed; bottom:20px; left:50%; transform:translateX(-50%)}

    .banner-area a {display:block}
    .banner-area img {width:320px}

    /* 매체별 메인 */
    .container.media-main {padding:0}
    .media-maintop-wrap {display:flex; flex-direction:column; gap:24px; margin-bottom:24px}
    .media-midtop-wrap {margin:24px 0}

    .media-main .news-item:last-child {border-bottom:1px solid #E4E4E4}
    .main-major-news .news-item:last-child,
    .module-thumb-card:not(.grid-col-big) .news-item:last-child {border-bottom:none; padding-bottom:0}

    .main-headline .thumb {height:0; margin:0 -15px; padding-bottom:62.5%; border-radius:0}
    .media-latest-news .news-item:first-child {border-top:none}
    .media-latest-news .badge-img {height:20px; vertical-align:-3px}
    .media-midtop-wrap .module-thumb-card ~ .module-thumb-card {margin-top:24px}
    .main-major-news .lead {display:none}

    .module-text-list {margin-top:20px}
    .module-thumb-list .news-item:first-child {padding-top:0; border-top:none}
    .module-thumb-list .news-item .thumb {width:106px; height:70px}
    .module-thumb-list .news-item .txt-cont {width:calc(100% - 116px)}

    .module-thumb-card.grid-col-3:not(.type-overlay) .news-item {padding:16px 0 12px}
    .module-thumb-card.grid-col-3 .lead {display:none}
    

    .module-thumb-card:not(.grid-col-big).grid-m-row .news-item {display:flex; flex-direction:row; gap:10px; width:100%}
    .module-thumb-card:not(.grid-col-big).grid-m-row .news-item .thumb {width:106px; height:70px; padding:0}
    .module-thumb-card:not(.grid-col-big).grid-m-row .news-item .news-tit {-webkit-line-clamp:2}


    .page-subscription .banner-wrap img {max-width:640px; width:100%}
    .page-subscription .banner-wrap .is-mobile {display:inline-block}


    .module-thumb-card.grid-col-5:not(.grid-m-row) {gap:0 20px; border-bottom:1px solid #E4E4E4}
    .module-thumb-card.grid-col-5:not(.grid-m-row) .news-item:nth-child(2) ~ .news-item {display:flex; flex-direction:row; gap:10px; width:100%; padding:10px 0; border-top:1px solid #E4E4E4}
    .module-thumb-card.grid-col-5:not(.grid-m-row) .news-item:nth-child(2) ~ .news-item .thumb {width:106px; height:70px; padding:0}
    .module-thumb-card.grid-col-5:not(.grid-m-row) .news-item:nth-child(2) ~ .news-item .news-tit {-webkit-line-clamp:2}
    .module-thumb-card.grid-col-5:not(.grid-m-row) .news-item:nth-child(3) {margin-top:10px}
    

    .module-thumb-card.grid-col-3.type-overlay {gap:0; border-bottom:1px solid #E4E4E4}
    .module-thumb-card.grid-col-3.type-overlay .news-item {display:flex; flex-direction:row; gap:10px; width:100%; padding:10px 0; border-top:1px solid #E4E4E4}
    .module-thumb-card.grid-col-3.type-overlay .news-item .thumb {width:106px; height:70px; padding:0}
    .module-thumb-card.grid-col-3.type-overlay .news-item .news-tit {-webkit-line-clamp:2}

    .jebo-form .form-item-wrap {margin-top:40px}

    .cp-nav > li > a {font-size:17px}
	
    .cp-nav-tab {margin:0 -15px}
    .cp-nav-tab > .inner__scroll {overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch; text-align:center}
	.cp-nav-tab > .inner__scroll::-webkit-scrollbar {display:none}
    .cp-nav-tab .cp-nav {display:inline-flex; flex-wrap:nowrap; min-width:100%; padding:0 15px; box-sizing:border-box}
    .cp-nav > li > a {padding:0 15px}

    .privacy-nav-btn {margin-top:32px}
}
@media screen and (max-width:767px) {
    .main-headline .lead {-webkit-line-clamp:1}
    .subs-wrap .subs-info-head .info-txt {letter-spacing:-0.02em}

    .privacy-nav-btn [class*="btn-"] {flex:1}
}
@media screen and (max-width:359px) {
    .paging a, .paging strong {font-size:13px}
    .layer-sns .layer-inner {width:300px; padding:15px 5px 30px}
    .advertisement-info .cont-list li .page-name {line-height:1.6}
    .advertisement-info .cont-list li .page-name > span {display:block; margin-left:0}

    .layer-offcanvas .offcanvas-foot {flex-direction:column}
    .layer-offcanvas .offcanvas-foot .btn {max-width:unset}
}
@media all and (max-width:319px){
    .header-media .logo-business {width:125px; height:35px}
    .header-media .logo-money {width:100px; height:16px}
    .header-media .logo-jobnjoy {width:96px; height:35px}
	.header .logo .emblem {width:66px; height:24px}
    .main-top-emagazine .magazine-module {flex-direction:column}
    .main-top-emagazine .magazine-module .cont {max-width:100%}

    .privacy-nav-btn {flex-direction:column}
    .privacy-nav-btn [class*="btn-"] {width:100%}

    .bookplus-main .consult-section .btn-download::before {display:none}
}
@media all and (max-width:300px){
    .subs-wrap .book-wrap-group .book-wrap:nth-child(2) {left:50px; top:30px}
}
@media screen and (min-width: 374px) {
    .certify-wrap .cp-nav > li > a {flex-direction:row}
    .certify-wrap .cp-nav > li .txt-en, .certify-wrap .cp-nav > li .txt-num {margin-left:5px}
}
@media screen and (min-width:500px) {
    .subs-wrap .subs-info-head .info-txt {text-align:center}
}
/* PC style (header 및 서브 콘텐츠는 900이상일때 pc버전) */
@media screen and (min-width:768px) {
    /* AD */
    .ad-area {margin:40px auto}
    .container .ad-area.ad-top {margin:-20px auto 30px}

    /* 메인 */
    .main-top .news-top .news-tit {margin-top:0; font-size:30px}
    
    /* company */
    .company-wrap .cont-info .logo-txt {padding:4px} 
    .company-wrap .history-list li > div {padding-left:110px}
    .company-wrap .history-list li > div .history-date {width:90px}

    .layer-my {width:300px}
    .top-util-area .util-items .item.today {display:block}

    /* footer */
    .foot-sns .sns-group dl {float:left; width:auto; margin:0}
    .foot-sns .sns-group dt {width:auto; margin-right:20px}
    .foot-sns .sns-group dl + dl {margin:0 0 0 15px; padding-left:15px; border-left:1px solid #eee}
    .foot-sns .sns-group::after {content:''; display:block; clear:both}

    .foot-sns.sns-type2 .sns-group li + li {margin-left:25px}
    .foot-sns.sns-type2 .sns-group dl {float:none; max-width:100%}
    .foot-sns.sns-type2 .sns-group dl + dl {margin-left:0; padding-left:0; border-left:none}
    .foot-sns.sns-type2 .sns-group dt {width:120px}
    .sns-group .icon-sns-ntv::before {margin-top:7px}

    
    /* cp */
    .cp-item-box {flex-direction:row}
    .cp-item-box > li {width:230px}
    .cp-item-box .in {padding:15px}
    .cp-item-box .in br {display:inline}

    .cp-workflow {display:flex; flex-wrap:wrap; justify-content:center}
    .cp-workflow li {flex:0 0 auto; display:inline-flex; align-items:center}
    .cp-workflow li .cp-work {position:relative; width:120px; min-height:120px; padding:0; background:none}
    .cp-workflow li .cp-work::before {content:''; position:absolute; top:0; left:0; z-index:-1; width:120px; height:120px; border-radius:50%; background:linear-gradient(180deg, rgba(53,86,147,1) 30px, rgba(111,149,218,1) 30px)}
    .cp-workflow li .cp-work span {display:block; text-align:center}
    .cp-workflow li .num {position:static; width:auto; margin:5px 0}
    .cp-workflow li [class^="material-icons"] {margin:30px 0; font-size:32px}
    .cp-workflow li .txt {padding-top:10px; color:#222}
    .cp-workflow li + li::before {width:30px; height:30px; margin:0 25px; border:none; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1}
    .cp-workflow li:nth-child(4) ~ li {margin-top:30px}

    .portfolio-view-position {margin:0}
    .portfolio-view {position:absolute; top:40px; right:-160px; flex-direction:column; width:120px; font-size:14px; line-height:1.4}
    .portfolio-view li {margin-bottom:2px; text-align:center}
    .portfolio-view a {flex-direction:column; height:170px; padding:15px 20px; box-sizing:border-box}
    .portfolio-view .material-icons-outlined {margin:0 0 20px 0}
    .work-area > div {float:left; width:calc(50% - 15px)}
    .work-area > div + div {float:right}
    .work-area::after {content:''; display:block; clear:both}

    /* 구독인증 페이지 */
    .info-list {margin-top:20px}
    .certify-wrap .certify-step1 {padding:0 50px}
    .certify-wrap .certify-step2 {margin:0 auto 264px}
    .certify-wrap .certify-step2 .info-list {max-width:435px; margin:0 auto}
    .row-tbl th, .row-tbl td {padding:19px 30px}

    /* 개인정보 수집 및 이용 추가 */
    .privacy-box .essential {font-size:15px}
    .privacy-box .essential-txt {margin-bottom:10px; text-align:right}
    .privacy-box .scroll {height:150px; padding:25px; border-radius:10px; line-height:25px}
    .privacy-box .chk-area {margin:20px 0 30px}
    .privacy-box .chk-area label {padding-left:37px; font-size:16px}
    .privacy-box .chk-area label:before {/*top:-1px; */width:25px; height:25px}
    /* .privacy-box .chk-area .inp-chk:checked + label:after {top:5px; left:4px} */
}
@media screen and (min-width:780px) {
    /* 구독신청 */
    .page-subscription iframe {height:2000px !important}
    /* cp */
    .cp-portfolio .cp-cont ul {margin:0}
    .cp-portfolio .cp-cont li {flex:0 0 213px; margin:0 0 50px 50px}
    .cp-portfolio .cp-cont li:nth-child(3n - 2) {margin-left:0}
    .cp-portfolio .cp-cont .thumb {width:213px}
}
@media screen and (min-width:900px) { 
    /* reset */
    body, button, input, select, option, textarea, table, th, td {font-family:-apple-system,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:-.075em}

	.is-pc {display:block !important}
    .is-pc.inline {display:inline !important}
	.is-mobile {display:none}

    /* 유료아이콘 */
    .main-headline img.icon--lock {vertical-align:4px}

    /* header */
    .top-util-area .util-items .item-my {position:absolute; top:55px; right:0; z-index:2}
    .top-util-area .util-items .item-my > a {flex-direction:column; gap:0; height:auto; text-decoration:none}
    .top-util-area .util-items .item-my > a .txt {display:block; margin-top:5px; font-size:10px}
    .top-util-area .util-items .item-my .btn-login .txt {display:block}
    .top-util-area .util-items .item-my > a::before {flex:0 0 auto; content:''; display:inline-block; width:32px; height:32px; vertical-align:top}
    .top-util-area .btn-login::before {background:url('https://static.hankyung.com/resource/magazine/img/icon-login.svg') no-repeat 50% 50%/contain}
    .top-util-area .btn-user::before {background:url('https://static.hankyung.com/resource/magazine/img/icon-user-line.svg') no-repeat 50% 50%/contain}

    .header-inner {display:flex; align-items:center; justify-content:space-between; height:100px}
    .header .logo-area {display:flex; height:100%}
    /* .header-media:not(.header-business) .logo-area {align-items:center} */
    .header .logo {height:auto; padding:0}
    .header .logo-magazine {width:240px; height:58px}
    .header .logo-magazine-book {width:320px; height:45px}
    .header .etc-area {flex:0 0 auto}
    .header:not(.header-media) .logo {text-align:left}
    .header .btn-open-search {top:50%; right:15px; transform:translateY(-50%)}
    .header .btn-open-search::before {transform:translateY(1px)}
    .header .btn-open-search .txt {display:block; margin-top:10px; font-size:10px}
    .header .search-area.active .layer-search {position:absolute; top:50%; right:8px; z-index:2; width:240px; height:57px; margin:0; transform:translateY(-50%); transition:none} 
    .header .search-area.active .layer-search .btn-search {top:50%; right:2px; transform:translateY(-50%)}
    .header .search-area.active .layer-search .inp-txt {height:57px; font-size:13px}
    .header .search-area.active .btn-close-search {display:none}
    .header .logo .emblem {width:135px; height:50px; margin-left:10px}
    .header .logo .emblem-20th {width:45px; height:37px}
    .header .logo .emblem-30th {width:61px; height:50px}
    
    .header-business .emblem-30th {margin:28px 11px 0 0}

    .header .header-banner {position:absolute; top:50%; transform:translateY(-50%)}
    
    .gnb {padding:0}
    .gnb > ul {gap:20px}
    .gnb .logo-business {width:147px; height:23px}
    .gnb .logo-money {width:65px; height:22px}
    .gnb .logo-jobnjoy {width:110px; height:37px; margin-bottom:-16px; transform:translateY(-16px)}

    .header-main {border-bottom:3px solid #142C67}
    .header-main .header-banner {right:90px}
    .header-main .header-inner {height:97px}

    .header-media .top-util-area .util-items .item-my {right:50px}
    .header-media .logo-business {width:284px; height:80px}
    .header-media .logo-money {width:204px; height:32px}
    .header-media .logo-jobnjoy {width:219px; height:80px}
    .header-media .header-banner {right:130px;}
    .header-media .logo .emblem {margin-top:19px}

    .isSticky .header-sticky .logo .emblem,
    .isSticky .header-sticky .etc-area {opacity:0; visibility:hidden; position:absolute; top:-1px; left:-1px; width:0; height:0; overflow:hidden}
    .isSticky .header-sticky {box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.05)}
    .isSticky .header-sticky .header-sticky-inner {display:flex; gap:50px; max-width:1280px; margin:0 auto; padding:0 15px; box-sizing:border-box}
    .isSticky .header-sticky .header-inner {height:55px; margin:0; padding:0}
    .isSticky .header-sticky .logo-business {width:178px; height:50px}
    .isSticky .header-sticky .logo-money {width:130px; height:50px; background-position:center}
    .isSticky .header-sticky .logo-jobnjoy {width:137px; height:50px}
    .isSticky .header-sticky .nav-tag {background:none}
    .isSticky .header-sticky .nav-tag,
    .isSticky .header-sticky .nav-tag ul {height:55px}
    .isSticky .header-sticky .nav-tag ul {gap:35px}
    .isSticky .header-sticky .nav-tag ul:first-of-type li:first-child {padding:0}
    .isSticky .header-sticky .nav-tag li a {color:#121212}
    .isSticky .header-sticky .nav-tag li.on a::after {background-color:#121212}

    .isSticky .header-sticky .logo .emblem-20th {width:45px; height:37px}
    .isSticky .header-sticky .logo .emblem-30th {width:45px; height:37px; margin:12px 7px 0 0}
    

    .nav-tag {height:50px}
    .nav-tag ul {justify-content:center; gap:80px; height:50px; padding:0 0 2px}
    .nav-tag li {font-size:18px}
    .nav-tag li.on a::after {transform:translateY(6px)}

    .nav-tit {height:50px; line-height:50px}

    .banner-area {margin:50px 0}

    /* 메인 */
    /* main */
	/* .main .news-tit br {display:block} */
    .main-top {padding-top:40px; overflow:hidden}
    .main-top .logo-business {width:110px; height:17px}
    .main-top .logo-money {width:49px; height:17px}
    .main-top .logo-jobnjoy {width:74px; height:24px}
    .main-top article {padding-bottom:0}

    .main-top .news-top {display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:30px}
    .main-top .news-top .thumb {flex:0 0 auto; width:52.34%; padding-bottom:30.46%}
	.main-top .news-top .news-subtit,
    .main-top .news-top .lead {margin-top:10px}
    .main-top .news-top .news-subtit {font-size:20px}
    .main-top .news-top .lead {font-size:16px; line-height:1.8; -webkit-line-clamp:4}

    .main-top .media-name {margin-bottom:30px}

    .main-top .main-news-list {display:flex; gap:40px; margin-top:50px}
    .main-top .main-news-list > li {justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:15px; flex:0 0 auto; width:calc(33.33336% - ((40px * 2) / 3)); box-sizing:border-box}
    .main-top .main-news-list > li + li {margin:0}

    .main-top .main-news-list .thumb {position:relative; flex:none; width:100%; height:0; padding-bottom:62.5%}
    .main-top .main-news-list .thumb > a {position:absolute; top:0; right:0; bottom:0; left:0;}
    .main-top .main-news-list .txt-cont {flex:none; width:auto}
    .main-top .main-news-list .txt-cont .news-tit {margin-top:0; font-weight:700; font-size:20px;     -webkit-line-clamp:2}
    .main-top .main-news-list .txt-cont .date {margin-top:5px}
    .ie9 .main-news-list > li {display:block}
    .ie9 .main-news-list > li .thumb,
    .ie9 .main-news-list .txt-cont {display:block; vertical-align:baseline}
    .ie9 .main-news-list > li .thumb + .txt-cont {padding-left:0}
    .main-tit {font-size:20px}
    .ranking-news .cont-inner {margin-top:80px; padding:30px 0; border-top:1px solid #222}
    .main-top .main-major-news .news-item:first-child {gap:15px}

    .main .magazine-subscribe {margin:80px 0}

    /* 매체 메인 */
    .media-main.container {padding:30px 0}
    .media-main.container > .cont-inner #contents,
    .media-main.container > .cont-inner .aside {float:none; width:auto; max-width:unset}
    .media-main.container > .cont-inner .aside-inner {max-width:unset}
    .media-main .news-item {gap:15px}
    .media-main .news-item .news-tit {line-height:1.4}
    .media-main .news-item .news-category {margin-bottom:10px; font-size:16px}

    .media-main-top {display:flex; justify-content:space-between}
    .media-main-top .main-headline {flex:0 0 auto; width:65.625%}
    .media-main-top .main-major-news,
    .media-main-top .main-major-cont {flex:0 0 auto; width:31.25%} 
    
    .main-headline {width:100%}
    .main-headline .thumb {width:100%; height:0; padding-bottom:34.52%}
    .main-headline .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; pointer-events:none}
    .main-headline .txt-cont {margin-top:15px; padding:0} 
    .main-headline .news-tit {font-size:36px; -webkit-line-clamp:2; text-align:center; word-break:keep-all; word-wrap:break-word}
    .main-headline .news-sub-tit {margin-top:10px; color:#666; font-size:18px; text-align:center}
    .main-major-news .news-item {padding:15px 0}
    .main-major-news .news-item:first-child {padding-top:0; border-top:none}
    .main-major-news .news-item:last-child {padding-bottom:0}
    .main-major-news .banner-area {padding:30px 0 0}
    .media-latest-news {display:flex; justify-content:space-between; gap:50px; padding:50px 0}
    .media-latest-news .news-item {position:relative; flex:0 0 auto; width:calc(25% - (150px / 4)); padding:0; border:none}
    .media-latest-news .news-item:not(:first-child)::before {content:''; position:absolute; top:0; bottom:0; left:-25px; width:1px; background:#ddd}
    .media-latest-news .news-item .badge-img {position:absolute; top:-30px; left:25px}

    .media-latest-news-wrap {overflow:hidden}
    .media-latest-news-wrap .js-marquee {margin:0 !important}
    .media-latest-news-wrap .media-latest-news {gap:0}
    .media-latest-news-wrap .media-latest-news .news-item {align-items:flex-start; width:320px; padding:0 25px}
    .media-latest-news-wrap .media-latest-news .news-item::before {content:''; position:absolute; top:0; bottom:0; left:0; width:1px; background:#ddd}

    .media-maintop-wrap {display:flex; flex-direction:column; gap:50px; margin-bottom:50px}
    .media-midtop-wrap {display:flex; flex-direction:column; margin:50px 0}
    .module-thumb-card {display:flex; justify-content:space-between}
    .module-thumb-card .news-item {position:relative; flex:0 0 auto; padding:0; border:none}
    .module-thumb-card .news-item:not(:first-child)::before {content:''; position:absolute; top:0; bottom:0; width:1px; background:#ddd; pointer-events:none}
    .module-thumb-card.grid-col-2 {gap:30px}
    .module-thumb-card.grid-col-2 .news-item {width:calc(50% - (30px / 2))}
    .module-thumb-card.grid-col-2 .news-item::before {display:none}
    .module-thumb-card.grid-col-2 .news-item .news-tit {font-size:28px; -webkit-line-clamp:2}
    .module-thumb-card.grid-col-3 {gap:40px}
    .module-thumb-card.grid-col-3 .news-item {width:calc(33.33336% - ((40px * 2) / 3))}
    .module-thumb-card.grid-col-3 .news-item::before {left:-20px}
    .module-thumb-card.grid-col-3 .news-item .news-tit {font-size:26px}
    .module-thumb-card.grid-col-3 .news-item .news-tit img.icon--lock {vertical-align:-1px}
    .module-thumb-card.grid-col-3 .news-item .lead {margin-top:15px; -webkit-line-clamp:2}
    .module-thumb-card.grid-col-5 {gap:32px}
    .module-thumb-card.grid-col-5 .news-item {width:calc(20% - ((32px * 4) / 5))}
    .module-thumb-card.grid-col-5 .news-item::before {left:-16px}
    .module-thumb-card.grid-col-5 .news-item .news-tit {font-size:18px}

    .module-thumb-card.type-overlay {gap:60px 40px}
    .module-thumb-card.type-overlay .news-item {position:relative}
    .module-thumb-card.type-overlay .news-item:nth-child(3n + 1)::before {left:0; top:-30px; bottom:auto; width:calc(100vw - 30px); max-width:1280px; height:1px}
    .module-thumb-card.type-overlay .news-item .thumb:after {content:''; display:block; position:absolute; left:0; bottom:0; right:0; top:0; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); pointer-events:none}
    .module-thumb-card.type-overlay .news-item .txt-cont {position:absolute; bottom:20px; left:0; right:0; min-height:56px; padding:0 20px; box-sizing:border-box;}
    .module-thumb-card.type-overlay .news-item .news-tit {color:#fff; font-size:20px; -webkit-line-clamp:2; text-align:left}
    .module-thumb-card.type-overlay .news-item .news-tit a {color:#fff}
    
    .main-component {margin:50px 0; border-width:6px}
    .component-tit {padding:20px 0 30px; font-size:20px}
    .component-tit > a,
    .component-tit > span {display:inline-flex; padding:0}

    .main-component .module-text-list .news-item {padding:16px 0 24px}
    .main-component .module-text-list .news-item:first-child {border:none; padding-top:0}
    .main-component .module-text-list .news-item:last-child {padding-bottom:0}
    .main-component .module-text-list .news-item .news-tit {font-size:20px}
    
    .main-component .module-thumb-list {display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px}
    .main-component .module-thumb-list .news-item {flex:0 0 auto; gap:20px; width:calc(50% - 20px); padding:0; border:none}
    .main-component .module-thumb-list .news-item .thumb {width:220px; height:150px}
    .main-component .module-thumb-list .news-item .news-tit {font-size:24px}

    .main-component.type-1 .news-item-wrap {display:flex; justify-content:space-between}
    .main-component.type-1 .news-item-wrap .module-thumb-card {flex:0 0 auto; width:70.31%}
    .main-component.type-1 .news-item-wrap .module-text-list {flex:0 0 auto; width:27.34%}
    
    .main-emagazine {margin-bottom:0}
    .magazine-module {margin:0; padding:0; background:none}
    .magazine-module .slick-slide {display:flex}
    .magazine-module .slick-slide:nth-child(3n - 1) {justify-content:center}
    .magazine-module .slick-slide:nth-child(3n) {justify-content:flex-end}
    .magazine-module .item {width:100%; max-width:400px; padding:40px 0; background:#F7F7F7}
    .magazine-module .magazine-btn {flex-direction:column}
    .magazine-module .magazine-btn [class^="btn-"] {width:100%; max-width:220px; height:40px; font-size:16px}
    
    .main-top-emagazine .magazine-module {gap:6.25%}
    .main-top-emagazine .magazine-module .cont {max-width:41.25%}
    .main-top-emagazine .magazine-module .magazine-tit {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:5px 0 10px}   
    .main-top-emagazine .magazine-module .magazine-btn [class^="btn-"] {max-width:140px; height:35px; padding-bottom:1px}

    .main-ranking-list {display:grid; grid-auto-flow:column; grid-template-rows:repeat(5, 1fr); column-gap:40px;}
    .main-ranking-list > .news-item {gap:0}
    .main-ranking-list > .news-item:nth-child(6) {border-top:none}
    .main-ranking-list > .news-item:nth-child(5n) {border-bottom:1px solid #ddd}
    .main-ranking-list .ranking-info {gap:5px; width:70px; padding-top:5px}
    .main-ranking-list .ranking-info .num {font-size:32px}
    .main-ranking-list .ranking-info .ranking-status {font-size:16px}
    .main-ranking-list .news-cont {gap:20px; height:120px}
    .main-ranking-list .news-cont .thumb {flex:0 0 auto; width:176px; height:120px}
    .main-ranking-list .news-cont .txt-cont {width:calc(100% - 196px)}
    .main-ranking-list .news-cont .news-tit {font-size:22px}
    
    .magazine-category .item {font-weight:bold}

	.magazine-category-wrap .inner-scroll.v2 {max-width:1160px; margin:0 auto; text-align:left}
    .magazine-category .btn-subscription {position:absolute; top:50%; right:150px; margin-left:0; font-weight:normal; transform:translate(0, -50%); text-decoration:none}
	.magazine-category .btn-subscription::before {width:19px; height:21px; vertical-align:-5px}

	.magazine-category .btn-e-magazine {position:absolute; top:50%; right:20px; margin-left:0; font-weight:normal; transform:translate(0, -50%); text-decoration:none}
    .magazine-category .btn-e-magazine::before {width:20px; height:24px; vertical-align:-5px}

	.header-banner {width:320px; height:60px; overflow:hidden}
    .header-banner .item > a {display:block}
    .header-banner .slick-list {height:60px; overflow:hidden}

    /* header logo type(error, sitemap) */
    .header-logo-type .logo-magazine {width:180px; height:43px}
    .header-logo-type .logo-magazine-book {width:240px; height:35px}
    .header-logo-type .logo-txt {font-size:32px}
    .header-logo-type .logo-magazine-book {margin-top:10px}
	/* footer */
	.btn-top {width:50px; height:50px}
	.btn-top::before {width:15px; height:15px}
    /* main */
    /* .main-top .news-top {min-height:344px; padding:60px 0 0 580px; box-sizing:border-box}
    .main-top .news-top .thumb {width:550px; height:344px}
	.main-top .news-top .news-subtit,
    .main-top .news-top .lead {margin-top:15px}
    .main-top .news-top .news-subtit {max-height:60px; -webkit-line-clamp:2}
    .main-top .news-top .lead {max-height:44px; line-height:22px; -webkit-line-clamp:2} */

    /* sub */
    .container {padding:50px 0}
    .container > .cont-inner #contents {float:left; width:calc(100% - 330px); max-width:800px}
    .container > .cont-inner .aside {float:right; width:300px}
    .container > .cont-inner .aside-inner {transition:all ease .3s}
    .container > .cont-inner::after {content:''; display:block; clear:both}

    .container.full > .cont-inner,
    .container.full ~ .footer .cont-inner {max-width:1280px}
    .container.full > .cont-inner #contents {float:none; width:100%; max-width:none}
    .container.full > .cont-inner::before {display:none}
    .contents-row .col:nth-child(1) {float:left; width:32%; max-width:360px}
    .contents-row .col:nth-child(2) {float:right; width:66%; max-width:740px}
    .contents-row.revers .col:nth-child(1) {float:right}
    .contents-row.revers .col:nth-child(2) {float:left}
    .contents-row .col:only-child {float:none; width:740px; max-width:unset; margin:0 auto}
    .contents-row::after {content:''; display:block; clear:both}
    
    .sub-tit-wrap {margin-top:-5px; margin-bottom:40px}
    .tag-list .tag {height:24px; font-size:13px; line-height:24px}
	/* aside */
	
	.aside-tab > li > a {font-size:16px}
	.aside-tab > li > a::after {vertical-align:-18px}
    /* list */
    .news-list > li {margin-top:20px; padding:20px 0 0}
    .news-list > li:first-child {margin-top:0}
    .news-list > li:last-child {border-bottom:none}
    .news-list .news-cont {gap:30px}
    .news-list .news-cont .thumb-cont {width:170px}
    .news-list .news-cont .thumb {width:170px; height:106px}
    .news-list .news-cont .txt-cont {width:calc(100% - 200px); padding-top:0}
    .news-list .txt-cont .news-tit {font-size:20px; line-height:1.5}
    .news-list .txt-cont .lead {display:block; display:-webkit-box}
    .news-list .txt-cont .date {margin-top:10px; font-size:13px}
    .news-list .tag-list {margin-top:10px}

    .paging {margin:40px 0 0; padding-bottom:0; border-bottom:none; font-size:0}
    .paging a,
    .paging strong {margin:0 5px; font-size:13px}
    .paging .num {display:inline-block; position:relative; padding:0 15px}
    .paging .txt,
    .paging .btn-first,
    .paging .btn-end {display:inline-block}
    .paging .btn-first::before,
    .paging .btn-prev::before {margin-right:8px}
    .paging .btn-next::after,
    .paging .btn-end::after {margin-left:8px}
    .paging .btn-prev,
    .paging .btn-next {position:relative; width:auto; margin:0 10px}
    .paging .btn-prev {margin-right:15px}
    .paging .btn-next {margin-left:15px}
    .paging .btn-prev::after,
    .paging .btn-next::before {content:''; position:absolute; top:50%; width:1px; height:15px; background:#ddd; transform:translateY(-50%)}
    .paging .btn-prev::after {right:-15px}
    .paging .btn-next::before {left:-15px}
    /* search */
    .search-result {margin-bottom:30px; font-size:18px}
    .search-re {width:450px; margin:0 auto}
	.search-re .inp-txt{height:60px}
	.search-re .btn-search {top:20px}
    /* view */
    .breadcrumb > li {font-size:16px}
    .article-head {padding-bottom:20px; border-bottom:1px solid #eee}
    .article-head .news-tit {font-size:32px}
    .article-head .article-writer {margin:20px 0 0}
    .utility-wrap {position:relative; margin:30px 0 0}
    .utility-wrap .utility {float:right}
    .utility-wrap .utility > div > [class^="btn-"] {width:40px; height:40px}
    .utility-wrap .date-info {float:left; margin:10px 0 0}
    .utility-wrap::after {content:''; display:block; clear:both}
    .utility .util-share,
    .utility .util-font {float:right}
    .utility .util-share {position:relative; margin-left:8px}
    .utility .util-share .layer-sns {position:absolute; top:50px; right:0; left:auto; bottom:auto}
    .utility .util-share .layer-sns::before {pointer-events:none; background:none}
    .utility .util-share .layer-sns .layer-inner {position:static; transform:none}
    .layer-font.active {right:-95px}
    
    .article-body {font-size:18px; line-height:1.7}
    .article-body .summary {font-weight:bold}
    .figure-caption {font-size:0.77em; line-height:1.4}
    .article-body blockquote {padding:19px 29px}
    .article-body blockquote .svg-quote {width:28px; height:20px}
    
    .related-area {margin:40px 0; /*padding-bottom:15px; border-bottom:1px solid #e5e5e5*/}
    .related-area .tit-wrap {position:relative; text-align:left}
    /* .related-area .tit-wrap::before {content:''; position:absolute; top:16px; display:inline-block; width:100%; height:1px; background-color:#e5e5e5; z-index:-1} */
    .related-area .tit-wrap .list-tit {margin-bottom:5px; padding:0 5px 0 0; font-size:16px; border-top:none; background:#fff}
    /* .related-list .news-tit {font-size:19px; line-height:1.8} */
	.comment-area {padding-top:15px; border-top:1px solid #e5e5e5}

    .article-video {margin:30px 0; padding:15px}

    .article-tag a {margin-top:10px; margin-right:6px; font-size:15px; letter-spacing:-0.02em}

    .article-audio-player {width:510px; height:70px; margin:30px auto; padding:16px 84px 0 96px; border-radius:35px}
    .article-audio-player .btn-audio {top:19px; transform:scale(1.1)}
    .article-audio-player .btn-audio.play {left:29px}
    .article-audio-player .progress-time {font-size:15px}

    /* error */
    .error-contents .error-msg {font-size:32px}
    .error-contents .move-page {margin-top:45px}

    /* cp */
    .cp-nav > li {width:25%}
    .cp-info-intro {position:relative; padding-right:275px}
    .cp-info-intro::after {position:absolute; top:0; right:14px; margin:0}

    /* e매거진 */
	.loading-wrap,
	.loading-spinner {height:100%}
    .info-box {padding-left:30px; padding-right:30px}
	.info-box .txt-info::before {content:''; display:inline-block; width:24px; height:24px; margin-right:8px; background:url('https://static.hankyung.com/img/magazine/2021/common/icon-info.svg') no-repeat 0 0/contain; vertical-align:middle}

	.btn-emagazine-pramary {height:40px; padding:0 25px}
	.btn-emagazine-pramary::before {height:40px; vertical-align:-14px}
	.btn-emagazine-pramary::after {top:-2px; width:8px; height:8px}

    /* e매거진 */
    .cont-emagazine .info-box {margin:0 60px 60px}
    .cont-emagazine .sub-tit-wrap + .info-box {margin-top:50px}
    .emagazine-list {display:flex; flex-wrap:wrap}
    .emagazine-list .item {flex:0 0 auto; display:flex; width:33.33336%}
    .emagazine-list .item:nth-child(3n) {justify-content:flex-end}
    .emagazine-list .item:nth-child(3n - 1) {justify-content:center}
    .emagazine-list .item:nth-child(3n) ~ .item {margin-top:50px}
    .emagazine-list.col2 .item {width:50%; justify-content:center}
    .emagazine-list.col2 .item:nth-child(2n) ~ .item {margin-top:50px}
    .emagazine-list .item > a {width:260px; text-align:left}
    .emagazine-list .book-wrap,
    .emagazine-list .book-left {height:347px}
    .emagazine-list .book-front,
    .emagazine-list .book-front .book-cover img,
    .emagazine-list .book-back {width:260px; height:347px}
    .emagazine-list .emagazine-category {margin-top:367px}
    .emagazine-list .emagazine-category {color:#888; font-size:14px; text-align:right}
    .emagazine-list .item > a:hover .book-wrap {-webkit-transform:rotate3d(0,1,0,35deg); transform:rotate3d(0,1,0,35deg)}
    .emagazine-list .item > a:hover .book-back {box-shadow:0 5px 30px rgba(0,0,0,.4)}

    .emagazine-datail-list {justify-content:flex-start; margin:-25px 0 0 -4.7%}
    .emagazine-datail-list > li {width:25%; margin:25px 0 0; padding-left:4.7%; box-sizing:border-box}
	.emagazine-datail-list > li:nth-child(4) ~ li {margin-top:55px}
    /* .emagazine-datail-list .info {position:absolute; left:0; top:0; right:0; bottom:0; border-radius:5px; background:rgba(0,0,0,.8); visibility:hidden; opacity:0; transition:all ease .2s}
    .emagazine-datail-list .info .emagazine-tit {display:flex; flex-direction:column; justify-content:center; height:185px; margin:0; padding-top:10px}
    .emagazine-datail-list .info .date, 
    .emagazine-datail-list .info .num {color:#fff; font-size:14px; letter-spacing:0}
    .emagazine-datail-list .info .num {margin-top:5px; font-size:24px}
	.emagazine-datail-list .btn-go-pdf {width:100px; height:40px}
    .emagazine-datail-list .btn-go-pdf::after {height:40px; vertical-align:-15px} */
	.emagazine-datail-list .info .date, 
    .emagazine-datail-list .info .num {font-size:14px; letter-spacing:0}
	.emagazine-datail-list .info .num {margin-top:5px}
    .emagazine-datail-list a:hover .thumb img {transform:scale(1.1); transition:transform .5s}
    .emagazine-datail-list a:hover .info {visibility:visible; opacity:1}
    .emagazine-datail-list .badge-new,
    .emagazine-datail-list .badge-handbook, 
    .emagazine-datail-list .badge-special,
    .emagazine-datail-list .badge-bookinbook,
    .emagazine-datail-list .badge-supplement {top:-15px; left:-15px; width:60px; height:60px; font-weight:normal; font-size:16px; letter-spacing:0}

    .btn-more-wrap {margin:60px 0 0}
    .btn-more-wrap .btn-more {display:inline-block; width:300px; height:50px}
    .btn-more-wrap .btn-more::after {height:50px; vertical-align:-19px}

    /* e매거진 뷰어 */
	.emagazin-viewer .page-column1 {display:block}

    .emagazin-viewer {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden}
    .emagazin-viewer .viewer-header {position:absolute; top:0; right:0; bottom:0; width:240px; padding:70px 30px 0; border-left:1px solid #e6e6e6; background:#f7f7f7; box-sizing:border-box; transition:right ease .3s}
    .emagazin-viewer .emagazine-category {text-align:center}
    .emagazin-viewer .logo-emagazine {margin-bottom:5px; color:#888; font-size:14px; letter-spacing:0}
    .emagazin-viewer .viewer-title .logo-business {width:140px; height:39px}
    .emagazin-viewer .viewer-title .logo-money {width:142px; height:22px}
    .emagazin-viewer .viewer-title .logo-esg {width:103px; height:22px}
    .emagazin-viewer .viewer-title .logo-mook {width:127px; height:22px}
    .emagazin-viewer .viewer-title .logo-jobnjoy2 {width:90px; height:49px}
    .emagazin-viewer .emagazine-edition {margin:25px 0 85px; text-align:center}
    .emagazin-viewer .emagazine-edition .edition-title {margin-bottom:5px; font-weight:normal; font-size:16px}
    .emagazin-viewer .emagazine-edition .num,
    .emagazin-viewer .emagazine-edition .date {color:#121212; font-size:14px; letter-spacing:0}
    .emagazin-viewer .viewer-option + .viewer-option {margin-top:20px} 
    .emagazin-viewer .viewer-option {display:flex}
    .emagazin-viewer .viewer-option > li {flex:0 0 auto; width:50%}
    .emagazin-viewer .viewer-option > li button {display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:78px; border:1px solid #e8e8e8; border-left:none; background:#fff; box-sizing:border-box}
    .emagazin-viewer .viewer-option > li:first-child button {border-left:1px solid #e8e8e8; border-radius:10px 0 0 10px}
    .emagazin-viewer .viewer-option > li:last-child button {border-radius:0 10px 10px 0}
    .emagazin-viewer .viewer-option > li button::before {content:''; display:inline-block; background:url('https://static.hankyung.com/img/magazine/2021/common/spr-emagazine.svg') no-repeat}
    .emagazin-viewer .viewer-option > li button .txt {display:block; margin-top:6px; font-size:12px}
    .emagazin-viewer .viewer-option > li button.on {background:#e85454; color:#fff}
    .emagazin-viewer .viewer-option.view-mode .btn-column1::before {width:24px; height:29px; background-position:0 0}
    .emagazin-viewer .viewer-option.view-mode .btn-column1.on::before {background-position:0 -37px}
    .emagazin-viewer .viewer-option.view-mode .btn-column2::before {width:47px; height:29px; background-position:-39px 0}
    .emagazin-viewer .viewer-option.view-mode .btn-column2.on::before {background-position:-39px -37px}
    .emagazin-viewer .viewer-option.view-zoom > li button .txt {margin-top:10px} 
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-plus::before {width:18px; height:18px; background-position:0 -85px}
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-plus:hover::before,
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-plus:active::before {background-position:0 -125px}
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-minus::before {width:18px; height:18px; background-position:-53px -85px}
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-minus:hover::before,
    .emagazin-viewer .viewer-option.view-zoom .btn-zoom-minus:active::before {background-position:-53px -125px}
    .emagazin-viewer .btn-close-viewer {position:absolute; left:30px; right:30px; bottom:30px; width:180px; height:40px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; box-sizing:border-box; font-size:16px; text-align:center; line-height:1}
    .emagazin-viewer .btn-close-viewer::after {content:''; display:inline-block; width:1px; height:40px; vertical-align:-15px}
    .emagazin-viewer .btn-toggle-header {position:absolute; top:22px; left:-30px; z-index:100; width:30px; height:50px; border:1px solid #e6e6e6; border-radius:8px 0 0 8px; background:#f7f7f7; box-sizing:border-box}
    .emagazin-viewer .btn-toggle-header::before {content:''; display:inline-block; width:8px; height:8px; margin:0 4px 0 0; border-width:2px; border-style:solid; transform:rotate(45deg); border-color:#999 #999 transparent transparent}
    
    .emagazin-viewer .viewer-contents {position:absolute; top:0; bottom:0; left:0; right:240px; padding:70px; transition:right ease .3s}
    .emagazin-viewer .page-view {border:1px solid #ddd}
    .emagazin-viewer .page {height:calc(100vh - 142px); text-align:center}
    .emagazin-viewer .page,
	.emagazin-viewer .page > div {display:flex; align-items:center}
	.emagazin-viewer .page > div > img,
	.emagazin-viewer .page > img {/*height:100%;*/ max-height:100%; object-fit:contain}
    .emagazin-viewer .btn-prev-page,
    .emagazin-viewer .btn-next-page {position:absolute; top:70px; bottom:70px; z-index:1000; width:100px}
    .emagazin-viewer .btn-prev-page {left:70px; text-align:left}
    .emagazin-viewer .btn-next-page {right:70px; text-align:right}
    .emagazin-viewer .btn-prev-page::before,
    .emagazin-viewer .btn-next-page::before {content:''; display:inline-block; width:70px; height:70px; border-width:17px; border-style:solid; transform:rotate(45deg); box-sizing:border-box; opacity:.5}
    .emagazin-viewer .btn-prev-page::before {left:0; margin-left:25px; border-color:transparent transparent #000 #000}
    .emagazin-viewer .btn-next-page::before {right:0; margin-right:25px; border-color:#000 #000 transparent transparent}
    .emagazin-viewer .btn-prev-page:hover,
    .emagazin-viewer .btn-next-page:hover {background:rgba(0,0,0,.02)}
    .emagazin-viewer .page-move button.slick-disabled {visibility:hidden; opacity:0}
    .emagazin-viewer .page-num {position:absolute; bottom:90px; left:50%; z-index:1000; transform:translateX(-50%)}

    .emagazin-viewer.fold .viewer-header {right:-240px}
    .emagazin-viewer.fold .btn-toggle-header::before {margin:0 0 0 4px; border-color:transparent transparent #999 #999}
    .emagazin-viewer.fold .viewer-contents {right:0}

    .emagazin-viewer .page-mobile {display:none}
    .emagazin-viewer .page-wrap {overflow:hidden}
	.emagazin-viewer .page-column1 .page {justify-content:center}
    .emagazin-viewer .page-column2 {position:relative}
    .emagazin-viewer .page-column2 .page-wrap {position:relative}
    .emagazin-viewer .page-column2 .page > div {position:relative; flex:0 0 auto; width:50%; height:100%; box-sizing:border-box}
    .emagazin-viewer .page-column2 .page > div:empty {width:50%}
    .emagazin-viewer .page-column2 .page .left {text-align:right; justify-content:flex-end}
    .emagazin-viewer .page-column2 .page .right {text-align:left; border-left:1px solid #ddd}
    /* .emagazin-viewer .page-column2::after {content:''; position:absolute; top:0; left:50%; width:1px; margin-left:-.5px; bottom:0; background:#ddd; z-index:5} */
    
    .emagazin-viewer .page-column2.flipping {position:relative; height:calc(100vh - 142px)}
    .emagazin-viewer .page-column2.flipping .page-wrap {position:relative; height:100%}
    .emagazin-viewer .page-column2.flipping .flipbook {display:none; position:absolute; top:0; left:0; right:0; bottom:0}
    .emagazin-viewer .page-column2.flipping .flipbook .page > div img {position:absolute}
    .emagazin-viewer .page-column2.flipping .flipbook .left {border-right:1px solid transparent}
	.emagazin-viewer .page-column2.flipping .flipbook .left img {right:0}
    .emagazin-viewer .page-column2.flipping .flipbook .left img:first-child {z-index:2}
    .emagazin-viewer .page-column2.flipping .flipbook .right {border-left:1px solid transparent}
    .emagazin-viewer .page-column2.flipping .flipbook .right img {left:0}
    .emagazin-viewer .page-column2.flipping .flipbook .right img:first-child {z-index:3}
    /* .emagazin-viewer .page-column2.flipping .flipbook .page div {transform-style: preserve-3d; -webkit-transform-style: preserve-3d} */
    .emagazin-viewer .page-column2.flipping .flipbook .page.flip div {transform-origin: 0% 0%}
    .emagazin-viewer .page-column2.flipping .flipbook .page.flip .right {
        transform:rotateY(-180deg);
        transition: transform .35s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .emagazin-viewer .page-column2.flipping .flipbook .page.flip .right img:nth-child(2) {
        transform: rotateY(180deg);
        animation: zIndex .2s .15s forwards;
    }
    .emagazin-viewer .page-column2.flipping .flipbook .page.unflip div {
        transform-origin: 100% 100%;
    }
    .emagazin-viewer .page-column2.flipping .flipbook .page.unflip .left {
        transform:rotateY(180deg);
        transition: transform .35s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .emagazin-viewer .page-column2.flipping .flipbook .page.unflip .left  img:nth-child(2) {
        transform:rotateY(180deg);
        animation: zIndex .2s .15s forwards;
    }
    @keyframes zIndex {
        from {
            z-index:2;
            opacity:0; 
        }
        to {
            z-index:3;
            opacity:1; 
        }
    }

	.emagazin-viewer .loading-wrap {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:rgba(255,255,255,.2)}

	#view_both {transform-origin: center center !important}
	/* .faceImageLayer {position:relative; width:100% !important; height:100% !important;}
	.faceImageLayer #staticBook {position:relative; min-height:100%; box-sizing:border-box} */


    /* 팝업 */
    .popup-wrap {position:fixed; top:50%; left:calc(50% - 100px); right:auto; bottom:auto; background:none; transform:translate(-50%, -50%)}
    .popup-wrap .popup-inner {position:static; transform:none; box-shadow:7px 7px 20px rgba(0,0,0,.3)}
    .popup-wrap .btn-popup-default {width:160px; height:40px}
    .popup-wrap .btn-popup-default::after {height:40px; vertical-align:-15px}
    .popup-wrap .popup-header {margin-bottom:15px}
    .popup-wrap .popup-tit {font-size:24px}
    .popup-wrap .popup-body {line-height:1.5}
    .popup-wrap .popup-body p + p {margin-top:15px}
    .popup-wrap .popup-foot {margin-top:25px}
    .emagazin-viewer.fold + .popup-wrap {left:50%}


    .subs-wrap .subs-info-top {margin:0}
    
    .subs-wrap .book-thumb:hover .book-wrap {-webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg)}

    /* 공지 배너 */
	.hk-noti-banner .banner-tit {margin-bottom:20px}
	.hk-noti-banner .banner-inner {flex-direction:row; align-items:center; justify-content:center; gap:24px; padding:28px 32px}
    .hk-noti-banner .banner-cont {flex:0 0 auto; width:650px}
    .hk-noti-banner .banner-action {flex:0 0 auto}

    .jebo-form {display:flex; justify-content:space-between; gap:40px}
    .jebo-form .jebo-intro {flex:0 0 auto; width:clamp(300px,29vw,340px)}
    .jebo-form .form-item-wrap {flex:1 1 auto; max-width:700px}
    .jebo-form .contact-area {margin-top:100px}
    .jebo-form .contact-area > .item > .text-cont {width:calc(100% - 108px)}
    .jebo-form .contact-area > .item > .img-cont {width:100px}
    .jebo-form .form-file {align-items:flex-start}
    .jebo-form .form-file .form-label {padding-top:8px}
    .jebo-form .file-list .file-name {max-width:430px}

    /* 운영정책 */
    .policy-wrap {gap:40px}
    .policy-tab ul {justify-content:center}
    .policy-tab li {flex:1 0 0}
    .policy-tab li a {font-size:16px}
    .policy-title .tit {font-size:26px}
    .policy-title .date {font-size:16px}
    .policy-box {padding:40px}

    /* 정정반론보도(2단 레이아웃: 왼쪽메뉴+콘텐츠) */
    .contents-wrap {flex-direction:row; gap:80px}
    .contents-wrap .contents-aside {width:300px; flex:0 0 300px}
    .contents-wrap .contents {flex:1; min-width:0}
    .contents-wrap .page-tit {font-size:32px}
    .contents-wrap .lnb-dropdown-btn {font-size:16px}
    /* .contents-wrap .lnb {overflow:visible; margin:0}
    .contents-wrap .lnb .inner-scroll {overflow:visible}
    .contents-wrap .lnb ul {flex-direction:column}
    .contents-wrap .lnb li:first-child {padding-left:0}
    .contents-wrap .lnb li:last-child {padding-right:0}
    .contents-wrap .lnb li a {padding:0 40px 2px; font-size:16px} */

    .bookplus-main .cont-box-area {flex-direction:row; gap:30px}
    .bookplus-main .cont-box-area .box-item {flex:1; justify-content:flex-start}
    .bookplus-main .col-wrap {flex-direction:row;}
    .bookplus-main .consult-section .col-wrap .col:first-child {flex:0 0 auto; width:340px}
    .bookplus-main .consult-section .col-wrap .col:nth-child(2) {flex:1}
    .bookplus-main .consult-section .qr-area {padding:30px}
    .bookplus-main .consult-section .qr-code {width:180px; height:180px}
    .bookplus-main .chk-type label:before {top:-1px}
}
@media screen and (min-width:970px) {
    .page-subscription .banner-wrap .is-pc {display:inline-block !important}
    .page-subscription .banner-wrap a + a {margin-top:20px}
}
@media screen and (min-width:1000px) {
    /* header */
    .gnb > ul {gap:50px}
    /* .header-media .logo-business {width:278px; height:40px}
    .header-media .logo-money {width:115px; height:40px}
    .header-media .logo-jobnjoy {width:189px; height:64px; transform:translateY(-13px)} */

    .main-top .news-top .news-tit {font-size:36px}
}
@media screen and (min-width:1120px) {
    /* header */
    .gnb > ul {gap:70px}
    .gnb .logo-business {width:179px; height:26px}
    .gnb .logo-money {width:80px; height:26px}
    .gnb .logo-jobnjoy {width:118px; height:40px}

    .header-media .logo-money {width:304px; height:47px}
    .header .logo .emblem-20th {width:61px; height:50px}
    
    .magazine-category-wrap {height:50px}
    .magazine-category .item {line-height:48px}
    .magazine-category .btn-subscription {right:auto; left:50%; margin-left:370px; transform:translate(-50%, -50%)}
    .magazine-category .btn-e-magazine {right:auto; left:50%; margin-left:510px; transform:translate(-50%, -50%)}
    
	.magazine-category-wrap.tag-type .item > a {height:30px}
	.magazine-category-wrap.tag-type .item > a::before {height:28px; vertical-align:-9px}
    /* footer */
    .footer .foot-cont {padding-left:135px}
    .footer .foot-cont.foot-rel {min-height:135px}
    
    .foot-rel {position:relative}
    .footer .hk-group .service-menu {width:560px; margin:0}
    .footer .hk-group .service-menu > li {width:140px}
    /* .footer .share-sns {position:absolute; top:20px; right:0; margin-top:0}
    .footer .share-sns > li {width:80px; border-left:1px solid #eee; box-sizing:border-box}
    .footer .share-sns > li:first-child {border-left:none}
    .footer .share-sns > li > a {display:block; position:relative; padding-top:35px; text-decoration:none}
    .footer .share-sns [class^="sns-"]::before {position:absolute; top:3px; left:50%; transform:translateX(-50%)}
    .footer .sns-naver-post::before {top:1px}
    .footer .sns-naver-news::before {top:5px}
    .footer .share-sns [class^="sns-"] .txt {display:block} */
    .foot-info .f-item + .f-item {margin-top:5px}

    .sns-group [class^="icon-sns-"]::before {transform:scale(0.8)}
    .foot-sns {position:absolute; top:20px; right:0; margin-bottom:0; padding-bottom:0; border-bottom:none}
    .foot-sns .sns-group dt,
    .foot-sns .sns-group dd {float:none}
    .foot-sns .sns-group dt {margin:0 0 10px}
    .foot-sns .sns-group dl + dl {margin:0 0 0 30px; padding-left:30px}
    .foot-sns .sns-group li {min-width:auto}
	.foot-sns .sns-group li > a {padding:0 3px}
    
    .foot-sns.sns-type2 {right:100px}
    .foot-sns.sns-type2 .sns-group li {min-width:25px}
    .foot-sns.sns-type2 .sns-group dt, .foot-sns.sns-type2 .sns-group dd {float:left}
    .foot-sns.sns-type2 .sns-group dt {width:140px; margin:0 0 8px}
    .foot-sns.sns-type2 .sns-group dl + dl {margin-top:0px}
    .sns-group .icon-sns-ntv::before {transform:scale(1.1)}

	.btn-top-wrap {position:fixed; bottom:0; left:50%; width:1px; height:0}
    .btn-top-wrap .btn-position {position:absolute; bottom:60px; right:-580px}

    .isSticky .header-sticky .nav-tag ul {gap:50px}

    /* main */
    .magazine-subscribe-inner {max-width:1120px; margin:0 auto}
    .magazine-subscribe .main-tit {margin-bottom:-3px; font-size:20px; text-align:left}
    .magazine-list .magazine-img {width:196px; height:255px}
    .magazine-list .magazine-info dt {margin-bottom:20px}
    .magazine-list .magazine-info dt .logo-business {width:128px; height:36px}
	.magazine-list .magazine-info dt .logo-money {width:155px; height:24px; margin-top:2px}
	.magazine-list .magazine-info dt .logo-jobnjoy {width:120px; height:40px; margin-top:-16px}
	.magazine-list .magazine-info dt .logo-mook {width:146px; height:26px}
	.magazine-list .magazine-info dt .logo-esg {width:121px; height:26px}
    .magazine-list .magazine-info .desc {font-size:16px}
    .magazine-list .magazine-info .price {margin:0 0 15px; font-size:24px}
    .magazine-list .btns [class^="btn-"] {min-width:90px; height:40px; padding:0 25px; border-radius:20px}
    .magazine-list .btns [class^="btn-"]::after {vertical-align:-15px}
	.magazine-list .slick-arrow {display:block !important; position:absolute; top:100px; z-index:2; width:60px; height:60px; border-radius:100%; background:rgba(136, 136, 136, 0.8); color:transparent; font-size:0; text-align:center}
	.magazine-list .slick-arrow:before {content:''; display:inline-block; width:10px; height:10px; border-width:1px; border-style:solid}
	.magazine-list .slick-prev {left:0}
	.magazine-list .slick-prev:before {margin-left:5px; border-color:#fff transparent transparent #fff; transform:rotate(-45deg)}
	.magazine-list .slick-next {right:0}
	.magazine-list .slick-next:before {margin-right:5px; border-color:#fff #fff transparent transparent; transform:rotate(45deg)}
	.magazine-list .slick-disabled {opacity:0}

    .main .magazine-subscribe {padding:50px 0} 
    .main .magazine-list .magazine-img {width:320px; height:426px}
    .main .magazine-list .slick-arrow {top:182px}


    /* e매거진 */
    .emagazine-list .item > a {width:300px}
    .emagazine-list .book-wrap,
    .emagazine-list .book-left {height:400px}
    .emagazine-list .book-front,
    .emagazine-list .book-front .book-cover img,
    .emagazine-list .book-back {width:300px; height:400px}
    .emagazine-list .emagazine-category {margin-top:420px}


    /* 매체별 메인 */
    .main-major-news .news-item .thumb {width:200px; height:125px}
    .main-major-news .news-item .news-tit {font-size:20px; -webkit-line-clamp:4}

    .media-main.container > .cont-inner #contents {float:left; width:67.8%; max-width:800px}
    .media-main.container > .cont-inner .aside {float:right; width:300px}
    .media-main.container > .cont-inner .aside-inner {max-width:300px}
    /* .media-main.container > .cont-inner::before {display:none} */

    

    /* .media-maintop-wrap {display:flex; justify-content:space-between; max-width:1180px; margin:0 20px 50px; padding:0 0 40px; border-bottom:3px solid #ECECEC}
    .media-maintop-wrap .media-main-top {flex:0 0 auto; width:800px}
    .media-maintop-wrap .magazine-module {flex:0 0 auto; width:300px}
    .main-major-news {padding-bottom:0}
    .magazine-module {height:430px; margin:0; border-radius:10px; box-sizing:border-box}
    .magazine-module .magazine-tit {margin:10px 0 12px; font-size:14px}
    .magazine-module .magazine-btn [class^="btn-"] {height:36px; font-size:14px}
    .main-component:first-child {padding-top:0} */


    .page-subscription .container {padding-top:50px}
    .page-subscription .magazine-subscribe {margin-bottom:50px}

    /* 구독안내  */
    .subs-wrap {margin:0 auto}
    .subs-wrap .subs-info-top {padding:50px 70px}
    .subs-wrap .subs-info-head, .subs-wrap .subs-info-head .info-txt {text-align:left}
    .subs-wrap .subs-info-head {position:relative; min-height:130px}
    .subs-wrap .subs-info-head::after {position:absolute; top:10px; right:0; max-width:100%; width:461px; height:130px; margin:0}
    .subs-wrap .subs-info-head .info-tit {position:relative; z-index:2; line-height:1.3; font-size:30px}
    .subs-wrap .subs-info-head .info-txt {margin-top:15px; font-size:17px}
    .subs-wrap .benefit-info {margin-top:30px}
    .subs-wrap .benefit-info .benefit-head {padding:14px 10px; font-size:17px}
    .subs-wrap .benefit-info .benefit-list {display:flex; padding:19px 0 30px}
    .subs-wrap .benefit-info .benefit-list li {padding:0}
    .subs-wrap .benefit-info .benefit-list li {flex:0 0 auto; width:33.333%}
    .subs-wrap .benefit-info .benefit-list li + li {border-top:none; border-left:1px solid #ddd}
    .subs-wrap .benefit-list .benefit-txt {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:78px}
    .subs-wrap .benefit-list .benefit-txt strong {display:block; margin-top:3px; font-size:18px}
    .subs-wrap .benefit-list .benefit-num {height:22px; margin-bottom:10px; padding:4px 26px}
    .subs-wrap .benefit-list .benefit-num::after {height:22px; vertical-align:-13px}
    .subs-wrap .subs-brand:not(:first-child) {margin-top:66px}
    .subs-wrap .subs-brand-tit {font-size:26px}
    .subs-wrap .subs-product .subs-category {margin-bottom:20px}
    .subs-wrap .subs-product .category-tit {font-size:19px}
    .subs-wrap .subs-item-list {padding:30px}
    .subs-wrap .subs-item-list li {position:relative; }
    .subs-wrap .subs-item-list li + li {margin-top:30px; padding-top:30px}
    .subs-wrap .subs-item-list .subs-item-tit {font-size:20px}
    .subs-wrap .subs-item-list .subs-item-price {margin-top:10px}
    .subs-wrap .subs-item-list .subs-item-price .subs-price,
    .subs-wrap .subs-item-list .subs-item-price .subs-price del {font-size:22px}
    .subs-wrap .subs-item-list .subs-item-price .subs-price > span {font-size:22px}
    .subs-wrap .subs-item-list .btn-area {margin:0; position:absolute; bottom:10px; right:0}
    .subs-wrap .subs-item-list .btn-subs {padding:9px 48px 10px; font-size:16px}
    .subs-wrap .notice-box .notice-tit {margin-bottom:20px; font-size:17px}
    .subs-wrap .notice-box .notice-list li {line-height:1.7; font-size:15px}
    .page-subscription .banner-wrap {margin-top:50px}

    .subs-wrap .subs-body {flex-direction:row; align-items:flex-start}
    .subs-wrap .subs-body .book-thumb {flex:0 0 auto; width:300px}
    .subs-wrap .subs-group {flex:1} 
}
@media screen and (min-width:1180px) {
    .jebo-form .form-item:not(:has(.form-file)) {display:flex}
    .jebo-form .form-item .form-label {flex:0 0 auto; width:120px; margin:0; padding-top:8px}
    .jebo-form .form-item .form-field {flex:1 1 auto; width:calc(100% - 120px)}
    .jebo-form .form-file {gap:0}
    .jebo-form .file-info,
    .jebo-form .file-list {padding-left:120px}

    /* 자비출판 페이지 */
    .bookplus-main .visual-top {height:500px}
    .bookplus-main .visual-top .cont-inner {padding:100px 30px}
    .bookplus-main .cont-box {padding:150px 0}
    .bookplus-main .cont-tit {margin-bottom:40px; font-size:30px}
    .bookplus-main .cont-box-area .box-item {padding:40px 30px}
    .bookplus-main .cont-box-area .box-item .txt {font-size:16px}
    .bookplus-main .intro-section .tit::before {width:100px; height:100px}
    .bookplus-main .intro-section .tit {font-weight:700}
    .bookplus-main .strength-section .tit::before {margin-bottom:16px}
    .bookplus-main .program-section, .bookplus-main .consult-section {padding:120px 0}

    .bookplus-main .program-section .program-list {display:none}
    .bookplus-main .program-section .tbl-wrap {display:block}
    .bookplus-main .tbl-wrap table {table-layout:fixed; width:100%}
    .bookplus-main .tbl-wrap table th, .bookplus-main .tbl-wrap table td {padding:20px; box-sizing:border-box}
    .bookplus-main .tbl-wrap thead th {color:#fff; font-size:16px; background:#0D38AC}
    .bookplus-main .tbl-wrap thead th, .bookplus-main .tbl-wrap tbody th {text-align:center}
    .bookplus-main .tbl-wrap tbody th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:400; background-color:#fff}
    .bookplus-main .tbl-wrap tbody td {border-bottom:1px solid #ddd; text-align:center; background:rgba(255, 255, 255, 0.50)}
    .bookplus-main .tbl-wrap tbody td + td {border-left:1px solid #ddd}
    .bookplus-main .tbl-wrap th.txt-lt {text-align:left}
    
    .bookplus-main .consult-section .cont-tit {text-align:left}
    .bookplus-main .consult-section .col-wrap {gap:140px; justify-content:space-between}
    .bookplus-main .consult-section .col-wrap .col + .col {position:relative}
    .bookplus-main .consult-section .col-wrap .col + .col::before {content:''; display:block; width:1px; height:100%; position:absolute; top:0; left:-70px; background:#D9D9D9}
    .bookplus-main .form-item {flex-direction:row; align-items:center; gap:20px}
    .bookplus-main .form-item.align-top {align-items:flex-start}
    .bookplus-main .form-label {flex:0 0 auto; width:100px; }

}
@media screen and (min-width:1210px) {
    .container > .cont-inner::before {content:''; display:block; position:absolute; top:0; bottom:0; left:855px; width:1px; background:#ddd}
    /* .cont-inner,
    .nav-tag,
    .media-maintop-wrap {margin-left:auto; margin-right:auto} */

    .main-top-emagazine {padding:16px 24px; gap:20px}
    .main-top-emagazine .magazine-module .thumb {width:142px; height:190px}
    .main-top-emagazine .magazine-module .cont {max-width:calc(100% - 162px)}
    .main-top-emagazine .magazine-module .magazine-btn {gap:5px}
    .main-top-emagazine .magazine-module .magazine-tit {word-break:keep-all}

    .main-major-cont > .banner-area + .main-top-emagazine,
    .main-major-cont > .main-top-emagazine + .banner-area {margin-top:20px}

    .isSticky .header-sticky .nav-tag ul {gap:50px}
}
@media screen and (min-width:1280px) {
    .main-headline .news-tit {height:48px; overflow:hidden; -webkit-line-clamp:unset}
    .magazine-business .main-headline .news-sub-tit {height:24px; overflow:hidden}
    .magazine-business .main-headline .thumb,
    .header-business ~ .media-main .main-headline .thumb {padding-bottom:340px}
    .magazine-money .main-headline .thumb,
    .magazine-jobnjoy .main-headline .thumb {padding-bottom:370px}
    .header-money ~ .media-main .main-headline .thumb {padding-bottom:340px}
    .header-jobnjoy ~ .media-main .main-headline .thumb {padding-bottom:295px}

    .module-thumb-card.grid-col-3 .news-item .thumb {padding-bottom:270px}

    .footer .foot-magazine {padding-left:10px; padding-right:10px; border-color:#ccc}
    .footer .foot-magazine .foot-tit {float:left; margin:3px 18px 0 0}
    .footer .foot-magazine .service-menu {float:left; margin-top:0; white-space:nowrap}
    .footer .foot-magazine .service-menu:last-child {float:right}
    .footer .foot-magazine .service-menu > li {margin:0; line-height:22px}
    .footer .foot-magazine .service-menu > li + li {margin-left:22px}
    .footer .foot-magazine .service-menu:last-child > li + li {margin-left:16px}
    .footer .foot-magazine::after {content:''; display:block; clear:both}
}

/* 맥사파리 대응 */
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
       body, button, input, select, option, textarea, table, th, td {letter-spacing:0}
    }
}

/* 비즈니스 기사뷰 > document.write() 알수없는 아이프레임 안보이게처리(추후 확인되면 제거) */
body > iframe:first-child {position:absolute}
/* 로그인 월 위로 올라오는 광고 z-index 강제 제어 */
#aceplanet_06Ss,
[id~="aceplanet_06Ss"] {z-index:9999 !important}