body{background: #F6F6F9;}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default{font-family: var(--font-pr) !important;}

.fullservice_header{background: #fff; display: flex; justify-content: center; align-items: center; height: 340px; position: relative; text-align: center; overflow: hidden; z-index: 21; position: relative;}
.fullservice_header::after{content: ""; background: linear-gradient(180deg, rgba(246, 246, 249, 0.00) 0%, #F6F6F9 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 97px; pointer-events: none;}
.fullservice_header *{font-family: 'Pretendard', sans-serif !important;}
.fullservice_header .header_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.fullservice_header .header_bg video{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1127px; height: 505px; pointer-events: none;}
.fullservice_header .header_info{position: relative; z-index: 1;}
.fullservice_header .header_info > h3{color: #121212; font-size: 44px; font-weight: 700; line-height: 61.6px; letter-spacing: -0.88px;}
.fullservice_header .header_info > .label{display: inline-flex; align-items: center; gap: 8px; color: #000; font-size: 14px; font-weight: 600; letter-spacing: -0.14px; height: 34px; line-height: 34px; background: rgba(255, 255, 255, .7); padding: 0 12px; backdrop-filter: blur(2px); border-radius: 12px; margin: 8px 0 20px;}
.fullservice_header .header_info > .label > span{color: #0EBA5C;}
.fullservice_header .header_info > .info_btn{display: flex; justify-content: center; align-items: center;}
.fullservice_header .header_info > .info_btn a{width: 256px; height: 52px; line-height: normal;}
.fullservice_header .header_info > .info_btn a > i{width: 18px; height: 18px; color: #0EBA5C;}
.fullservice_header .header__banner{display: flex; flex-direction: column; gap: 8px; position: absolute; left: 50%; top: 50%; width: 262px; transform: translateY(-50%); z-index: 10; padding: 16px; background: var(--sp-bg-neutral-inverted); border-radius: 12px; text-align: left; margin-left: 438px;}
.fullservice_header .header__banner p{color: #fff;}
.fullservice_header .header__banner .banner__thumb{position: relative; border-radius: 4px; overflow: hidden;}
.fullservice_header .header__banner .banner__thumb::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(237, 237, 243, 0.20); border-radius: 4px; box-sizing: border-box; z-index: 3; pointer-events: none;}
.fullservice_header .header__banner .banner__thumb .banner__cover{display: none; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; left: 0; background: var(--sp-bg-overlay-backdrop); width: 100%; height: 100%; z-index: 1;}
.fullservice_header .header__banner .banner__thumb .banner__cover > div{display: flex; justify-content: center; align-items: center; gap: 4px; height: 40px; border-radius: 40px; background: var(--sp-bg-overlay-backdrop); backdrop-filter: blur(2px); padding: 0 12px;}
.fullservice_header .header__banner .banner__thumb:hover .banner__cover{display: flex;}
.fullservice_header .header__banner .banner__label{position: absolute; top: 10px; left: 10px; z-index: 2; background: var(--text-negative); color: #fff; height: 17px; line-height: 17px; font-size: 12px; font-weight: 700; padding: 0 4px; border-radius: 4px;}

.fs__main--status [class*=sp__box]{overflow: visible;}
.fs__main--status .sp__status--chart{width: 721px;}
.fs__main--status .sp__status--chart{width: 721px;}
.fs__main--status .sp__status--user .user__grade .status__item p{font-size: 28px; font-weight: 700; line-height: 42px;}
.fs__main--status .sp__status--user .user__grade .grade__text{display: flex; justify-content: center; align-items: center; background: #EDEDF3; height: 30px; border-radius: var(--border-radius-m); color: var(--text-secondary); font-size: 14px;}
.fs__main--status .sp__status--user .status__list{background: #FAFAFC; border-radius: var(--border-radius-l); padding: 8px 0;}
.fs__main--status .sp__status--user .status__list > li{display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; font-size: 13px;}
.fs__main--status .sp__status--user .status__list > li > div{display: flex; align-items: center; gap: 4px;}
.fs__main--status .sp__status--user .status__list .list__num{width: 30px; flex-shrink: 0; color: var(--text-brand); font-weight: 600;}
.fs__main--status .sp__status--user .status__list .list__txt{font-weight: 600;}
.fs__main--status .sp__status--user .status__list .list__sub{color: var(--text-secondary);}
.fs__main--status .sp__status--user .status__list .list__point{color: var(--text-brand);}

[class*=sp__box]{background: #fff;}
[class*=sp__btn--][class*=--basic]{background: #fff;}

/* 메인 리뉴얼 */
.fs__inner{width: 1140px; margin: 0 auto;}
.fs__main{padding-bottom: 140px;}
.fs__main .fs__main--more{display: flex; justify-content: center; align-items: center; gap: 2px; color: #121212; font-size: 16px; font-weight: 600; height: 52px; text-align: center; border-top: 1px solid var(--sp-stroke-subtle);}
.fs__main .fs__main--content{position: relative;}
.fs__main .fs__main--layout{display: flex; gap: 20px;}
.fs__main .fs__main--layout > div{flex: 1;}
.fs__main .fs-box{background: #fff; border: 1px solid rgba(0, 0, 0, 0.06);}
.fs__main .fs-box--secondary{background: #CCEFFF;}
.fs__main .fs__main--info{background: #fff; border-radius: 12px;}
.fs__main .fs__main--info .fs__info--head{display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--brand-primary); height: 68px; padding: 0 20px; color: #fff; border-radius: 12px 12px 0 0;}
.fs__main .fs__main--info .fs__info--data{display: flex; align-items: center; gap: 12px;}
.fs__main .fs__main--info .fs__info--data :is(strong, span){color: #fff;}
.fs__main .fs__main--info .fs__info--body{display: flex; justify-content: space-between; align-items: center; padding: 24px 20px; border: 2px solid #0EBA5C; border-top: 0; border-radius: 0 0 12px 12px;}
.fs__main .fs__main--info .fs__info--body .fs__info--count{display: flex; flex-direction: column; gap: 8px; width: 464px;}
.fs__main .fs__main--info .fs__info--body .fs__info--count .counter1 .odometer-digit{width: 25px;}
.fs__main .fs__main--info .fs__info--body .fs__info--count .odometer-digit *{width: 100%;}
.fs__main .fs__main--info .fs__info--body .fs__info--count strong{color: var(--brand-primary); font-size: 40px; font-weight: 700; letter-spacing: -0.8px; line-height: 40px;}
.fs__main .fs__main--info .fs__info--body .fs__info--count em{color: var(--brand-primary); font-size: 24px; font-weight: 700; line-height: 36px; height: 36px;}
.fs__main .fs__main--info .fs__info--body .fs__info--count p{display: flex; align-items: center; gap: 2px; font-size: 18px; font-weight: 600;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade{display: flex; flex-direction: column; width: 464px; gap: 2px; background: var(--sp-bg-neutral-tint); padding: 12px 16px 4px; border-radius: 8px; border: 1px solid var(--sp-stroke-default)}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .grade__slider{display: flex; gap: 12px;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .grade__slider .swiper{flex: 1;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .fs__grade--slider{flex: 1; overflow: hidden;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .fs__grade--slider li{display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 6px 0;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .fs__grade--slider:not(.swiper) > li + li{border-top: 1px solid rgba(0, 0, 0, 0.04);}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .fs__grade--slider{height: 64px;}
.fs__main .fs__main--info .fs__info--body .fs__info--grade .fs__grade--slider .swiper-slide-active{border-bottom: 1px solid rgba(0, 0, 0, 0.04);}

.fs__main .fs__main--notice{background: #fff; border-radius: 12px; position: relative;}
.fs__main .fs__main--notice .notice__head{display: flex; justify-content: space-between; align-items: center; gap: 16px; background: var(--sp-icon-default); padding: 20px; color: var(--sp-text-mute); border-radius: 12px; height: 64px; z-index: 9; position: relative;}
.fs__main .fs__main--notice .notice__head > div{display: flex; align-items: center; gap: 16px;}
.fs__main .fs__main--notice .notice__head > i{color: #fff;}
.fs__main .fs__main--notice .notice__head .head__label{font-size: 16px; font-weight: 700;}
.fs__main .fs__main--notice .notice__head .head__txt{color: #fff; font-size: 16px; font-weight: 500;}
.fs__main .fs__main--notice .notice__head .head__date{font-size: 15px;}
.fs__main .fs__main--notice .notice__body{display: none; padding: 20px; background: #fff; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 8; border-radius: 12px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.12); padding-top: 84px;}
.fs__main .fs__main--notice.active .notice__head{background: #fff; color: #121212; border-bottom: 1px solid var(--sp-stroke-default); border-radius: 12px 12px 0 0;}
.fs__main .fs__main--notice.active .notice__head > i{transform: rotate(180deg); color: var(--sp-icon-default)}
.fs__main .fs__main--notice.active .notice__head :is(.head__txt, .head__date){display: none;}
.fs__main .fs__main--notice.active .notice__body{display: block;}

.fs__main--status .sp__status--chart{position: relative; overflow: hidden;}
.fs__main--status .sp__status--chart.soon::after{content: "답안 발표 후\A공개됩니다"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(10px); font-weight: 700; color: var(--sp-text-subtle); white-space: pre; text-align: center; line-height: 27px;}
.fs__main--status .sp__status--chart.soon.preparing::after{content: "준비중입니다";} 
.fs__main--status .fs__status--slider{overflow: hidden !important; height: 358px;}
.fs__main--status .fs__status--slider li{height: auto; margin-bottom: 12px;}
.fs__main--status .fs__status--slider li p{text-overflow: unset; white-space: normal;}

table#t-top5 :is(thead, tbody) tr :is(th, td):nth-child(3){width: 120px;}

/* 응시정보 입력 팝업 */
.fs__main .pop_info_enter{background: rgba(0, 0, 0, .45); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 110;  overflow: auto; display: none; z-index: 110;}
.fs__main .pop_info_enter #joinForm{background: #FFFFFF;border: 1px solid #E8E8E8;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);border-radius: 8px;width:748px; position: absolute;left: 50%;transform: translateX(-50%);}
.fs__main .pop_info_enter .btn_pop_close{background:url('https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/predict_pop_close.png') no-repeat 0 0;width: 24px;height:24px;position: absolute;z-index: 10;top:15px;right:20px;text-indent: -999px;overflow: hidden;}
.fs__main .pop_info_enter .info_data{padding:30px 20px 23px;}
.fs__main .pop_info_enter .info_data .shot{width:169px;}
.fs__main .pop_info_enter .info_data .middle_2{width:349px;}
.fs__main .pop_info_enter .info_data .middle_3{width: 529px;}
.fs__main .pop_info_enter .box_btn{padding:14px 0 20px;text-align: center;background: #FAFAFC;}
.fs__main .pop_info_enter .box_btn a{color:#fff;font-weight: 700;font-size: 14px;line-height: 42px;letter-spacing: -0.03em;background: #025AF6;border:0 none;min-width: 188px;height:42px;}
.fs__main .pop_info_enter .box_btn a.btn_grey{background-color: #C5C5C5;}

/* 퀵배너 */
.fs__main--quick{position: absolute; top: 0; left: 50%; margin-left: 590px; z-index: 10; pointer-events: none; height: 100%; width: 120px;}
.fs__main--quick ul{display: flex; flex-direction: column; gap: 12px; position: sticky; top: 20px; left: 0; pointer-events: all;}
.fs__main--quick ul > li{border-radius: 8px; overflow: hidden;}
.fs__main--quick ul > li a{display: block; border-radius: 8px; overflow: hidden;}
.fs__main--quick ul > li img{width: 100%; border-radius: 8px;}

/* 메인 프로모션 배너 */
.bnr_layout{display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; overflow: hidden;}
.bnr_layout > div{width: 100%;}
.bnr_layout a{display: flex; justify-content: center; text-align: center;}