@import"../../../../common/lib/style/webfont/ArchivoBlack.css";@import"../../../../common/lib/style/webfont/SpaceGrotesk.css";#news-emoji-share{scroll-margin-top:70px}.news-hero{box-sizing:border-box;padding:40px 10px;background:#f5f3ee;font-family:Pretendard,"Malgun Gothic",sans-serif;letter-spacing:normal}.news-hero *:not(.news-hero__score-num){font-family:Pretendard,"Malgun Gothic",sans-serif}.news-hero__inner{display:flex;align-items:stretch;gap:20px}.news-hero__text{display:grid;grid-template-columns:1fr;grid-template-areas:"badge" "title" "subtitle" "byline" "divider" "utils";flex:1 1 auto;min-width:0;gap:16px}.news-hero:not(.news-hero--basic) .news-hero__text:has(.news-hero__warn){grid-template-areas:"badge" "title" "subtitle" "byline" "divider" "utils" "warn"}.news-hero--basic .news-hero__text{grid-template-columns:1fr auto;grid-template-areas:"subtitle subtitle" "title    title" "byline   admin" "divider  divider" "utils    counts" "warn     warn";row-gap:0}.news-hero__divider{grid-area:divider;height:1px;background:#e6e6e6}.news-hero--basic .news-hero__divider{margin:20px 0}.news-hero__counts{grid-area:byline;display:flex;align-items:center;gap:8px;align-self:end;justify-self:end;margin:0 14px 9px 0;z-index:1}.news-hero__counts a.news-hero__util{cursor:pointer}.news-hero__counts .news-hero__util+.news-hero__util{padding-left:0}.news-hero__counts .news-hero__util+.news-hero__util::before{content:none}.news-hero--basic .news-hero__counts{grid-area:counts;align-self:center;justify-self:auto;justify-content:flex-end;margin:0;z-index:auto}.news-hero--basic .news-hero__byline{align-items:center;gap:16px;padding:0}.news-hero__badge{grid-area:badge;position:relative;display:block;width:157px;height:50px;background-size:157px 50px}.news-hero__badge em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:6px;font-size:16px;font-style:normal;font-weight:900;letter-spacing:-0.16px;color:#171717}.news-hero__badge--review{background-image:url("https://static.inven.co.kr/image_2011/webzine/common/badge_review.png")}.news-hero__badge--feature{background-image:url("https://static.inven.co.kr/image_2011/webzine/common/badge_feature.png")}.news-hero__badge--handson{background-image:url("https://static.inven.co.kr/image_2011/webzine/common/badge_handson.png")}.news-hero .news-hero__badge em{font-family:"Archivo Black",Pretendard,sans-serif}.news-hero__title{grid-area:title;margin:0;font-family:Pretendard,sans-serif;font-size:32px;font-weight:800;line-height:42px;letter-spacing:-0.6px;color:#000;word-break:keep-all}.news-hero--basic .news-hero__title{margin-bottom:40px;font-size:30px;font-weight:700;line-height:normal;text-align:center;text-wrap:balance}.news-hero__subtitle{grid-area:subtitle;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.6px;color:#575757}.news-hero:not(.news-hero--basic) .news-hero__subtitle{min-height:0;max-height:40px}.news-hero--basic .news-hero__subtitle{margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-family:Pretendard,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.6px;color:#c41e3a;text-align:center;white-space:nowrap;overflow:visible}.news-hero__byline{grid-area:byline;display:flex;align-items:center;gap:16px;padding:8px 0 0}.news-hero__avatar{display:block;flex:0 0 auto;width:64px;height:64px;border:1px solid #e6e6e6;border-radius:999px;overflow:hidden;background:#fff}.news-hero__avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-hero--basic .news-hero__avatar{width:52px;height:52px}.news-hero__byline-txt{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.news-hero__reporter-line{font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.6px;color:#000}.news-hero__reporter-line--basic{display:flex;flex-direction:column;gap:4px;font-weight:600}.news-hero__reporter-line--basic a{font-size:14px;font-weight:400;line-height:20px;color:#575757;text-decoration:none}.news-hero__600{font-weight:600;font-family:Pretendard,sans-serif}.news-hero__reporter{color:#c41e3a;font-family:Pretendard,sans-serif}.news-hero__date{font-family:Pretendard,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.6px;color:#575757}.news-hero__utils{grid-area:utils;display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:18px;font-size:12px}.news-hero__utils a.news-hero__util,.news-hero__utils button.news-hero__util{position:relative}.news-hero__utils a.news-hero__util::after,.news-hero__utils button.news-hero__util::after{content:"";position:absolute;inset:-7px -5px}.news-hero__util{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:12px;line-height:18px;letter-spacing:-0.4px;color:#3c3c3c;cursor:pointer;text-decoration:none;transition:color .15s ease}.news-hero__util+.news-hero__util{position:relative;padding-left:13px}.news-hero__util+.news-hero__util::before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#e6e6e6}.news-hero .news-hero__reporter-line--basic a{transition:color .15s ease}@media(hover: hover)and (pointer: fine){.news-hero__utils a.news-hero__util:hover,.news-hero__utils button.news-hero__util:hover,.news-hero .news-hero__reporter-line--basic a:hover{color:#8a8a8a}}.news-hero__emoji-icon{flex:0 0 auto;width:16px;height:16px;background:url("https://static.inven.co.kr/image_2011/webzine/s3/common/ic_empathy.png") no-repeat center/contain}.news-hero__warn{grid-area:warn;margin:0;font-size:13px;color:red}.news-hero__admin{grid-area:admin;display:flex;align-items:center;gap:10px;font-size:13px;color:#999}.news-hero__admin .news-hero__readcount{display:inline-flex;align-items:center;gap:2px;font-size:14px;line-height:20px;letter-spacing:-0.6px;color:#8a8a8a}.news-hero__admin .news-hero__view-icon{flex:0 0 auto;margin-right:4px}.news-hero__admin .news-hero__readcount-num{margin-left:4px;color:#707070}.news-hero:not(.news-hero--basic) .news-hero__admin{grid-area:byline;justify-self:end;align-self:end;margin:0 14px 33px 0;z-index:1}.news-hero--basic .news-hero__admin{align-self:center;justify-self:end;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;color:#8a8a8a;white-space:nowrap}.news-hero--basic .news-hero__admin .news-hero__date{font-size:14px;line-height:20px;letter-spacing:-0.6px;color:#8a8a8a}.news-hero__game{position:relative;flex:0 0 auto;width:594px;height:374px;border-radius:16px;overflow:hidden;border:2px solid rgba(0,0,0,0);background:#e6e6e6;box-sizing:border-box}.news-hero--review .news-hero__game,.news-hero--feature .news-hero__game,.news-hero--handson .news-hero__game{--news-hero-border-gradient: linear-gradient( 180deg, #8AA6B8 0%, #2F4A5C 100% );isolation:isolate;overflow:visible;border-color:rgba(0,0,0,0);background:linear-gradient(#E6E6E6, #E6E6E6) padding-box}.news-hero--review .news-hero__game::before,.news-hero--feature .news-hero__game::before,.news-hero--handson .news-hero__game::before{content:"";position:absolute;z-index:0;inset:2px;border-radius:inherit;background:rgba(0,0,0,0);transition:inset 320ms cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}.news-hero--review .news-hero__game.is-border-prepared::before,.news-hero--feature .news-hero__game.is-border-prepared::before,.news-hero--handson .news-hero__game.is-border-prepared::before{background:var(--news-hero-border-gradient)}.news-hero--review .news-hero__game.is-border-ready::before,.news-hero--review .news-hero__game.is-border-fallback::before,.news-hero--feature .news-hero__game.is-border-ready::before,.news-hero--feature .news-hero__game.is-border-fallback::before,.news-hero--handson .news-hero__game.is-border-ready::before,.news-hero--handson .news-hero__game.is-border-fallback::before{inset:-2px}.news-hero__game-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.news-hero--review .news-hero__game-img,.news-hero--feature .news-hero__game-img,.news-hero--handson .news-hero__game-img{position:relative;z-index:1;border-radius:14px}.news-hero__score{position:absolute;top:10px;right:14px;width:92px;height:92px}.news-hero__score::before{content:"";position:absolute;top:16px;left:16px;width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.2)}.news-hero__score>.score-ring__segments{position:absolute;inset:0;width:100%;height:100%}.news-hero__score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk","Pretendard",-apple-system,"Segoe UI",sans-serif;font-size:26px;font-weight:700;line-height:36px;letter-spacing:-0.6px;color:#000}.news-hero__caption{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;height:34px;padding:8px 14px;background:#000;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-0.4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.news-hero--review .news-hero__caption,.news-hero--feature .news-hero__caption,.news-hero--handson .news-hero__caption{border-radius:0 0 14px 14px}.news-hero--review .news-hero__score,.news-hero--review .news-hero__caption,.news-hero--feature .news-hero__score,.news-hero--feature .news-hero__caption,.news-hero--handson .news-hero__score,.news-hero--handson .news-hero__caption{z-index:2}.news-hero--nocard .news-hero__inner{display:block}.news-hero--basic{background:#fff}.commu-wrap:has(.news-hero){flex-wrap:wrap}.commu-wrap:has(.news-hero:not(.news-hero--basic)){padding-top:0}.hero-section:has(.news-hero){display:block;flex-basis:100%;width:100%;margin:0;padding:0;gap:0;background:none}.news-hero:not(.news-hero--basic){position:relative;z-index:0;margin:0 0 40px;padding:0;background:rgba(0,0,0,0)}.news-hero:not(.news-hero--basic)::before{content:"";position:absolute;z-index:-1;inset:0;background:#f5f3ee;box-shadow:0 0 0 100vmax #f5f3ee;clip-path:inset(0 -100vmax)}.news-hero:not(.news-hero--basic) .news-hero__inner{box-sizing:border-box;width:100%;max-width:1060px;margin:0;padding:37px 20px}.news-hero:not(.news-hero--basic) .news-hero__title{font-size:36px;line-height:45px}@media(prefers-reduced-motion: reduce){.news-hero--review .news-hero__game::before,.news-hero--feature .news-hero__game::before,.news-hero--handson .news-hero__game::before{transition:none}}#imageCollectDiv,#imageCollectDiv *{font-family:Pretendard,"Malgun Gothic",sans-serif}#imageCollectDiv{font-size:16px;font-weight:400;line-height:28px;letter-spacing:-0.6px}body.styler-webzine section.commu-content header:not(:has(>*)){margin:0}#webzineBody .commu-wrap:has(.hero-section) .commu-content,#webzineBody .commu-wrap:has(.hero-section) .commu-content #webzineNews{width:780px}#webzineBody .commu-wrap:has(.hero-section) .newsPart .content{margin:0 20px}#webzineBody .commu-wrap:has(.hero-section) #powerbbsCmt2 .commentWrite .cmtWriteForm .cmtContent textarea{width:550px}
/*# sourceMappingURL=news_hero.css.map */