@charset "UTF-8";

/* Paperlogy */
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css");

/*************************************************************
    무료 레벨 테스트
    :: mobile first

    media query
    :: 0px ~ mobile
    :: 576px ~ tablet
    :: 1200px ~ pc
*************************************************************/

/* 공통 */
:root{
    --n-subTitle : #40404E;
    --f-hero2 : 48px;
    --f-display2  : 28px;
    --f-body4 : 11px;
}


/************************************
    레벨 테스트
************************************/
#wrap.level-test .max-width{max-width: 364px; margin: 0 auto;}
#wrap.level-test .message{color: var(--success-color); margin-top: 4px; font-size: 11px; padding-left: 8px; line-height: 14px; letter-spacing: -0.22px; text-align: left;}
#wrap.level-test .message.error{color: var(--waring-color) !important;}
#wrap.level-test .bottom-fix-btn{background: linear-gradient(180deg, rgba(248, 248, 248, 0.00) 0%, #F8F8F8 13.99%, #F8F8F8 100%); position: static;}
#wrap.level-test .paperlogy{font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }


/************************************
    intro
************************************/
#wrap.level-test.intro .pageTitle{display: none;}
#wrap.level-test.intro .innerArea{padding-top: 12px; position: relative;}
#wrap.level-test.intro .innerArea .bannerWrap{width: 100%; aspect-ratio: 328/66; border-radius: var(--b-radius3); box-shadow: var(--box-shadow1); overflow: hidden; margin-bottom: 20px;}
#wrap.level-test.intro .innerArea .imgWrap{padding: 48px 48px 0; width: calc(100% + 32px); margin-left: -16px; border-radius: var(--b-radius2) var(--b-radius2) 0 0; box-shadow: var(--box-shadow3); overflow: hidden; position: relative; height: 580px; min-width: 360px;}
#wrap.level-test.intro .innerArea .imgWrap .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
#wrap.level-test.intro .innerArea .imgWrap .img *{width: 100%;}
#wrap.level-test.intro .innerArea .imgWrap .txt1{font-size: var(--f-heading1); line-height: normal; letter-spacing: -0.4px; font-weight: 500; color: var(--n-info); margin-bottom: 8px; position: relative; z-index: 1;}
#wrap.level-test.intro .innerArea .imgWrap h2{font-size: 52px; font-weight: 700; line-height: 1.01; letter-spacing: -1.04px; color: var(--n-mainTitle); position: relative; position: relative; z-index: 1;}
#wrap.level-test.intro .innerArea .imgWrap h2 span{display: inline-block; font-size: var(--f-body1); letter-spacing: -0.28px; font-weight: 500; background-color: var(--n-subTitle); color: var(--n-white); height: 24px; padding: 0 5.5px; line-height: 24px; border-radius: 6px; position: absolute; top: 66px; margin-left: 6px;}
#wrap.level-test.intro .innerArea .bottom-fix-btn{background: transparent; position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px;}
#wrap.level-test.intro .innerArea .bottom-fix-btn .btn{background-color: var(--n-subTitle);}
#wrap.level-test.intro .innerArea .bottom-fix-btn .btn:active{background-color: var(--p-color1);}
/* 어학원 */
.academy #wrap.level-test.intro .innerArea .imgWrap h2{margin-bottom: 8px;}
.academy #wrap.level-test.intro .innerArea .imgWrap .txt2{position: relative; z-index: 1; font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px; color: var(--n-info); }



/************************************
    문항 응시
************************************/
#wrap.level-test.exam{display:none}
#wrap.level-test.exam .contents .innerArea{padding-top: 16px;}
#wrap.level-test.exam .contents .nextPage .flex{column-gap: 8px; flex-wrap: nowrap;}
#wrap.level-test.exam .contents .nextPage .prev{background-color: var(--b-color4); color: var(--n-info); font-weight: 700;}
#wrap.level-test.exam .contents .sequence{justify-content: space-between; margin-bottom: 24px; position: relative;}
#wrap.level-test.exam .contents .sequence::after{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 0;; border: 1px dashed var(--s-color1); z-index: 0;}
#wrap.level-test.exam .contents .sequence li{width: 64px; font-size: var(--f-body4); text-align: center; border-radius: var(--b-radius3); background-color: var(--n-white); border: 1px solid var(--s-color1); height: 64px; padding-top: 15px; position: relative; z-index: 1;}
#wrap.level-test.exam .contents .sequence li span{display: block; color: var(--n-white); background-color: #FF7300; width: 32px; height: 16px; border-radius: 30px; margin: 0 auto; font-size: 9px; font-weight: 500; line-height: 1.8; margin-bottom: 4px;}
#wrap.level-test.exam .contents .sequence li.active{box-shadow: var(--box-shadow2); border: 1px solid #FF7300;}
#wrap.level-test.exam .contents .selectWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; display: none;}
#wrap.level-test.exam .contents .selectWrap .innerWrap{display: none;}
#wrap.level-test.exam .contents .selectWrap .innerWrap.active{display: block;}
#wrap.level-test.exam .contents .selectWrap.active{display: block;}
#wrap.level-test.exam .contents .selectWrap h2{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.33px; color: var(--n-mainTitle); display: flex; flex-wrap: wrap;}
#wrap.level-test.exam .contents .selectWrap h2 b{display: block; margin-bottom: 8px;}
#wrap.level-test.exam .contents .selectWrap h2 em{color: var(--waring-color); display: block;}
#wrap.level-test.exam .contents .selectWrap h2.first{padding-top: 32px; background-image: url('https://static.edmclass.com/common/level-test/exam-icon1.svg'); background-size: 24px; background-position: top left; background-repeat: no-repeat; display: block;}
#wrap.level-test.exam .contents .selectWrap h2 + .q-box{margin-top: 24px;}
#wrap.level-test.exam .contents .selectWrap .q-box + .q-box{margin-top: 24px;}
#wrap.level-test.exam .contents .selectWrap .q{margin-bottom: 16px; padding: 0 8px;}
#wrap.level-test.exam .contents .selectWrap .q-view{padding: 16px; text-align: center; font-weight: 700;}
#wrap.level-test.exam .contents .selectWrap .roundBox{background-color: var(--n-white); border-radius: var(--b-radius3); box-shadow: var(--box-shadow2); min-height: 52px; margin-bottom: 16px;}
#wrap.level-test.exam .contents .selectWrap .a label{width: 100%; display: block; font-weight: 700; height: auto; background-color: var(--n-white); border-radius: var(--b-radius3); box-shadow: var(--box-shadow2); line-height: 20px;}
#wrap.level-test.exam .contents .selectWrap .a label + label{margin-top: 16px;}
#wrap.level-test.exam .contents .selectWrap .a input + span{width: 100%; height: 100%; line-height: 20px; border-radius: var(--b-radius1); padding-right: 38px; display: flex; align-items: center; padding-top: 16px; padding-bottom: 16px;}
#wrap.level-test.exam .contents .selectWrap .a input + span::before{right: 16px; left: auto; top: 50%; transform: translateY(-50%);}
#wrap.level-test.exam .contents .selectWrap .a input + span::after{left: auto; right: 16px; top: 50%; transform: translateY(-50%);}
#wrap.level-test.exam .contents .selectWrap .a input:checked + span{border: 1px solid var(--p-color2); border-radius: var(--b-radius3); padding-top: 15px; padding-bottom: 15px;}
#wrap.level-test.exam .contents .selectWrap .a input[type="radio"] + span::after{top: 50%; transform: translateY(-50%); right: 20px; left: auto;}
#wrap.level-test.exam .contents .selectWrap .a.col2{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 16px; row-gap: 16px;}
#wrap.level-test.exam .contents .selectWrap .a.col2 label + label{margin-top: 0;}
#wrap.level-test.exam .contents .selectWrap .a.text{display: grid; grid-template-columns: 1fr 130px; padding: 8px; column-gap: 8px;}
#wrap.level-test.exam .contents .selectWrap .a.text label{height: auto; background-color: transparent; border-radius: var(--b-radius0); box-shadow: none; line-height: normal;}
#wrap.level-test.exam .contents .selectWrap .a.text .message.error{font-weight: 400;}
#wrap.level-test.exam .contents .selectWrap .a.text label input{height: 40px; line-height: 40px;}
#wrap.level-test.exam .contents .selectWrap .a.text label + label{margin-top: 0;}
#wrap.level-test.exam .contents .selectWrap .a.text .btn{border: none;}
#wrap.level-test.exam .contents .selectWrap .a.text .btn span{color: var(--n-info); padding: 0; text-align: center; background-color: var(--b-color4); border-radius: var(--b-radius0); height: 40px; line-height: 40px; display: flex; align-items: center; justify-content: center; border: none;}
#wrap.level-test.exam .contents .selectWrap .a.text .btn input:checked + span{color: var(--n-white); background-color: var(--p-color2); font-weight: 600;}
#wrap.level-test.exam .contents .selectWrap .a.text .btn input:disabled + span{color: var(--n-deactivate); background-color: var(--b-color4); }
#wrap.level-test.exam .contents .selectWrap .a.text .btn input + span::before{display: none;}
#wrap.level-test.exam .contents .selectWrap .a.text .btn input + span::after{display: none;}
#wrap.level-test.exam .contents .selectWrap .writing{padding: 8px; color: var(--n-mainTitle);}
#wrap.level-test.exam .contents .selectWrap .writing .w-q{background-color: var(--b-color5); padding: 8px; border-radius: var(--b-radius0); margin-bottom: 8px; }
#wrap.level-test.exam .contents .selectWrap .writing .w-a{display: flex; flex-wrap: wrap; row-gap: 4px;}
#wrap.level-test.exam .contents .selectWrap .writing .w-a .line{display: flex; column-gap: 8px; align-items: center; margin-bottom: 4px; white-space: nowrap; width: 100%;}
#wrap.level-test.exam .contents .selectWrap .lastPage{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-top: 56px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap{text-align: center; width: 100%; }
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap figure{width: 24px; height: 24px; background-image: url('https://static.edmclass.com/common/level-test/exam-last-icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto 4px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap h2{color: var(--n-subTitle); margin-top: 4px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap h2 b{width: 100%; margin-bottom: 0;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .name{margin-right: 2px; display: inline-block;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap > *{width: 100%;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput{margin-top: 24px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput label{display: block;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .input + .input{margin-top: 8px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox{margin-top: 8px; font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree{align-items: center; display: flex; justify-content: space-between; }
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span{padding-left: 26px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span::before{width: 12px; height: 12px; top: 1px; left: 8px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span::after{width: 14px; height: 14px; top: 1px; left: 8px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree .toggle-btn{color: var(--p-color1); text-decoration: underline;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail{width: 100%; border-radius: 8px; padding: 12px 8px 12px 12px; background-color: var(--b-color4); margin-top: 8px; overflow: hidden; display: none; text-align: left; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .dotTxt{color: var(--n-info); position: relative; padding-left: 8px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .dotTxt::before{content: ''; position: absolute; left: 3px; top: 8px; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info);}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .dotTxt + p{margin-top: 2px;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .tit{margin: 2px 0;}
#wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .tit:first-child{margin-top: 0;}
#wrap.level-test.exam .contents .selectWrap .innerWrap .message{margin-top: 8px;}
#wrap.level-test.exam .contents .selectWrap .message{display:none}
#wrap.level-test.exam .contents .nextPage button,
#wrap.level-test.exam .contents .nextPage a,
#wrap.level-test.exam .contents .nextPage input{transition: background-color 0.3s ease, color 0.3s ease;}
#wrap.level-test.exam .contents .nextPage button:active,
#wrap.level-test.exam .contents .nextPage a:active,
#wrap.level-test.exam .contents .nextPage input:active{background-color: var(--p-color2); color: var(--n-white);}
/* 어학원 */
.academy #wrap.level-test.exam .contents .selectWrap h2 p{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
.academy #wrap.level-test.exam .contents .sequence li{width: 56px; padding-top: 10px;}
.academy #wrap.level-test.exam .contents .selectWrap .a input + span em{font-weight: 400;}
.academy #wrap.level-test.exam .contents .readText{background-color: var(--n-white); padding: 16px 16px 0; border-radius: var(--b-radius3); box-shadow: var(--box-shadow2); color: var(--n-mainTitle); margin-bottom: 24px;}
.academy #wrap.level-test.exam .contents .readText .scrollWrap{max-height: 340px; padding-bottom: 16px;}
.academy #wrap.level-test.exam .contents .readText p + p{margin-top: 20px;}
.academy #wrap.level-test.exam .contents .readText p{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
.academy #wrap.level-test.exam .contents .readText p b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}
.academy #wrap.level-test.exam .contents .selectWrap.style2 h2 + .q-box{margin-top: 8px;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a{row-gap: 0;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a .line{margin-bottom: 0;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select input + span{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select input + span::before{top: 0;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select input + span::after{top: 4px;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select .line{align-items: center;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select .line label + label{margin-left: 24px;}
.academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select .message.error{margin-top: 8px;}
.academy #wrap.level-test.exam .contents .selectWrap .writing.style2 .w-q{margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.academy #wrap.level-test.exam .contents .selectWrap .writing.style2 .w-a{background-color: var(--b-color5); padding: 0 8px 8px; border-bottom-left-radius: var(--b-radius0); border-bottom-right-radius: var(--b-radius0); row-gap: 8px;}
.academy #wrap.level-test.exam .contents .selectWrap.style2 h2.first{padding-top: 0; background-image: none;}
.academy #wrap.level-test.exam .contents .selectWrap.style2 .q-box + h2{margin-top: 24px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-q{position: relative; padding-right: 31px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-q .number{position: absolute; right: 8px; top: 8px; color: var(--n-info); font-weight: 700; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-a{height: 356px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-a textarea{height: 100%; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-a textarea::placeholder{color: var(--n-deactivate); font-weight: 400;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit h2 + .q-box{margin-top: 8px;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .roundBox{margin-bottom: 0;}
.academy #wrap.level-test.exam .contents .selectWrap.timeLimit .q-box + h2{margin-top: 24px;}
/* 타이머 */
.academy #wrap.level-test.exam .timerArea{position: sticky; top: 96px; left: 0; width: 100%; text-align: center; background-color: var(--b-color5); z-index: 30; margin-bottom: 24px; max-width: 332px; margin-left: auto; margin-right: auto;}
.academy #wrap.level-test.exam .timerArea .topBox{background-color: var(--n-white); box-shadow: var(--box-shadow2); border-radius: var(--b-radius3); padding: 16px; font-weight: 500; margin-bottom: 24px;}
.academy #wrap.level-test.exam .timerArea .topBox .q-list{display: flex; column-gap: 6px; margin-top: 16px;}
.academy #wrap.level-test.exam .timerArea .topBox .q-list .answer{height: 32px; width: 55px; background-color: var(--b-color4); color: var(--n-info); line-height: 2.5; border-radius: 20px; font-size: var(--f-body3); letter-spacing: -0.24px; font-weight: 500; max-width: calc(100%/5 - 5px);}
.academy #wrap.level-test.exam .timerArea .topBox .q-list .answer.active{background-color: var(--n-subTitle); color: var(--n-white);}
.academy #wrap.level-test.exam .timerArea .topBox .br-2{display: none;}
.academy #wrap.level-test.exam .timerArea .timer{display: flex; align-items: center; justify-content: center; column-gap: 8px;}
.academy #wrap.level-test.exam .timerArea .timer .icon{background-image: url('https://static.edmclass.com/common/level-test/timer-icon.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 40px; height: 40px; display: inline-block;}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer{font-size: var(--f-display3); color: var(--n-mainTitle); font-weight: 700; display: flex; justify-content: center; align-items: center; column-gap: 8px;}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer .digit{background-color: var(--n-white); box-shadow: var(--box-shadow2); border-radius: var(--b-radius0); width: 31px; height: 40px; text-align: center; line-height: 40px; display: inline-block;}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer .colon{color: var(--b-color3);}
/* 타이머 - 1분 남았을 때 */
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer.danger .digit {color: var(--waring-color);}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer.blink .digit span {animation: blink 1s step-start infinite;}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer.zero .digit{color: var(--n-mainTitle);}
.academy #wrap.level-test.exam .timerArea .timer .countdown-timer.zero .digit span{animation: none;}
@keyframes blink {
    50% { opacity: 0; }
    100% { opacity: 1; }
}
/* 타이머 - sticky : 스타일 변경 */
.academy #wrap.level-test.exam .timerArea.sticky-active{padding-bottom: 16px; max-width: 100%;}
.academy #wrap.level-test.exam .timerArea.sticky-active::after{content: ''; position: absolute; width: 100vw; left: 50%; transform: translateX(-50%); height: 100%; background-color: var(--n-white); top: 0; z-index: -1; box-shadow: var(--box-shadow1); touch-action: none; pointer-events: none;}
.academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-2{display: none;}
.academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-1{display: block;}
.academy #wrap.level-test.exam .timerArea.sticky-active .timer .countdown-timer .digit{background-color: var(--b-color5); box-shadow: none;}



/************************************
    레벨 테스트 결과
************************************/
#wrap.level-test.result{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
#wrap.level-test.result .innerArea{padding-top: 40px;}
#wrap.level-test.result .bottom-fix-btn button,
#wrap.level-test.result .bottom-fix-btn input[type="submit"],
#wrap.level-test.result .bottom-fix-btn input[type="button"]{border-radius: 9999999999px; background-color: var(--n-subTitle); max-width: 332px;}
#wrap.level-test.result .dotList > li{position: relative;}
#wrap.level-test.result .dotList > li::before{content: '・';}
#wrap.level-test.result .wrap + .wrap{margin-top: 40px;}
#wrap.level-test.result h2{font-size: var(--f-heading1); font-weight: 700; line-height: 28px; letter-spacing: -0.4px; padding-left: 24px; background-repeat: no-repeat; background-position: left center; background-size: 16px; background-image: url('https://static.edmclass.com/common/level-test/result-h2.svg'); margin-bottom: 16px; color: var(--n-mainTitle);}
#wrap.level-test.result h3{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; font-weight: 700; margin-bottom: 8px;}
#wrap.level-test.result .roundBox{border-radius: var(--f-heading3); box-shadow: var(--box-shadow2); padding: 16px; background-color: var(--n-white); word-break: normal; }
#wrap.level-test.result .roundBox + .roundBox{margin-top: 16px;}
#wrap.level-test.result .contents .roundBox strong{margin: 8px 0; display: block;}
#wrap.level-test.result .contents .roundBox strong span{display: block; font-weight: 400;}
#wrap.level-test.result .roundBox .bottomTxt{font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px; color: var(--n-info);}
#wrap.level-test.result .roundBox .bottomTxt em{color: var(--waring-color); font-weight: 700;}

#wrap.level-test.result .contents .wrap.evaluation .roundBox.all{border: 1px solid #30C214; background-color: #F5FFEF; text-align: center; color: var(--n-mainTitle);}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.all .scoreTxt{color: #30C214; font-weight: 700; line-height: 20px; letter-spacing: -0.28px; font-size: var(--f-body1);}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.score{padding: 26px 14px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.score .box{width: calc(100%/3); text-align: center;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.score .box p{display: flex; align-items: center; justify-content: center;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.score .box b{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart{padding: 20px 44px 0; position: relative; display: flex; justify-content: center; margin-bottom: 25px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart #myChart{width: 200px; height: 200px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart .txt{position: absolute; font-size: var(--f-body1); color: var(--n-mainTitle);}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart .txt1{left: 50%; transform: translateX(-50%); top: 0;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart .txt2{left: calc(50% - 110px); bottom: 25px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart .txt3{right:calc(50% - 120px); bottom: 25px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart.zero{position: relative;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart.zero::before{content: '0점'; position: absolute; left: 50%; top: calc(50% - 10px); transform: translate(-50%,-50%); color: var(--n-white); background-color: var(--p-color1); border-radius: 4px; font-size: var(--f-body3); letter-spacing: -0.24px; height: 20px; padding: 0 4.5px; line-height: 1.5; z-index: 2;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.graph .chart.zero::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url('https://static.edmclass.com/common/level-test/zero-arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 8px; height: 7px;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.text .icon{width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; display: block;}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.text .icon.type-c{background-image: url('https://static.edmclass.com/common/level-test/user-icon-sad.svg');}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.text .icon.type-b{background-image: url('https://static.edmclass.com/common/level-test/user-icon-default.svg');}
#wrap.level-test.result .contents .wrap.evaluation .roundBox.text .icon.type-a{background-image: url('https://static.edmclass.com/common/level-test/user-icon-happy.svg');}
#wrap.level-test.result .contents .wrap.guide h3{padding-left: 20px; position: relative; }
#wrap.level-test.result .contents .wrap.guide h3 figure{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px;  background-repeat: no-repeat; background-size: 16px; background-position: center;}
#wrap.level-test.result .contents .wrap.guide h3 .icon1{background-image: url('https://static.edmclass.com/common/level-test/order1.svg');}
#wrap.level-test.result .contents .wrap.guide h3 .icon2{background-image: url('https://static.edmclass.com/common/level-test/order2.svg');}
#wrap.level-test.result .contents .wrap.guide h3 .icon3{background-image: url('https://static.edmclass.com/common/level-test/order3.svg');}
#wrap.level-test.result .contents .wrap.guide .order ul{margin-bottom: 16px; position: relative;}
#wrap.level-test.result .contents .wrap.guide .order ul::after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 100%; border-left: 1px dashed var(--s-color1);}
#wrap.level-test.result .contents .wrap.guide .order ul li{background-color: var(--b-color5); border-radius: 50px; padding: 14px 16px; font-size: var(--f-body1); letter-spacing: -0.28px; display: flex; align-items: center; line-height: 20px; z-index: 1; position: relative;}
#wrap.level-test.result .contents .wrap.guide .order ul li + li{margin-top: 16px;}
#wrap.level-test.result .contents .wrap.guide .order ul li span{font-size: 9px; letter-spacing: -0.18px; font-weight: 500; color: var(--n-white); background-color: #FF7300; border-radius: 30px; height: 16px; display: inline-block; padding: 0 4.5px; margin-right: 4px; line-height: 1.7;}
#wrap.level-test.result .contents .wrap.guide .order p{letter-spacing: -0.35px;}
#wrap.level-test.result .contents .wrap.recommendation h3{font-weight: 400; padding-left: 8px; margin-bottom: 16px;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .pic img{width: 100%; border-radius: var(--b-radius0); overflow: hidden;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .title{text-align: center; margin-bottom: 16px;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .title strong{margin: 0; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .dotList{margin: 16px 0;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .more{width: 100%; position: relative; border-radius: 999999px; background-color: var(--b-color4); height: 40px; font-size: var(--f-body1); font-weight: 500; color: var(--n-info); line-height: 2.8; text-align: center; padding-right: 16px;}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .more svg{width: 16px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner:active .more{background-color: var(--p-color2); color: var(--n-white);}
#wrap.level-test.result .contents .wrap.recommendation .roundBox .banner:active .more svg path {stroke: var(--n-white);}
#wrap.level-test.result .contents .wrap.banner{border-radius: var(--b-radius3); overflow: hidden;}
#wrap.level-test.result .contents .wrap.banner a{width: 100%;}

#wrap #pdfdownload{display:none}

@media screen and (min-width: 576px) {
    #wrap.level-test{padding-bottom: 100px;}
    #wrap.level-test .max-width{max-width: 332px; padding: 0;}
    #wrap.level-test .bottom-fix-btn{background: transparent;}


    /************************************
        intro
    ************************************/
    #wrap.level-test.intro .pageTitle{display: block;}
    #wrap.level-test.intro .innerArea{padding-top: 0;}
    #wrap.level-test.intro .innerArea .bannerWrap{aspect-ratio: 332/56; margin-bottom: 24px;}
    #wrap.level-test.intro .innerArea .imgWrap{margin-left: 0; width: 100%; box-shadow: none; border-radius: var(--b-radius2); min-width: 332px;}

    /************************************
        문항 응시
    ************************************/
    #wrap.level-test.exam .contents .innerArea{padding-top: 0;}
    #wrap.level-test.exam .contents .selectWrap .lastPage{min-height: initial; display: block; padding-top: 0;}

    /************************************
        레벨 테스트 결과
    ************************************/
    #wrap.level-test.result h3{margin-bottom: 16px;}
	#wrap.level-test.result .contents .wrap.banner{margin-top: 32px;}


    /* 어학원 */
    .academy #wrap.level-test.exam .contents .innerArea.max-width{max-width: 100%;}
    .academy #wrap.level-test.exam .contents .sequence,
    .academy #wrap.level-test.exam .contents .selectWrap:not(.timeLimit),
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit > *:not(.timerArea){max-width: 332px; margin-left: auto; margin-right: auto;}
    /* 타이머 */
    .academy #wrap.level-test.exam .timerArea{top: 40px; height: 184px; background-color: transparent; touch-action: none; pointer-events: none;}
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
    /* 타이머 - sticky : 스타일 변경 */
    .academy #wrap.level-test.exam .timerArea.sticky-active{display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 32px;}
    .academy #wrap.level-test.exam .timerArea.sticky-active::after{height: 120px; width: 100%;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox{box-shadow: none; padding: 0; margin: 0;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox > p{text-align: left;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .timer{display: block;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .timer .icon{margin-bottom: 8px;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-2{display: block;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-1{display: none;}
}

@media screen and (min-width: 1200px) {
    #wrap.level-test{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; background-color: var(--n-white);}
    #wrap.level-test .message.error{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
    #wrap.level-test.result .bottom-fix-btn{background: transparent;}
    #wrap.level-test .bottom-fix-btn button,
    #wrap.level-test .bottom-fix-btn input,
    #wrap.level-test .bottom-fix-btn a{border-radius: var(--b-radius3);}


    /************************************
        intro
    ************************************/
    #wrap.level-test.intro .max-width{max-width: 588px;}
    #wrap.level-test.intro .innerArea .bannerWrap{aspect-ratio: 588/86; border-radius: var(--b-radius1);}
    #wrap.level-test.intro .innerArea .imgWrap{padding: 80px 0 0; text-align: center; border-radius: var(--b-radius1);}
    #wrap.level-test.intro .innerArea .imgWrap .txt1{font-size: var(--f-display3); letter-spacing: -0.48px;}
    #wrap.level-test.intro .innerArea .imgWrap h2{font-size: var(--f-hero1); letter-spacing: -1.12px; line-height: normal;}
    #wrap.level-test.intro .innerArea .imgWrap h2 span{top: 22px;}
    #wrap.level-test.intro .innerArea .bottom-fix-btn{position: static; padding: 0; margin-top: 40px;}
    /* 어학원 */
    .academy #wrap.level-test.intro .innerArea .imgWrap .txt2{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}



    /************************************
        레벨 테스트
    ************************************/
    #wrap.level-test.exam .max-width{max-width: 996px;}
    #wrap.level-test.exam .contents .sequence{margin-bottom: 64px;}
    #wrap.level-test.exam .contents .sequence li{width: 231px; height: 56px; border-radius: 40px; padding: 0; font-size: var(--f-body1); display: flex; align-items: center; justify-content: center; font-weight: 500;}
    #wrap.level-test.exam .contents .sequence li span{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; width: 53px; height: 24px; margin: 0 8px 0 0; line-height: 1.7;}
    #wrap.level-test.exam .contents .selectWrap{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}
    #wrap.level-test.exam .contents .selectWrap .roundBox{box-shadow: none; padding: 16px;}
    #wrap.level-test.exam .contents .selectWrap h2{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; display: block;}
    #wrap.level-test.exam .contents .selectWrap h2 br{display: none;}
    #wrap.level-test.exam .contents .selectWrap h2.first{padding-top: 0; padding-left: 32px;}
    #wrap.level-test.exam .contents .selectWrap h2.writing{padding: 24px; background-image: none; border: 1px solid var(--s-color1); border-radius: var(--b-radius1); background-color: var(--n-white);}
    #wrap.level-test.exam .contents .selectWrap h2.writing b{margin-right: 0;}
    #wrap.level-test.exam .contents .selectWrap h2 + .q-box{margin-top: 32px;}
    #wrap.level-test.exam .contents .selectWrap h2 b{margin-right: 8px; display: inline-block; margin-bottom: 0;}
    #wrap.level-test.exam .contents .selectWrap .q-box + .q-box{margin-top: 32px;}
    #wrap.level-test.exam .contents .selectWrap .q{padding: 0 16px;}
    #wrap.level-test.exam .contents .selectWrap .a{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 24px;}
    #wrap.level-test.exam .contents .selectWrap .a label + label{margin: 0;}
    #wrap.level-test.exam .contents .selectWrap .a label{border-radius: var(--b-radius1); box-shadow: none;}
    #wrap.level-test.exam .contents .selectWrap .a input:checked + span{box-shadow: var(--box-shadow2); padding-top: 0; padding-bottom: 0;}
    #wrap.level-test.exam .contents .selectWrap .a input + span{padding: 23px 24px; text-align: center; font-size: var(--f-heading2); border: 1px solid var(--s-color1); border-radius: var(--b-radius1); line-height: 26px; justify-content: center;}
    #wrap.level-test.exam .contents .selectWrap .a input + span::before{right: 24px;}
    #wrap.level-test.exam .contents .selectWrap .a input + span::after{right: 24px;}
    #wrap.level-test.exam .contents .selectWrap .a input[type="radio"] + span::after{right: 28.5px;}
    #wrap.level-test.exam .contents .selectWrap .a.col4-pc{grid-template-columns: repeat(4,1fr);}
    #wrap.level-test.exam .contents .selectWrap .a.col3-pc{grid-template-columns: repeat(3,1fr);}
    #wrap.level-test.exam .contents .selectWrap .innerWrap .q-box{display: flex; flex-wrap: wrap;}
    #wrap.level-test.exam .contents .selectWrap .innerWrap .q-box .q{width: 100%;}
    #wrap.level-test.exam .contents .selectWrap .innerWrap .q-box .q-view{width: 282px; margin: 0; border: 1px solid var(--s-color1); font-size: var(--f-heading2); display: flex; align-items: center; justify-content: center; box-shadow: none; border-radius: var(--b-radius1);}
    #wrap.level-test.exam .contents .selectWrap .innerWrap .q-box .a{width: calc(100% - 282px); padding-left: 24px;}
    #wrap.level-test.exam .contents .selectWrap .innerWrap.text .q-view{width: 384px; height: 56px;}
    #wrap.level-test.exam .contents .selectWrap .innerWrap.text .a.text{background-color: transparent; padding: 0 0 0 24px; box-shadow: none; margin: 0; width: calc(100% - 384px); display: flex; column-gap: 24px;}
    #wrap.level-test.exam .contents .selectWrap .a.text label{width: calc(100% - 204px); }
    #wrap.level-test.exam .contents .selectWrap .a.text label input{height: 56px; line-height: 56px;}
    #wrap.level-test.exam .contents .selectWrap .a.text .message.error{background-image: none; padding-left: 8px; margin-top: 4px;}
    #wrap.level-test.exam .contents .selectWrap .a.text .btn{width: 180px; height: 56px; line-height: 56px;}
    #wrap.level-test.exam .contents .selectWrap .a.text .btn span{border-radius: var(--b-radius3); line-height: 3; height: 56px;}
    #wrap.level-test.exam .contents .selectWrap .a.text .btn input:checked + span{box-shadow: none;}
    #wrap.level-test.exam .contents .selectWrap .roundBox.writing {font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; border: 1px solid var(--s-color1);}
    #wrap.level-test.exam .contents .selectWrap .writing .w-q{padding: 14px 16px; margin-bottom: 16px;}
    #wrap.level-test.exam .contents .selectWrap .writing .w-a{font-weight: 700; flex-wrap: nowrap; align-items: center; white-space: nowrap; justify-content: space-between; padding: 0 8px;}
    #wrap.level-test.exam .contents .selectWrap .writing .w-a input{height: 40px; border-radius: var(--b-radius0); margin: 0 8px;}
    #wrap.level-test.exam .contents .selectWrap .writing .w-a .line{margin: 0; }
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap h2{background-image: none; padding: 0;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap p{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap p br{display: none;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap figure{background-image: url('https://static.edmclass.com/common/level-test/exam-last-icon-32.svg'); width: 32px; height: 32px; margin-bottom: 16px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput{margin-top: 32px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .inputWrap{display: grid; grid-template-columns: repeat(2,1fr); column-gap: 24px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .input + .input{margin: 0;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox{margin-top: 16px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span{padding-left: 32px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span::before{width: 18px; height: 18px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree input[type="checkbox"] + span::after{width: 20px; height: 20px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .agree .toggle-btn{font-size: var(--f-body1); line-height: normal; letter-spacing: -0.42px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail{background-color: var(--b-color5);}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail p{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;}
    #wrap.level-test.exam .contents .selectWrap .lastPage .textWrap .userInput .privacyBox .terms-detail .tit{margin: 4px 0;}
    #wrap.level-test.exam .contents .selectWrap .message{margin-top: 8px; padding-left: 34px; background-image: url('https://static.edmclass.com/common/membership/invalid.svg'); background-size: 16px; background-position: left 16px center; background-repeat: no-repeat}
    #wrap.level-test.exam .bottom-fix-btn{margin-top: 64px;}
    #wrap.level-test.exam .contents .nextPage .flex{justify-content: center; column-gap: 24px;}
    /* 어학원 */
    .academy #wrap.level-test.exam .contents .sequence,
    .academy #wrap.level-test.exam .contents .selectWrap:not(.timeLimit),
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit > *:not(.timerArea){max-width: 996px; }
    .academy #wrap.level-test.exam .contents .sequence li{width: 180px; padding-top: 0;}
    .academy #wrap.level-test.exam .contents .sequence li br{display: none;}
    .academy #wrap.level-test.exam .contents .selectWrap .a.time input + span{text-align: left; padding-left: 24px;}
    .academy #wrap.level-test.exam .contents .selectWrap h2{font-weight: 700;}
    .academy #wrap.level-test.exam .contents .selectWrap h2 p{font-size: var(--f-heading1); font-weight: 400; line-height: 28px; letter-spacing: -0.4px; margin-top: 8px;}
    .academy #wrap.level-test.exam .contents .selectWrap.style2 h2{margin-top: 32px;}
    .academy #wrap.level-test.exam .contents .selectWrap.style2 h2 br{display: initial;}
    .academy #wrap.level-test.exam .contents .selectWrap.style2 h2.first{margin-top: 0; background-image: none; padding-left: 0; }
    .academy #wrap.level-test.exam .contents .selectWrap.style2 h2 + h2,
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit h2 + h2{margin-top: 8px; background-image: none; padding-left: 0; }
    .academy #wrap.level-test.exam .contents .selectWrap.style2 h2 + .q-box,
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit h2 + .q-box{margin-top: 32px;}
    .academy #wrap.level-test.exam .contents .selectWrap.style2 .q-box + h2{margin-top: 32px;}
    .academy #wrap.level-test.exam .contents .readText{margin-top: 16px; border: 1px solid var(--s-color1); box-shadow: none; padding: 24px 24px 0; border-radius: var(--b-radius1); margin-bottom: 32px; }
    .academy #wrap.level-test.exam .contents .readText .scrollWidth{width: calc(100% + 16px);}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing{display: flex; column-gap: 16px; align-items: center; justify-content: space-between;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing .w-q{width: calc(100% - 274px); margin: 0;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing .w-a{width: 274px; padding: 0; display: block; }
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing .w-a input{height: 56px; margin: 0;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing .w-a .line{width: 100%;}
    .academy #wrap.level-test.exam .contents .selectWrap .writing .w-a .message.error{font-weight: 400; background-image: none; padding-left: 8px;}
    .academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select input + span{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; font-weight: 400;}
    .academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select input + span::after{top: 4.5px;}
    .academy #wrap.level-test.exam .contents .selectWrap .writing .w-a.select .message.error{font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2{flex-wrap: nowrap; white-space: nowrap; row-gap: 16px; column-gap: 16px;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2 .w-q{width: auto; flex: 1;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2 .w-a{width: 100%; background-color: transparent; flex: auto;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2 .w-a .line{justify-content: space-between;  flex-wrap: nowrap; white-space: nowrap;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2 p{background-color: var(--b-color5); padding: 14px 16px; border-radius: var(--b-radius0); font-weight: 400;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2.wrap-pc{flex-wrap: wrap;}
    .academy #wrap.level-test.exam .contents .selectWrap .roundBox.writing.style2.row-pc .w-a{width: auto;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .roundBox{flex-wrap: wrap; row-gap: 16px;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .roundBox .w-q{width: 100%;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .roundBox .w-a{width: 100%; height: 160px;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .roundBox .w-a .line{height: 100%;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-q .number{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; top: 14px; right: 16px;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .w-a textarea{font-size: var(--f-body1); padding: 12px; border-radius: var(--b-radius3);}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .q-box + h2{margin-top: 64px;}
    .academy #wrap.level-test.exam .contents .selectWrap.timeLimit .writing .w-a .message.error{margin-top: 24px; margin-left: -16px;}
    /* 지문 sticky */
	.academy #wrap.level-test.exam .contents .sticky-wrap-pc{position: sticky; top: 89px; z-index: 6;}
	.academy #wrap.level-test.exam .contents .sticky-wrap-pc.sticky-active::after{content: ''; position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); background-color: var(--n-white); height: 100vh; width: 100vw; z-index: -1; box-shadow: var(--box-shadow2); pointer-events: none; touch-action: none;}
	.academy #wrap.level-test.exam .contents .sticky-wrap-pc.sticky-active .readText .scrollWrap{max-height: 121px;}
	.academy #wrap.level-test.exam .contents .sticky-wrap-pc.sticky-active h2.step3-tit{padding-top: 64px;}

    /* 타이머 */
    .academy #wrap.level-test.exam .timerArea{width: 100%; max-width: 996px; height: 124px; top: 89px; max-width: 996px; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--s-color1); padding: 24px; border-radius: var(--b-radius1); box-shadow: var(--box-shadow2); background-color: var(--n-white);}
    .academy #wrap.level-test.exam .timerArea .topBox{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; box-shadow: none; border-radius: 0; background-color: transparent; margin: 0; padding: 0;}
    .academy #wrap.level-test.exam .timerArea .topBox > p{text-align: left;}
    .academy #wrap.level-test.exam .timerArea .topBox .br-1{display: none;}
    .academy #wrap.level-test.exam .timerArea .topBox .q-list .answer{width: 80px; height: 40px; font-size: var(--f-body1); line-height: 2.8;}
    .academy #wrap.level-test.exam .timerArea .timer .icon{width: 48px; height: 48px;}
    .academy #wrap.level-test.exam .timerArea.sticky-active{max-width: 996px; padding-left: 0; padding-right: 0;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox{border: none;}
    .academy #wrap.level-test.exam .timerArea.sticky-active::after{height: 100%;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-1{display: none;}
    .academy #wrap.level-test.exam .timerArea.sticky-active .topBox .br-2{display: none;}

    /************************************
        레벨 테스트 결과
    ************************************/
    #wrap.level-test.result{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
    #wrap.level-test.result .max-width{max-width: 792px;}
    #wrap.level-test.result h2{background-size: 20px; padding-left: 32px; width: 100%; margin-bottom: 32px;}
    #wrap.level-test.result h3{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    #wrap.level-test.result .wrap + .wrap{margin-top: 64px;}
    #wrap.level-test.result .roundBox{padding: 24px; border-radius: var(--b-radius2); border: 1px solid var(--s-color1);}
    #wrap.level-test.result .roundBox + .roundBox{margin-top: 0;}
    #wrap.level-test.result .contents .roundBox strong{margin: 16px 0 8px; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}
    #wrap.level-test.result .contents .wrap .roundArea{display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 24px;}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.all{width: 282px;}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.all .scoreTxt{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.score{width: calc(100% - 306px);}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.score .bottom{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-top: 2px;}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.score .box b{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.graph{width: calc(50% - 12px);}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.text{width: calc(50% - 12px);}
    #wrap.level-test.result .contents .wrap.evaluation .roundBox.text .icon{width: 24px; height: 24px;}
    #wrap.level-test.result .contents .wrap.guide h3{padding-left: 28px;}
    #wrap.level-test.result .contents .wrap.guide h3 figure{width: 24px; height: 24px; background-size: 24px;}
    #wrap.level-test.result .contents .wrap.guide .roundBox{width: calc(50% - 12px);}
    #wrap.level-test.result .contents .wrap.guide .order{width: 100%; letter-spacing: -0.33px;}
    #wrap.level-test.result .contents .wrap.guide .order ul{display: flex; padding: 0; column-gap: 24px; }
    #wrap.level-test.result .contents .wrap.guide .order ul::after{top: 50%; width: calc(100% - 80px); height: 0; border-bottom: 1px dashed var(--s-color1); border-left: 0;}
    #wrap.level-test.result .contents .wrap.guide .order ul li{border-radius: var(--f-display3); text-align: center; flex-wrap: wrap; justify-content: center; padding: 16px; width: calc(100%/5);}
    #wrap.level-test.result .contents .wrap.guide .order ul li + li{margin-top: 0; position: relative;}
    #wrap.level-test.result .contents .wrap.guide .order ul li span{display: block; font-size: var(--f-body1); letter-spacing: -0.28px; height: 24px; padding: 0 8.5px; margin-bottom: 8px; line-height: 1.7;}
    #wrap.level-test.result .contents .wrap.guide .order p{font-size: var(--f-body1);}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox{width: calc(50% - 12px); position: relative; padding-bottom: 96px;}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .title strong{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .dotList{margin-bottom: 0;}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .more{font-size: var(--f-heading2); height: 56px; line-height: 2.9; padding-right: 16px; font-weight: 700; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 48px);}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .more svg{width: 24px; height: 24px; right: 16px;}
    #wrap.level-test.result .bottom-fix-btn button,
    #wrap.level-test.result .bottom-fix-btn input[type="submit"],
    #wrap.level-test.result .bottom-fix-btn input[type="button"]{border-radius: var(--b-radius3);}
	/* 배너 */
	#wrap.level-test.result .contents .wrap.banner{border-radius: var(--b-radius1); margin-top: 64px;}

    /* 어학원 */
    .academy #wrap.level-test.result .contents .wrap.guide .roundBox{width: 100%;}
    .academy #wrap.level-test.result .contents .wrap.recommendation h3{padding-left: 36px; background-image: url('https://static.edmclass.com/common/level-test/recommendation-icon.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left center;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox{width: 100%; padding-bottom: 24px;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox a{display: flex; align-items: flex-start;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox .pic{width: 336px;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox .right{width: calc(100% - 336px); padding-left: 16px;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .dotList{margin-top: 0; margin-bottom: 16px;}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox .more{position: relative; transform: none; height: 40px; line-height: 40px; width: 140px; bottom: auto; left: auto; font-size: var(--f-body1);}
    .academy #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner .more svg{width: 16px; right: 12px;}

}


@media screen and (min-width: 1628px){
	.academy #wrap.level-test.exam .contents .sticky-wrap-pc{top: 95px;}
}


/*************************************************************
    hover effect
*************************************************************/
@media (hover: hover) and (pointer: fine) {
    #wrap.level-test .bottom-fix-btn button:hover,
    #wrap.level-test .bottom-fix-btn input:hover,
    #wrap.level-test .bottom-fix-btn a:hover{background-color: var(--p-color2);}

    #wrap.level-test.intro .innerArea .bottom-fix-btn .btn:hover{background-color: var(--p-color2);}

    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner:hover .more{background-color: var(--b-color3); color: var(--n-subTitle);}
    #wrap.level-test.result .contents .wrap.recommendation .roundBox .banner:hover .more svg path {stroke: var(--n-subTitle);}

    #wrap.level-test.exam .contents .nextPage .prev:hover{background-color: var(--b-color3); color: var(--n-subTitle);}
    #wrap.level-test.exam .contents .nextPage .next:hover,
    #wrap.level-test.exam .contents .nextPage .result:hover{background-color: var(--n-subTitle);}

	#wrap.level-test.exam .contents .selectWrap .a.text .btn span:hover{background-color: var(--b-color3); color: var(--n-subTitle); }
}