@charset "UTF-8";

/* 모닝루틴 PC style
 * 2025.11 개편
 */

/* common */
html {scrollbar-gutter:stable}
.iframe-youtube {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)}
.iframe-youtube iframe {position: absolute; top:0; left:0; width:100% !important; height:100% !important}

/* ad */
.ad-top,
.ad-bottom {padding:20px 0; box-sizing:border-box; text-align:center; background-color:#F7F7F7}

/* modal */
.hk-modal {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; align-items:center; justify-content:center; background:rgba(0,0,0,.5)}
.hk-modal.show {display:flex}
.hk-modal-inner {position:relative; padding:40px 30px 30px; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,.05); background:#fff; box-sizing:border-box}
.modal-btn-close {position:absolute; top:20px; right:20px}
.modal-share .hk-modal-inner {width:380px}
.modal-share .view-share-list {display:flex; flex-wrap:wrap; margin:-10px auto}
.modal-share .view-share-list li {flex:0 0 auto; width:80px; margin:10px 0; text-align:center}
.modal-share [class^="btn-share-"]::before {content:''; display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%}
.modal-share [class^="btn-share-"] .txt {display:block; margin-top:5px; color:#888; font-size:11px; white-space:nowrap}
.modal-share .btn-share-kakao::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-kakaotalk.svg')}
.modal-share .btn-share-facebook::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-facebook.svg')}
.modal-share .btn-share-twitter::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-twitter.svg')}
.modal-share .btn-share-twitter.twitter-x::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-twitter-cir-x.svg')}
.modal-share .btn-share-url::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-url.svg')}
.modal-share .btn-share-naver::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-naver.svg')}
.modal-share .btn-share-band::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-band.svg')}
.modal-share .btn-share-mail::before {background-image:url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-mail.svg')}

/* layout */
.layout-inner {width:1200px; margin:0 auto}

.container > .layout-inner {padding:32px 0}
.cont-wrap {display:flex; justify-content:center; gap:80px}
.cont-wrap > .contents {width:800px}
.cont-wrap > .aside {position:relative; width:320px}
.cont-wrap > .aside::before {content:''; position:absolute; top:0; left:-40px; width:1px; height:100%; background-color:#ddd}

.aside-module {margin-bottom:40px}
.aside-banner {margin-bottom:24px}
.aside-banner > a {display:block}
.aside-banner img {max-width:100%}
.aside > *:last-child {margin-bottom:0}

/* main-top */
.badge-live {display:inline-flex; align-items:center; justify-content:center; gap:4px; height:26px; padding:0 8px; border-radius:50rem; border:1.5px solid #d62929; font-weight:700; color:#d62929; font-size:14px; box-sizing:border-box}
.badge-live::before {content:'';flex:0 0 auto; width:5px; height:5px; border-radius:100%; background-color:#d62929}

.main-top {margin-bottom:20px}
.video-wrap {border-radius:12px; overflow:hidden}
.mr-info {margin-top:24px}
.mr-info-tit {display:flex; align-items:center; gap:8px}
.mr-info-tit .mr-tit {font-size:20px}
.mr-info-tit .btn-share {flex:0 0 auto; width:22px; height:29px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22.1 19.5'%3E%3Cpath fill='%23121212' d='M.1 19.5c-.3-.1 0-1.7 0-1.7 1.4-6.1 4.6-9.2 7-10.8 1.9-1.2 3.5-1.7 4.4-1.9V.6c0-.5.6-.8 1-.5L21.9 8c.3.3.3.7 0 1l-9.3 7.9c-.4.3-1 .1-1-.5v-4.1c-1.8.5-6.2 1.9-10.2 6.3 0-.1-.9 1-1.3.9m13-17v3.8l-.7.1c-.3 0-7 .9-10.1 9 4.9-4.2 9.6-4.9 9.9-4.9l.8-.1v4l7-6z' class='svg-icon'/%3E%3C/svg%3E") no-repeat center/contain}
.mr-info-desc {margin-top:10px; color:var(--hk-text-secondary); font-size:14px; line-height:1.45}

/* AI 브리핑 */
.ai-overview-wrap {display:flex; gap:24px; margin-bottom:24px}
.ai-overview-wrap > .cont-box {position:relative; flex:1; padding:20px; border-radius:12px; border:1px solid #ddd; box-sizing:border-box}
.cont-box-tit {display:flex; align-items:center; gap:4px; margin-bottom:16px; font-weight:700; font-size:16px}

.briefing-wrap .cont-box-tit::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='19' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 7.625v3l1.875 1.125M9 4.25A6.375 6.375 0 1 0 9 17 6.375 6.375 0 0 0 9 4.25Zm0 0V2M7.5 2h3m4.747 2.694-1.125-1.125.562.563m-11.93.562 1.124-1.125-.562.563'/%3E%3C/svg%3E") no-repeat center left/contain}
.overview-loading {font-size:14px; word-break:keep-all}
.overview-more-cont {font-size:15px; line-height:1.6; word-break:keep-all}
.overview-more-cont {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3}
.overview-cont .btn-area {margin-top:16px}
.overview-cont .btn-more {font-size:14px}
.overview-cont .btn-more::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0}
.overview-cont .btn-more::after {content:''; display:inline-block; width:16px; height:7px; margin-left:3px; vertical-align:2px; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23121212' d='M8 7a.47.47 0 0 1-.35-.15l-4.5-4.5c-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0l4.15 4.15 4.14-4.14c.2-.2.51-.2.71 0 .2.2.2.51 0 .71l-4.5 4.5c-.1.1-.23.15-.35.15L8 7Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h16v7H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
.briefing-wrap:has(.overview-more-cont:not(.active)):hover {background:#f8f8f8}
.ai-overview-wrap:has(.overview-more-cont.active) {flex-direction:column}
.ai-overview-wrap:has(.overview-more-cont.active) .tts-wrap {width:calc(50% - 12px)}
.ai-overview-wrap:has(.overview-more-cont.active) .btn-more::before {display:none}
.overview-more-cont.active {-webkit-line-clamp:initial; line-clamp:initial}
.overview-more-cont.active + .btn-area .btn-more::after {transform:rotate(180deg)}

.tts-wrap .cont-box-tit::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='19' fill='none'%3E%3Cpath fill='%23121212' fill-rule='evenodd' d='M9.002 2.3a.13.13 0 0 1 .12.083l1.362 3.543c.224.581.329.851.49 1.077.144.204.322.38.524.524.225.16.496.267 1.078.49l3.542 1.362a.13.13 0 0 1-.002.242l-3.541 1.362c-.581.223-.85.33-1.077.49-.203.144-.38.32-.524.523-.161.227-.266.497-.49 1.079l-1.362 3.542a.128.128 0 0 1-.194.06.127.127 0 0 1-.047-.06l-1.363-3.543c-.223-.581-.328-.851-.49-1.077a2.227 2.227 0 0 0-.524-.524c-.225-.16-.494-.267-1.076-.49L1.886 9.621A.13.13 0 0 1 1.8 9.5a.128.128 0 0 1 .086-.121l3.542-1.362c.582-.223.851-.33 1.076-.49.204-.144.382-.321.526-.523.16-.227.265-.497.49-1.078l1.36-3.543A.128.128 0 0 1 9 2.3h.002Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center left/contain}
.tts-wrap .desc-box {color:var(--hk-text-secondary); font-size:14px; line-height:1.45}
.audio-player {position:relative; height:56px; margin:0 auto 12px; padding:12px 44px 0 52px; background:#f8f8f8; border-radius:25rem; box-sizing:border-box}
.audio-player button:disabled {cursor:not-allowed}
.audio-player .btn-audio,
.audio-player .btn-mute {display:inline-block; position:absolute; top:12px; width:32px; height:32px; outline:none}
.audio-player .btn-audio::before,
.audio-player .btn-mute::before {content:''; display:inline-block; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.audio-player .btn-audio {left:16px; width:32px; height:32px}
.audio-player .btn-audio::before {width:32px; height:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 29.333c7.364 0 13.334-5.97 13.334-13.333 0-7.364-5.97-13.334-13.334-13.334C8.637 2.666 2.667 8.636 2.667 16S8.637 29.333 16 29.333Z'/%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.667 11.954c0-.637 0-.955.133-1.133a.667.667 0 0 1 .486-.265c.222-.016.49.156 1.024.5l6.295 4.047c.464.298.696.447.777.637.07.166.07.353 0 .52-.08.19-.313.338-.777.637l-6.295 4.046c-.535.344-.803.516-1.024.5a.667.667 0 0 1-.486-.265c-.133-.177-.133-.496-.133-1.132v-8.092Z'/%3E%3C/svg%3E")}
.audio-player .btn-audio:disabled::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23CCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 29.333c7.363 0 13.333-5.97 13.333-13.333 0-7.364-5.97-13.333-13.334-13.333C8.636 2.667 2.666 8.637 2.666 16c0 7.364 5.97 13.333 13.333 13.333Z'/%3E%3Cpath stroke='%23CCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.666 11.954c0-.637 0-.955.133-1.132a.667.667 0 0 1 .486-.266c.222-.016.49.156 1.024.5l6.295 4.047c.464.298.696.448.777.638.07.165.07.353 0 .518-.08.19-.313.34-.777.638l-6.294 4.047c-.536.344-.803.516-1.025.5a.667.667 0 0 1-.486-.266c-.133-.177-.133-.495-.133-1.132v-8.092Z'/%3E%3C/svg%3E")}
.audio-player.playing .btn-audio::before {width:32px; height:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.667 20v-8m6.667 8v-8m10 4c0 7.364-5.97 13.333-13.334 13.333-7.363 0-13.333-5.97-13.333-13.333C2.667 8.636 8.637 2.666 16 2.666c7.364 0 13.334 5.97 13.334 13.334Z'/%3E%3C/svg%3E")}
.audio-player .btn-mute {right:10px}
.audio-player .btn-mute::before {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'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M19.748 5A11.946 11.946 0 0 1 22 12c0 2.612-.835 5.03-2.252 7M15.745 8A6.968 6.968 0 0 1 17 12a6.968 6.968 0 0 1-1.255 4M9.635 4.366 6.468 7.53c-.173.173-.26.26-.36.322a1 1 0 0 1-.29.12C5.704 8 5.582 8 5.337 8H3.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C2 8.76 2 9.04 2 9.6v4.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C2.76 16 3.04 16 3.6 16h1.737c.245 0 .367 0 .482.028a1 1 0 0 1 .29.12c.1.061.187.148.36.32l3.165 3.166c.429.429.643.643.827.657a.5.5 0 0 0 .42-.173c.119-.14.119-.444.119-1.05V4.932c0-.605 0-.908-.12-1.049a.5.5 0 0 0-.42-.173c-.183.014-.397.228-.826.657Z'/%3E%3C/svg%3E")}
.audio-player .btn-mute:disabled::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='%23CCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16.456 4.167A9.955 9.955 0 0 1 18.333 10a9.954 9.954 0 0 1-1.877 5.833M13.12 6.667A5.806 5.806 0 0 1 14.166 10c0 1.24-.386 2.389-1.046 3.333M8.028 3.638 5.39 6.276c-.144.144-.216.216-.3.268a.833.833 0 0 1-.241.1c-.096.023-.198.023-.402.023H3c-.466 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.412.091.878.091h1.448c.204 0 .306 0 .402.023.085.02.166.055.24.1.085.052.157.124.3.268l2.639 2.638c.357.357.535.535.689.548a.417.417 0 0 0 .35-.145c.099-.117.099-.37.099-.875V4.11c0-.505 0-.758-.1-.875a.417.417 0 0 0-.35-.144c-.153.012-.331.19-.688.547Z'/%3E%3C/svg%3E")}
.audio-player.muted .btn-mute::before {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'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='m22 9-6 6m0-6 6 6M9.634 4.366 6.47 7.53c-.173.173-.26.26-.36.322a1 1 0 0 1-.29.12C5.704 8 5.582 8 5.337 8H3.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C2 8.76 2 9.04 2 9.6v4.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C2.76 16 3.04 16 3.6 16h1.737c.245 0 .367 0 .482.028a1 1 0 0 1 .29.12c.1.061.187.148.36.32l3.165 3.166c.429.429.643.643.827.657a.5.5 0 0 0 .42-.173c.119-.14.119-.444.119-1.05V4.932c0-.605 0-.908-.12-1.049a.5.5 0 0 0-.42-.173c-.183.014-.397.228-.826.657Z'/%3E%3C/svg%3E")}
.audio-player .progress-area,
.audio-player .progress-controls {position:relative; padding:15px 75px 0 8px}
.audio-player .progress-bar {position:relative; height:3px; border-radius:25rem; background-color:#E5E5E5}
.audio-player .progress-bar .progress-bar-played {position:relative; height:100%; border-radius:25rem; background-color:#1a1a1a}
.audio-player .progress-bar .progress-handle {position:absolute; top:-7px; display:inline-block; width:14px; height:14px; margin-left:-7px; border-radius:100%; border:1px solid #ccc; background-color:#fff; cursor:pointer; outline:none; box-sizing:content-box}
.audio-player .progress-time {position:absolute; top:0; right:0; display:flex; align-items:center; height:32px; color:var(--hk-text-secondary); font-size:11px; line-height:32px; letter-spacing:0}
.audio-player .progress-time .time-duration:before {content:'/'; margin:0 2px}
.audio-player:has(.btn-audio:disabled) {pointer-events:none}
.audio-player:has(.btn-audio:disabled) .progress-bar .progress-handle {cursor:not-allowed}
.audio-player:has(.btn-audio:disabled) .progress-time {color:#ccc}

/* 서비스 공지 */
.mr-alert {margin:-16px 0 32px}
.mr-alert__cont {position:relative; padding:16px; border-radius:12px; background:#f7f7f7}
.mr-alert__msg {display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px}
/* .mr-alert__msg::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 stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.667 5.333V8M6.833 3.667h-2.3c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.427-.218.987-.218 2.108v.8c0 .62 0 .931.102 1.177.135.326.395.586.721.721.245.102.556.102 1.177.102V12.5c0 .155 0 .232.007.297a1.33 1.33 0 0 0 1.196 1.196c.065.007.143.007.297.007.155 0 .233 0 .298-.007a1.33 1.33 0 0 0 1.196-1.196c.006-.065.006-.142.006-.297V9.667h.5c1.178 0 2.619.63 3.73 1.237.648.353.972.53 1.185.504a.63.63 0 0 0 .46-.274c.125-.174.125-.522.125-1.218V3.417c0-.696 0-1.044-.124-1.218a.63.63 0 0 0-.461-.274c-.213-.026-.537.151-1.185.505-1.111.605-2.552 1.237-3.73 1.237'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top} */
.mr-alert__msg .badge {display:inline-flex; align-items:center; gap:3px; padding:4px 5px; border:1px solid #121212; border-radius:4px; font-weight:500; font-size:12px; line-height:1.3; white-space:nowrap}
.mr-alert__msg .badge::before {content:''; display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.mr-alert__msg .badge-notice {color:#121212}
.mr-alert__msg .badge-notice::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='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M14.667 5.333V8M6.833 3.667h-2.3c-1.12 0-1.68 0-2.107.218a2 2 0 0 0-.875.874c-.218.427-.218.987-.218 2.108v.8c0 .62 0 .931.102 1.177.135.326.395.586.722.721.245.102.555.102 1.176.102V12.5c0 .155 0 .232.007.297a1.33 1.33 0 0 0 1.196 1.196c.065.007.143.007.298.007.154 0 .232 0 .297-.007a1.33 1.33 0 0 0 1.196-1.196c.006-.065.006-.142.006-.297V9.667h.5c1.178 0 2.619.63 3.73 1.237.648.353.973.53 1.185.504a.63.63 0 0 0 .461-.274c.125-.174.125-.522.125-1.218V3.417c0-.696 0-1.044-.125-1.218a.63.63 0 0 0-.461-.274c-.212-.026-.537.151-1.185.505-1.111.605-2.552 1.237-3.73 1.237'/%3E%3C/svg%3E")}
.mr-alert__msg .badge-dayoff {color:#d62929; border-color:#d62929}
.mr-alert__msg .badge-dayoff::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='%23d62929' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M14 6.667H2m8.667-5.334V4M5.333 1.333V4M6 10.667 7.333 12l3-3M5.2 14.667h5.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874c.218-.428.218-.988.218-2.108v-5.6c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 4.186 2 4.746 2 5.867v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.428.218.988.218 2.108.218'/%3E%3C/svg%3E")}
.mr-alert__msg .msg-main {display:inline-block; max-width:800px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600}
.mr-alert__close {position:absolute; top:50%; right:16px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; gap:4px; -webkit-tap-highlight-color:transparent; user-select:none}
.mr-alert__close .txt {font-size:12px; letter-spacing:-0.468px}
.mr-alert__close::after {content:''; display:inline-block; width:24px; height:24px; 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' stroke-width='.667' d='m12 4-8 8m0-8 8 8'/%3E%3C/svg%3E") no-repeat 50% 50%/16px 16px; vertical-align:top}

/* aside */
.module-tit-wrap {padding-bottom:16px; border-bottom:1px solid #121212; box-sizing:border-box}
.module-tit-area .module-tit {font-size:18px; line-height:1.2}
.news-tit {display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:1.3; font-weight:400; font-size:16px}
.news-item {display:flex; gap:16px; align-items:flex-start; padding:16px 0; box-sizing:border-box}
.news-item + .news-item {border-top:1px solid #ddd}
.news-item .thumb {flex:0 0 auto; position:relative; width:96px; /*height:60px*/ aspect-ratio:16 / 9}
.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,.1); box-sizing:border-box; pointer-events:none}
.news-item .thumb img {width:100%; height:100%; object-fit:cover}
.news-item .text-cont {flex:1 1 auto}
.news-item .text-info {display:flex; align-items:center; gap:8px; margin-top:6px}
.news-item .text-info > span {color:#585858; font-size:12px}

/* 오늘의 퀴즈 */
.quiz-module .module-tit-wrap {margin-bottom:16px}
.quiz-module .module-tit-area {display:flex; align-items:center; gap:8px}
.quiz-module .module-tit-area::before {content:''; display:inline-block; width:25px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' fill='none'%3E%3Cpath fill='%23121212' d='M22.978 3.382a3.295 3.295 0 0 1 2.33 4.036l-3.269 12.199a3.28 3.28 0 0 1-1.448 1.949l-.048.028-.11.062-1.554.897q.213-.39.335-.838l3.27-12.2a3.85 3.85 0 0 0-2.724-4.716L7.56 1.53a3.9 3.9 0 0 0-.937-.131L8.185.498l.007-.004a3.29 3.29 0 0 1 2.587-.381z'/%3E%3Cpath fill='%23121212' d='M3.382 4.383a3.295 3.295 0 0 1 4.035-2.33l12.2 3.27a3.295 3.295 0 0 1 2.33 4.034l-3.27 12.2a3.295 3.295 0 0 1-4.034 2.33l-12.2-3.269a3.295 3.295 0 0 1-2.33-4.035z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.672 17.894q-.945.38-2.058.38a5.55 5.55 0 0 1-2.209-.436 5.5 5.5 0 0 1-1.757-1.209 5.8 5.8 0 0 1-1.16-1.837 6.5 6.5 0 0 1-.403-2.321q0-1.257.403-2.305.42-1.065 1.16-1.838a5.4 5.4 0 0 1 1.757-1.225 5.55 5.55 0 0 1 2.209-.435q1.192 0 2.192.435a5.2 5.2 0 0 1 1.757 1.225 5.4 5.4 0 0 1 1.16 1.854 6.1 6.1 0 0 1 .42 2.289q0 1.24-.42 2.305a5.5 5.5 0 0 1-1.16 1.837q-.198.21-.415.396l.899 1.179a.855.855 0 0 1-1.36 1.037zm-2.058-1.313q.51 0 .964-.118l-1.1-1.442a.858.858 0 1 1 1.364-1.04l1.256 1.649q.107-.1.207-.21.5-.563.774-1.305a4.6 4.6 0 0 0 .29-1.644q0-.887-.29-1.628a3.9 3.9 0 0 0-.774-1.306 3.4 3.4 0 0 0-1.192-.87 3.6 3.6 0 0 0-1.5-.307q-.82 0-1.514.307a3.7 3.7 0 0 0-1.193.854q-.5.547-.774 1.306a4.7 4.7 0 0 0-.274 1.644 4.8 4.8 0 0 0 .274 1.644q.274.758.774 1.305.516.548 1.193.855.693.306 1.515.306' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.quiz-module .quiz-content {display:flex; flex-direction:column; gap:16px; word-break:keep-all; overflow-wrap:anywhere}
.quiz-module .quiz-question {font-size:16px; line-height:1.5}
.quiz-module .quiz-options {display:flex; flex-direction:column; gap:8px}
.quiz-module .quiz-option {display:flex; align-items:center; position:relative; width:100%; min-height:57px; padding:16px; border:1px solid #ddd; border-radius:12px; background:#fff; font-size:15px; cursor:pointer; box-sizing:border-box; transition:border-color .2s, background-color .2s}
.quiz-module .quiz-option .radio {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.quiz-module .quiz-option .text-cont {display:flex; align-items:flex-start; gap:8px; line-height:1.2}
.quiz-module .quiz-option .option-num {flex:0 0 auto; min-width:10px; font-weight:700; font-size:14px; text-align:center}
.quiz-module .quiz-option .option-text {flex:1; font-size:15px}
.quiz-module .quiz-option:hover {background:#f5f5f5}
.quiz-module .quiz-option:has(.radio:checked) {border-color:#2b6bd4; background:#fff; color:#2b6bd4}
.quiz-module .quiz-btn-area {display:flex; flex-direction:column; gap:16px}
.quiz-module .btn-submit {width:100%; min-height:48px; padding:8px 20px; border:none; border-radius:50rem; background:#121212; color:#fff; font-size:16px; box-sizing:border-box; transition:background-color .2s}
.quiz-module .btn-submit:disabled {background:#ccc; cursor:not-allowed}

/* 오늘의 퀴즈 결과 */
.quiz-module .quiz-result-list {display:flex; flex-direction:column; gap:16px}
.quiz-module .quiz-result-item {display:flex; gap:8px; align-items:flex-start}
.quiz-module .quiz-result-item .result-num {flex:0 0 auto; min-width:10px; font-weight:700; font-size:14px; line-height:1.45; text-align:center}
.quiz-module .quiz-result-item .result-content {flex:1; display:flex; flex-direction:column; gap:4px}
.quiz-module .quiz-result-item .result-text {font-size:15px; line-height:1.45}
.quiz-module .quiz-result-item .result-gauge {display:flex; align-items:center; justify-content:space-between}
.quiz-module .quiz-result-item .gauge-bar {flex:1; height:4px; border-radius:50rem; background:#f5f5f5; overflow:hidden}
.quiz-module .quiz-result-item .gauge-fill {height:100%; border-radius:50rem; background:#d5d6d8; animation:gaugeFillAnim 0.8s ease-out forwards; transform-origin:left center}
@keyframes gaugeFillAnim {0% {transform:scaleX(0)} 100% {transform:scaleX(1)}}
.quiz-module .quiz-result-item .gauge-percent {flex:0 0 auto; width:50px; font-weight:700; font-size:15px; color:var(--hk-text-secondary); text-align:right}
.quiz-module .quiz-result-item.is-answer .result-num,
.quiz-module .quiz-result-item.is-answer .result-text,
.quiz-module .quiz-result-item.is-answer .gauge-percent {color:#2b6bd4}
.quiz-module .quiz-result-item.is-answer .result-text {font-weight:500}
.quiz-module .quiz-result-item.is-answer .gauge-fill {background:#2b6bd4}
.quiz-module .quiz-notice {margin-top:4px; font-size:12px; color:var(--hk-text-secondary); text-align:center}

/* 모닝루틴 LIVE 채팅 */
.mrchat-module {display:flex; flex-direction:column; position:relative; height:450px; padding:16px 16px 8px; border-radius:12px; background:linear-gradient(146deg, #EEF3FC 12%, #D6E6FF 73.28%); box-sizing:border-box}
.mrchat-module .mrchat-tit-wrap {position:relative; flex:0 0 auto; margin-bottom:16px}
.mrchat-module .mrchat-tit {display:flex; align-items:center; gap:4px; font-weight:700; font-size:14px; line-height:1.5}
.mrchat-module .mrchat-tit .ico {display:inline-block; 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='%23000' stroke-linecap='round' stroke-linejoin='round' d='M5 8h.007M8 8h.007M11 8h.007M8 14a6 6 0 1 0-5.561-3.744c.054.134.08.2.093.254a.6.6 0 0 1 .016.146c0 .055-.01.115-.03.236l-.395 2.372c-.042.248-.062.372-.024.462a.33.33 0 0 0 .175.175c.09.038.214.018.463-.024l2.371-.395c.12-.02.18-.03.236-.03.054 0 .093.004.146.016.054.012.12.04.254.093A6 6 0 0 0 8 14M5.333 8a.333.333 0 1 1-.666 0 .333.333 0 0 1 .666 0m3 0a.333.333 0 1 1-.666 0 .333.333 0 0 1 .666 0m3 0a.333.333 0 1 1-.666 0 .333.333 0 0 1 .666 0'/%3E%3C/svg%3E") no-repeat center/contain; cursor:help}
.mrchat-tit-wrap::after {content:attr(data-tooltip); position:absolute; bottom:calc(100% + 6px); left:-8px; background:#121212; color:#fff; padding:6px 10px; font-size:12px; border-radius:8px; box-shadow:1px 1px 3px rgba(0,0,0,.1); white-space:nowrap; opacity:0; pointer-events:none}
.mrchat-tit-wrap::before {content:''; position:absolute; top:-8px; left:2px; z-index:2; border:6px solid transparent; border-top-color:#121212; opacity:0; pointer-events:none}
.mrchat-tit-wrap:has(.ico:hover)::after, .mrchat-tit-wrap:has(.ico:hover)::before {opacity:1}
.mrchat-module .mrchat-content-wrap {flex:1; min-height:0; position:relative; display:flex; flex-direction:column}
/* 채팅 대기중 */
.mrchat-module .mrchat-empty {display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; gap:16px}
.mrchat-module .mrchat-empty::before {content:''; display:inline-block; width:48px; height:48px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%232b6bd4' d='M28.4 4c3.36 0 5.04 0 6.324.653a6 6 0 0 1 2.622 2.622C38 8.56 38 10.24 38 13.6V22H26.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C20 25.039 20 26.16 20 28.399a3.9 3.9 0 0 1-1.124 2.739l-5.026 5.089c-.858.868-1.287 1.303-1.656 1.334a1 1 0 0 1-.842-.346c-.241-.281-.24-.892-.24-2.113v-3.12c0-1.095-.898-1.887-1.981-2.046a6 6 0 0 1-5.068-5.067C4 24.437 4 23.921 4 22.89v-9.29c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C8.56 4 10.24 4 13.6 4zM11 18.98a1 1 0 1 0 0 2h13.667a1 1 0 0 0 0-2zM11 13a1 1 0 1 0 0 2h8.542a1 1 0 0 0 0-2z'/%3E%3Cpath fill='%232b6bd4' d='M28.4 4c3.36 0 5.04 0 6.324.653a6 6 0 0 1 2.622 2.622C38 8.56 38 10.24 38 13.6V22H26.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C20 25.039 20 26.16 20 28.399a3.9 3.9 0 0 1-1.124 2.739l-5.026 5.089c-.858.868-1.287 1.303-1.656 1.334a1 1 0 0 1-.842-.346c-.241-.281-.24-.892-.24-2.113v-3.12c0-1.095-.898-1.887-1.981-2.046a6 6 0 0 1-5.068-5.067C4 24.437 4 23.921 4 22.89v-9.29c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C8.56 4 10.24 4 13.6 4z'/%3E%3Cpath fill='%23a5c3f3' d='M37.6 20c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.749 1.748c.435.855.435 1.975.435 4.215v5.43c0 1.863 0 2.794-.305 3.53a4 4 0 0 1-2.165 2.164c-.735.305-1.666.305-3.53.305V42l-4.352-3.026c-.612-.426-.919-.639-1.251-.79a4 4 0 0 0-.926-.29c-.36-.066-.732-.066-1.477-.066H26.4c-2.24 0-3.36 0-4.216-.435a4 4 0 0 1-1.748-1.748C20 34.789 20 33.668 20 31.428v-5.029c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.748C23.039 20 24.16 20 26.4 20zM24.5 30a1 1 0 1 0 0 2h9.001a1 1 0 1 0 0-2zm0-4a1 1 0 1 0 0 2h5.626a1 1 0 0 0 0-2z'/%3E%3C/svg%3E") no-repeat center/contain}
.mrchat-module .mrchat-empty-info {display:flex; flex-direction:column; align-items:center; gap:4px}
.mrchat-module .mrchat-empty-tit {font-weight:700; font-size:14px}
.mrchat-module .mrchat-empty-desc {font-size:12px; color:#585858}
/* 채팅 메시지 */
.mrchat-module .mrchat-content {flex:1; min-height:0; scrollbar-gutter:stable; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; margin-right:-10px; padding-right:6px; padding-bottom:8px}
.mrchat-module .mrchat-content::-webkit-scrollbar {width:4px}
.mrchat-module .mrchat-content::-webkit-scrollbar-thumb {background:rgba(43, 107, 212, 0.40); border-radius:2px}
.mrchat-module .mrchat-content::-webkit-scrollbar-track {background:transparent}
.mrchat-item {position:relative; padding-left:34px}
.mrchat-item + .mrchat-item {margin-top:10px}
.mrchat-item + .mrchat-item:has(>.mrchat-info:only-child) {margin-top:4px}
.mrchat-item .mrchat-profile {position:absolute; top:0; left:0; width:28px; height:28px; border-radius:100%; border:1px solid #fff; box-sizing:border-box; overflow:hidden}
.mrchat-item .mrchat-profile img {width:100%; height:100%; aspect-ratio:1/1; object-fit:cover}
.mrchat-item .mrchat-info {display:flex; flex-direction:column; gap:4px; min-width:0}
.mrchat-item .mrchat-nick {font-weight:700; font-size:12px}
.mrchat-item .mrchat-msg-wrap {display:flex; gap:6px; align-items:flex-end}
.mrchat-item .mrchat-bubble {flex:0 1 auto; max-width:180px; padding:4px 10px; border-radius:12px; background:#fff}
.mrchat-item .bubble-text {min-height:18px; font-size:12px; line-height:1.45; word-break:break-all}
.mrchat-item .hidden-msg .bubble-text {color:#888}
.mrchat-item .mrchat-msg-info {display:flex; align-items:flex-end; gap:6px; flex-shrink:0; min-width:50px}
.mrchat-item .mrchat-time {color:#707070; font-size:10px}
.mrchat-item .mrchat-msg-utils {display:none}
/* 내 메시지 */
.mrchat-item.is-mine {padding-left:0; padding-right:34px}
.mrchat-item.is-mine .mrchat-profile {left:auto; right:0}
.mrchat-item.is-mine .mrchat-info {align-items:flex-end}
.mrchat-item.is-mine .mrchat-msg-wrap {flex-direction:row-reverse}
.mrchat-item.is-mine .mrchat-bubble {background:#2b6bd4}
.mrchat-item.is-mine .bubble-text {color:#fff}
.mrchat-item.is-mine .hidden-msg .bubble-text {color:rgba(255,255,255,.8)}
.mrchat-item.is-mine .mrchat-msg-info {justify-content:flex-end}
/* 메시지 옵션(현재는 내 메시지일때만) */
.mrchat-item.is-mine .mrchat-msg-wrap:hover .mrchat-time {display:none}
.mrchat-item.is-mine .mrchat-msg-wrap:hover .mrchat-msg-utils {display:flex}
.mrchat-item.is-mine .mrchat-msg-wrap:has(.mrchat-msg-more.is-open) .mrchat-time {display:none}
.mrchat-item.is-mine .mrchat-msg-wrap:has(.mrchat-msg-more.is-open) .mrchat-msg-utils {display:flex}
/* 삭제된 메시지(hidden-msg) - hover시에도 시간 유지, 기능 옵션 숨김 */
.mrchat-item.is-mine .mrchat-msg-wrap.hidden-msg:hover .mrchat-time {display:block}
.mrchat-item.is-mine .mrchat-msg-wrap.hidden-msg:hover .mrchat-msg-utils {display:none}
.mrchat-item.is-mine .mrchat-msg-wrap.hidden-msg:has(.mrchat-msg-more.is-open) .mrchat-time {display:block}
.mrchat-item.is-mine .mrchat-msg-wrap.hidden-msg:has(.mrchat-msg-more.is-open) .mrchat-msg-utils {display:none}
.mrchat-msg-more {position:relative}
.mrchat-msg-more .btn-more-menu {display:flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:none; outline:none; border-radius:100%; background:transparent; transition:background 0.15s}
.mrchat-msg-more .btn-more-menu::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='%23121212' d='M8 8.667a.667.667 0 1 0 0-1.334.667.667 0 0 0 0 1.334M8 4a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 4M8 13.333A.667.667 0 1 0 8 12a.667.667 0 0 0 0 1.333'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M8 8.667a.667.667 0 1 0 0-1.334.667.667 0 0 0 0 1.334M8 4a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 4M8 13.333A.667.667 0 1 0 8 12a.667.667 0 0 0 0 1.333'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
.mrchat-msg-more .btn-more-menu:hover {background:rgba(43, 107, 212, 0.10)}
.mrchat-msg-more .layer-more-menu {display:none; position:fixed; min-width:120px; background:#fff; border-radius:8px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.16); z-index:3; overflow:hidden}
.mrchat-msg-more.is-open .layer-more-menu {display:block}
.mrchat-msg-more .btn {width:100%; padding:8px 12px; border:none; background:transparent; transition:background 0.15s}
.mrchat-msg-more .btn:hover {background:#f5f5f5}
.mrchat-msg-more .btn .menu-text-wrap {display:flex; align-items:center; justify-content:space-between; width:100%; gap:4px}
.mrchat-msg-more .btn .menu-text {font-size:14px; white-space:nowrap}
.mrchat-msg-more .btn .menu-icon {flex-shrink:0; width:16px; height:16px}
.mrchat-msg-more .btn-remove .menu-icon {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' stroke-width='1.5' d='M6 2h4M2 4h12m-1.333 0-.468 7.013c-.07 1.052-.105 1.578-.332 1.977a2 2 0 0 1-.866.81c-.413.2-.94.2-1.995.2H6.994c-1.055 0-1.582 0-1.995-.2a2 2 0 0 1-.866-.81c-.227-.399-.262-.925-.332-1.977L3.333 4m3.334 3v3.333M9.333 7v3.333'/%3E%3C/svg%3E") no-repeat center/contain}
/* 새 메시지 버튼 */
@keyframes bounce-down {0%, 100% {transform:translateX(-50%) translateY(0)} 50% {transform:translateX(-50%) translateY(2px)}}
.mrchat-module .btn-new-mrchat {position:absolute; bottom:8px; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; justify-content:center; min-height:36px; padding:0 16px; border-radius:8px; border:1px solid #2B6BD4; background:rgba(255, 255, 255, 0.9); box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.16); backdrop-filter:blur(2px); box-sizing:border-box; animation:bounce-down 2s ease-in-out infinite}
.mrchat-module .btn-new-mrchat .toast-txt {font-size:14px}
.mrchat-module .btn-new-mrchat::after {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' stroke-width='1.5' d='m4.5 6.75 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E") no-repeat center/contain; vertical-align:top}
/* 채팅창 안내 토스트 */
.mrchat-toast {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); z-index:5; width:fit-content; max-width:100%; margin:0 auto; padding:8px 16px; background:rgba(18, 18, 18, 0.9); border-radius:8px; box-sizing:border-box; pointer-events:none}
.mrchat-toast .toast-msg { font-size:14px; color:#fff; text-align:center}
/* 채팅창 모달 */
.mrchat-modal-dim {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; display:flex; align-items:center; justify-content:center}
.mrchat-modal-dim::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:12px; background:rgba(0,0,0,0.04); opacity:0.8}
.mrchat-modal {position:relative; min-width:240px; padding:24px; background:#fff; border-radius:16px; box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.16); box-sizing:border-box}
.mrchat-modal .mrchat-modal-tit {font-size:14px; font-weight:700; text-align:center}
.mrchat-modal .mrchat-modal-btns {display:flex; gap:8px; margin-top:16px}
.mrchat-modal .mrchat-modal-btn {flex:1; display:flex; align-items:center; justify-content:center; min-height:38px; padding:0 20px; font-size:14px; border-radius:50rem; box-sizing:border-box; border:1px solid #121212; background:#121212; color:#fff}
.mrchat-modal .mrchat-modal-btn.type-outline {border-color:#585858; background:#fff; color:#121212}
/* 메시지 입력창 */
.mrchat-input-wrap {flex:0 0 auto; display:flex; flex-direction:column; gap:4px}
.mrchat-input-area {display:flex; gap:12px; padding:8px 12px; border:1px solid var(--hk-text-secondary); border-radius:8px; background:#fff; box-sizing:border-box}
.mrchat-input {flex:1; min-width:0; height:34px; border:none; outline:none; resize:none; padding:0; font-size:12px; line-height:1.4; background:transparent}
.mrchat-input::placeholder {color:var(--hk-text-secondary)}
.mrchat-input::-webkit-scrollbar {width:2px}
.mrchat-input::-webkit-scrollbar-thumb {background:#ccc; border-radius:2px}
.mrchat-input::-webkit-scrollbar-track {background:transparent}
.mrchat-input-wrap .btn-send {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:none; border-radius:100%; background:#121212; box-sizing:border-box}
.mrchat-input-wrap .btn-send::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'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M8.75 10H4.167m-.07.243L2.15 16.055c-.153.457-.23.685-.175.826.048.122.15.214.276.25.146.04.365-.059.804-.256l13.927-6.267c.428-.193.643-.29.709-.423a.42.42 0 0 0 0-.37c-.066-.134-.28-.23-.71-.423L3.053 3.123c-.438-.197-.657-.295-.802-.255a.42.42 0 0 0-.276.25c-.056.14.02.368.171.823l1.952 5.88c.026.079.039.118.044.158a.4.4 0 0 1 0 .107c-.005.04-.018.079-.045.157'/%3E%3C/svg%3E") no-repeat center/contain}
.mrchat-input-wrap .btn-send:disabled {background:#ddd; cursor:not-allowed}
.mrchat-input-wrap .mrchat-count {padding:0 8px; text-align:right}
.mrchat-input-wrap .mrchat-count span {font-size:11px; color:#888}
/* only 파이어폭스, 채팅창 커스텀 스크롤 스타일 */
@-moz-document url-prefix() {
    .mrchat-module .mrchat-content {
        scrollbar-width: thin;
        scrollbar-color: rgba(43, 107, 212, 0.40) transparent;
    }
}