@charset "UTF-8";

/* 퀴즈 바닥 */
.quiz-item .quiz-num {position:relative; display:block; flex:0 0 auto}
.quiz-item .quiz-num::before {content:''; display:block; background-repeat:no-repeat; background-size:contain; background-position:center}
.quiz-item:nth-child(6n+1) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame1.png')}
.quiz-item:nth-child(6n+2) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame2.png')}
.quiz-item:nth-child(6n+3) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame3.png')}
.quiz-item:nth-child(6n+4) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame4.png')}
.quiz-item:nth-child(6n+5) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame5.png')}
.quiz-item:nth-child(6n) .quiz-num::before {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-frame6.png')}

/* 퀴즈 숫자 */
.quiz-item .quiz-num .num {position:absolute; top:0; left:0; background-position:center; background-size:contain}
.quiz-item .quiz-num.num1 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num1.png')}
.quiz-item .quiz-num.num2 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num2.png')}
.quiz-item .quiz-num.num3 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num3.png')}
.quiz-item .quiz-num.num4 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num4.png')}
.quiz-item .quiz-num.num5 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num5.png')}
.quiz-item .quiz-num.num6 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num6.png')}
.quiz-item .quiz-num.num7 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num7.png')}
.quiz-item .quiz-num.num8 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num8.png')}
.quiz-item .quiz-num.num9 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num9.png')}
.quiz-item .quiz-num.num10 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num10.png')}
.quiz-item .quiz-num.num11 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num11.png')}
.quiz-item .quiz-num.num12 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num12.png')}
.quiz-item .quiz-num.num13 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num13.png')}
.quiz-item .quiz-num.num14 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num14.png')}
.quiz-item .quiz-num.num15 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num15.png')}
.quiz-item .quiz-num.num16 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num16.png')}
.quiz-item .quiz-num.num17 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num17.png')}
.quiz-item .quiz-num.num18 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num18.png')}
.quiz-item .quiz-num.num19 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num19.png')}
.quiz-item .quiz-num.num20 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num20.png')}
.quiz-item .quiz-num.num21 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num21.png')}
.quiz-item .quiz-num.num22 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num22.png')}
.quiz-item .quiz-num.num23 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num23.png')}
.quiz-item .quiz-num.num24 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num24.png')}
.quiz-item .quiz-num.num25 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num25.png')}
.quiz-item .quiz-num.num26 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num26.png')}
.quiz-item .quiz-num.num27 .num {background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/img-num27.png')}

/* 닷컴 메인 퀴즈 모듈 */
.main-module.quiz-module .module-tit-wrap {margin-bottom:24px}
.main-module.quiz-module .logo-quiz {display:block; width:150px; height:44px}
.main-module.quiz-module .quiz-txt {margin-top:20px; line-height:normal; font-size:18px}
.main-module.quiz-module .btn-basic {min-width:150px; margin-top:32px}
.main-module.quiz-module .module-row {gap:24px; align-items:center}
.main-module.quiz-module .module-row > .col {flex:1 1 auto}
.main-module.quiz-module .module-row > .col[data-width="321"] {flex:0 0 auto; width:321px}
.main-module.quiz-module .quiz-list {display:flex; align-items:center; flex-direction:row-reverse}
.main-module.quiz-module .quiz-item .quiz-num::before, .main-module.quiz-module .quiz-item .quiz-num .num {width:284px; height:284px}
.main-module.quiz-module .quiz-info {margin:-60px 0 40px; text-align:center}
.main-module.quiz-module .quiz-item .quiz-title {font-weight:500; font-size:16px}
.major-module .box-banner-group .box-quiz::before {width:88px; height:26px; right:28px !important; background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/logo-aliceq.png')}
.major-module .box-quiz .logo-quiz {width:82px; height:24px; margin-bottom:3px}

/* 모바일 */
.main-module.quiz > .layout-container {padding:16px}
.main-module.quiz .logo-quiz {display:block; width:96px; height:28px}
.main-module.quiz .quiz-wrap {display:flex; justify-content:space-between; align-items:center; gap:24px}
.main-module.quiz .quiz-wrap .desc {display:block; margin-top:10px; color:#585858; font-size:12px; word-break:keep-all}
.main-module.quiz .quiz-wrap .btn-basic {min-width:97px}

@media screen and (max-width:345px) {
    .main-module.quiz .quiz-wrap {gap:12px}
    .main-module.quiz .quiz-wrap .desc br {display:none}
}

@media (prefers-color-scheme: dark) {
    .main-module.quiz .logo-quiz {display:none}
    .main-module.quiz .tit > a {display:block; width:96px; height:28px; background-size:contain; background-image:url('https://static.hankyung.com/resource/www/game/quiz-economy-weekly/img/logo-aliceq-w.svg')}
    .main-module.quiz .quiz-wrap .desc {color:#bdbdbd}
}