@charset "UTF-8";

/* 한경프리미엄9
 * 2026.04.08 ~
 */
:root {
	--hk-text-primary: #121212;
    --hk-text-secondary: #585858;
    --hk-up: #b50000;
    --hk-down: #2853b2;
    --hk-hold: #585858;
	--hk-up-bg: #b50000;
    --hk-down-bg: #2853b2;
    --hk-hold-bg: #585858;
	--hk-up-dark: #ff5f5f;
	--hk-down-dark: #5897ff;
	--hk-hold-dark: #bdbdbd;  
	--hk-up-bg-dark: #D83B3B;  
	--hk-down-bg-dark: #3773DA;
	--hk-hold-bg-dark: #585858;
}

/* RESET */
html,body{-webkit-text-size-adjust:none}
body{color:#121212; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif; font-size:14px;line-height:1.45;word-break:keep-all;word-wrap:break-word}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,p,button,figure,figcaption{margin:0;padding:0}
img,fieldset,iframe{border:0 none; vertical-align:top}
table{width:100%}
table,thead,tbody,tfoot,tr,th,td{border:0 none;border-collapse:collapse;table-layout:fixed}
h1,h2,h3,h4,h5,h6{font-size:100%}
ul,ol,dl,li,dt,dd{list-style:none}
a{text-decoration:none;color:#121212}
em,address{font-style:normal}
button{border:0 none;border-radius:0;cursor:pointer; background:none}
input, textarea {border-radius:0; border:0 none; -webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio; -webkit-border-radius:10px}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
input,textarea,select,button{color:inherit;font-size:inherit;font-family:inherit}
input[type="submit"]{-webkit-appearance:none;-webkit-border-radius:0px;padding:0;border:0;margin:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}
textarea{width:100%;resize:none;vertical-align:middle}
textarea::-webkit-input-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder,textarea:-moz-placeholder{color:#777}
input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,input:-moz-placeholder{color:#777}
iframe, img {max-width:100%}
a[role="button"] {cursor:pointer}
.blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}

/* skip navi */
.skip-navi a {display:block; overflow:hidden; height:0; margin:0 auto; font-size:0; text-align:center; background:#253081; color:#fff}
.skip-navi a:hover, .skip-navi a:active, .skip-navi a:focus {height:30px; font-size:15px; line-height:30px}

/* icons */
img.icon--premium {margin-right:4px; vertical-align:-2px}
.slick-slide img.icon--premium {display:inline}
/* ⓧ */
.hk__icon-x {content:''; display:inline-block; width:20px; height:20px; background-image:linear-gradient(to bottom, #373737 0%, #373737 100%), linear-gradient(to left, #373737 0%, #373737 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); vertical-align:top}
.icon--cir-x {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23888' d='M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M8 4 4 8m0-4 4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%/contain;
    vertical-align: top
}
/* common */
html,
body {background-color:#FFF2E4}
.header {background-color:#262A33}

.is-pc {display:none}
.is-mo {display:block}

.txt-date {font-size:12px; color:var(--hk-text-secondary)}

.thumb > .thumb-icon {position:absolute; right:15px; bottom:15px; width:50px; height:50px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; background-size:contain; color:transparent; text-indent:-9999px; pointer-events:none; transform-origin:right bottom; z-index:1}
.thumb-icon.thumb-vod {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-video.svg')}
.thumb-icon.thumb-audio {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-audio.svg')}
.thumb-icon.thumb-graph {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-graph.svg')}
.thumb-icon.thumb-photo {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-photo.svg')}
.thumb-icon.thumb-slide {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-slide.svg')}

/* loading spinner */
.data--loading {display:flex; align-items:center; justify-content:center}
.data--loading > .spinner {width:50px; height:50px}
.data--loading.full {position:absolute; top:0; right:0; bottom:0; left:0; z-index:999; display:flex; align-items:center; justify-content:center; height:inherit; pointer-events:none}

.last-page {margin-top:24px; color:#585858; font-size:14px; text-align:center}

/* spinner */
.loading:has(.loading__icon) {margin:24px 0; text-align:center}
.loading__icon {width:40px}

/* 간소화 푸터 */ 
.footer--simplify {padding:32px 20px 40px; text-align:center}
.footer--simplify .footer__inner {position:relative; max-width:1200px; margin:0 auto}
.footer--simplify .footer-copyright {font-size:13px}
.footer--simplify .btn-top {position:absolute; top:-4px; right:0; display:flex; align-items:center; justify-content:center; gap:4px; max-width:81px !important; height:26px !important; padding:0 12px; border-radius:9999px; border:1px solid #E6D9CE; font-size:12px !important; letter-spacing:-0.24px; box-sizing:border-box; background:transparent !important}
.footer--simplify .btn-top::before {display:none !important}
.footer--simplify .btn-top::after {content:''; display:inline-block; flex:0 0 auto; width:12px; height:12px; vertical-align:-1px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m3 7.5 3-3 3 3'/%3E%3C/svg%3E") no-repeat center/contain}

/* layout */
.container {position:relative; flex:1; height:calc(100dvh - 56px); box-sizing:border-box}

.btn-basic {display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 20px; border-radius:999px; color:#121212; font-weight:400; font-size:15px; box-sizing:border-box; text-align:center; background-color:#F2DFCF}

.wrap {display:flex; flex-direction:column}
.inner {box-sizing:border-box}
.lnb-wrap .menu-wrap .banner-wrap {display:none}

/* header */
.header {height:100%; box-sizing:border-box}
.header-cont {position:relative; display:flex; align-items:center; justify-content:space-between; gap:4px; height:56px; padding:0 16px; box-sizing:border-box}
.header .hk-link,
.header .myhankyung-link {display:flex; align-items:center; justify-content:center; line-height:0; vertical-align:top}
/* .header .hk-link::before {content:''; display:inline-block; width:32px; height:17px; margin:0; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-hk-short-w.svg') no-repeat center/contain; vertical-align:top}
.header .myhankyung-link::before {content:''; display:inline-block; width:58px; height:23px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-myhankyung2.svg') no-repeat center/contain; filter:brightness(10)} */
.header .hk-link::before {content:''; display:inline-block; width:27px; height:14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff2e4' fill-rule='evenodd' d='M6.28 10.692H3.347c.24.41.359.88.34 1.354v2.956c0 .985.343 1.263 1.344 1.263h9.104v-1.069H6.28zm3.192-9.297H6.023V0H3.178c.206.33.3.716.27 1.104v.291H0v1.069h2.254a3.86 3.86 0 0 0-1.69 3.192A3.996 3.996 0 0 0 4.71 9.593a4.007 4.007 0 0 0 4.164-3.937 3.86 3.86 0 0 0-1.697-3.19h2.294V1.394m-4.76 7.12c-1.133 0-1.894-1.167-1.905-2.846.008-1.677.768-2.843 1.903-2.843 1.144 0 1.913 1.166 1.923 2.843-.01 1.677-.78 2.845-1.923 2.845zm8.835-8.16h-2.932c.286.236.36.884.36 1.376v9.908h1.488c.729 0 1.086-.329 1.086-1.147V5.225h2.538V4.156h-2.54zm12.547 1.657a.844.844 0 0 0-.856-1.01h-6.86v1.074h5.108c0 3.789-2.235 6.182-5.974 6.821l.464.718c4.835-.583 7.764-2.857 8.119-7.603M31.381.374h-2.956c.322.383.486.875.456 1.375v1.18h-2.685v1.072h2.685V5.55h-2.775v1.065h2.775v2.446a5.25 5.25 0 0 0-2.16-.452c-2.503 0-4.605 1.678-4.639 4.12.034 2.445 2.137 4.124 4.64 4.124 2.513 0 4.624-1.68 4.662-4.123 0-.046-.005-.09-.007-.135l.007.004V.374zm-4.663 15.364c-1.345 0-2.248-1.227-2.263-2.991.014-1.767.918-2.994 2.263-2.994 1.363 0 2.276 1.228 2.288 2.994-.013 1.764-.925 2.99-2.288 2.99' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h32.211v17H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.header .myhankyung-link::before {content:''; display:inline-block; flex:0 0 auto; width:49px; height:17px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='21' fill='none'%3E%3Cpath fill='%23fff2e4' d='M49.36 12.165a4.253 4.253 0 0 1 4.588-3.94 5.4 5.4 0 0 1 2.14.433V6.317h-2.749V5.302h2.748v-1.48H53.43V2.796h2.66V1.672a1.83 1.83 0 0 0-.453-1.316h2.923v11.815a4.266 4.266 0 0 1-4.61 3.94 4.253 4.253 0 0 1-4.59-3.946m2.341.015c.013 1.692.911 2.863 2.24 2.863 1.328 0 2.249-1.171 2.262-2.863-.012-1.69-.91-2.862-2.263-2.862-1.351 0-2.22 1.176-2.227 2.862zm-18.817 3.362c-.99 0-1.33-.26-1.33-1.206v-2.824c.018-.456-.1-.906-.338-1.295h2.902v4.304h7.772v1.021zm5.877-4.423V1.652A1.88 1.88 0 0 0 38.406.34h2.899v3.63h2.51v1.023h-2.51v5.035c0 .781-.353 1.097-1.074 1.097zm6.077-2.623c3.703-.61 5.912-2.899 5.912-6.52h-5.053V.96h6.784a.816.816 0 0 1 .847.964c-.35 4.534-3.253 6.706-8.03 7.265zM28.463 5.405a3.66 3.66 0 0 1 1.672-3.05h-2.231V1.332h3.413v-.277A1.7 1.7 0 0 0 31.049 0h2.814v1.332h3.408v1.023h-2.265a3.65 3.65 0 0 1 1.679 3.05 3.903 3.903 0 0 1-4.12 3.763 3.903 3.903 0 0 1-4.102-3.763m2.212.014c.012 1.603.764 2.718 1.885 2.718 1.122 0 1.897-1.111 1.909-2.718-.01-1.602-.773-2.72-1.904-2.72s-1.873 1.118-1.886 2.72zM0 15.448v-.456l.415-.125q.393-.124.539-.394.145-.29.145-.746V3.464q0-.414-.104-.663-.104-.27-.518-.415L0 2.199v-.456h3.96l3.898 10.139 3.67-10.139h4.042V2.2l-.331.104q-.394.124-.54.394-.144.249-.144.663-.021 1.203-.021 2.405v5.661q0 1.202.02 2.384 0 .435.104.663t.498.373l.414.146v.456h-5.038v-.456l.457-.146q.393-.144.476-.373.104-.249.104-.663v-4.5l.041-5.556-4.229 11.694H6.22L1.762 3.878l.083 4.728v5.142q0 .456.125.725.124.27.518.373l.415.146v.456z'/%3E%3Cpath fill='%23fff2e4' d='M17.678 20.444q-.83 0-1.306-.393a1.28 1.28 0 0 1-.477-1.037q0-.58.394-.933.414-.332.912-.332.519 0 .85.187.332.186.58.539l.125.166q.477.58.892-.021.27-.352.518-.87.27-.518.58-1.37l-3.939-9.412q-.145-.394-.331-.601-.187-.229-.56-.373l-.353-.125v-.373h5.121v.373l-.435.125q-.456.144-.498.456-.02.29.145.767l2.115 5.515 2.032-5.557q.166-.456.124-.767-.04-.31-.518-.414l-.456-.125v-.373h3.09v.373l-.457.145q-.456.125-.663.373-.187.228-.353.685l-3.317 8.915q-.83 2.28-1.7 3.359-.85 1.098-2.115 1.098'/%3E%3C/svg%3E") no-repeat center/contain; transform:translateY(2px)}
.header .myhankyung-link {flex-direction:row-reverse; gap:8px}
.header .myhankyung-link::after {content:''; display:block; flex:0 0 auto; width:20px; height:20px; 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%3Crect width='24' height='24' fill='%23fff2e4' rx='12'/%3E%3Cpath fill='%23000' fill-opacity='.1' d='M23 12c0-6.075-4.925-11-11-11S1 5.925 1 12s4.925 11 11 11v1C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12v-1c6.075 0 11-4.925 11-11'/%3E%3Cpath fill='%23262a33' d='M12 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6M13.667 13.333h-3.333c-.93 0-1.396 0-1.774.115a2.67 2.67 0 0 0-1.778 1.778c-.115.378-.115 1.844-.115 2.774h10.667c0-.93 0-2.396-.115-2.774a2.67 2.67 0 0 0-1.778-1.778c-.378-.115-.844-.115-1.774-.115'/%3E%3C/svg%3E") no-repeat center/contain}
.header .myhankyung-link.is-subscribed::after {content:''; display:block; width:20px; height:20px; 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%3Crect width='24' height='24' fill='%23fff2e4' rx='12'/%3E%3Cpath fill='%23000' fill-opacity='.1' d='M23 12c0-6.075-4.925-11-11-11S1 5.925 1 12s4.925 11 11 11v1C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12v-1c6.075 0 11-4.925 11-11'/%3E%3Cpath fill='%23262a33' d='M17.459 10.616c0-.726-.143-1.4-.428-2.003a4.9 4.9 0 0 0-1.167-1.576A5.3 5.3 0 0 0 14.134 6 6.1 6.1 0 0 0 12 5.63 6.1 6.1 0 0 0 9.867 6a5.3 5.3 0 0 0-1.73 1.037c-.493.441-.882.973-1.168 1.576a4.65 4.65 0 0 0-.428 2.003c0 .726.143 1.4.428 2.003a4.8 4.8 0 0 0 1.167 1.569 5.3 5.3 0 0 0 1.738 1.011c.661.234 1.374.35 2.126.35h.11l-1.374 1.965c-.078.11-.201.233-.59.233h-.13v.622h4.078v-.622h-.13c-.22 0-.31-.181-.259-.266.052-.084.136-.2.24-.35l2.736-3.877h-.013c.13-.2.253-.402.357-.622a4.65 4.65 0 0 0 .427-2.003zm-8.46 0c0-.447.077-.875.233-1.258a3.1 3.1 0 0 1 .629-1.005c.26-.278.583-.505.946-.667.37-.163.772-.24 1.2-.24s.83.084 1.199.24c.363.162.687.382.947.667.265.28.473.623.628 1.005.156.383.234.81.234 1.258s-.078.875-.234 1.258a3.1 3.1 0 0 1-.629 1.004c-.259.28-.583.506-.946.668q-.556.242-1.2.24a3.1 3.1 0 0 1-1.199-.24 2.76 2.76 0 0 1-.946-.668 3.1 3.1 0 0 1-.63-1.004A3.3 3.3 0 0 1 9 10.616'/%3E%3C/svg%3E")}
.header .logo-area .premium9-link {display:block; width:172px; height:20px; max-width:calc(100vw - 155px); background:url('https://static.hankyung.com/resource/common/img/logo/logo-premium9-w.svg') no-repeat center/contain}
.header .logo-area .logo-txt {display:none; font-weight:400; font-size:14px; color:rgba(255, 255, 255, 0.70)}
.header .link-area {display:flex; align-items:center}
.header .util-area {display:flex; align-items:center; gap:12px}
.header .util-area button {vertical-align:middle}
.header .personal-link button {padding:4px}
.header .btn-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'%3E%3Cpath stroke='%23fff2e4' stroke-linecap='round' stroke-linejoin='round' d='m19 21 3-3m0 0-3-3m3 3h-6m-4-2.5H7.5c-1.396 0-2.093 0-2.661.172a4 4 0 0 0-2.667 2.667C2 18.907 2 19.604 2 21M14.5 7.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.header .btn-my-account::before {content:''; display:inline-block; width:24px; height:24px; border-radius:100%; background:#FFF2E4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23262a33' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6M9.667 9.333H6.333c-.93 0-1.395 0-1.774.115a2.67 2.67 0 0 0-1.777 1.778c-.115.378-.115 1.844-.115 2.774h10.666c0-.93 0-2.396-.114-2.774a2.67 2.67 0 0 0-1.778-1.778c-.379-.115-.844-.115-1.774-.115'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px; vertical-align:top}
.header .btn-my-account.is-subscribed::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' fill='none' viewBox='0 0 11 13'%3E%3Cpath fill='%23262a33' d='M10.917 4.985c0-.726-.142-1.4-.428-2.003a4.9 4.9 0 0 0-1.166-1.575A5.3 5.3 0 0 0 7.592.37 6.1 6.1 0 0 0 5.459 0a6.1 6.1 0 0 0-2.133.37 5.3 5.3 0 0 0-1.731 1.037c-.493.44-.882.972-1.167 1.575A4.64 4.64 0 0 0 0 4.985c0 .727.143 1.4.428 2.004a4.8 4.8 0 0 0 1.167 1.569 5.3 5.3 0 0 0 1.737 1.01c.662.234 1.375.351 2.127.351h.11l-1.375 1.964c-.077.11-.2.234-.59.234h-.13v.622h4.079v-.622h-.13c-.22 0-.311-.182-.26-.266.053-.084.137-.201.24-.35l2.736-3.877h-.013c.13-.201.253-.402.357-.622a4.65 4.65 0 0 0 .428-2.004zm-8.46 0c0-.447.078-.875.233-1.257.156-.39.363-.726.63-1.005.259-.279.583-.506.946-.668q.556-.241 1.2-.24c.427 0 .829.085 1.198.24.364.162.688.383.947.668.266.279.473.622.629 1.005.155.382.233.81.233 1.257 0 .448-.078.876-.233 1.258a3.1 3.1 0 0 1-.629 1.005c-.26.279-.583.506-.947.668q-.555.242-1.199.24a3.1 3.1 0 0 1-1.2-.24 2.75 2.75 0 0 1-.946-.668 3.1 3.1 0 0 1-.629-1.005 3.3 3.3 0 0 1-.233-1.258'/%3E%3C/svg%3E"); background-size:11px 13px}
.header .util-items {display:flex; align-items:center; gap:12px}
.header .personal-wrap .btn-my {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:rgba(255, 242, 228, 0.10); transition:all .2s}
.header .personal-wrap .btn-my::before {content:''; display:block; width:20px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none' viewBox='0 0 20 16'%3E%3Cpath fill='%23fff2e4' d='M4.7 16q-.724 0-1.287-.484a2 2 0 0 1-.688-1.223l-1-7.694a.5.5 0 0 0-.112.013.5.5 0 0 1-.113.012q-.625 0-1.062-.445A1.5 1.5 0 0 1 0 5.096q0-.639.438-1.083A1.45 1.45 0 0 1 1.5 3.567q.623-.002 1.063.446.44.45.437 1.083 0 .178-.038.33a2 2 0 0 1-.087.281L6 7.949l3.125-5.172a1.56 1.56 0 0 1-.45-.535 1.5 1.5 0 0 1-.175-.713q0-.637.438-1.084A1.43 1.43 0 0 1 10 0q.624.001 1.063.446.439.446.437 1.083 0 .381-.175.713t-.45.535L14 7.95l3.125-2.242a2 2 0 0 1-.088-.28A1.3 1.3 0 0 1 17 5.096q0-.637.438-1.084a1.43 1.43 0 0 1 1.062-.445q.624.001 1.063.446.439.446.437 1.083a1.5 1.5 0 0 1-.437 1.083q-.435.446-1.063.445a.6.6 0 0 1-.112-.012 1 1 0 0 0-.113-.013l-1 7.694q-.124.739-.687 1.223A1.92 1.92 0 0 1 15.3 16z'/%3E%3C/svg%3E") no-repeat center/contain}
.header .personal-wrap .btn-my:hover {border:1px solid rgba(255, 242, 228, 0.10)}
.menuOpen {overflow:hidden}
.header .btn-menu {display:flex; align-items:center; justify-content:center; padding:4px}
.header .btn-prev-mobile-menu,
.header .btn-close-mobile-menu {display:none; padding:4px}
.header .btn-menu::before {content:''; display:inline-block; flex:0 0 auto; width:24px; height:24px; 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 stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.header .btn-prev-mobile-menu::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' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m15 18-6-6 6-6'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.header .btn-close-mobile-menu::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' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.header .btn-total-search {padding:4px}
.header .btn-total-search::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' viewBox='0 0 24 24'%3E%3Cpath stroke='%23FFF2E4' stroke-linecap='round' stroke-linejoin='round' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.lnb-wrap .link-area {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:20px}
.lnb-wrap .link-area .color-type {color:#FFF2E4; background:#CA002C}
.lnb-wrap .link-area .myhankyung-link::before {content:''; display:block; width:20px; height:20px; margin-right:8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%2341454e' rx='10'/%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M19.167 10A9.167 9.167 0 1 0 10 19.167V20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10v-.833A9.167 9.167 0 0 0 19.167 10'/%3E%3Cpath fill='%23fff2e4' d='M10 10a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M11.39 11.111H8.612c-.775 0-1.163 0-1.478.096a2.22 2.22 0 0 0-1.482 1.481c-.095.316-.095 1.537-.095 2.312h8.888c0-.775 0-1.996-.095-2.312a2.22 2.22 0 0 0-1.482-1.481c-.315-.096-.703-.096-1.478-.096'/%3E%3C/svg%3E") no-repeat center/contain}
.lnb-wrap .link-area .myhankyung-link.is-subscribed::before {content:''; display:block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%2341454e' rx='10'/%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M19.167 10A9.167 9.167 0 1 0 10 19.167V20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10v-.833A9.167 9.167 0 0 0 19.167 10'/%3E%3Cpath fill='%23fff2e4' d='M14.549 8.847c0-.606-.119-1.167-.357-1.67a4.1 4.1 0 0 0-.972-1.313A4.4 4.4 0 0 0 11.777 5 5 5 0 0 0 10 4.692q-.95 0-1.777.308a4.4 4.4 0 0 0-1.443.864c-.41.368-.735.81-.972 1.313a3.9 3.9 0 0 0-.357 1.67c0 .605.119 1.167.357 1.669.232.502.562.94.972 1.307.41.362.897.649 1.448.843a5.3 5.3 0 0 0 1.772.292h.092l-1.145 1.637c-.065.092-.168.194-.492.194h-.108v.519h3.398v-.519h-.108c-.184 0-.26-.151-.216-.221.043-.07.113-.168.2-.292l2.28-3.23h-.011c.108-.168.21-.336.297-.52a3.9 3.9 0 0 0 .357-1.669zm-7.05 0c0-.373.065-.73.194-1.049q.194-.488.524-.837c.216-.232.486-.421.789-.556q.463-.201 1-.2c.356 0 .691.07.999.2.302.135.573.318.789.556.221.232.394.519.524.837.13.32.194.676.194 1.049s-.065.729-.194 1.048q-.194.487-.524.837a2.4 2.4 0 0 1-.79.557q-.462.201-.998.2a2.6 2.6 0 0 1-1-.2 2.3 2.3 0 0 1-.789-.557 2.6 2.6 0 0 1-.524-.837A2.8 2.8 0 0 1 7.5 8.847'/%3E%3C/svg%3E") no-repeat center/contain}
.menu-list {display:flex; flex-direction:column; gap:12px}
.menu-list > .menu-item .menu-link {font-weight:400; font-size:18px; box-sizing:border-box}
.menu-list > .menu-item .menu-link:hover {text-decoration:none}
.menu-list.depth1 > .menu-item > .menu-link {display:flex; align-items:center; gap:8px; padding:8px}
.menu-list.depth1 > .menu-item.line-top {padding-top:12px; border-top:1px solid #E6D9CE; box-sizing:border-box}
.menu-list.depth1 > .menu-item.line-bottom {padding-bottom:12px; border-bottom:1px solid #E6D9CE; box-sizing:border-box}
.menu-list.depth1 > .menu-item > .menu-link.has-sub::after {content:''; display:block; flex:0 0 auto; width:20px; height:20px; margin-left:auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.menu-list.depth1 > .menu-item > .menu-link::before {content:''; display:block; flex:0 0 auto; width:20px; height:20px; background-position:center; background-size:contain; background-repeat:no-repeat;}
.menu-list.depth1 > .menu-item.domestic-stock > .menu-link::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 18.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-width='1.5' d='m6.25 6.25 1 7.197c.098.71 1.118.723 1.235.017l.899-5.39c.116-.696 1.116-.696 1.233 0l.898 5.39c.117.706 1.137.692 1.235-.017l1-7.197'/%3E%3Cpath fill='%23121212' d='M5.625 9.25a.75.75 0 0 0 0 1.5v-1.5m1.25.75v-.75h-1.25v1.5h1.25zM14.375 10.75a.75.75 0 0 0 0-1.5v1.5m0-.75v-.75h-1.25v1.5h1.25z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.global-stock > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.083 12.222c0 1.074.87 1.945 1.944 1.945h1.806a2.083 2.083 0 0 0 0-4.167H9.166a2.083 2.083 0 1 1 0-4.167h1.806c1.074 0 1.944.87 1.944 1.945M9.999 4.583v1.25m0 8.334v1.25M18.333 10a8.333 8.333 0 1 1-16.667 0 8.333 8.333 0 0 1 16.667 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.asset-management > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.675 13.242A8.334 8.334 0 1 1 6.666 2.358M17.7 6.811c.333.805.538 1.657.607 2.523.017.214.026.321-.016.417a.44.44 0 0 1-.184.199c-.092.05-.208.05-.44.05h-7c-.233 0-.35 0-.439-.045a.4.4 0 0 1-.182-.182C10 9.683 10 9.567 10 9.333v-7c0-.231 0-.347.05-.44a.44.44 0 0 1 .198-.183c.097-.042.204-.034.418-.017a8.33 8.33 0 0 1 7.033 5.118'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.inheritance-tax > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.5 17.5h15M5 15V8.333M8.333 15V8.333M11.667 15V8.333M15 15V8.333m1.667-2.5-6.314-3.945c-.128-.08-.192-.12-.26-.136a.4.4 0 0 0-.185 0c-.07.015-.133.055-.261.136L3.333 5.833z'/%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.economy > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.833 4.167c0 .92-2.052 1.666-4.584 1.666s-4.583-.746-4.583-1.666m9.167 0c0-.92-2.052-1.667-4.584-1.667s-4.583.746-4.583 1.667m9.167 0v1.25m-9.167-1.25v10c0 .92 2.052 1.666 4.583 1.666m0-6.666q-.211 0-.416-.007c-2.336-.077-4.167-.79-4.167-1.66m4.583 5c-2.531 0-4.583-.746-4.583-1.667m16.667-1.25c0 .92-2.052 1.667-4.584 1.667s-4.583-.746-4.583-1.667m9.167 0c0-.92-2.052-1.666-4.584-1.666s-4.583.746-4.583 1.666m9.167 0v6.25c0 .92-2.052 1.667-4.584 1.667s-4.583-.746-4.583-1.667v-6.25m9.167 3.125c0 .92-2.052 1.667-4.584 1.667s-4.583-.746-4.583-1.667'/%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.realestate > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.833 9.167h4c.933 0 1.4 0 1.756.181.314.16.569.415.729.729.181.356.181.823.181 1.756V17.5m-6.666 0V5.167c0-.934 0-1.4-.182-1.757a1.67 1.67 0 0 0-.728-.728C9.566 2.5 9.099 2.5 8.166 2.5h-3c-.933 0-1.4 0-1.757.182-.313.16-.568.414-.728.728-.182.357-.182.823-.182 1.757V17.5m15.834 0H1.666m3.75-11.667h2.5m-2.5 3.334h2.5m-2.5 3.333h2.5'/%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.industry > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 5 3.75 3.75M5 5H2.5l-.834-2.5.833-.833L5 2.5zm11.049-2.716-2.19 2.19c-.33.33-.495.495-.557.685a.83.83 0 0 0 0 .515c.062.19.227.355.557.685l.197.198c.33.33.496.495.686.557a.83.83 0 0 0 .515 0c.19-.062.355-.227.685-.557L17.99 4.51a4.583 4.583 0 0 1-5.133 6.238c-.405-.08-.607-.12-.73-.108a.7.7 0 0 0-.31.095c-.11.058-.219.167-.437.385l-5.964 5.964a1.768 1.768 0 1 1-2.5-2.5L8.88 8.62c.218-.218.328-.327.386-.436a.7.7 0 0 0 .094-.31c.013-.123-.027-.326-.107-.731a4.583 4.583 0 0 1 6.796-4.858M9.999 12.5l4.584 4.583a1.768 1.768 0 0 0 2.5-2.5l-3.77-3.77a4.6 4.6 0 0 1-.78-.143c-.324-.089-.68-.024-.917.214z'/%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.global > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.666 10h16.667M1.666 10a8.333 8.333 0 0 0 8.333 8.333M1.666 10a8.333 8.333 0 0 1 8.333-8.333M18.333 10a8.333 8.333 0 0 1-8.334 8.333M18.333 10a8.333 8.333 0 0 0-8.334-8.333m0 0A12.75 12.75 0 0 1 13.333 10a12.75 12.75 0 0 1-3.334 8.333m0-16.666A12.75 12.75 0 0 0 6.666 10a12.75 12.75 0 0 0 3.333 8.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.epic > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.833 11.667-2.5-2.5m4.176-6.25v-1.25m3.282 2.55.884-.884m-.884 7.5.884.884m-7.5-7.5-.884-.884m8.8 4.167h1.25M5.11 17.39l7.698-7.697c.33-.33.495-.495.557-.685a.83.83 0 0 0 0-.515c-.062-.19-.227-.356-.557-.686l-.614-.614c-.33-.33-.495-.495-.686-.557a.83.83 0 0 0-.515 0c-.19.062-.355.227-.685.557L2.61 14.89c-.33.33-.495.495-.556.685a.83.83 0 0 0 0 .515c.061.19.226.355.556.685l.615.614c.33.33.495.496.685.557a.83.83 0 0 0 .515 0c.19-.061.355-.226.685-.556'/%3E%3C/svg%3E");}
.menu-list.depth1 > .menu-item.exclusive > .menu-link::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.167 2.5 1.667 5m16.666 0-2.5-2.5M5 15.833 3.333 17.5M15 15.833l1.666 1.667M10 17.5a6.667 6.667 0 1 0 0-13.334A6.667 6.667 0 0 0 10 17.5'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m12.913 9.712-2.887 1.98-2.008-1.437'/%3E%3C/svg%3E");}
.contents .menu-list.depth3 {display:none}
.menu-wrap .btn-openToggle {display:none}

/* 통합검색 */
.hk-top__search__layer {position:fixed; top:0; right:0; left:0; z-index:-1; visibility:hidden; opacity:0; background:#FFF2E4;}
.hk-top__search__layer .inp-field {border:none; font-size:16px; outline:none}
.hk-top__search__layer .inp-field::-webkit-search-cancel-button {-webkit-appearance:none}
.hk-top__search__layer .inp-field::-webkit-input-placeholder {color:#888; font-size:14px}
.hk-top__search__layer .inp-field:-ms-input-placeholder {color:#888; font-size:14px}
.hk-top__search__layer .inp-field:-mos-input-placeholder {color:#888; font-size:14px}
.hk-top__search__layer .inp-field::placeholder {color:#888; font-size:14px; opacity:1}
.hk-top__search__layer .layer__inner {padding:12px 48px 16px 20px}
.hk-top__search__layer .search__input__wrap {display:flex; gap:4px; width:0; height:48px; background:#FFF2E4; box-sizing:border-box}
.hk-top__search__layer .search__input__wrap .btn-search {flex:0 0 auto; padding:0 4px}
.hk-top__search__layer .search__input__wrap .btn-search::before {content:''; display:inline-block; width:18px; height:18px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m15.75 15.75-4.5-4.5m1.5-3.75a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.hk-top__search__layer .search__input {display:flex; flex:1; width:calc(100% - 30px)}
.hk-top__search__layer .search__input .inp-field {flex:1; width:calc(100% - 24px); background:#FFF2E4}
.hk-top__search__layer .search__input .btn-inp-reset {flex:0 0 auto; height:100%; padding:2px 4px 0}
.hk-top__search__layer .btn-close {position:absolute; top:24px; right:16px; width:24px; height:24px} 
.hk-top__search__layer .btn-close::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'%3E%3Cpath 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-top__search__layer .search__auto__wrap {display:none; left:0; right:30px; margin-right:-32px; margin-top:8px; padding:8px 4px 3px 0; border-top:1px solid #E6D9CE; box-sizing:border-box; font-size:14px; max-height:calc(100vh - 84px); overflow-y:auto; scrollbar-gutter: stable;}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar {width:4px}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar-thumb {background: #F2DFCF; border-radius: 2px}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar-track {background: transparent}
/* only 파이어폭스 스크롤 스타일 */
@-moz-document url-prefix() {
    .hk-top__search__layer .search__auto__wrap {
        scrollbar-width: thin;
        scrollbar-color: #D7D7D7 transparent;
    }
}
.hk-top__search__layer .autocomplete-result > li > a {display:flex; padding:8px 0; text-decoration:none}
.hk-top__search__layer .autocomplete-result > li > a:hover {background:rgba(242, 223, 207, 0.50)}
.hk-top__search__layer .autocomplete-result > li mark {background:none}
.hk-top__search__layer .autocomplete-result > li.type-stock > a {justify-content:space-between}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > span {flex:0 0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.hk-top__search__layer .autocomplete-result > li.type-stock .category,
.hk-top__search__layer .autocomplete-result > li.type-stock .ko {color:#888; text-align:right}
.hk-top__search__layer .autocomplete-result > li.type-stock .code {letter-spacing:0}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .code {width:30%}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .name {width:50%}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .category {width:20%}
.hk-top__search__layer .autocomplete-result > li.type-stock mark {color:#CA002C}
.hk-top__search__layer .autocomplete-result > li.type-stock-global > a > .name {width:40%}
.hk-top__search__layer .autocomplete-result > li.type-stock-global > a > .ko {width:60%}
.hk-top__search__layer .autocomplete-result > li.type-default mark {color:#436f91}
.hk-top__search__layer.auto .search__input__wrap {border-radius:4px 4px 0 0}
.hk-top__search__layer.auto .search__auto__wrap {display:block}
.hk-top__search.active .hk-top__search__layer {visibility:visible; opacity:1; z-index:200}
.hk-top__search.active .hk-top__search__layer .search__input__wrap {width:100%}
.hk-top__search.active .hk-top__search__layer .layer__inner {padding:4px 48px 4px 20px}
.hk-top__search.active .hk-top__search__layer .btn-close {top:14px}

/* 토스트 팝업 */
.hk__toast {position:fixed; left:0; right:0; bottom:0; z-index:999999999; padding:15px 40px 15px 10px; border:1px solid #e3e3e3; border-radius:20px 20px 0 0; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); visibility:hidden; opacity:0; transform:translateY(100%); transition:all .3s}
.hk__toast .toast__body {display:flex; align-items:center; font-size:14px}
.hk__toast .toast__body > .toast__icon {flex:0 0 auto; margin-right:11px}
.hk__toast .toast__body .msg-primary {color:#ff761b}
.hk__toast .toast__btn-close {position:absolute; top:9px; right:9px; padding:10px}
.hk__toast.show {visibility:visible; opacity:1; transform:translateY(0)}
@media all and (min-width:820px){
	.hk__toast {right:auto; left:180px; border-radius:0 20px 0 0}
    body:has(.menu-wrap.active) .hk__toast {left:86px}
}
/* [2026] 닷컴 공통 모달 */
.h-modal {
	--pop-width:520px;
	--pop-radius:clamp(18px, 4vw, 32px); /* max기준: 768 */
	--pop-padding:clamp(20px, 4vw, 32px);
	--pop-bg:#fff;
	--pop-color:#121212;
	--pop-primary-btn-bg:#121212;
	--pop-primary-btn-color:#fff;

	display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.40); overflow-x:hidden; overflow-y:auto; outline:0; box-sizing:border-box;
}
.h-modal__inner {align-items:center; justify-content:center; min-height:calc(100dvh - 40px); margin:20px}
.h-modal__contents {position:relative; width:min(100%, var(--pop-width)); max-width:var(--pop-width); border-radius:var(--pop-radius); box-sizing:border-box; box-shadow:0 15px 75px 0 rgba(0, 0, 0, 0.18); padding:var(--pop-padding); background:var(--pop-bg)}
.h-modal__body{word-break:keep-all; overflow-wrap:anywhere; color:var(--pop-color)}
.h-modal__btns {display:flex; justify-content:center; margin-top:clamp(16px, 3vw, 24px)}
.h-modal-close {position:absolute; top:clamp(0px, calc((100vw - 400px) * 0.05), 8px); right:clamp(0px, calc((100vw - 400px) * 0.05), 8px); padding:12px}
.h-modal-close::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'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 7 7 17M7 7l10 10'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.h-modal__btns {display:flex; justify-content:center; align-items:center}
.h-modal-btn {flex:1; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:9px 20px 7px; border:none; border-radius:50rem; cursor:pointer; font-weight:400; font-size:16px; letter-spacing:-0.6px; box-sizing:border-box; text-decoration:none}
.h-modal-btn:only-child {max-width:240px}
.h-modal-btn:hover {text-decoration:none}
.h-modal-btn--primary {background:var(--pop-primary-btn-bg); color:var(--pop-primary-btn-color)}
.h-modal.active {display:block}
.h-modal.active > .h-modal__inner {display:flex}
/* 배지 획득 모달 */
.h-modal--badge .h-modal__contents {transform:scale(0.85)}
.h-modal--badge .badge-modal__content {--fluid-size:28vw; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center}
.h-modal--badge .badge-modal__image {perspective:1000px}
.h-modal--badge .badge-modal__img {width:clamp(var(--min-w, 100px), var(--fluid-size), var(--max-w, 150px)); height:auto; backface-visibility:hidden; transform-origin:50% 50%}
.h-modal--badge .badge-modal__title {font-size:clamp(20px, calc(var(--fluid-size) * 0.16), 24px)}
.h-modal--badge .badge-modal__desc {font-size:16px}
.h-modal--badge .badge-modal__date {color:#585858; font-size:14px}
.h-modal--badge.active .h-modal__contents {animation:badge-modal-pop 560ms cubic-bezier(0.22, 1, 0.36, 1) both}
.h-modal--badge.active .badge-modal__img {animation:badge-modal-spin 700ms cubic-bezier(0.22, 1, 0.36, 1) 80ms both}
@keyframes badge-modal-pop {
	0% {opacity:0; transform:scale(0.85)}
	65% {opacity:1; transform:scale(1.03)}
	100% {opacity:1; transform:scale(1)}
}
@keyframes badge-modal-spin {
	0% {opacity:0; transform:rotateY(-1turn) scale(0.92)}
	70% {opacity:1; transform:rotateY(18deg) scale(1.04)}
	100% {opacity:1; transform:rotateY(0deg) scale(1)}
}


/* ---------에픽---------- */
.premium9-epic .contents {-ms-overflow-style:none; scrollbar-width:none}
/* .premium9-epic .contents .footer--simplify {padding:40px 0 32px} */
.premium9-epic .contents::-webkit-scrollbar {display:none}

.epic-thread {display:flex; flex-direction:column; width:100%; height:100%; overflow:hidden}
.epic-contents {display:flex; flex-direction:column; flex-basis:auto; flex-grow:1; overflow:hidden}
.epic-contents-inner {position:relative; width:100%; height:100%}
.epic-scroll-area {display:flex; flex-direction:column; width:100%; height:100%; padding:0 14px 0 20px; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; scrollbar-gutter: stable;}
.epic-scroll-area::-webkit-scrollbar {
    width: 6px
}
.epic-scroll-area::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3);
    border-radius: 3px
}
.epic-scroll-area::-webkit-scrollbar-track {
    background: transparent
}
.premium9-epic .content {display:flex; flex:1; height:calc(100% - 91px)}

/* only 파이어폭스 스크롤 스타일 */
@-moz-document url-prefix() {
    .epic-scroll-area {
        scrollbar-width: thin;
        scrollbar-color: rgba(0,0,0,.3) transparent;
    }
}

.chat-container {display:flex; flex-direction:column; width:100%; max-width:600px; margin:0 auto; padding-bottom:140px; gap:24px; word-break:break-all}
.thread-bottom-container {display:flex; flex-direction:column; flex-basis:auto; position:relative; z-index:3; width:100%; max-width:600px; margin:0 auto; box-sizing:border-box}
.thread-bottom-container::before {content:''; position:absolute; top:-40px; bottom:0; inset-inline-start:0; width:100%; height:70px; pointer-events:none; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255 242 228) 34%)}
.chat-container:has(.epic-intro) {flex:1; align-items:center;}
.epic-input-container {flex:0 0 auto; position:relative; width:100%; z-index:2}

.premium9-epic:has(.layer-pop.active) .input-textarea-wrap .input-prompt,
.premium9-epic:has(.layer-pop.active) .btn-stop {pointer-events:none;}

/* 하단 영역 */
.epic-thread .epic-start {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; height:120px; padding-top:24px; border-top:1px solid #E6D9CE; box-sizing:border-box}
.reference-area {display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-top:12px}
.reference-area .by-txt {color:#585858; font-size:12px}
.reference-area .logo__epicai::before {content:''; display:inline-block; width:80px; height:16px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-epicai.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:-2px}

/* 왼쪽 채팅 목록 */
.epic-chat-wrap {padding:28px 12px 20px; box-sizing:border-box; background-color:#F2DFCF}
.epic-chat-wrap .chat-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:52px}
.epic-chat-wrap .btn-chat {font-weight:400; font-size:16px}
.epic-chat-wrap .btn-chat::before {content:''; display:inline-block; width:20px; height:20px; margin-right:6px; vertical-align:-3px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.167 3.333h-3.5c-1.4 0-2.1 0-2.635.273a2.5 2.5 0 0 0-1.093 1.092c-.272.535-.272 1.235-.272 2.635v7c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.093c.535.272 1.235.272 2.635.272h7c1.4 0 2.1 0 2.635-.272a2.5 2.5 0 0 0 1.093-1.093c.272-.535.272-1.235.272-2.635v-3.5m-10 2.5h1.395c.408 0 .612 0 .804-.046q.256-.061.481-.2c.169-.102.313-.246.601-.535l7.969-7.969a1.768 1.768 0 0 0-2.5-2.5l-7.969 7.97c-.288.287-.432.432-.535.6q-.139.225-.2.482c-.046.191-.046.395-.046.803z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain}
.epic-chat-wrap .btn-close {display:block; flex:0 0 auto; width:20px; height:20px;}
.epic-chat-wrap .btn-close::before {content:''; display:block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 5 5 15M5 5l10 10'/%3E%3C/svg%3E") no-repeat center/contain}

.chat-history-wrap {display:flex; flex-direction:column; justify-content:space-between; flex-basis:auto; flex-grow:1; height:calc(100dvh - 122px)}
.chat-history-wrap .count-num {color:#1a1a1a; padding-top:16px; border-top:1px solid #D6CAC0; font-weight:400; font-size:16px; text-align:center}
.chat-history-wrap .history-tit, .history-list > li {padding:10px 12px; box-sizing:border-box}
.chat-history-wrap .history-tit {font-weight:700; color:#595959; font-size:12px}
.chat-history-wrap .history-list > li {display:flex; align-items:center; gap:8px; margin-top:8px; cursor:pointer}
.chat-history-wrap .history-list > li:hover, .chat-history-wrap .history-list > li.on {border-radius:100px; background:rgba(255, 242, 228, 0.50);}
.chat-history-wrap .history-list .chat-txt {display:block; width:calc(100% - 40px); font-weight:400; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.chat-history-wrap .history-list .btn-delete {flex:0 0 auto; width:32px; height:32px; text-align:center}
.chat-history-wrap .history-list .btn-delete::before {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231a1a1a' d='M7.5 2.5h5zM2.5 5h15z'/%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M7.5 2.5h5M2.5 5h15m-1.667 0-.584 8.766c-.088 1.315-.132 1.973-.416 2.472a2.5 2.5 0 0 1-1.082 1.012c-.516.25-1.175.25-2.493.25H8.742c-1.318 0-1.977 0-2.493-.25a2.5 2.5 0 0 1-1.082-1.012c-.284-.5-.328-1.157-.416-2.472L4.167 5m4.166 3.75v4.167m3.334-4.167v4.167'/%3E%3C/svg%3E");}
.chat-history-wrap .chat-history {overflow-y:auto; height:calc(100% - 30px)}

/* 레이어팝업 */
.layer-pop .btn-close {position:absolute; top:12px; right:16px; width:30px; height:30px; z-index:2}
.layer-pop .btn-close::before {content:''; display:inline-block; width:18px; height:18px; vertical-align:-3px; background:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain}

/* .layer-pop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; align-items:center; justify-content:center; padding:0 16px; background: rgba(0, 0, 0, 0.30)} */
.layer-pop {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; align-items:center; justify-content:center; padding:0 16px;} 
.layer-pop.active {display:flex}
.layer-pop .pop-inner {z-index:999; position:relative; padding:24px; border-radius:12px; border:1px solid #E6D9CE; box-sizing:border-box; background-color:#FFF2E4; box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.12); text-align:center}
.layer-pop .pop-tit {line-height:1.4; font-size:17px}
.layer-pop .pop-txt {margin-top:4px; line-height:1.5; font-size:13px}
.layer-pop .btn-area {display:flex; align-items:center; justify-content:center; gap:8px; margin-top:16px}


.premium9-epic,
.contents-wrap .contents {height:100%}

/* 에픽 버튼 */
.premium9-epic .btn-basic {display:flex; align-items:center; justify-content:center; height:36px; padding:0 16px; border-radius:100px; border:1px solid #E6D9CE; box-sizing:border-box; background:transparent}
.premium9-epic .btn-basic.delete {color:#fff; background-color:#C3002A}
.premium9-epic .epic-start .btn-basic {min-width:104px; height:39px; padding:0 20px; border-radius:8px; border:none; color:#fff; font-size:16px; background-color:#C3002A}

/* 인트로 */
.premium9-epic .sub-tit {line-height:1.5; font-weight:700; font-size:17px}
.premium9-epic .sub-tit + .bubble-list {margin-top:12px}
.premium9-epic .bubble-list {text-align:right}
.premium9-epic .bubble-list li {display:inline-block; position:relative; border-radius:16px; margin-right:10px; padding:10px 16px; font-size:17px; box-sizing:border-box; background-color:#F2DFCF; cursor:pointer; text-align:left;}
.premium9-epic .bubble-list li + li {margin-top:12px}
.premium9-epic .bubble-list li::after {content:''; display:block; position:absolute; top:16px; right:-10px; width:10px; height:10px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23f2dfcf' d='M10 0H0v10z'/%3E%3C/svg%3E") no-repeat center/contain}

.epic-head {width:100%; padding:20px; text-align:right; box-sizing:border-box}
.epic-head + .epic-scroll-area .epic-intro {margin-top:-24px}
.epic-thread .btn-toggle-chat {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:5px; border-radius:50%; border:1px solid #E6D9CE; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.05); box-sizing:border-box}
.epic-thread .btn-toggle-chat::before {content:''; display:block; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' d='M14 8H6m8-4H6m8 8H6M3.333 8A.667.667 0 1 1 2 8a.667.667 0 0 1 1.333 0m0-4A.667.667 0 1 1 2 4a.667.667 0 0 1 1.333 0m0 8A.667.667 0 1 1 2 12a.667.667 0 0 1 1.333 0'/%3E%3C/svg%3E") no-repeat center/contain}

.epic-intro {display:flex; flex-direction:column; gap:24px; width:100%; padding-top:40px; word-break:keep-all; line-height:1.5; box-sizing:border-box}
.epic-intro .intro-tit {line-height:1.4; font-weight:700; font-size:22px; background:linear-gradient(90deg, #0065FF 0.15%, #442D1A 19.01%, #A10CFD 37.87%, #442D1A 63.01%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.epic-intro .intro-tit > p {line-height:1.4}
.epic-intro .intro-desc {font-weight:400; font-size:17px}
.epic-intro .intro-tit,
.epic-intro .intro-desc,
.epic-thread .search-info {opacity:0; transform:translateY(30px); animation:slideUpFade 0.8s ease-out forwards}
.epic-intro .intro-desc {animation-delay:0.3s}
.epic-thread .search-info {animation-delay:0.5s}
@keyframes slideUpFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 입력창 관련 */
.btn-remove-prompt {display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:32px}
.btn-remove-prompt::before {content:''; display:inline-block; width:max(20px,1.176rem); height:max(20px,1.176rem); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='gray' d='M10 1.667A8.333 8.333 0 0 1 18.333 10 8.333 8.333 0 0 1 10 18.333 8.333 8.333 0 0 1 1.667 10 8.333 8.333 0 0 1 10 1.667Zm2.924 5.41a.599.599 0 0 0-.848 0L10 9.151 7.924 7.076a.599.599 0 1 0-.848.848L9.152 10l-2.076 2.076a.599.599 0 1 0 .848.848L10 10.848l2.076 2.076a.599.599 0 1 0 .848-.848L10.848 10l2.076-2.076a.599.599 0 0 0 0-.848Z'/%3E%3C/svg%3E") no-repeat center center/contain; vertical-align:top}
.btn-input-voice {display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:32px; border-radius:100%}
.btn-input-voice::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='gray' d='M7.5 4.167a2.5 2.5 0 0 1 5 0V10a2.5 2.5 0 0 1-5 0V4.167Z'/%3E%3Cpath stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15.833 8.333V10A5.833 5.833 0 0 1 10 15.833m-5.833-7.5V10A5.833 5.833 0 0 0 10 15.833m0 0v2.5m-3.333 0h6.666M10 12.5A2.5 2.5 0 0 1 7.5 10V4.167a2.5 2.5 0 0 1 5 0V10a2.5 2.5 0 0 1-2.5 2.5Z'/%3E%3C/svg%3E") no-repeat center center/contain; vertical-align:top}
.btn-input-voice.mic-off::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' fill='none'%3E%3Cpath fill='%238C8C8C' d='M.731 1.825a.6.6 0 0 1 .85 0l9.89 9.891c.482-.79.76-1.718.76-2.71V7.333c0-.33.27-.6.6-.6l.01-.009c.33 0 .6.27.6.6v1.67c0 1.33-.405 2.567-1.096 3.594l.875.876c.23.23.23.61 0 .85-.12.12-.27.18-.42.18h-.01c-.15 0-.31-.06-.42-.18l-.791-.792a6.393 6.393 0 0 1-3.968 1.882v1.33h2.73c.33 0 .6.27.6.6 0 .33-.27.6-.6.6H3.67c-.33 0-.6-.27-.6-.6 0-.33.27-.6.6-.6H6.4v-1.33c-3.27-.3-5.84-3.06-5.84-6.4v-1.67c0-.33.27-.61.6-.61.33 0 .6.27.6.6v1.67c0 2.89 2.36 5.24 5.24 5.24 1.456 0 2.775-.6 3.725-1.565L.731 2.675a.61.61 0 0 1 0-.85Zm7.91 9.78c-.48.31-1.04.49-1.65.49-1.71 0-3.1-1.39-3.1-3.1v-2.13l4.75 4.74ZM7 .065c1.71 0 3.1 1.39 3.1 3.1v5.84c0 .1-.03.2-.03.3l-6.17-6.17c.02-1.7 1.39-3.07 3.1-3.07Z'/%3E%3C/svg%3E")}
.btn-input-voice.on {background:#1a1a1a}
.btn-input-voice.on::before {filter:brightness(10)}
.btn-input-voice.recording {min-width:40px; min-height:40px; border:4px solid #fff; background:linear-gradient(315deg, #FF79A6 0%, #B046ED 50%, #77A0FF 100%); transform:translate(4px, -4px); animation: pulse-border-color 3.5s linear infinite}
.btn-input-voice.recording::before {filter:brightness(10)}
@keyframes pulse-border-color {
0%, 100% {
    border-color: #fff;
}
50% {
    border-color: #FF79A6;
}
}

.btn-input-submit {display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:32px; border-radius:100%; background:#1a1a1a; opacity:0}
.btn-input-submit::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' d='M10 15.833V4.167m0 0L4.167 10M10 4.167 15.833 10'/%3E%3C/svg%3E") no-repeat center center/contain; vertical-align:top}
.btn-input-submit[disabled] {background:#D6CAC0; cursor:not-allowed}

.btn-stop {display:none; position:absolute; top:0; right:0; align-items:center; justify-content:center; min-width:32px; min-height:32px; border-radius:100%; background:#1a1a1a}
.btn-stop::before {content:''; display:inline-block; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23f8f8f8' d='M2 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 2 4.08 2 5.2 2h5.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C14 3.52 14 4.08 14 5.2v5.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C12.48 14 11.92 14 10.8 14H5.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C2 12.48 2 11.92 2 10.8V5.2Z'/%3E%3C/svg%3E") no-repeat center center/contain; vertical-align:top}
.btn-stop.on {display:inline-flex}

.epic-input-contents {position:relative; display:flex; flex-direction:column; gap:8px; padding:12px 8px 8px 20px; border-radius:24px; border:1px solid #E6D9CE; box-sizing:border-box}
.input-textarea-wrap {position:relative}
.input-textarea-wrap .input-prompt {position:relative; font-size:16px; line-height:1.5; outline:none; overflow:hidden; overflow-y:auto; min-height:100%; max-height:72px; /*160px*/ word-break:break-all}
.input-textarea-wrap .input-prompt::-webkit-scrollbar {display:none}
.input-textarea-wrap .input-prompt::-webkit-scrollbar {width:4px; height:4px; display:inherit}
.input-textarea-wrap .input-prompt::-webkit-scrollbar-button {width:0; height:0}
.input-textarea-wrap .input-prompt::-webkit-scrollbar-track-piece {background:transparent}
.input-textarea-wrap .input-prompt::-webkit-scrollbar-thumb {border-radius:0; background:transparent}
.input-textarea-wrap .btn-remove-prompt {position:absolute; top:50%; right:0; transform:translateY(-50%)}
.input-actions {position:relative; display:flex; justify-content:flex-end; min-height:32px}
.input-actions .btn-input-submit {position:absolute; top:0; right:0; pointer-events:none; transition:opacity .25s linear}
.input-prompt[data-disabled="true"] {pointer-events:none; user-select:none}
/* 인풋 포커스 */
.epic-input-contents::before {content:''; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:22px; pointer-events:none; box-shadow:4px 4px 8px 0 rgba(255, 121, 165, 0.25), 4px -4px 8px 0 rgba(151, 110, 245, 0.25), -4px 4px 8px 0 rgba(119, 160, 255, 0.25); transition: opacity .3s; animation:hueSpin 8s linear infinite; animation-play-state:paused; will-change:filter}

.epic-input-contents:has(.input-prompt:not(.blank))::before,
.epic-input-contents:has(.input-prompt:focus-visible)::before {opacity:1; animation-play-state:running;}
@keyframes hueSpin {
from { filter:hue-rotate(0deg); }
to   { filter:hue-rotate(360deg); }
}
/* 모션 민감 사용자 */
@media (prefers-reduced-motion:reduce){
    .epic-input-contents::before { animation: none; }
}

/* 키보드 입력 */
.input-textarea-wrap .input-prompt.blank::before {content:attr(data-placeholder); position:absolute; display:block; pointer-events:none; color:#595959; font-size:16px; line-height:1.5}
.input-textarea-wrap .input-prompt.blank + .btn-remove-prompt {display:none}
.input-textarea-wrap:not(:has(.input-prompt.blank)) .input-prompt {padding-right:40px}
.input-textarea-wrap:not(:has(.input-prompt.blank)) + .input-actions .btn-input-voice {display:none}
.input-textarea-wrap:not(:has(.input-prompt.blank)) + .input-actions .btn-input-submit {opacity:1; pointer-events:auto}

/* 음성 입력 */
.epic-input-container:has(.btn-input-voice.recording) .input-prompt.blank::before {content:''; display:inlin-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='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10v4'%3E%3Canimate attributeName='d' dur='1s' repeatCount='indefinite' values='M3 10L3 14; M3 8L3 16; M3 11L3 13; M3 10L3 14'/%3E%3C/path%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.5 11v2'%3E%3Canimate attributeName='d' dur='1.2s' repeatCount='indefinite' values='M7.5 11L7.5 13; M7.5 9L7.5 15; M7.5 12L7.5 13; M7.5 11L7.5 13'/%3E%3C/path%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6v12'%3E%3Canimate attributeName='d' dur='1.4s' repeatCount='indefinite' values='M12 6L12 18; M12 9L12 15; M12 5L12 19; M12 6L12 18'/%3E%3C/path%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.5 3v18'%3E%3Canimate attributeName='d' dur='1.1s' repeatCount='indefinite' values='M16.5 3L16.5 21; M16.5 6L16.5 18; M16.5 4L16.5 20; M16.5 3L16.5 21'/%3E%3C/path%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 10v4'%3E%3Canimate attributeName='d' dur='1.3s' repeatCount='indefinite' values='M21 10L21 14; M21 8L21 16; M21 11L21 13; M21 10L21 14'/%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='a' x1='21' x2='3' y1='21' y2='3' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF79A6'/%3E%3Cstop offset='.5' stop-color='%23B046ED'/%3E%3Cstop offset='1' stop-color='%2377A0FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat left center/contain}

.epic-input-container.dictating .btn-input-voice {display:none}
.epic-input-container.dictating .btn-input-submit {opacity:1; pointer-events:auto}
/* 음성 입력 버튼 없는 경우 */
.epic-input-container:not(:has(.btn-input-voice)) .btn-input-submit {opacity:1; pointer-events:auto}

/* 공통 로딩스피너 */
.data-loading {margin:24px 0; text-align:center}
.icon-loading::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M10 1.667V5m0 10v3.333M5 10H1.667m16.666 0H15m.899 5.899-2.357-2.357m2.357-9.375-2.357 2.357m-9.44 9.375 2.356-2.357M4.101 4.167l2.357 2.357'/%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='1s' from='0 10 10' repeatCount='indefinite' to='360 10 10' type='rotate'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain}

/* 검색결과 */
.search-empty {padding:40px 0; text-align:center}
.search-empty__text {font-size:var(--text-body)}
.epic-noti {display:flex; align-items:center; justify-content:space-between; flex-direction:column; gap:40px; position:relative; width:100%; height:100%; padding-top:24px; border-top:1px solid #E6D9CE; box-sizing:border-box; font-size:16px}
.epic-noti .noti-txt {line-height:1.5; color:#595959; font-size:12px; letter-spacing:-0.03em}
.epic-noti .noti-box {width:100%; padding:16px; border-radius:16px; font-size:15px; box-sizing:border-box; background-color:#F2DFCF}
.epic-noti .noti-box .attention::before {content:''; display:block; width:20px; height:20px; margin-bottom:8px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M10 7.5v3.333m0 3.334h.008M8.846 3.243 1.992 15.082c-.38.657-.57.985-.542 1.254a.83.83 0 0 0 .339.588c.219.16.598.16 1.357.16h13.708c.759 0 1.138 0 1.358-.16a.83.83 0 0 0 .338-.588c.028-.27-.162-.597-.542-1.254L11.154 3.243c-.379-.654-.568-.981-.815-1.091a.83.83 0 0 0-.677 0c-.248.11-.437.437-.816 1.091'/%3E%3C/svg%3E") no-repeat center/contain}
.epic-noti .noti-box .desc {text-align:center}
.epic-noti .noti-box .desc > p {line-height:1.5; font-size:15px; word-break:keep-all}
.premium9-epic .noti-box .btn-basic {display:inline-flex; height:30px; margin-top:16px; padding:0 12px; border:none; background:#FFF2E4}
.premium9-epic .noti-box .btn-basic:hover {text-decoration:none}
.epic-noti .noti-box .btn-basic.btn-move .move {font-size:12px}
.epic-noti .noti-box .btn-basic.btn-move .move::after {content:''; display:inline-block; width:12px; height:12px; vertical-align:-2px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m4.5 9 3-3-3-3'/%3E%3C/svg%3E") no-repeat center/contain}
.epic-noti .noti-box .btn-basic .logo-epic {display:inline-block; width:70px; height:14px; margin-right:6px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-epicai.svg') no-repeat 0 0/contain}

.chat-container .chat-block {display:flex; flex-direction:column; width:100%; gap:24px; margin-top:8px}
.chat-container .chat-block + .chat-block {padding-top:24px; border-top:1px solid #E6D9CE}
.user-query-content {display:flex; justify-content:flex-end}
.user-query-bubble {max-width:70%; padding:10px 16px; border-radius:24px; background:#F2DFCF; font-size:16px}
.ai-result-title-wrap {display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.ai-result-title {display:flex; gap:8px; align-items:center; font-size:var(--text-title3); line-height:1.4}
.ai-result-title::before {content:''; display:inline-block; width:28px; height:28px}
.chat-source-google .ai-result-title::before {background:url('https://static.hankyung.com/resource/app/img/ai-source-google.svg') no-repeat center center/contain}
.chat-source-hknews .ai-result-title::before {background:url('https://static.hankyung.com/resource/app/img/ai-source-hknews.svg') no-repeat center center/contain}

.ai-msg {display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.5}
.icon-ai-msg {display:inline-block; width:16px; height:16px; border-radius: 50%; display: inline-block; border-top: 2px solid #7db2ff; border-right: 2px solid transparent; box-sizing: border-box; animation: rotation 1s linear infinite}
.icon-ai-msg::before {content:''; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; border-bottom: 2px solid #c06bff; border-left: 2px solid transparent;}
@keyframes rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.chat-ai {display:flex; flex-direction:column; gap:24px}
/* .chat-ai .ai-result {padding-top:24px; border-top:1px solid #E6D9CE; box-sizing:border-box} */
.chat-ai + .chat-user {margin-top:40px}
.ai-result-controls {display:flex; gap:8px; align-items:center}
.ai-result .btn-tts {padding:4px}
.ai-result .btn-tts::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M16.457 4.167A9.955 9.955 0 0 1 18.333 10a9.954 9.954 0 0 1-1.876 5.833M13.12 6.667A5.807 5.807 0 0 1 14.167 10c0 1.24-.387 2.389-1.046 3.333M8.03 3.638 5.39 6.276c-.145.144-.217.216-.3.268a.833.833 0 0 1-.242.1c-.095.023-.197.023-.401.023H3c-.467 0-.7 0-.878.09a.833.833 0 0 0-.364.365c-.091.178-.091.411-.091.878v4c0 .467 0 .7.09.878.08.157.208.285.365.364.178.091.411.091.878.091h1.448c.204 0 .306 0 .401.023.085.02.167.055.241.1.084.052.156.124.3.268l2.639 2.638c.357.357.535.535.688.548a.417.417 0 0 0 .35-.145c.1-.117.1-.37.1-.875V4.11c0-.505 0-.758-.1-.875a.417.417 0 0 0-.35-.144c-.153.012-.331.19-.688.547Z'/%3E%3C/svg%3E") no-repeat center center/contain; vertical-align:top}
.ai-result .btn-tts.is-loading::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M10 1.667V5m0 10v3.333M5 10H1.667m16.666 0H15m.899 5.899-2.357-2.357m2.357-9.375-2.357 2.357m-9.44 9.375 2.356-2.357M4.101 4.167l2.357 2.357'/%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='1s' from='0 10 10' repeatCount='indefinite' to='360 10 10' type='rotate'/%3E%3C/g%3E%3C/svg%3E")}
.ai-result .btn-tts.is-paused::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M7.917 12.5v-5m4.166 5v-5m6.25 2.5a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0Z'/%3E%3C/svg%3E")}
.result-cont {display:flex; flex-direction:column; gap:24px; font-size:16px; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere}
.result-cont ol,
.result-cont ul {margin-left:1.5em; list-style:revert}
.result-cont li {list-style:revert}
.result-cont h1,
.result-cont h2,
.result-cont h3,
.result-cont h4,
.result-cont h5,
.result-cont h6 {font-size:20px; filter:grayscale(1) brightness(1); font-family:system-ui, -apple-system, "Noto Emoji", sans-serif; font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
.result-cont table {table-layout:unset; max-width:100%}
.result-cont table th,
.result-cont table td {padding:8px; border:1px solid #E6D9CE}
.result-cont hr {display:block; width:100%; margin:0; margin-block-start:0; margin-block-end:0; border-style:solid; border-color:#E6D9CE}
.result-cont em, 
.result-cont i {font-style:italic}
.result-cont .emoji {font-family:"Noto Emoji", sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal}

.result-options {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:24px}
.result-options .option-item {display:flex; align-items:center; flex-wrap:wrap; gap:8px}
.result-options button {padding:4px}
.result-options button:first-child {margin-left:-4px}
.result-options button::before {content:''; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.result-options .btn-copy::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M6.667 6.667V4.333c0-.933 0-1.4.181-1.756.16-.314.415-.569.729-.729.356-.181.823-.181 1.756-.181h6.334c.933 0 1.4 0 1.756.181.314.16.569.415.729.729.181.356.181.823.181 1.756v6.334c0 .933 0 1.4-.181 1.756-.16.314-.415.569-.729.729-.356.181-.823.181-1.756.181h-2.334m-9 5h6.334c.933 0 1.4 0 1.756-.181.314-.16.569-.415.729-.729.181-.356.181-.823.181-1.756V9.333c0-.933 0-1.4-.181-1.756a1.667 1.667 0 0 0-.729-.729c-.356-.181-.823-.181-1.756-.181H4.333c-.933 0-1.4 0-1.756.181-.314.16-.569.415-.729.729-.181.356-.181.823-.181 1.756v6.334c0 .933 0 1.4.181 1.756.16.314.415.569.729.729.356.181.823.181 1.756.181Z'/%3E%3C/svg%3E")}
.result-options .btn-toggle-rel-question::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='m17.5 17.5-3.625-3.625m1.958-4.708a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0Z'/%3E%3C/svg%3E")}

.ai-placeholder {display:flex; flex-direction:column; gap:12px; margin-bottom:24px}
.ai-placeholder .placeholder-bar {width:100%; height:24px; border-radius:4px; background:linear-gradient(90deg, rgba(242, 223, 207, 0.50) 0%, rgba(242, 223, 207, 0.80) 100%); background-size:300% 300%; animation:aiPlaceholderAni 3s linear infinite}
.ai-placeholder .placeholder-bar.short-type {width:160px; max-width:100%}
.ai-placeholder .placeholder-bar:nth-child(2) {background-image:linear-gradient(90deg, rgba(242, 223, 207, 0.50) 0%, rgba(242, 223, 207, 0.80) 100%); background-size:300% 300%; animation-direction:alternate-reverse}

@keyframes aiPlaceholderAni {
    0% {
        background-position:0% 50%;
    }
    30% {
        background-position:100% 50%;
    }
    60% {
        background-position:50% 100%;
    }
    100% {
        background-position:0% 50%;
    }
}

/* .tab-menu-wrap {margin-bottom:24px; padding-left:20px; overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none}
.tab-menu-wrap::-webkit-scrollbar {display:none} 
.tab-menu {display:inline-flex; flex:1 1 auto; flex-direction:row; margin-right:20px; padding:6px; border-radius:999px; background-color:#F2DFCF; box-sizing:border-box} */

.tab-menu-wrap {position:relative; max-width:100%; width:fit-content; margin-bottom:24px; box-sizing:border-box; overflow:hidden}
.tab-menu-wrap .tab-menu-inner {position:relative; display:flex; align-items:center; padding:6px; border-radius:999px; background:#F2DFCF; overflow:hidden; box-sizing:border-box}
.tab-menu-wrap .tab-menu-inner::before {content: ""; display:none; position: absolute; left: 28px; top: 0; width: 20px; height: 100%; pointer-events: none; background: linear-gradient(90deg, #F2DFCF 0%, rgba(242, 223, 207, 0.00) 100%)}
.tab-menu-wrap .tab-menu-inner::after {content: ""; display:none; position: absolute; right: 36px; top: 0; width: 20px; height: 100%; pointer-events: none; background: linear-gradient(90deg, rgba(242, 223, 207, 0.00) 0%, #F2DFCF 100%)}
.tab-menu-wrap .tab-menu-inner.scroll::before, .tab-menu-wrap .tab-menu-inner.scroll::after {display:block; z-index:2}

.tab-menu-wrap .btn-arrow {position:relative; display:none; align-items:center; justify-content:center; flex:0 0 auto; width:36px; height:36px;}
.tab-menu-wrap .tab-menu-inner.scroll .btn-arrow {display:flex}
.tab-menu-wrap .btn-arrow.btn-prev {left:0}
.tab-menu-wrap .btn-arrow.btn-next {right:0}
.tab-menu-wrap .btn-arrow::before {content:''; display:block; width:20px; height:20px}
.tab-menu-wrap .btn-arrow.btn-prev::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m12.5 15-5-5 5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.tab-menu-wrap .btn-arrow.btn-next::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat center/contain}

.tab-menu {position:relative; display:inline-flex; max-width:100%; background-color:#F2DFCF; box-sizing:border-box; overflow-x:auto}
.tab-menu::-webkit-scrollbar {display:none} 
.tab-menu > .menu-item {padding:8px 0; box-sizing:border-box; z-index:1}
.tab-menu > .menu-item .menu-link {padding:10px 20px; font-size:16px; box-sizing:border-box; text-align:center; white-space:nowrap}
.tab-menu > .menu-item .menu-link:hover {text-decoration:none}
.tab-menu > .menu-item.on {border-radius:999px; background-color:#262A33}
.tab-menu > .menu-item.on .menu-link {color:#fff; font-weight:700}
.tab-menu > .menu-item:first-child.on {margin-left:10px}
.tab-menu > .menu-item:last-child.on {margin-right:10px}

.tab-menu > .menu-item.active .menu-link {color:#fff; font-weight:700}
.tab-menu-wrap .tab-menu-active {position:absolute; top:0; left:0; height:39px; border-radius:9999px; pointer-events:none; background-color:#262A33; transition:left .3s}

.news-item .thumb {position:relative}
/* .news-item .thumb::after {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; border:1px solid rgba(0,0,0,.15); box-sizing:border-box; pointer-events:none} */
/* ---------메인---------- */
.dm-serif-display-regular-italic {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
}
.premium9-main .tab-menu-wrap {margin-top:40px}
/* 뉴스 아이템 공통 */
.box-module .news-tit {line-height:1.3}
.box-module .date {color:#585858; font-size:12px}
.box-module .depth3 {color:#121212; font-size:12px}
.box-module .news-item {display:flex; gap:16px; width:100%}
.box-module .news-item.column {flex-direction:column;}
.box-module .news-item.column.reversal {flex-direction:column-reverse}
.box-module .news-item .badge {height:14px}
.box-module .news-item .news-tit {font-weight:400; line-height:1.3; font-size:18px; word-break:break-all}
.premium9-main .top-news-module .lead {word-break:break-all}
.box-module .news-item .text-cont, 
.box-module .news-item .tit-area {display:flex; flex-direction:column; gap:6px; flex:1}
.box-module .news-item .tit-area {flex:0 0 auto}
.box-module .news-item .thumb {position:relative; overflow:hidden}
.box-module .news-item .thumb > a {display:block; width:100%; height:100%}
.premium9-main .thumb img,
.premium9-series .thumb img {width:100%; height:100%; object-fit:contain; object-position:top center}
.premium9-main .top-news-module .thumb img {object-fit:cover}

.premium9-main {overflow:hidden}
.premium9-main .contents {overflow-x:hidden}
.premium9-main .content-inner {padding:0 20px; box-sizing:border-box}
.premium9-main .box-item {height:100%; padding:20px; border-radius:16px; box-sizing:border-box}
.premium9-main .box-module .news-item .tit-area {height:91px}
.premium9-main .box-module:not(.top-news-module,.news-module) {padding:40px 0; box-sizing:border-box}
.premium9-main .box-module.bg-type {background:rgba(242, 223, 207, 0.50)}
.premium9-main .depth2-link {display:block; margin-bottom:8px; font-weight:700; color:#CA002C; font-size:14px}
.premium9-main .depth2-link > a {color:#CA002C}

.premium9-main .slide-list-wrap {margin:0 -16px}
.premium9-main .slide-list-wrap .swiper-wrapper {align-items:stretch}
.premium9-main .slide-list-wrap .swiper-slide {height:auto}

.premium9-main .module-tit-wrap {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:16px}
.premium9-main .module-tit-wrap .module-tit {font-size:20px}
.premium9-main .module-tit-wrap .slide-control {display:flex; gap:12px}
.premium9-main .module-tit-wrap .slide-control .btn-slide {display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; background:#F2DFCF}

.premium9-main .slide-control .btn-slide::before {content:''; display:block; width:20px; height:20px}
.premium9-main .slide-control .btn-prev::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m12.5 15-5-5 5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .slide-control .btn-next::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat center/contain}

.premium9-main .box-module + .box-module.report-module {padding-top:0}
.premium9-main .box-module.bg-type + .box-module.report-module {padding-top:40px}

/* 검색 */
.premium9-main .epic-search {display:flex; flex-direction:column; gap:8px}
.premium9-main .inp-wrap input {width:100%; background:transparent; border:none; outline:none; font-size:16px}
.premium9-main .inp-wrap input::placeholder {color:#121212}
.premium9-main .inp-wrap input::-webkit-input-placeholder {color:#121212}
.premium9-main .inp-wrap input::-moz-placeholder {color:#121212}
.premium9-main .inp-wrap input::-ms-input-placeholder {color:#121212}
.premium9-main .epic-search-wrap {display:flex; align-items:center; gap:8px; height:56px; padding:12px 24px; border-radius:100px; border:1px solid #E6D9CE; box-sizing:border-box; background:#FFF2E4}
.premium9-main .epic-search-wrap .inp-wrap {flex:1}
.premium9-main .epic-search-wrap .btn-search {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='M10.5 13.5 21 3M10.627 13.828l2.628 6.758c.232.596.347.893.514.98a.5.5 0 0 0 .462 0c.167-.086.283-.384.515-.979l6.59-16.888c.21-.537.315-.806.258-.977a.5.5 0 0 0-.316-.316c-.172-.057-.44.048-.978.257L3.413 9.253c-.595.233-.893.349-.98.516a.5.5 0 0 0 0 .461c.087.167.385.283.98.514l6.759 2.629c.12.046.18.07.232.106a.5.5 0 0 1 .116.117c.037.05.06.111.107.232'/%3E%3C/svg%3E");}
.premium9-main .dot-type {padding-left:20px; text-indent:-12px}
.premium9-main .dot-type::before {content:''; display:inline-block; width:3px; height:3px; margin-top:8px; margin-right:8px; border-radius:50%; background:#121212; vertical-align:top;}
.premium9-main .epic-info-wrap > p {line-height:1.5; color:#121212; box-sizing:border-box}
.premium9-main .epic-info-wrap {padding:12px 20px; border-radius: 0 32px 32px 32px; font-size:14px; box-sizing:border-box; background:#F2DFCF}
.premium9-main .epic-info-wrap .no-ticket {color:#585858; text-align:center}
.premium9-main .epic-info-wrap:has(.dot-type) {padding-left:12px}

.premium9-main .badge,
.premium9-series .badge {height:14px}
.premium9-main .news-badge—premium,
.premium9-series .news-badge—premium {width:52px; height:auto; object-fit:contain}
.premium9-main .news-module .news-item .badge img {width:52px}

/* 톱뉴스 - 템플릿1 */
.premium9-main .top-news-module + .tab-menu-wrap {margin-top:40px}
.premium9-main .top-news-module .content-inner {margin:0 -20px}
.premium9-main .top-news-module .news-item {flex-direction:column-reverse}
.premium9-main .top-news-module .news-item .thumb {aspect-ratio: 16 / 10;}
.premium9-main .top-news-module .news-tit {font-weight:700}
.premium9-main .top-news-module .lead {line-height:1.3; font-size:16px;}
.premium9-main .top-news-module .news-main-wrap .news-item {gap:16px}
.premium9-main .top-news-module .news-main-wrap .news-tit {font-size:24px; word-break:keep-all}
.premium9-main .top-news-module .news-main-wrap .text-cont {padding:0 20px}
.premium9-main .top-news-module .news-main-wrap .thumb {position:relative; width:100%; height:0; padding-bottom:62.5%; overflow:hidden; box-sizing:border-box}
.premium9-main .top-news-module .news-main-wrap .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.premium9-main .top-news-module .news-sub-list {padding:0 20px; box-sizing:border-box}
.premium9-main .top-news-module .news-sub-list .news-item {gap:20px; margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE}
.premium9-main .top-news-module .news-sub-list .news-tit {font-size:20px; word-break:keep-all}
.premium9-main .top-news-module .depth2-link {margin-bottom:0}

/* 톱뉴스 - 템플릿2 */
.premium9-main .top-news-module .news-slide-wrap .slide-control {display:none}
.premium9-main .top-news-module .news-slide-wrap .top-news .thumb {position:relative; width:100%; height:0; padding-bottom:62.5%; overflow:hidden; box-sizing:border-box}
.premium9-main .top-news-module .news-slide-wrap .top-news .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.premium9-main .top-news-module .news-slide-wrap .top-news .text-cont {padding:0 20px; box-sizing:border-box}
.premium9-main .top-news-module .news-slide-wrap .news-tit {font-size:20px}
.premium9-main .top-news-module .news-slide-wrap .swiper-slide.top-news .news-tit {font-size:24px; word-break:keep-all}
.premium9-main .top-news-module .news-slide-wrap .slide-list {display:flex; flex-direction:column}
.premium9-main .template-2 .swiper-slide:not(.top-news) {padding:0 20px; box-sizing:border-box}
.premium9-main .template-2 .swiper-slide:not(.top-news) .news-item {margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE; box-sizing:border-box}


.premium9-main .top-news-module {background:#13191D;}
.premium9-main .top-news-module .news-tit, 
.premium9-main .top-news-module .news-tit > a,
.premium9-main .top-news-module .lead {color:#fff}
.premium9-main .top-news-module .date {color:#bdbdbd}
.premium9-main .top-news-module .depth2-link, 
.premium9-main .top-news-module .depth2-link > a {color:#F0626F}
.premium9-main .top-news-module .depth3 {color:#bdbdbd}
.premium9-main .template-2 .swiper-slide:not(.top-news) .news-item,
.premium9-main .top-news-module .news-sub-list .news-item {border-color:rgba(255,255,255,0.20)}

.premium9-main .top-news-module .template-1 .date {display:none}
.premium9-main .template-2 .news-slide-wrap,
.premium9-main .top-news-module .news-sub-list {padding-bottom:24px}

/* 뉴스 모듈 */
/* .premium9-main .news-list-wrap .news-list {opacity:0; visibility:hidden; transition:all .3s ease}
.premium9-main .news-list-wrap.show .news-list {opacity:1; visibility:visible} */
.premium9-main .news-list .box-item {padding:0; border-radius:0}
.premium9-main .news-list .box-item + .box-item {margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE}
.premium9-main .news-list .thumb {width:112px; height:70px}

.box-module .news-item .thumb > .thumb-icon,
.premium9-main .news-list .thumb > .thumb-icon {width:24px; height:24px; right:8px; bottom:8px}

.premium9-main .top-news-module .news-main-wrap .thumb > .thumb-icon {width:50px; height:50px; right:15px; bottom:15px}
.premium9-main .top-news-module .news-sub-list .thumb > .thumb-icon {width:32px; height:32px; right:10px; bottom:10px}


.premium9-main .news-list.col-2 .depth2-link {margin-bottom:0}
.premium9-main .news-list.col-2 {display:flex; flex-direction:column; flex-wrap:wrap; gap:16px}
.premium9-main .news-list.col-2 .box-item {width:100%; padding:0; border-radius: 16px; background: rgba(242, 223, 207, 0.50); overflow:hidden}
.premium9-main .news-list.col-2 .thumb {width:100%; height:auto; aspect-ratio: 16 / 10;}
.premium9-main .news-list.col-2 .text-cont {padding:0 20px 20px}
.premium9-main .news-module {margin-top:40px; margin-bottom:40px}
.premium9-main .news-module.type2 {margin-bottom:0; padding:40px 0}
.premium9-main .news-module .news-list.col-2 .news-item .news-tit {height:45px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.premium9-main .news-list.col-2 .box-item + .box-item {margin-top:0; border-top:none}
.premium9-main .exclusive-module .news-list.col-2 {flex-wrap:nowrap; flex-direction:row}
.premium9-main .exclusive-module .news-list.col-2 .swiper-slide {width:calc(50% - 24px); min-width:280px; margin-right:0 !important}
.premium9-main .exclusive-module .slide-list-wrap {overflow:hidden}
.premium9-main .exclusive-module .news-info .date, .premium9-main .exclusive-module .news-info .badge {display:block}
.premium9-main .exclusive-module .news-info .badge {height:15px}
.premium9-main .exclusive-module .news-info .badge img {width:62px}

.premium9-main .news-list-wrap .btn-area {margin-top:24px; text-align:center}
.premium9-main .btn-basic.more-arrow {height:40px; padding:0 20px; border:1px solid #E6D9CE; background:transparent}
.premium9-main .btn-basic.more-arrow::after {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .btn-basic.more-arrow.active::after {transform:rotate(180deg)}

.premium9-main .news-list-wrap + .banner-area {margin-top:20px}
.premium9-main .banner-area {height:160px; margin:0 0 20px; border-radius:16px; box-sizing:border-box; overflow:hidden}
.premium9-main .banner-area .is-pc {display:none}
.premium9-main .banner-area .is-mo {display:block}
.premium9-main .banner-area > a {display:flex; align-items:center; justify-content:center; width:100%; height:100%}
.premium9-main .banner-area img {width:100%; min-width:300px; height:100%; object-fit:contain}
.premium9-main .epic-module .module-tit-wrap .module-tit {font-size:22px; text-align:center}

.premium9-main .research-module .swiper-slide,
.premium9-main .view-module .swiper-slide,
.premium9-main .video-module .swiper-slide,
.premium9-main .report-module .swiper-slide {width:280px}

/* 한경exclusive 모듈 */
.premium9-main .exclusive-module.type2 .box-item {width:calc(100% - 40px); max-width:100%; padding:0}
.premium9-main .exclusive-module.type2 .news-item {margin-bottom:16px; padding:16px; border-radius:16px; overflow:hidden; box-sizing:border-box}
.premium9-main .exclusive-module.type2 .news-item.big-type .text-cont {gap:8px}
.premium9-main .exclusive-module.type2 .news-item:last-child {margin-bottom:0}
.premium9-main .exclusive-module.type2 .news-item.big-type {flex-direction:column; gap:6px; background:#F2DFCF}
.premium9-main .exclusive-module.type2 .news-item.big-type .news-tit {font-weight:700; font-size:20px}
.premium9-main .exclusive-module.type2 .news-item .news-tit {font-size:20px}
.premium9-main .exclusive-module.type2 .module-tit-wrap .module-tit::before {content:''; display:inline-block; width:180px; height:55px; background:url('https://static.hankyung.com/resource/www/premium9/img/tit-exclusive-w.svg') no-repeat 50% 0/contain}
.premium9-main .exclusive-module.type2 .news-info {display:flex; flex-direction:column; gap:8px}
.premium9-main .exclusive-module.type2 .depth2-link {margin-bottom:0}
.premium9-main .exclusive-module.type2 .depth2-link > a {color:#F0626F}

.premium9-main .exclusive-module.type2-1 {padding:40px 20px !important; background:#13191D; box-sizing:border-box}
.premium9-main .exclusive-module.type2-1 .content-inner {display:flex; flex-direction:column}
.premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit {position:relative; padding-left:12px; padding-top:11px}
.premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/tit-exclusive-big.svg')}
.premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit::after {content:''; display:block; position:absolute; top:0; left:0; width:16px; height:11px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='22' fill='none' viewBox='0 0 32 22'%3E%3Cpath fill='%23fff' d='M13.193 12.196c1.869 3.639.72 6.81-1.691 8.673S3.375 22.3 1.629 19.34s-1.8-5.236-1.472-8.236C.484 8.105 3.229 1.3 12.887 0v1.3C7.455 2.794 5.562 6.38 5.462 9.98c0 0 5.861-1.421 7.73 2.217M30.179 12.196c1.869 3.639.72 6.81-1.691 8.673-2.411 1.862-8.127 1.431-9.873-1.528s-1.8-5.236-1.473-8.236c.328-3 3.073-9.805 12.73-11.105v1.3c-5.431 1.494-7.324 5.079-7.424 8.679 0 0 5.861-1.422 7.73 2.217'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .exclusive-module.type2-1 .exclusive-item .news-item {flex-direction:column; gap:6px}
.premium9-main .exclusive-module.type2-1 .news-item .news-tit, 
.premium9-main .exclusive-module.type2-1 .news-item .news-tit > a {color:#fff}
.premium9-main .exclusive-module.type2-1 .date, 
.premium9-main .exclusive-module.type2-1 .depth3 {color:#bdbdbd}
.premium9-main .exclusive-module.type2-1 .news-item .badge {height:15px}
.premium9-main .exclusive-module.type2-1 .news-item .badge img {width:52px}
.premium9-main .exclusive-module.type2-1 .news-item .news-tit {height:auto; -webkit-line-clamp: unset; display: block; -webkit-box-orient: unset; overflow: visible}

/* 리서치 모듈 */
.premium9-main .research-module {margin-top:40px}
.premium9-main .research-module .box-item {background:#FFF2E4}
.premium9-main .research-item .stock-name {display:flex; align-items:center; gap:4px}
.premium9-main .research-item .stock-name .tit {font-weight:700; font-size:18px}
.premium9-main .research-item .stock-name .code {font-weight:400; color:#585858; font-size:12px}
.premium9-main .research-item .stock-desc {overflow:hidden; height:40px; margin-top:4px; font-weight:400; color:#585858; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.premium9-main .research-item .stock-price,
.premium9-main .research-item .stock-info {display:flex; padding-top:16px; box-sizing:border-box}
.premium9-main .research-item .stock-price {width:100%; gap:2px; margin-top:16px; border-top:1px solid #E6D9CE}
.premium9-main .research-item .stock-price .tit, .research-item .stock-price .price {display:block; font-size:14px} 
.premium9-main .research-item .stock-price .price {display:flex; align-items:center; flex-wrap:wrap; min-height:30px}
.premium9-main .research-item .stock-price .price > strong {font-size:16px}
.premium9-main .research-item .stock-price .basic-price, .research-item .stock-price .change-price {display:flex; flex-direction:column; gap:4px; width:50%; padding-bottom:16px; border-bottom:1px solid; box-sizing:border-box}
.premium9-main .research-item .stock-price .basic-price {border-color:#E6D9CE}
.premium9-main .research-item .stock-price .basic-price .price {color:#585858; text-decoration-line:line-through}
.premium9-main .research-item .stock-price .change-price {text-align:right;}
.premium9-main .research-item .stock-price .change-price .price {justify-content:flex-end; white-space:nowrap; flex-wrap:nowrap}
.premium9-main .research-item .stock-price .change-price.up {border-color:#B50000}
.premium9-main .research-item .stock-price .change-price.up .tit, .research-item .stock-price .change-price.up .price {color:#B50000}
.premium9-main .research-item .stock-price .change-price.down {border-color:#2853B2}
.premium9-main .research-item .stock-price .change-price.down .tit, .research-item .stock-price .change-price.down .price {color:#2853B2}
.premium9-main .research-item .stock-price .change-price.hold {border-color:#585858}
.premium9-main .research-item .stock-price .change-price.hold .tit, .research-item .stock-price .change-price.hold .price {color:#585858}

.premium9-main .research-item .stock-info {align-items:flex-end; gap:16px}
.premium9-main .research-item .stock-info .info-area {flex:1}
.premium9-main .research-item .stock-info .info-area span {display:flex; align-items:center; gap:4px; color:#585858; font-size:12px}
.premium9-main .research-item .stock-info .info-area .comp + .name {margin-top:4px}
.premium9-main .research-item .stock-info .info-area .date {margin-top:6px}
.premium9-main .research-item .stock-info .info-area span:not(.date)::before {content:''; display:inline-block; flex:0 0 auto; width:12px; height:12px}
.premium9-main .research-item .stock-info .comp::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23585858' stroke-linecap='round' stroke-linejoin='round' d='M6.5 5.5h2.4c.56 0 .84 0 1.054.109a1 1 0 0 1 .437.437c.109.214.109.494.109 1.054v3.4m-4 0V3.1c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C5.74 1.5 5.46 1.5 4.9 1.5H3.1c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C1.5 2.26 1.5 2.54 1.5 3.1v7.4m9.5 0H1m2.25-7h1.5m-1.5 2h1.5m-1.5 2h1.5'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .research-item .stock-info .name::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23585858' stroke-linecap='round' stroke-linejoin='round' d='M10 10.5c0-.698 0-1.047-.086-1.33A2 2 0 0 0 8.58 7.835c-.284-.086-.633-.086-1.331-.086h-2.5c-.698 0-1.047 0-1.33.086A2 2 0 0 0 2.085 9.17C2 9.453 2 9.802 2 10.5m6.25-6.75a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .research-item .stock-info .btn-area {flex:0 0 auto}

.premium9-main .research-module .reference-area {justify-content:flex-start}
.premium9-main .research-pop.active {background:rgba(0, 0, 0, 0.30); z-index:99}
.premium9-main .research-pop .pop-inner {max-height:calc(100dvh - 80px); overflow-y:auto; padding:20px; text-align:left}
.premium9-main .research-pop .cont-box + .cont-box {margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE}
.premium9-main .research-pop .cont-box .tit {display:block; margin-bottom:8px; font-weight:700; font-size:14px}
.premium9-main .research-pop .cont-box .tit::before {content:''; display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:-3px; background-repeat:no-repeat; background-position:center; background-size:contain}
.premium9-main .research-pop .cont-box.summary .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M14 6.667H2M14 12H2m12-8H2m12 5.333H2'/%3E%3C/svg%3E")}
.premium9-main .research-pop .cont-box.risk .tit::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M8 6v2.667m0 2.666h.007m-.93-8.739-5.483 9.472c-.304.525-.456.787-.434 1.003.02.188.119.359.271.47.176.128.48.128 1.086.128h10.967c.607 0 .91 0 1.086-.128a.67.67 0 0 0 .27-.47c.023-.216-.129-.478-.433-1.004l-5.483-9.47c-.303-.524-.455-.786-.653-.874a.67.67 0 0 0-.541 0c-.198.088-.35.35-.653.873'/%3E%3C/svg%3E")}
.premium9-main .research-pop .dot-list li + li {margin-top:8px}
.premium9-main .research-pop .dot-list li {padding-left:22px; line-height:1.5; font-size:16px; text-indent:-14px;}
.premium9-main .research-pop .dot-list li::before {content:''; display:inline-block; width:4px; height:4px; margin-right:10px; border-radius:50%; vertical-align:3px; background:#121212}


/* 비디오 모듈 */
.premium9-main .iframe-youtube,
.premium9-main .video-module .video-item .thumb {position:relative; height:0; padding-bottom:56.25%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0)}
.premium9-main .iframe-youtube iframe,
.premium9-main .video-module .video-item .thumb img {position: absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.premium9-main .video-module .video-item {width:100%; height:auto}
.premium9-main .video-module .video-item:has(.thumb) .thumb {padding-bottom:63%; border-radius:16px; overflow:hidden}
.premium9-main .video-module .video-item .text-cont {display:flex; flex-direction:column; gap:6px; padding-top:10px;}
.premium9-main .video-module .video-item .news-tit {display:block; display: -webkit-box; height:47px; font-weight:400; font-size:18px; text-overflow: ellipsis; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient: vertical;} 
.premium9-main .video-module .video-item .date {font-size:12px}
.premium9-main .video-module .video-item .badge {height:16px}
.premium9-main .video-module .video-item .badge img {width:52px}
.premium9-main .video-module .swiper-slide {width:280px}
.premium9-main .video-module .depth2-link {margin-bottom:0}

.premium9-main .grid-wrap {display:flex; flex-wrap:wrap; gap:16px 16px}
.premium9-main .grid-wrap .box-item {width:calc(50% - 10px); height:auto; padding:16px; border-radius:16px; background:rgba(242, 223, 207, 0.50); box-sizing:border-box}

/* 시리즈 모듈 */
.premium9-main .series-module {margin-top:40px}
.premium9-main .series-module .box-item .thumb-box {display:flex; justify-content:space-between; gap:4px; width:100%}
.premium9-main .series-module .box-item .thumb {width:56px; height:56px; border-radius:50%; overflow:hidden}
.premium9-main .series-module .box-item .btn-link {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#FFF2E4}
.premium9-main .series-module .box-item .btn-link::before {content:''; display:block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10 4.167v11.666M15.835 10H4.167'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-main .series-module .box-item .txt-box {margin-top:12px}
.premium9-main .series-module .box-item .tit {line-height:1.3; font-weight:400; font-size:16px}
.premium9-main .series-module .box-item .txt {display:none}

/* 이번 주 많이 본 뉴스 모듈 */
.premium9-main .view-module .box-item {position:relative; height:100%; background:#FFF2E4}
.premium9-main .view-module .box-item .num {position:absolute; right:20px; bottom:14px; width:21px; font-family: "DM Serif Display", serif; font-style:italic; font-weight:400; font-size:40px; text-align:center;}
.premium9-main .view-module .thumb {width:80px; height:50px}
.premium9-main .view-module .news-tit {font-size:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}

/* 해외 리포트 */
.premium9-main .report-module .box-item {position:relative; height:100%; padding-bottom:68px; background:rgba(242, 223, 207, 0.50); box-sizing:border-box;}
.premium9-main .report-module .tit {display:block; line-height:1.3; font-weight:700; font-size:18px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.premium9-main .report-module .txt {margin-top:12px; line-height:1.5; font-weight:400; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.premium9-main .report-module .date {display:block;margin-top:12px}
.premium9-main .report-module .box-item .btn-area {position:absolute; bottom:20px; left:20px; display:flex; align-items:center; gap:12px; margin-top:12px}
.premium9-main .report-module .box-item .btn-basic {height:36px; font-size:14px; background:#FFF2E4}

/* 시리즈 페이지 */
.premium9-series .news-list-wrap .nodata-area {display:flex; align-items:center; justify-content:center; height:360px}
.premium9-series .news-list-wrap .nodata-area .txt {line-height:1.5; color:#000; font-size:18px; text-align:center}
.premium9-series .news-list-wrap .nodata-area .txt::before {content:''; display:flex; align-items:center; justify-content:center; width:72px; height:72px; margin:0 auto 20px; border-radius:50%; border:1px solid #E6D9CE; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M28 16H12m16-8H12m5.125 16H12m-5.333-8A1.333 1.333 0 1 1 4 16a1.333 1.333 0 0 1 2.667 0m0-8A1.333 1.333 0 1 1 4 8a1.333 1.333 0 0 1 2.667 0m0 16A1.333 1.333 0 1 1 4 24a1.333 1.333 0 0 1 2.667 0M22 21.333 28.667 28m0-6.667L22 28'/%3E%3C/svg%3E") no-repeat center/32px 32px}

.premium9-series .content-inner {max-width:1000px; width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box}

.premium9-series .series-top-wrap {position:relative; margin-bottom:24px; padding:20px 0; background:url('https://hkstatic.hankyung.com/resource/www/premium9/img/thumb-series2.jpg') no-repeat center/contain}
.premium9-series .series-top-wrap::after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(38, 42, 51, 0.80); backdrop-filter:blur(40px)}

.premium9-series .series-top-wrap .series-detail {position:relative; display:flex; gap:16px; z-index:1}
.premium9-series .series-top-wrap .thumb {flex:0 0 auto;  width:80px; height:80px; aspect-ratio: 1 / 1; border-radius:16px; overflow:hidden}
.premium9-series .series-top-wrap .thumb > img {width:100%; height:100%; object-fit:cover}
.premium9-series .series-top-wrap .text-cont {color:#fff}
.premium9-series .series-top-wrap .tit {display:block; line-height:1.3; font-size:20px}
.premium9-series .series-top-wrap .txt {margin-top:8px; line-height:1.5; font-size:16px}
.premium9-series .series-top-wrap .date {display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 16px; margin-top:8px; border-radius:100px; border:1px solid rgba(255, 255, 255, 0.20); box-sizing:border-box}
.premium9-series .series-top-wrap .btn-area {margin-top:16px}
.premium9-series .series-top-wrap .btn-basic {height:40px; padding:0 14px 0 18px}
.premium9-series .series-top-wrap .btn-basic.type-follow {border:1px solid #1a1a1a; color:#fff; background:#1a1a1a}
.premium9-series .series-top-wrap .btn-basic.type-follow::after {content:''; display:inline-block; width:16px; height:16px; margin-left:4px; vertical-align:middle; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23f8f8f8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M8 5.333v5.334M5.335 8h5.333m4 0A6.667 6.667 0 1 1 1.334 8a6.667 6.667 0 0 1 13.333 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain}
.premium9-series .series-top-wrap .btn-basic.type-follow.on {border-color:#E6D9CE; color:#121212; background:#FFF2E4}
.premium9-series .series-top-wrap .btn-basic.type-follow.on::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%231a1a1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m5 8 2 2 4-4m3.667 2A6.667 6.667 0 1 1 1.334 8a6.667 6.667 0 0 1 13.333 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
.premium9-series .news-item .thumb {width:96px; height:60px}
.premium9-series .box-item + .box-item {margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE}

/* 유료월 (Paywall) */
/* 유료월 (Paywall) */
html:has(.paywall.active),
body:has(.paywall.active) {overflow:hidden; overscroll-behavior:none}
@keyframes paywall-slide-up {from {transform:translateY(10%); min-height:calc(100dvh - 10%);} to {transform:translateY(0); min-height:100dvh;}}
.paywall {position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1; background:rgba(0, 0, 0, 0.6); box-sizing:border-box; overflow-x:hidden; overflow-y:auto; visibility:hidden; overscroll-behavior:contain; word-break:keep-all; overflow-wrap:anywhere; scrollbar-width:none; -ms-overflow-style:none}
.paywall::-webkit-scrollbar {display:none}
.paywall__inner {display:flex; align-items:center; justify-content:center;  padding:40px 16px; background:#FFF2E4; box-sizing:border-box}
.paywall__body {position:relative; display:flex; flex-direction:column; gap:24px; max-width:960px; margin:0 auto; box-sizing:border-box}
.paywall.active {visibility:visible; z-index:2147483647}
.paywall.active .paywall__inner {animation:paywall-slide-up .5s ease-out both; transform:translateY(0)}

.paywall__header {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px 16px}
.paywall__logo {display:block; width:100%; max-width:278px; aspect-ratio:278 / 32; background:url('https://static.hankyung.com/resource/common/img/logo/logo-premium9.svg') no-repeat center/contain; transform:translateZ(0); backface-visibility:hidden}
.paywall__header-text {font-size:18px; line-height:1.5}

.paywall__notice-text {flex:1; min-width:0; font-size:18px; line-height:1.5}

.paywall__promotion-link {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:24px 16px; border-radius:12px; background:#F5E3D4; line-height:1.5; text-align:center; word-break:keep-all; overflow-wrap:anywhere; box-sizing:border-box}
.paywall__promotion-link:hover {text-decoration:none}
.paywall__promotion-icon {flex:0 0 auto; width:28px; height:28px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.999 7v18.667m0-18.667H9.874c-.608 0-1.191-.246-1.62-.683a2.36 2.36 0 0 1-.672-1.65c0-.619.241-1.212.671-1.65a2.27 2.27 0 0 1 1.62-.683C13.083 2.334 14 7 14 7m0 0h4.125c.608 0 1.19-.246 1.62-.683s.671-1.031.671-1.65-.241-1.212-.67-1.65a2.27 2.27 0 0 0-1.621-.683C14.915 2.334 13.999 7 13.999 7m9.333 5.834v9.1c0 1.306 0 1.96-.254 2.459-.224.439-.58.796-1.02 1.02-.5.254-1.152.254-2.46.254h-11.2c-1.306 0-1.96 0-2.459-.255a2.33 2.33 0 0 1-1.02-1.02c-.254-.498-.254-1.152-.254-2.459v-9.1M2.332 8.868v2.1c0 .653 0 .98.127 1.23.112.219.29.398.51.51.25.127.576.127 1.23.127h19.6c.653 0 .98 0 1.23-.128.219-.111.397-.29.51-.51.126-.25.126-.576.126-1.23v-2.1c0-.653 0-.98-.127-1.229a1.17 1.17 0 0 0-.51-.51C24.778 7 24.452 7 23.798 7h-19.6c-.653 0-.98 0-1.229.127-.22.112-.398.29-.51.51-.127.25-.127.576-.127 1.23'/%3E%3C/svg%3E") no-repeat center/contain}
.paywall__promotion-text {display:flex; flex-direction:column; font-weight:700; font-size:18px}
.paywall__promotion-text-sub {font-size:18px; font-weight:400;}
.paywall__promotion-btn {display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:6px 16px; border-radius:100px; background:#FFF2E4; font-size:14px; white-space:nowrap}
.paywall__promotion-btn::after {content:''; flex:0 0 auto; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m6 12 4-4-4-4'/%3E%3C/svg%3E") no-repeat center/contain}

.paywall__contents {display:flex; flex-direction:column; gap:32px; width:100%; box-sizing:border-box}

.paywall__pay {display:flex; flex-direction:column; gap:32px; border-radius:12px; line-height:1.5; text-align:center; box-sizing:border-box}
.paywall__pay-top {display:flex; flex-direction:column; gap:20px}
.paywall__pay-title {display:block; font-weight:700; font-size:20px; line-height:1.5; text-align:center}

.paywall__pay-item {display:flex; flex-direction:column; align-items:center; gap:24px; box-sizing:border-box}
.paywall__pay-item:not(:first-child) {margin-top:20px; padding-top:19px; border-top:1px solid rgba(255, 255, 255, 0.16)}
.paywall__item-info {display:flex; flex-direction:column; gap:16px; text-align:center}
.paywall__item-label {font-size:14px; line-height:1.5}
.paywall__price-period {font-weight:700; font-size:24px; opacity:.6}
.paywall__item-price {display:flex; flex-direction:column; align-items:center; justify-content:center; /*white-space:nowrap*/}
.paywall__price-origin {font-weight:400; font-size:16px; line-height:1.5; text-decoration:line-through; opacity:.6}
.paywall__price-sale {font-weight:700; font-size:24px; line-height:1.3}
.paywall__price-sale > em {font-weight:400; font-size:16px; line-height:1.3; font-style:normal; letter-spacing:0}
.paywall__item-desc {color:#F0626F; font-size:14px; line-height:1.5}
.paywall__btn-subscribe {display:flex; align-items:center; justify-content:center; width:100%; max-width:160px; padding:7px 8px 9px; border-radius:8px; background:#CA002C; color:#fff; font-size:16px; line-height:1.5; box-sizing:border-box}
.paywall__btn-subscribe:disabled,
.paywall__btn-subscribe[disabled],
.paywall__btn-subscribe.is-disabled {opacity:.3; cursor:not-allowed; pointer-events:none}
.paywall__help-wrap {display:flex; flex-direction:column; align-items:center; gap:10px}
.paywall__help {font-size:16px; line-height:1.5; text-align:center}
.paywall__help.help--members {color:#CA002C}
.paywall__help > * {color:inherit}
.paywall__help-link {display:inline-block; margin-left:4px; text-decoration:underline;text-underline-offset:3px}
.paywall__help-link:hover {text-decoration:none}
.paywall__help-group {display:flex; flex-direction:column; align-items:flex-start; gap:10px}
ul.paywall__help {display:flex; flex-direction:column; gap:8px; text-align:left}
ul.paywall__help li {position:relative; padding-left:21px}
ul.paywall__help li::before {content:''; position:absolute; left:8px; top:8px; width:4px; height:4px; border-radius:100%; background-color:#fff}
.paywall__btn-restore {display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:32px; padding:5px 10px; border:1px solid #000; border-radius:50rem; background:#000; color:#fff}

.paywall__guide {display:flex; flex-direction:column; gap:10px; color:#585858; line-height:1.5}
.paywall__guide a {color:inherit}
.paywall__guide-title {font-weight:700; font-size:16px}
.paywall__guide-list {display:flex; flex-direction:column; gap:4px; font-size:14px}
.paywall__guide-list > li {position:relative; padding-left:16px}
.paywall__guide-list > li::before {content:''; position:absolute; left:8px; top:8px; width:2px; height:2px; border-radius:100%; background:#585858}
.paywall__guide-list strong {font-weight:700}
.paywall__guide-link {color:inherit; text-decoration:underline; text-underline-offset:2px}

.paywall__footer {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px}
.paywall__footer-link:not(:last-child)::after {content:'|'; display:inline-block; margin:0 0 0 6px}

.paywall__benefit {display:flex; flex-direction:column; gap:24px; padding:24px 20px; border-radius:20px; background:rgba(242, 223, 207, 0.50); box-sizing:border-box}
.paywall__benefit-title {font-weight:700; font-size:24px; line-height:1.5; color:#121212; text-align:center}
.paywall__benefit-list {display:flex; flex-wrap:wrap; align-items:stretch; width:100%}
.paywall__benefit-item {flex:0 0 50%; max-width:50%; display:flex; flex-direction:column; align-items:center; gap:20px; padding:24px 16px; box-sizing:border-box}
.paywall__benefit-icon {flex:0 0 auto; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:contain}
.paywall__benefit-item.ai .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m17.333 18.667-4-4m6.68-10v-2m5.253 4.08 1.414-1.414m-1.414 12 1.414 1.415m-12-12-1.414-1.415M27.347 12h2M8.175 27.825l12.316-12.316c.529-.528.793-.793.891-1.097a1.33 1.33 0 0 0 0-.824c-.099-.304-.363-.568-.89-1.096l-.983-.983c-.529-.528-.793-.793-1.097-.891a1.33 1.33 0 0 0-.824 0c-.305.098-.569.363-1.097.89L4.175 23.826c-.528.528-.792.792-.89 1.096a1.33 1.33 0 0 0 0 .824c.098.305.362.569.89 1.097l.983.983c.528.528.792.792 1.097.89.267.088.556.088.824 0 .304-.098.568-.362 1.096-.89'/%3E%3C/svg%3E")}
.paywall__benefit-item.guide .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 21.333V28m0-6.667L24 28m-8-6.667L8 28M28 4v10.933c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 18.294 4 17.173 4 14.933V4m6.667 8v4M16 9.333V16m5.333-1.333V16m8-12H2.667'/%3E%3C/svg%3E")}
.paywall__benefit-item.lifecycle .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M30.267 15.333 27.6 18l-2.668-2.667m2.994 2q.072-.656.073-1.333c0-6.627-5.373-12-12-12S4 9.373 4 16s5.373 12 12 12c3.77 0 7.133-1.738 9.333-4.457M16 9.333V16l4 2.667'/%3E%3C/svg%3E")}
.paywall__benefit-item.analysis .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M13.333 19.38a5.34 5.34 0 0 1 5.333 0m-16 .62.936-9.353c.035-.355.053-.532.08-.684a4 4 0 0 1 3.63-3.284c.153-.012.332-.012.688-.012M29.333 20l-.935-9.353c-.035-.355-.053-.532-.08-.684a4 4 0 0 0-3.63-3.284c-.153-.012-.332-.012-.688-.012m-12.229 9.562A5.333 5.333 0 1 1 4.23 23.77a5.333 5.333 0 0 1 7.542-7.542m16 0a5.333 5.333 0 1 1-7.542 7.542 5.333 5.333 0 0 1 7.542-7.542'/%3E%3C/svg%3E")}
.paywall__benefit-item.exclusive .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 23.333H4.667m4-7.333h-6M12 8.667H5.333M22.667 4 13.87 16.313c-.389.545-.584.818-.575 1.045a.67.67 0 0 0 .259.503c.18.139.515.139 1.184.139h6.594L20 28l8.795-12.313c.39-.545.584-.818.576-1.045a.67.67 0 0 0-.26-.503C28.932 14 28.598 14 27.928 14h-6.594z'/%3E%3C/svg%3E")}
.paywall__benefit-item.trust .paywall__benefit-icon {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4.515 7.556c-1.009-1.127-1.513-1.69-1.532-2.17a1.33 1.33 0 0 1 .483-1.08C3.836 4 4.592 4 6.104 4h19.791c1.512 0 2.269 0 2.638.305.321.265.5.665.483 1.081-.018.48-.523 1.043-1.531 2.17l-7.608 8.503c-.201.225-.302.337-.374.465q-.095.171-.138.363c-.032.142-.032.293-.032.595v7.13c0 .26 0 .39-.042.503a.7.7 0 0 1-.176.26c-.09.081-.21.13-.452.227l-4.534 1.813c-.49.196-.735.294-.932.253a.67.67 0 0 1-.42-.284c-.11-.168-.11-.432-.11-.96v-8.942c0-.302 0-.453-.033-.595a1.3 1.3 0 0 0-.138-.363c-.072-.128-.172-.24-.373-.465z'/%3E%3C/svg%3E")}
.paywall__benefit-text {color:#121212; font-size:18px; line-height:1.5; text-align:center}
.paywall__benefit-item:nth-child(odd) {border-right:1px solid #E6D9CE}
.paywall__benefit-item:nth-child(-n+2) {border-top:1px solid #E6D9CE}
.paywall__benefit-item:nth-child(-n+4) {border-bottom:1px solid #E6D9CE}

/* 구독 상품 2단 그룹 (.paywall__pay.type-dual) */
/* .paywall__pay-groups {display:flex; flex-direction:column; gap:32px}
.paywall__pay-group {display:flex; flex-direction:column}
.paywall__pay-group .paywall__group-title {display:block; padding-bottom:16px; border-bottom:1px dashed rgba(255, 255, 255, .2); color:#fff; font-weight:700; font-size:20px}
.paywall__pay-group .paywall__pay-list {display:flex; flex-direction:column; gap:16px; box-sizing:border-box}
.paywall__pay-group .paywall__pay-item {margin-top:0; border-top:0; padding:40px 24px; border-radius:16px; background:#262A33; color:#fff; box-sizing:border-box}
.paywall__pay-group .paywall__item-info {min-height:0; align-items:center}
.paywall__pay-group .paywall__item-heading {display:flex; flex-wrap:wrap; flex-direction:row-reverse; gap:6px; align-items:center; justify-content:center}
.paywall__pay-group .paywall__item-badge {display:inline-flex; align-items:center; min-height:20px; padding:0 8px 1px; border-radius:50rem; background:#F5E3D4; color:#121212; font-size:12px; box-sizing:border-box}
.paywall__pay-group .paywall__item-price {flex-direction:row; flex-wrap:wrap; gap:0 10px; align-items:center}
.paywall__pay-group .paywall__item-sub {display:flex; flex-wrap:wrap; gap:6px; align-items:center; justify-content:center; font-size:14px}
.paywall__pay-group .paywall__sub-label {opacity:.5}
.paywall__pay-group .paywall__sub-origin {text-decoration:line-through; opacity:.5}
.paywall__pay-group .paywall__btn-icon {flex:0 0 auto; width:16px; height:16px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14 6V2m0 0h-4m4 0L8 8M6.667 2H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 3.52 2 4.08 2 5.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 14 4.08 14 5.2 14h5.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C14 12.48 14 11.92 14 10.8V9.333'/%3E%3C/svg%3E") no-repeat center/contain} */

/* 구독 상품 그룹 (.paywall__pay-group) */
.paywall__pay-groups {display:flex; flex-direction:column; gap:32px}
.paywall__pay-group {display:flex; flex-direction:column}
.paywall__pay-group .paywall__group-title {display:block; padding-bottom:16px; border-bottom:1px dashed rgba(255, 255, 255, .2); color:#fff; font-weight:700; font-size:var(--text-title3)}
.paywall__pay-group .paywall__pay-list {display:flex; flex-direction:column; gap:16px; box-sizing:border-box}
.paywall__pay-group .paywall__pay-item {gap:24px; margin-top:0; padding:32px 24px; border-top:0; border-radius:16px; background:#262A33; color:#fff; box-sizing:border-box}
.paywall__pay-group .paywall__item-info {gap:16px; min-height:0; align-items:center; width:100%}
.paywall__pay-group .paywall__item-label {font-weight:700; font-size:18px; line-height:1.5; color:#fff; text-align:center}
.paywall__pay-group .paywall__item-price {flex-direction:column; gap:0; align-items:center; /*white-space:nowrap*/}
.paywall__pay-group .paywall__price-sale {font-weight:700; font-size:20px; line-height:1.5; color:#F0626F; letter-spacing:0}
.paywall__pay-group .paywall__price-sub {font-weight:700; font-size:20px; line-height:1.5; color:#fff}
.paywall__pay-group .paywall__item-desc {color:#fff; font-size:14px; line-height:1.5; text-align:center; opacity:1}
.paywall__pay-group .paywall__btn-subscribe {width:auto; max-width:none; padding:8px 48px; border-radius:8px; background:#CA002C; color:#fff; font-size:18px; line-height:1.5}

html:has(.paywall-popup.active),
body:has(.paywall-popup.active) {overflow:hidden; overscroll-behavior:none}
.paywall-popup {position:fixed; inset:0; z-index:-1; display:flex; align-items:center; justify-content:center; box-sizing:border-box; visibility:hidden; word-break:keep-all; overflow-wrap:anywhere}
.paywall-popup.active {visibility:visible; z-index:2147483647}
.paywall-popup__panel {position:relative; display:flex; flex-direction:column; width:100%; height:100%; background:#FFF2E4; box-sizing:border-box}
.paywall-popup__menu {display:flex; align-items:center; justify-content:flex-end; padding:14px}
.paywall-popup__close {width:24px; height:24px; padding:0; border:0; 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='1.5' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat center/contain; cursor:pointer}
.paywall-popup__body {display:flex; flex:1 0 0; flex-direction:column; align-items:center; justify-content:center; gap:32px; width:100%; max-width:1000px; margin:0 auto; padding:0 32px 52px; box-sizing:border-box}
.paywall-popup__logo {display:block; width:174px; height:20px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-premium9.svg') no-repeat center/contain}
.paywall-popup__title {font-weight:700; font-size:20px; line-height:1.5; color:#000; text-align:center}
.paywall-popup__desc {font-size:16px; line-height:1.5; color:#000; text-align:center}

@media (min-width:820px) {
.paywall-popup {background:rgba(0, 0, 0, 0.6)}
.paywall-popup__panel {width:400px; height:auto; max-width:calc(100% - 32px); border-radius:16px; overflow:hidden}
.paywall-popup__body {flex:0 0 auto}
}

/* 종목 슬라이드 */
.stock-marquee-wrap {position:relative; border-bottom:1px solid #262A33; background:#13191d}
.stock-marquee-wrap .stock-marquee-inner {position:relative; overflow-x:auto; width:100%; height:37px}
.stock-marquee-wrap .stock-marquee-inner::-webkit-scrollbar {display:none}
.stock-marquee {position:absolute; width:1000%; height:37px; margin:0 auto; overflow:hidden; box-sizing:border-box}
.stock-marquee-wrap::before,
.stock-marquee-wrap::after {content:''; display:block; position:absolute; top:0; bottom:0; z-index:8}
.stock-marquee-wrap::before {left:0; width:15px; background:-moz-linear-gradient(left, rgba(19, 25, 29,1) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,0) 100%); background:-webkit-linear-gradient(left, rgba(19, 25, 29,1) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,0) 100%); background:linear-gradient(to right, rgba(19, 25, 29,1) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,0) 100%)}
.stock-marquee-wrap::after {right:0; width:40px; background:-moz-linear-gradient(left, rgba(19, 25, 29,0) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,1) 100%); background:-webkit-linear-gradient(left, rgba(19, 25, 29,0) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,1) 100%); background:linear-gradient(to right, rgba(19, 25, 29,0) 0%, rgba(19, 25, 29,0.75) 51%, rgba(19, 25, 29,1) 100%)}
.stock-marquee .marquee,
.stock-marquee *[class^="marquee"] {position:absolute; white-space:nowrap}
.stock-marquee .marquee {top:4px}
.stock-marquee .stock-item-list {display:inline-flex; gap:40px; padding:5px 16px 0}
.stock-marquee .item {display:inline-flex; align-items:center; gap:4px; height:18px; font-size:12px; line-height:16px; text-decoration:none; vertical-align:top; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#FFF2E4}
.stock-marquee .item .name {font-weight:normal}
.stock-marquee .item::before {content:''; display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-size:contain}
.stock-marquee .item.up::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FFF2E4' stroke-linecap='round' stroke-linejoin='round' d='M8 13.333V2.667m0 0-4 4m4-4 4 4'/%3E%3C/svg%3E")}
.stock-marquee .item.down::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FFF2E4' stroke-linecap='round' stroke-linejoin='round' d='M8 2.667v10.666m0 0 4-4m-4 4-4-4'/%3E%3C/svg%3E")}
.stock-marquee .item.hold::before {width:10px; height:2px; margin:7px 0; background:#FFF2E4}
.stock-marquee .item.up .per-change {color:#FFF2E4}
.stock-marquee .item.down .per-change {color:#FFF2E4}
.stock-marquee .item.hold .per-change {color:#FFF2E4}

/* 아코디언 서브메뉴 */
.lnb-wrap.menu-type2 .side-wrap {display:none}
.lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 {display:flex; gap:16px; box-sizing:border-box}
.lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 .menu-link {font-weight:400; font-size:16px}
.lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 > .menu-item.on .menu-link {color:#CA002C; font-weight:700}
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10 4.167v11.666M4.165 10h11.667'/%3E%3C/svg%3E")}
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub.active::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M4.166 10h11.667'/%3E%3C/svg%3E");}
/* .lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub + .menu-list.depth2 {visibility:hidden; opacity:0; height:0; padding:0 16px 0 36px; transition:all .3s}
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub.active + .menu-list.depth2 {visibility:visible; opacity:1; padding:10px 16px 10px 36px; height:auto} */
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub + .menu-list.depth2 {display:none; padding:0 16px 0 36px;}
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub.active + .menu-list.depth2 {display:flex; padding:10px 16px 10px 36px;}
.lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub::after {margin-right:-2px}

/* 모바일 */
@media all and (max-width:819px){ 
    .layerOpen .premium9-epic .bubble-list li,
    .layerOpen .epic-noti .noti-box {background:rgba(242,223,207,.3)}
    .layerOpen .premium9-epic .bubble-list li::after {opacity:0.3}
    .layerOpen .epic-noti {opacity:0.5}
    .layerOpen .ai-placeholder .placeholder-bar,
    .layerOpen .epic-input-contents {opacity:0.4}
    .layerOpen .thread-bottom-container::before {opacity:0}
    .layerOpen .premium9-epic .input-textarea-wrap .input-prompt {pointer-events:none;}

    .header .logo-area {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

    .lnb-wrap {position:absolute; top:0; left:-100%; right:0; bottom:0; width:0; padding:20px 20px 25px; box-sizing:border-box; background-color:#FFF2E4; transition:all .3s; z-index:9}
    .lnb-wrap.active {left:0; width:100%; height:100%; overflow-y:auto}
    
    .menu-list.depth2 {display:none; gap:24px; padding:8px 0; box-sizing:border-box}
    .menu-list.depth2 > .menu-item > .menu-link {display:flex; align-items:center; justify-content:space-between; font-weight:400; font-size:18px}
    .menu-list.depth2 > .menu-item:has(.depth3) > .menu-link::after {content:''; display:block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10 4.167v11.666M4.165 10h11.667'/%3E%3C/svg%3E") no-repeat center/contain; transition:all .3s}
    .menu-list.depth2 > .menu-item.active > .menu-link::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M4.166 10h11.667'/%3E%3C/svg%3E")}

    .menu-list.depth2 .menu-list.depth3 {overflow:hidden; opacity:0; max-height:0; gap:12px; margin-top:0; transition:all .3s}
    .menu-list.depth2 .menu-list.depth3 .menu-link {font-size:15px}

    .menu-list.depth2 > .menu-item:hover {font-weight:700}
    .menu-list.depth2 > .menu-item.active .menu-list.depth3 {overflow:visible; opacity:1; max-height:300px; margin-top:12px}
    .menu-list.depth2 > .menu-item.active .menu-list.depth3 .menu-link {padding:4px 0}

    /* 모바일 메뉴 활성화시 */
    .menuOpen .container {flex:0 0 auto}
    .menuOpen .header {background-color:#FFF2E4}
    .menuOpen .header .btn-close-mobile-menu {display:flex}
    .menuOpen .header .logo-area,
    .menuOpen .header .btn-menu,
    .menuOpen .header .hk-top__search,
    .menuOpen .header .util-items {display:none}

    body:has(.header.is-2depth) .menu-list.depth1 {display:none}
    body:has(.header.is-2depth) .menu-list.depth2 {display:flex}
    .header.is-2depth .btn-prev-mobile-menu {display:flex}

    /* 에픽 */
    .layerOpen {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9; align-items:center; justify-content:center; background: rgba(0, 0, 0, 0.30)}
    .epic-chat-wrap { position:fixed; top:0; right:-280px; bottom:0; max-width:280px; width:100%; z-index:99; transition:all .3s}
    .epic-chat-wrap.active {right:0}
    
    /* 한경exclusive */
    .premium9-main .news-module {margin-bottom:0}
    .premium9-main .exclusive-module.type2 {margin:20px -20px 0; padding:40px 20px; box-sizing:border-box; background-color:#262A33}
    .premium9-main .exclusive-module.type2 .news-item {border-radius:0; padding:0 0 16px; border-bottom:1px solid rgba(255, 255, 255, 0.20)}
    .premium9-main .exclusive-module.type2 .news-item:last-child {border-bottom:none; padding:0}
    .premium9-main .exclusive-module.type2 .news-item.big-type,
    .premium9-main .exclusive-module.type2 .news-item:not(.big-type) {background:transparent}
    .premium9-main .exclusive-module.type2 .news-item .news-tit,
    .premium9-main .exclusive-module.type2 .news-item .news-tit > a {color:#fff}
    
    .premium9-main .exclusive-module.type2 .news-info .date + .badge {height:18px}
    .premium9-main .exclusive-module.type2 .date,
    .premium9-main .exclusive-module.type2 .depth3 {color:#bdbdbd}

    .premium9-main .exclusive-module.type2-1 .exclusive-item {margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid rgba(255, 255, 255, 0.20)}
    
}
@media all and (max-width:630px){
    .thread-bottom-container {padding:0 20px}
}
@media all and (max-width:320px){
    .header .util-area {gap:0}

    /* 유료월(paywall) */
    .paywall__btn-subscribe {font-size:14px}
}
/* tablet ~ */
@media (min-width:820px){
    .footer--simplify .btn-top {top:-6px; height:29px !important}
    body {overflow:hidden}
    .wrap {
        height: 100%;
        overflow: hidden;
    }

    .is-pc {display:block}
    .is-mo {display:none}

    .box-module:not(.view-module) .news-item .thumb > .thumb-icon {width:32px; height:32px; right:10px; bottom:10px}
    .premium9-main .top-news-module .news-item .thumb > .thumb-icon {width:50px; height:50px; right:15px; bottom:15px}
    .premium9-main .top-news-module .news-sub-list .thumb > .thumb-icon {width:24px; height:24px; right:8px; bottom:8px}

    /* .footer--simplify {margin-top:0}
    .footer--simplify .footer__inner {padding:16px 0 32px; box-sizing:border-box} */

    .header {height:64px; border-bottom:1px solid rgba(255, 255, 255, 0.20); box-sizing:border-box; z-index:10}
    .header > .inner {height:100%;}
    .header .btn-area {display:none}
    .header-cont {justify-content:space-between; height:100%; padding:0 32px}
    .header .logo-area {display:flex; align-items:center; gap:12px}
    .header .logo-area .premium9-link {width:207px; height:24px; max-width:unset; margin-top:-6px}
    .header .link-area {height:32px; padding:4px; border-radius:50rem; background:rgba(255, 242, 228, 0.10); box-sizing:border-box}
    .header .link-item {position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 16px; border-radius:50rem; background:#CA002C; color:#FFF2E4; box-sizing:border-box}
    .header .link-item::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid transparent; border-radius:50rem; transition:all .2s}
    .header .link-item:hover {text-decoration:none}
    .header .link-item:hover::before {border-color:rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}
    .header .link-item > .txt {position:relative; z-index:2; top:1px; display:inline-flex; align-items:center; gap:6px; font-size:14px}
    .header .link-item.link-info > .txt::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'%3E%3Cpath stroke='%23fff2e4' stroke-linecap='round' stroke-linejoin='round' d='m12 21-.1-.15c-.695-1.042-1.042-1.563-1.5-1.94a4 4 0 0 0-1.378-.737C8.453 18 7.827 18 6.575 18H5.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C2 16.48 2 15.92 2 14.8V6.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 3 4.08 3 5.2 3h.4c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C12 6.04 12 7.16 12 9.4M12 21V9.4M12 21l.1-.15c.695-1.042 1.042-1.563 1.5-1.94a4 4 0 0 1 1.378-.737C15.547 18 16.173 18 17.425 18H18.8c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C22 16.48 22 15.92 22 14.8V6.2c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C20.48 3 19.92 3 18.8 3h-.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C12 6.04 12 7.16 12 9.4'/%3E%3C/svg%3E") no-repeat 50%/contain; vertical-align:top}
    .header .link-menu {display:flex; align-items:center;}
    .header .personal-link button {width:36px; height:24px; border-radius:100%; transition:all .2s}
    .header .personal-link .btn-login {border-radius:999px; min-width:56px; padding:0 16px}
    .header .personal-link button:hover {border:1px solid rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}
    .header .myhankyung-link,
    .header .hk-link {width:auto; height:24px; padding:0 16px; border:1px solid transparent; text-align:center; vertical-align:middle; box-sizing:border-box; transition:all .2s}
    .header .myhankyung-link:hover,
    .header .hk-link:hover {border-radius:9999px; border:1px solid rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}

    .header .btn-total-search {position:relative; padding:6px; border-radius:100%; background:rgba(255, 242, 228, 0.10);}
    .header .btn-total-search::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100%; border:1px solid transparent; transition:all .2s}
    .header .btn-total-search:hover::before {border-color:rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}
    .header .btn-total-search::after,
    .header .btn-login::before {width:20px; height:20px}
    
    .hk-top__search {position:relative}
    .hk-top__search.active .hk-top__search__layer .search__input__wrap {width:280px}
    .hk-top__search.active .hk-top__search__layer {top:-6px}
    .hk-top__search__layer {position:absolute; top:-4px; right:-8px; left:auto; border-radius:12px; border:1px solid #E6D9CE}
    .hk-top__search__layer .btn-close {top:10px; right:19px}
    .hk-top__search.active .hk-top__search__layer .btn-close {top:10px}
    .hk-top__search__layer .layer__inner {padding:4px 48px 4px 20px}
    .hk-top__search__layer .search__input__wrap {height:36px}
    .hk-top__search__layer .search__auto__wrap {max-height:calc(100vh - 200px)}

    
    .container {display:flex; flex:0 0 auto; padding:0; height:calc(100dvh - 64px)}
    .lnb-wrap {position:relative; flex:0 0 auto; display:flex; height:100%; background-color:#262A33}
    .lnb-wrap .link-area {display:none}
    .lnb-wrap .menu-wrap {position:relative; flex:0 0 auto; width:240px; padding:24px 16px; border-right:1px solid rgba(255, 255, 255, 0.20); box-sizing:border-box; overflow-y:auto; z-index:10; background-color:#262A33; transition:all .3s}
    .lnb-wrap .side-wrap {flex:0 0 auto; position:absolute; top:0; left:-240px; bottom:0; width:200px; padding:32px 24px; border-right:1px solid #D6CAC0; background:#F2DFCF; box-sizing:border-box; overflow-y:auto; transition:all .3s; z-index:9}
    .menu-list > .menu-item .menu-link {font-size:16px}
    .menu-list.depth1 > .menu-item .menu-link {line-height:1; color:#fff}
    .menu-list.depth1 > .menu-item .menu-link::before {filter:invert(1)}
    .menu-list.depth1 > .menu-item .menu-link.has-sub::after {margin-left:auto; margin-right:-10px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat center/contain}
    .lnb-wrap .menu-wrap.active .menu-list.depth1 > .menu-item .menu-link.has-sub::after {display:none}
    .lnb-wrap .menu-wrap.active .banner-wrap {display:none}
    .menu-list.depth1 > .menu-item.line-top, .menu-list.depth1 > .menu-item.line-bottom {border-color:rgba(255, 255, 255, 0.20)}
    .menu-list.depth1 > .menu-item:hover {position:relative; transition:all .3s}
    .menu-list.depth1 > .menu-item:hover::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:36px; border-radius:999px; border:1px solid rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10); box-sizing:border-box; pointer-events:none}
    .menu-list.depth1 > .menu-item:has(.active):hover::before {display:none}
    .menu-list.depth2 {gap:24px}
    .menu-list.depth2 > .menu-item .menu-link:hover, .menu-list.depth2 > .menu-item.on .menu-link {font-weight:700}
    .menu-list.depth2 .menu-list.depth3 {display:none}
    .lnb-wrap .menu-wrap .banner-wrap {display:block; margin-top:24px; padding-top:18px; border-top:1px solid rgba(255, 255, 255, 0.20);}
    body:has(.header.is-2depth) .side-wrap {left:240px;}
    body:has(.header.is-2depth) .menu-wrap.active + .side-wrap {left:86px}

    /* 아코디언 서브메뉴 */
    .lnb-wrap.menu-type2 {padding-bottom:70px; box-sizing:border-box;}
    .lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub::after {filter:invert(1)}
    .lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 .menu-link {display:block; width:100%; border:1px solid transparent; padding:8px 12px; font-size:14px; box-sizing:border-box}
    .lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 > .menu-item.on .menu-link {color:#F0626F}
    .lnb-wrap.menu-type2 .menu-wrap .menu-list.depth2 > .menu-item:hover .menu-link {border-radius:100px; border: 1px solid rgba(255, 242, 228, 0.10); background: rgba(255, 242, 228, 0.10);}
    .lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub + .menu-list.depth2 {gap:4px; padding:0 0 0 24px}
    .lnb-wrap.menu-type2 .menu-list.depth1 > .menu-item .menu-link.has-sub.active + .menu-list.depth2 {padding:10px 0 10px 24px}
    .lnb-wrap.menu-type2 .menu-wrap.active .menu-list.depth1 > .menu-item .menu-link.has-sub.active + .menu-list.depth2  {display:none; }
    .lnb-wrap.menu-type2 .menu-wrap .menu-list.depth1 > .menu-item .menu-link.has-sub.active + .menu-list.depth2 {display:flex; width:207px}
    
    .menu-wrap .btn-control {position:fixed; bottom:0; left:0; display:flex; justify-content:flex-end; width:238px; padding:12px 16px 16px; background:#262A33; box-sizing:border-box; transition:all .3s}
    .lnb-wrap .menu-wrap.active .btn-control {width:78px;}
    .menu-wrap .btn-openToggle {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(255, 255, 255, 0.10);} 
    .menu-wrap .btn-openToggle::before {content:''; display:block; flex:0 0 auto; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m12.5 15-5-5 5-5'/%3E%3C/svg%3E") no-repeat center/contain}
    .lnb-wrap .menu-wrap.active {width:86px; padding:24px}
    .menu-wrap.active .btn-openToggle::before {transform:scaleX(-1)}
    .menu-wrap .menu-list.depth1 > .menu-item .menu-link > span {white-space:nowrap}
    .menu-wrap.active .menu-list.depth1 > .menu-item .menu-link > span {display:none}
    .menu-wrap.active .btn-control {right:24px}
    
    .contents-wrap {flex:1 1 auto; min-width:0}
    .contents-wrap .contents {display:flex; flex-direction:column; height:100%; box-sizing:border-box; overflow-y:auto}
    .contents-wrap .contents::-webkit-scrollbar {width:6px}
    .contents-wrap .contents::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3); border-radius: 3px}
    .contents-wrap .contents::-webkit-scrollbar-track {background: transparent}
    /* only 파이어폭스 스크롤 스타일 */
    @-moz-document url-prefix() {
        .contents-wrap .contents {
            scrollbar-width: thin;
            scrollbar-color: rgba(0,0,0,.3) transparent;
        }
    }
    .contents .menu-list.depth3 {display:inline-flex; flex:1 1 auto; flex-direction:row; margin-bottom:20px; padding:6px; border-radius:999px; background-color:#F2DFCF; box-sizing:border-box}
    .contents .menu-list.depth3 > .menu-item {padding:8px 0; box-sizing:border-box;}
    .contents .menu-list.depth3 > .menu-item .menu-link {padding:10px 20px; font-size:16px; box-sizing:border-box; text-align:center;}
    .contents .menu-list.depth3 > .menu-item.on {border-radius:999px; background-color:#262A33}
    .contents .menu-list.depth3 > .menu-item.on .menu-link {color:#fff; font-weight:700}
    /* .contents .inner {padding:40px 0; box-sizing:border-box;} */
    
    .tab-menu-wrap {margin-bottom:20px}
    .menu-list-wrap {padding:0 20px; box-sizing:border-box;}
    .premium9-main .news-list.col-2 {flex-direction:row; gap:20px}
    .premium9-main .news-list.col-2 .box-item {width:calc(50% - 10px)}
    .premium9-main .news-list.col-2 .news-tit {font-weight:700; font-size:24px}
    
    .premium9-main .slide-list-wrap .news-list.col-2 .box-item {width:100%; height:100%; margin-right:0 !important}
    .premium9-main .exclusive-module .news-list.col-2 .swiper-slide {width:calc(50% - 10px)}
    .premium9-main .news-module .news-list.col-2 .news-item .news-tit {height:59px}
    .premium9-main .research-item .stock-desc {height:20px; -webkit-line-clamp:1}

    /* 에픽 */
    .premium9-epic:has(.delete-layer-pop.active) .thread-bottom-container::before {opacity:0}
    .premium9-epic:has(.delete-layer-pop.active) .epic-input-contents {opacity:0.4}
    .premium9-epic .contents {box-sizing:border-box; overflow:hidden}
    .premium9-epic:has(.epic-chat-wrap) .contents {padding-right:280px}
    .premium9-epic .content {height:calc(100% - 91px)}
    /* .premium9-epic .contents .footer--simplify {padding:0}
    .premium9-epic .footer--simplify .footer__inner {padding-top:40px} */
    .chat-container {padding-bottom:74px}
    .delete-layer-pop.layer-pop {background: rgba(0, 0, 0, 0.30); backdrop-filter:blur(2px)}
    .epic-thread .btn-toggle-chat {display:none}
    .epic-scroll-area {padding-top:32px;}
    .epic-noti .noti-box .attention::before {display:inline-block; margin-bottom:0; margin-right:6px; vertical-align:middle}
    .chat-container .chat-block {margin-top:0}
    .premium9-epic .epic-thread {flex:1 1 auto; margin:0 auto;}
    .premium9-epic .epic-chat-wrap {position:fixed; top:64px; right:0; bottom:0; width:280px; padding:32px 24px; border-left:1px solid #D6CAC0}
    .epic-chat-wrap .chat-head {margin-bottom:40px}
    .epic-chat-wrap .btn-close {display:none}
    .chat-history-wrap {overflow-y:auto; height:calc(100dvh - 194px)}
    .chat-history-wrap .history-tit {margin-bottom:40px}
    .chat-history-wrap .history-list > li {padding:4px 12px; margin-top:0}
    .chat-history-wrap .history-list > li:hover, .chat-history-wrap .history-list > li.on {background:transparent}
    .chat-history-wrap .history-list > li:hover .chat-txt, .chat-history-wrap .history-list > li.on .chat-txt {font-weight:700}
    .epic-head {display:none}
    .epic-head + .epic-scroll-area .epic-intro {margin-top:0}
    .epic-intro {gap:24px}
    .epic-intro .intro-tit {font-size:28px}
    .premium9-epic .epic-start .btn-basic {min-width:106px; height:44px; padding:0 24px}

    /* 메인 */
    .box-module .news-tit,
    .box-module .lead {display:block; display:-webkit-box; text-overflow:clip; word-wrap:break-word; -webkit-box-orient:vertical}

    .premium9-main .depth2-link,
    .premium9-main .top-news-module .news-main-wrap .depth3,
    .premium9-main .template-2 .top-news .depth3 {font-size:14px}
    .premium9-main .template-2 .depth2-link {font-size:16px}
    .premium9-main .template-1 .news-main-wrap .depth2-link {font-size:18px}
    .premium9-main .top-news-module .lead {font-size:16px}
    .premium9-main .top-news-module .news-main-wrap .news-item .text-cont,
    .premium9-main .top-news-module .news-slide-wrap .swiper-slide.top-news .news-item .text-cont {gap:12px}
    .premium9-main .template-2 .top-news .depth3 {margin-top:12px}
    .premium9-main .top-news-module .badge {height:20px}
    .premium9-main .top-news-module .news-badge—premium {width:73px}
    /* .premium9-main .top-news-module .news-sub-list .news-badge—premium {width:52px} */
    .premium9-main .top-news-module .news-main-wrap .news-tit, 
    .premium9-main .top-news-module .news-slide-wrap .swiper-slide.top-news .news-tit {font-size:34px}

    .premium9-main .module-tit-wrap {margin-bottom:20px}
    .premium9-main .module-tit-wrap .module-tit {font-size:24px}
    .premium9-main .module-tit-wrap .slide-control .btn-slide {width:40px; height:40px}

    .premium9-main .news-module .news-item .news-tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:47px}
    .premium9-main .news-list {display:flex; flex-wrap:wrap; gap:20px 20px}
    /* .premium9-main .news-module .depth3 {height:18px} */
    .premium9-main .news-list .box-item {width:calc(50% - 14px); height:auto; padding:20px; border-radius:16px; background:rgba(242, 223, 207, 0.50)}
    .premium9-main .news-list .box-item + .box-item {margin-top:0; border-top:none}
    .premium9-main .news-list-wrap .btn-area {margin-top:20px}
    .premium9-main .btn-basic.more-arrow {height:44px; padding:0 24px}
    
    .premium9-main .news-list-wrap + .banner-area {margin-top:40px}
    /* .premium9-main .slide-list-wrap {margin:0 -60px}
    .premium9-main .slide-list-wrap .slide-list {padding:0 45px} */
    .premium9-main .research-module .swiper-slide, 
    .premium9-main .view-module .swiper-slide, 
    .premium9-main .report-module .swiper-slide {width:350px}

    .premium9-main .exclusive-module .box-item {display:flex; gap:16px; width:100%}
    .premium9-main .exclusive-module.type2 {margin-top:40px}
    .premium9-main .exclusive-module.type2 .news-item.big-type {gap:8px; width:calc(50% - 8px); height:100%}
    .premium9-main .exclusive-module.type2 .news-item.big-type .news-tit {height:auto; font-size:34px; -webkit-line-clamp:3}
    .premium9-main .exclusive-module.type2 .news-item.big-type .text-cont {display:flex; flex-direction:column; justify-content:space-between}
    .premium9-main .exclusive-module.type2 .news-item .text-cont {gap:8px}
    .premium9-main .exclusive-module.type2 .news-side-list {width:calc(50% - 8px)}
    /* .premium9-main .exclusive-module.type2 .slide-list-wrap {margin:0} */
    .premium9-main .exclusive-module.type2 .slide-list-wrap .slide-list {padding:0; box-sizing:border-box;}
    .premium9-main .exclusive-module.type2 .news-side-list .news-tit {height:62px; font-size:24px}
    .premium9-main .exclusive-module.type2 .news-side-list .badge {height:18px}
    .premium9-main .exclusive-module.type2 .module-tit-wrap .module-tit {position:relative; padding-left:0}
    /* .premium9-main .exclusive-module.type2 .module-tit-wrap .module-tit::after {content:''; display:block; width:88px; height:8px; position:absolute; top:0; left:0; background:#D83959} */
    .premium9-main .exclusive-module.type2 .module-tit-wrap .module-tit::before {width:230px; height:71px; background-image:url('https://static.hankyung.com/resource/www/premium9/img/tit-exclusive.svg')}
    .premium9-main .exclusive-module.type2 .depth2-link > a {color:#CA002C}
    .premium9-main .exclusive-module.type2:not(.type2-1) .news-item:not(.big-type) {background:rgba(242, 223, 207, 0.50)}
    
    .premium9-main .exclusive-module.type2-1 {gap:80px; margin:0; padding:40px 0 !important; font-family:'Noto Sans KR', sans-serif}
    .premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit {padding-left:12px;}
    .premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit::before {width:230px; height:71px; background-image:url('https://static.hankyung.com/resource/www/premium9/img/tit-exclusive-big.svg')}
    .premium9-main .exclusive-module.type2-1 .news-item {margin-bottom:16px; padding:0 0 16px; border-radius:0; border-bottom:1px solid rgba(255, 255, 255, 0.20); background:transparent}
    .premium9-main .exclusive-module.type2-1 .news-item:last-child {margin-bottom:16px}
    .premium9-main .exclusive-module.type2-1 .exclusive-side-list .news-item:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none}
    .premium9-main .exclusive-module.type2-1 .depth2-link > a {color:#F0626F}


    .premium9-main .epic-search {flex-direction:row; gap:20px}
    .premium9-main .epic-search-wrap {flex:0 0 auto; width:calc(50% - 10px)}
    .premium9-main .epic-info-wrap {flex:1 1 auto; display:flex; align-items:center; min-height:56px; height:100%; padding:10px 20px}
    .premium9-main .epic-info-wrap > p {line-height:1.3}
    .premium9-main .epic-info-wrap .no-ticket {width:100%}

    .premium9-main .report-module .txt {margin-top:8px}
    .premium9-main .research-item .stock-name {gap:8px}
    .premium9-main .research-item .stock-info .info-name {display:flex; align-items:center; gap:8px}
    .premium9-main .research-item .stock-info .info-area .comp + .name {margin-top:0}
    .premium9-main .research-item .stock-price .price > strong {font-size:18px}
    .premium9-main .research-module .box-item .btn-basic {height:36px; font-size:14px}

    .premium9-main .view-module .news-tit {font-size:18px}
    .premium9-main .view-module .thumb {width:96px; height:60px}
    .premium9-main .video-module .swiper-slide {width:calc(50% - 10px)}
    .premium9-main .video-module.col-3 .swiper-slide {width:350px}

    .premium9-main .grid-wrap {gap:20px 20px}

    .premium9-main .series-module .box-item .thumb {width:80px; height:80px}
    .premium9-main .series-module .box-item .btn-link {width:40px; height:40px}
    .premium9-main .series-module .box-item .btn-link::before {width:20px; height:20px}
    .premium9-main .series-module .box-item .tit {font-weight:700; font-size:18px}
    .premium9-main .series-module .box-item .txt {display:block; margin-top:8px; line-height:1.5; font-weight:400; font-size:14px}

    /* 시리즈 페이지 */
    .premium9-series .series-top-wrap .series-detail {position:relative; gap:40px}
    .premium9-series .series-top-wrap .tit {display:block}
    .premium9-series .series-top-wrap .txt {margin-top:0}
    .premium9-series .series-top-wrap .info-box {display:flex; gap:16px; margin-top:8px; padding-top:12px; border-top:1px solid rgba(255, 255, 255, 0.20)}
    .premium9-series .series-top-wrap .btn-area {flex:1; margin-top:0}
    .premium9-series .series-top-wrap .text-cont {flex:1 1 auto; width:calc(100% - 320px); text-align:left}

    /* 유료월(paywall) */
    .paywall {font-family:'Noto Sans KR', sans-serif}
    .paywall::-webkit-scrollbar {width:6px}
    .paywall::-webkit-scrollbar-thumb {background:rgba(0,0,0,.3); border-radius: 3px}
    .paywall::-webkit-scrollbar-track {background:transparent}
    @-moz-document url-prefix() {
        .paywall {
            scrollbar-width: thin;
            scrollbar-color: rgba(0,0,0,.3) transparent;
        }
    }
    .paywall__header {flex-direction:row; align-items:flex-end}
    .paywall__logo {max-width:276px}
    .paywall__header-text {font-size:24px; line-height:1.2}
    .paywall__inner {padding:40px 20px}
    .paywall__contents {flex-direction:row}
    .paywall__contents.type-column {flex-direction:column}
    .paywall__pay,
    .paywall__benefit,
    .paywall__benefit-list {flex:1}
    .paywall__notice-text {display:flex; align-items:center; justify-content:center; gap:10px}
    .paywall__notice-text::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M14.167 8.333V6.667a4.167 4.167 0 0 0-8.334 0v1.666M10 12.083v1.667M7.333 17.5h5.334c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.092-1.092c.273-.535.273-1.235.273-2.635v-1.167c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 0 0-1.092-1.092c-.535-.273-1.235-.273-2.635-.273H7.333c-1.4 0-2.1 0-2.635.273a2.5 2.5 0 0 0-1.092 1.092c-.273.535-.273 1.235-.273 2.635V13.5c0 1.4 0 2.1.273 2.635a2.5 2.5 0 0 0 1.092 1.092c.535.273 1.235.273 2.635.273'/%3E%3C/svg%3E") no-repeat center/contain}
    .paywall__item-info {min-height:108px; justify-content:center}
    .paywall__item-price {flex-direction:row; gap:10px}
    .paywall__benefit-item {justify-content:center}

    .paywall__item-label {font-size:18px}
    /* .paywall__price-period,
    .paywall__price-origin,
    .paywall__price-sale {font-size:28px} */

    .paywall__pay-groups {flex-direction:row}
    .paywall__pay-group .paywall__pay-list {flex-direction:row; gap:32px}
    .paywall__pay-group .paywall__pay-item {flex:1}
    .paywall__pay-group .paywall__item-info {min-height:0; justify-content:flex-start}
    .paywall__pay-group .paywall__item-price {min-height:42px}
    
    .paywall__promotion-link {flex-direction:row; gap:16px; padding:24px}
    .paywall__promotion-text {text-align:left}
    .paywall__help.help--members {font-size:18px}
    /* 페이월이 레이어 타입일때: 기사뷰 */
    .paywall.type-layer {padding-top:120px}
    /* .paywall.type-layer .paywall__inner {min-height:calc(100dvh - 200px)} */
}
@media all and (min-width:820px) and (max-width:1070px) {
    .thread-bottom-container {padding:0 20px;}
}
/* @media all and (min-width:820px) and (max-width:1179px) {
    .premium9-main .template-2 .swiper-slide:not(.top-news) .news-item,
    .premium9-main .top-news-module .news-sub-list .news-item {flex-direction:row}
    .premium9-main .template-2 .swiper-slide:not(.top-news) .news-item,
    .premium9-main .top-news-module .news-sub-list .news-item {border-color:rgba(255,255,255,0.20)}
    .premium9-main .template-2 .swiper-slide:not(.top-news) .news-item .thumb,
    .premium9-main .top-news-module .news-sub-list .news-item .thumb {width:80px; height:50px; margin-top:28px}
    .premium9-main .template-2 .swiper-slide:not(.top-news) .news-item:has(.depth2-link) .thumb {margin-top:28px}
    .premium9-main .top-news-module .news-item,
    .premium9-main .top-news-module .news-main-wrap .news-item {gap:32px}
    .premium9-main .template-2 .news-slide-wrap,
    .premium9-main .top-news-module .news-sub-list {padding-bottom:24px}
    .premium9-main .grid-wrap .box-item {width:calc(50% - 10px); height:auto}
    .premium9-main .template-2 .swiper-slide:not(.top-news) .depth2-link,
    .premium9-main .top-news-module .news-sub-list .news-item .depth2-link {margin-bottom:2px}
    .premium9-main .template-2 .swiper-slide:not(.top-news) .news-tit,
    .premium9-main .top-news-module .news-sub-list .news-tit {font-weight:400}
    .premium9-main .slide-list-wrap .slide-list {padding:0 45px}
} */
@media all and (max-height:777px) {
    .paywall__inner {align-items:flex-start}
}
/* pc */
@media (min-width:1180px){
    .premium9-main .banner-area {height:100px; margin:0 0 40px}
    .premium9-main .banner-area .is-pc {display:block}
    .premium9-main .banner-area .is-mo {display:none}
    .premium9-main .banner-area img {object-fit:cover}

    body {font-family:-apple-system, BlinkMacSystemFont, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', 'Malgun Gothic', '맑은 고딕', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; letter-spacing:-0.039em}
    a:hover {text-decoration:underline; text-underline-offset:3px}
    .last-page {margin-top:40px}
    .header .logo-area .logo-txt {display:block; flex:0 0 auto;}

    .thread-bottom-container {padding:0; transform:translateX(-3px)}

    .menu-list-wrap {margin:0 auto 20px; padding:0; box-sizing:border-box}
    .tab-menu-wrap {margin-bottom:20px; box-sizing:border-box}
    .premium9-main .tab-menu-wrap {max-width:1200px}

    /* 메인 */
    .premium9-main .content-inner,
    .premium9-main .top-news-module .content-inner {max-width:1200px; margin:0 auto; box-sizing:content-box}
    .premium9-main .top-news-module {padding:40px 0; box-sizing:border-box}
    .premium9-main .top-news-module .template-1 {display:flex; gap:40px}
    .premium9-main .top-news-module .news-item {flex-direction:row}
    .premium9-main .top-news-module .news-main-wrap {flex:1 1 auto; width:60%}
    .premium9-main .top-news-module .news-main-wrap .news-item {gap:32px}
    .premium9-main .top-news-module .news-main-wrap .thumb,
    .premium9-main .top-news-module .news-main-wrap .iframe-youtube {position:relative; width:54%; height:100%; aspect-ratio:581 / 363; padding-bottom:0; overflow:hidden; box-sizing:border-box}
    .premium9-main .top-news-module .news-main-wrap .thumb > a {position:relative; top:auto; left:auto; width:100%; height:100%}
    
    .premium9-main .top-news-module .news-main-wrap .text-cont {padding:0}
    .premium9-main .grid-wrap .box-item {display:flex; align-items:center; gap:12px; width:calc(33.333% - 14px); height:auto; padding:20px}
    .premium9-main .series-module .box-item .thumb-box {width:auto}
    .premium9-main .grid-wrap .box-item:has(.btn-link) {flex-direction:column; align-items:flex-start; gap:12px}
    .premium9-main .grid-wrap .box-item:has(.btn-link) .thumb-box {width:100%;}
    .premium9-main .series-module .box-item .txt-box {margin-top:0}

    .premium9-main .top-news-module .news-sub-list {width:260px; padding:20px 0}
    .premium9-main .top-news-module .news-sub-list .news-item {margin-top:0; padding-top:0; border-top:none}
    .premium9-main .top-news-module .news-sub-list .news-item + .news-item {margin-top:24px; padding-top:24px; border-top:1px solid rgba(255, 255, 255, 0.20)}
    .premium9-main .top-news-module .news-sub-list .thumb {width:96px; height:60px; margin-top:28px}
    .premium9-main .top-news-module .news-sub-list .news-tit {font-weight:400; font-size:16px}

    .premium9-main .top-news-module .news-slide-wrap {position:relative; padding-bottom:0}
    .premium9-main .top-news-module .news-slide-wrap .slide-control {z-index:1; display:flex; align-items:center; justify-content:center; gap:16px; position:absolute; left:0; bottom:0; padding:4px; border-radius:999px; background:#262A33; box-sizing:border-box;}
    .premium9-main .top-news-module .news-slide-wrap .slide-control .btn-prev, 
    .premium9-main .top-news-module .news-slide-wrap .slide-control .btn-next {width:20px; height:20px}
    .premium9-main .top-news-module .news-slide-wrap .slide-control .btn-prev::before, 
    .premium9-main .top-news-module .news-slide-wrap .slide-control .btn-next::before {filter:invert(1)}
    .premium9-main .top-news-module .news-slide-wrap .slide-page {display:flex; align-items:center; justify-content:space-between; gap:4px; width:30px; color:#fff; font-weight:400; font-size:14px}
    .premium9-main .top-news-module .news-slide-wrap .slide-page .current {font-weight:700}
    .premium9-main .top-news-module .news-slide-wrap .thumb,
    .premium9-main .top-news-module .news-slide-wrap .top-news .thumb,
    .premium9-main .template-2 .news-slide-wrap .iframe-youtube {position:relative; width:54%; height:100%; aspect-ratio:16 / 10; padding-bottom:0; overflow:hidden; box-sizing:border-box}
    .premium9-main .top-news-module .news-slide-wrap .thumb > a,
    .premium9-main .top-news-module .news-slide-wrap .top-news .thumb > a {position:relative; top:auto; left:auto; width:100%; height:100%}
    .premium9-main .top-news-module .news-slide-wrap .top-news .text-cont {padding:0}

    .premium9-main .top-news-module .news-slide-wrap .text-cont {gap:12px; padding:40px 0; box-sizing:border-box}
    .premium9-main .top-news-module .news-slide-wrap .slide-list {flex-direction:row}
    .premium9-main .top-news-module .news-slide-wrap .news-item {align-items:center; gap:40px; margin:0 -20px; padding:0 20px; box-sizing:border-box}
    .premium9-main .top-news-module .news-slide-wrap .swiper-slide:not(.top-news) {padding:0}
    .premium9-main .top-news-module .news-slide-wrap .swiper-slide:not(.top-news) .news-item {margin-top:0; padding-top:0; border-top:none}
    .premium9-main .top-news-module .news-slide-wrap .news-tit {font-size:34px}

    .premium9-main .news-module {min-height:657px}
    .premium9-main .news-list .thumb {width:112px; height:70px}
    .premium9-main .news-list .box-item {width:calc(33.333% - 14px)}
    .premium9-main .epic-info-wrap {flex:0 0 auto; width:460px; border-radius:999px}
    .premium9-main .epic-search-wrap {flex:1 1 auto}

    .premium9-main .news-list-wrap.type2 .news-list .thumb {width:160px; height:100px}
    .premium9-main .news-list-wrap.type2 .news-list .box-item {width:calc(50% - 10px)}
    .premium9-main .news-list-wrap.type2 .news-list .news-tit {height:52px; font-size:20px}
    .premium9-main .slide-list-wrap {margin:0}
    .premium9-main .research-module .swiper-slide, 
    .premium9-main .view-module .swiper-slide, 
    .premium9-main .report-module .swiper-slide {width:calc(33.333% - 14px)}

    .premium9-main .research-item .stock-price .change-price .price {flex-wrap:nowrap; white-space:nowrap}
    
    .premium9-main .video-module .video-item .text-cont {padding-top:16px}
    .premium9-main .video-module .video-item .news-tit {height:60px; font-size:24px}
    /* .premium9-main .slide-list-wrap .news-list.col-2 .box-item {width:calc(50% - 10px)} */
    .premium9-main .exclusive-module.type2 {display:flex; gap:40px}
    .premium9-main .exclusive-module.type2 .module-tit-wrap {flex:0 0 auto; flex-direction:column; align-items:flex-start; width:240px; margin-bottom:0}
    .premium9-main .exclusive-module.type2 .slide-list-wrap {flex:1 1 auto}
    .premium9-main .exclusive-module.type2 .news-item {padding:20px}
    .premium9-main .exclusive-module.type2 .news-item.big-type {padding:20px 40px 24px}
    .premium9-main .exclusive-module.type2 .box-item {width:100%}
    .premium9-main .video-module.col-3 .swiper-slide {width:calc(33.333% - 14px)}

    .premium9-main .exclusive-module.type2-1 .content-inner {flex-direction:row; gap:80px; width:100%; box-sizing:border-box;}
    .premium9-main .exclusive-module.type2-1 .content-inner > div {flex:0 0 auto; width:calc(50% - 40px)}
    .premium9-main .exclusive-module.type2-1 .news-item {padding:0}
    .premium9-main .exclusive-module.type2-1 .news-item .news-tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; height:72px; font-weight:700; font-size:28px; line-height:1.3}
    .premium9-main .exclusive-module.type2-1 .exclusive-item {display:flex; flex-direction:column; justify-content:space-between; height:100%}
    .premium9-main .exclusive-module.type2-1 .exclusive-item .news-item {gap:8px; margin-bottom:0; border-bottom:none}
    .premium9-main .exclusive-module.type2-1 .exclusive-side-list .news-item {border-bottom:none}
    .premium9-main .exclusive-module.type2-1 .exclusive-side-list .news-item + .news-item {margin-top:24px; padding-top:24px; border-top:1px solid rgba(255, 255, 255, 0.20)}
    .premium9-main .exclusive-module.type2-1 .news-item .news-tit {margin-bottom:8px}
    .premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit {padding-top:28px; padding-left:24px}
    .premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit::after {width:31px; height:22px}
    .premium9-main .exclusive-module.type2-1 .module-tit-wrap .module-tit::before {width:360px; height:111px}

    /* 시리즈 페이지 */
    .loading:has(.loading__icon) {margin:40px 0}

    .premium9-series .content {padding-bottom:6px}
    .premium9-series .content-inner {padding:0}
    .premium9-series .series-top-wrap {display:flex; align-items:center; margin-bottom:40px; padding:24px 60px} 
    .premium9-series .series-top-wrap .series-detail {flex-direction:row-reverse}
    .premium9-series .series-top-wrap .thumb {width:140px; height:140px}
    .premium9-series .series-top-wrap .date {margin-top:16px}
    .premium9-series .series-top-wrap .tit {font-size:32px}
    .premium9-series .series-top-wrap .txt {font-size:16px}
    
    .premium9-series .menu-list-wrap {max-width:1000px; margin:0 auto 24px; padding:0}
    .premium9-series .menu-list-wrap .menu-list.depth3 {margin-bottom:0}

    .premium9-series .box-module .news-item {gap:20px}
    .premium9-series .box-module .news-item .tit-area {min-height:68px; height:auto}
    .premium9-series .news-item .thumb {width:120px; height:75px}
    .premium9-series .news-list {display:flex; flex-wrap:wrap; gap:20px 20px}
    .premium9-series .news-list .box-item {width:calc(50% - 50px); height:auto; padding:20px; border-radius:16px; background:rgba(242, 223, 207, 0.50)}
    .premium9-series .news-list .box-item + .box-item {margin-top:0; border-top:none}
    .premium9-series .news-list .box-item .news-tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

    /* 유료월(paywall) */
    .paywall__benefit {padding:24px 40px}
    .paywall__guide {padding:20px 0}
    .paywall__promotion-text {flex-direction:row; gap:4px}
    /* .paywall__promotion-text-sub::before {content:'-'; margin:0 4px 0 0} */
}
@media all and (min-width:1180px) and (max-width:1399px) {
    .premium9-main div:not(.top-news-module) .content-inner,
    .menu-list-wrap {padding:0 60px}

    /* 템플릿1 */
    .premium9-main .top-news-module .depth2-link {margin-bottom:2px}
    .premium9-main .top-news-module .template-1 {flex-direction:column; gap:24px}
    .premium9-main .top-news-module .news-main-wrap,
    .premium9-main .top-news-module .news-sub-list {width:100%}
    .premium9-main .top-news-module .news-sub-list {display:flex; gap:24px; padding:24px 0 0; border-top:1px solid rgba(255, 255, 255, 0.20)}
    .premium9-main .top-news-module .news-sub-list .news-item {width:calc(50% - 12px)}
    .premium9-main .top-news-module .news-sub-list .news-item + .news-item {margin-top:0; padding-top:0; border-top:none}
    .premium9-main .top-news-module .news-sub-list .news-tit {font-weight:400}
    .premium9-main .top-news-module .news-sub-list .thumb {width:128px; height:80px}
    .premium9-main .top-news-module .news-main-wrap .thumb {flex:0 0 auto; aspect-ratio: 16 / 10; max-width:472px; max-height:295px; width:calc(50% - 12px)}
    .premium9-main .top-news-module .news-main-wrap .text-cont {width:calc(50% - 12px)}
}
@media all and (min-width:1400px) {
    .premium9-main .top-news-module .news-main-wrap {width:900px}
    .premium9-main .top-news-module .news-main-wrap .thumb,
    .premium9-main .top-news-module .news-main-wrap .iframe-youtube {width:581px; height:363px}
    .premium9-main .template-2 .news-slide-wrap .thumb {width:680px; height:425px}
    .premium9-main .slide-list-wrap {margin:0; overflow:visible}
    .premium9-main .slide-list-wrap .slide-list {padding:0}
    .premium9-main .video-module .slide-list-wrap {overflow:hidden}

    .premium9-main .template-2 .news-slide-wrap .iframe-youtube {width:680px; padding-bottom:425px}
    .premium9-main .exclusive-module.type2-1 .content-inner {box-sizing:content-box}
}