@keyframes btn_anim{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes print_anim{0%{transform:scale(1);opacity:0}50%{transform:scale(2);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes fadeIn4{0%{opacity:0;transform:translateY(10px)}5%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0px)}}@keyframes fadeIn5{0%{opacity:0;transform:translateY(10px)}5%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0px)}}@keyframes gradient1{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes txt_anim{from{transform:translateY(10%);opacity:0}to{transform:translateY(0);opacity:1}}:root{--white:#fff;--gray0:#DDE1E7;--gray1:#68696D;--gray2:#68696D;--gray3:#48494E;--orange0:#FF7915;--orange1:#FB4E40;--orange2:#FB4E40;--green:#0DA001;--width:1000px;--height:600px;--progressbar_w:380px;--progrssbar_h:9px;--start_page_box_moved:7px;--two_page_block_moved:-4px;--popup_icon:80px;--popup_icon_border:5px;--infront_of_bg:10;--header_z:30;--start_z:20;--index_z:30;--controlbar_z:60;--popup_z:90;--popup_btn_z:1000;--rounded0:5px;--rounded100:100px;--index_shadow:-1px 0 5px 0 rgba(0,0,0,0.25);--header_bottom_shadow:0 4px 15px 0 rgba(0,0,0,0.05);--quiz_icon_shadow:0 4px 4px 0 rgba(72,73,78,.3);--morphism_shadow:-5px -5px 9px rgba(255,255,255,0.45),5px 5px 9px rgba(94,104,121,0.25);--morphism_shadow-inset:inset -5px -5px 9px rgba(255,255,255,0.45),inset 5px 5px 9px rgba(94,104,121,0.25);--morphism_shadow-chasi:-3px -3px 3px rgba(255,255,255,0.45),3px 3px 3px rgba(94,104,121,0.3);--morphism_shadow-orange:-5px -5px 9px rgba(255,255,255,0.45),5px 5px 9px rgba(255,121,21,0.25);--yello_to_orange-top_to_bottom:linear-gradient(0deg,rgba(251,67,64,1) 0%,rgba(253,179,68,1) 100%);--active_chasi:linear-gradient(90deg,rgba(255,121,21,1) 5%,rgba(221,225,231,1) 15%);--end_page_grad:linear-gradient(180deg,rgba(221,225,231,1) 75%,rgba(255,121,21,1) 100%);--next_btn_grad:linear-gradient(90deg,rgba(221,225,231,1) 70%,rgba(255,121,21,1) 100%);--end_btn_grad:linear-gradient(90deg,rgba(221,225,231,1) 70%,rgba(104,105,109,1) 100%);--end_next_page_grad:linear-gradient(-45deg,var(--orange0),var(--orange1),var(--gray0),var(--gray0))}.headline1{font-size:48px;font-weight:700}.headline2{font-size:34px;font-weight:700}.headline3{font-size:24px;font-weight:700}.subtitle1{font-size:20px;font-weight:700}.subtitle2{font-size:18px;font-weight:700}.body1{font-size:20px;font-weight:500}.body2{font-size:18px;font-weight:500}.caption{font-size:14px;font-weight:500}.layer100{z-index:var(--layer100)}html{width:100%;height:100%;font-size:0}body{width:var(--width);height:var(--height)}.clamp1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:5px}.clamp2{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical}.txtWrapper{overflow:auto;display:flex;justify-content:center;align-items:center}.txtWrapper-inner{align-items:center;display:flex;margin-top:auto;margin-bottom:auto;text-align:center}.flex-container{display:flex;flex-direction:column}.square{position:relative}.square:after{content:"";display:block;padding-bottom:100%}.square-inner{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.btn1{display:flex;align-items:center;padding:10px 30px;border-radius:100px;font-size:18px;gap:10px;font-weight:600;background:var(--gray0);box-shadow:var(--morphism_shadow);transition:all .3s linear;color:var(--gray3)}.btn1 svg{margin-top:2px}.btn1:hover{box-shadow:var(--morphism_shadow-inset)}.btn2{box-sizing:border-box;padding:9px 30px;border-radius:100px;font-size:18px;font-weight:600;color:var(--gray3);transition:all .4s linear;box-shadow:var(--morphism_shadow)}.btn2:hover{box-shadow:var(--morphism_shadow-inset)}::-webkit-scrollbar{width:11px;z-index:var(--rounded100)}::-webkit-scrollbar-thumb{width:3px;background:var(--orange0);border-radius:50px;background-clip:padding-box;border:4px solid transparent}::-webkit-scrollbar-track{background:#B0B0B0;background-clip:padding-box;border:4px solid transparent}.logo{width:89px;height:32px;object-fit:contain}.print-layer > *{font-size:initial!important;color:#000;background-color:inherit!important}.memoBox{position:absolute;z-index:100;width:100%;height:100%;background:rgba(0,0,0,70%);left:0;top:0;display:none}.memoBox.kk_open{display:block}.memoBox .memo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;box-shadow:5px 5px 10px rgba(0,0,0,30%);border-radius:20px}.memoBox .memo .pad{overflow:hidden;height:100%;width:100%}.memoBox .memo .pad .title{background:var(--orange1);box-sizing:border-box;padding:10px 20px;border-radius:20px 20px 0 0}.memoBox .memo .pad .title p{font-size:20px;text-align:center;font-weight:700;color:var(--white)}.memoBox .memo .pad .title p span.close{float:right;cursor:pointer;margin-top:2px}.memoBox .memo .pad .textArea{background:#fff;height:300px;border-radius:0 0 20px 20px;box-sizing:border-box;padding:20px}.memoBox .memo .pad .textArea textarea{width:100%;height:100%;border:0;outline:0;resize:none}#indexBox{display:flex;position:absolute;bottom:70px;top:15.6%;transition:all .6s linear;z-index:var(--index_z);right:1.9px;transform:translateX(100%)}#indexBox.visible{transform:translateX(calc(0% + 6px))}#indexBox .indexOpen{border:2px solid var(--white);border-right:none;background:var(--orange1);box-shadow:var(--index_shadow);height:78px;position:absolute;top:70px;left:0;transform:translateX(-100%);border-bottom-left-radius:5px;border-top-left-radius:5px}#indexBox .indexOpen .inner{height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}#indexBox .indexOpen .inner p{white-space:nowrap;transform:translateY(-50%) rotate(-90deg);color:var(--white);margin:16px -3px 0;font-weight:500}#indexBox .indexOpen .inner span.square{width:15px;border-radius:50%}#indexBox .indexOpen .inner span.square img{transform:rotate(0deg);transition:all .4s linear}#indexBox.visible .indexOpen .inner span.square img{transform:rotate(180deg)}#indexBox .indexList-wrapper{color:var(--gray6);padding:15px 0;text-align:center;justify-content:space-between;border:2px solid var(--white);border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:var(--orange1);box-shadow:var(--index_shadow)}#indexBox .indexList-wrapper .indexList{padding:0 15px;gap:15px;overflow-y:auto}#indexBox .indexList-wrapper .indexList li{font-size:14px;font-weight:400;padding:3px 20px;text-align:center;cursor:pointer;border-radius:var(--rounded0);color:var(--white)}#indexBox .indexList-wrapper .indexList li.kk_active{background:var(--gray0);color:var(--orange1);box-shadow:0 4px 4px rgba(180,180,180,.25);font-weight:700}#indexBox .indexList-wrapper .logoBox{margin-top:10px;margin-left:15px;margin-right:15px;position:relative}#indexBox .indexList-wrapper .logoBox::before{content:"";display:block;position:absolute;left:0;right:0;height:1px;background-color:var(--white)}#indexBox .indexList-wrapper .logoBox img{margin-top:10px}#header{z-index:var(--header_z);box-shadow:var(--header_bottom_shadow)}#header .titleBox{padding-bottom:14px}#header .top{display:flex;justify-content:space-between;align-items:center;padding:4px 0;padding-left:25px;padding-right:25px}#header .top .title{color:var(--gray1);font-weight:400}#header .bottom .step{display:flex;align-items:center;gap:7px;color:var(--gray1)}#header .bottom .step .numBox{position:relative;padding:2px 15px 2px 25px;display:flex;align-items:center;gap:5px}#header .bottom .step .numBox .num{display:flex;align-items:flex-end;justify-content:center;color:var(--gray2);padding:2.5px 6px 5.5px;line-height:14px;border-radius:5px;box-shadow:var(--morphism_shadow-inset)}#header .bottom .step .numBox .txt{position:relative;bottom:1px;line-height:1}#header .bottom .step .name{max-width:86%;color:var(--gray1);margin-bottom:1px}#controlBox{z-index:var(--controlbar_z);display:flex;justify-content:space-between;padding:7px 25px;position:absolute;left:25px;right:25px;bottom:10px;border-radius:var(--rounded100);box-shadow:var(--morphism_shadow);background-color:var(--gray0)}#controlBox .iconBox{display:flex;gap:7px;margin-right:5px}#controlBox .iconBox button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}#controlBox .iconBox button svg path{fill:var(--gray2);transition:all .3s linear}#controlBox .iconBox button:hover svg path,#controlBox .playBar button:hover svg path{fill:var(--orange1)}#controlBox .iconBox button#btn_print{position:relative}#controlBox .iconBox button#btn_print::after,#controlBox .iconBox button#btn_print::before{content:"";display:block;position:absolute;top:-2px;right:-2px;border-radius:50px;width:7.5px;height:7.5px}#controlBox .iconBox button#btn_print::after{background:var(--orange0)}#controlBox .iconBox button#btn_print::before{background:#fb4e40;opacity:.1;transform:scale(2.5);animation:print_anim 1.6s infinite}#controlBox .playBar{display:flex;align-items:center;gap:15px}#controlBox .playBar .progressBox{width:var(--progressbar_w);height:var(--progrssbar_h);border-radius:var(--rounded100);overflow:hidden;padding:4px;box-shadow:-5px -5px 9px rgba(255,255,255,0.45),5px 5px 9px rgba(94,104,121,0.3)}#controlBox .playBar .progressBox .progress-bar{height:100%;background:var(--orange0);border-radius:var(--rounded100)}#controlBox .playBar .timeBox{display:flex;align-self:center;gap:15px}#controlBox .playBar .timeBox .timed{color:var(--gray2);display:flex;align-items:center;font-size:14px;font-weight:500}#controlBox .playBar .timeBox button{font-size:16px;width:24px;border-radius:var(--rounded100);transition:all .3s}#controlBox .pasingBox{display:flex;align-items:center;gap:10px}#controlBox .pasingBox button{width:25px;border-radius:100px;transition:all .4s;box-shadow:var(--morphism_shadow);color:var(--gray1)}#controlBox .pasingBox button:hover{box-shadow:var(--morphism_shadow-inset)}#controlBox .pasingBox .num{display:flex;align-items:center;gap:4px}#controlBox .pasingBox .num .now{margin-right:1px;font-size:14px;color:var(--orange0);line-height:15px;font-weight:700}#controlBox .pasingBox .num .all{font-size:14px;color:var(--gray2);line-height:15px;font-weight:700}#dhtmltooltip{position:absolute;width:auto;max-width:800px;line-height:1.5;border:1px solid #000;padding:5px 10px;background-color:#fff;visibility:hidden;z-index:99999999;filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);font-size:13px;color:#000}html{overflow:hidden}body{position:relative;overflow:hidden}body .wrap{background-color:#dde1e7;height:100%;width:100%;overflow:hidden}body .wrap .body{flex:1 1 auto;position:relative;overflow:hidden}body.page .wrap .body > .inner{height:100%;display:flex;align-items:flex-end;z-index:5;position:relative}body.page .wrap .body > .inner .conBox{height:100%;width:100%}.pageName{display:flex;align-items:center;position:relative;margin:13px 25px 2px;pointer-events:none!important;border-left:2.5px solid var(--pink3)}.pageName > span{padding-left:8px;color:var(--gray1)}#btn_next_img,#btn_end_cont{position:absolute;bottom:69px;right:25px;display:flex;align-items:center;gap:10px;z-index:var(--popup_btn_z);animation:btn_anim 2s infinite;border:2px solid var(--white);padding:9px;border-radius:7px;box-shadow:var(--quiz_icon_shadow)}#btn_next_img{background:var(--next_btn_grad)}#btn_end_cont{background:var(--end_btn_grad)}#btn_next_img span,#btn_end_cont span{color:var(--gray1);display:block;line-height:1}#btn_next_img svg,#btn_end_cont svg{filter:drop-shadow(2px 2px 0px rgba(0,0,0,.3))}body.start_page .wrap .inner{box-sizing:border-box;height:100%}body.start_page .wrap .inner .conBox{height:100%;align-items:center;margin:0 70px;justify-content:center;height:calc(100% - 62px)}body.start_page .wrap .inner .conBox > div.stepTit{width:100%;box-sizing:border-box;margin-bottom:50px;position:relative;text-align:center;background:var(--gray0);box-shadow:var(--morphism_shadow);border-radius:50px}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner{position:relative;padding:55px 45px 45px;min-height:200px;overflow:hidden;border-radius:50px}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner .title,body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner .step{z-index:var(--infront_of_bg);position:inherit}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner h2{color:var(--gray3);min-height:137px;text-shadow:0 0 0 var(--gray3),0 1px 2px rgba(255,255,255,1)}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner .step{color:var(--gray2)}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner .step h3{min-height:52px;display:inline;font-size:inherit;font-weight:inherit}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner img{position:absolute}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner img.bottom{left:-16px;bottom:-14px}body.start_page .wrap .inner .conBox > div.stepTit .stepTit-inner img.top{right:-16px;top:-14px}body.two_page .wrap .body .inner .conBox .pageName{margin:13px 25px 10px!important}body.two_page .wrap .body .inner .conBox .lec_list{overflow-y:auto;overflow-x:hidden;margin:0 25px 60px;animation:fadeIn4 1s linear forwards}body.two_page .wrap .body .inner .conBox .lec_list ul{position:relative;padding:5px 3px;gap:5px}body.two_page .wrap .body .inner .conBox .lec_list ul li{display:flex;align-items:center;padding:7px 16px;position:relative;box-shadow:var(--morphism_shadow-chasi);border-radius:5px}body.two_page .wrap .body .inner .conBox .lec_list ul li.selected{background:var(--active_chasi)}body.two_page .wrap .body .inner .conBox .lec_list ul li .num{display:flex;gap:5px;color:#5F6A7A;min-width:90px;margin-right:25px;position:relative}body.two_page .wrap .body .inner .conBox .lec_list ul li.selected .num{color:var(--white)}body.two_page .wrap .body .inner .conBox .lec_list ul li .num::after{display:block;content:"";position:absolute;right:0;top:0;bottom:0;width:1px;border-right:1px solid var(--orange0);border-right-style:dashed}body.two_page .wrap .body .inner .conBox .lec_list ul li.selected .num::after{border-right-color:var(--white)}body.two_page .wrap .body .inner .conBox .lec_list ul li .chasi_nm{line-height:24px;color:var(--gray2);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1 1}body.notice_page .wrap .body .inner .conBox .pageBox{flex:1 1 auto;overflow:hidden;padding:15px 25px 60px}body.notice_page .wrap .body .inner .conBox .pageBox ul{height:100%;display:flex;gap:15px}body.notice_page .wrap .body .inner .conBox .pageBox li{flex:1;border-radius:10px;box-shadow:var(--morphism_shadow);animation:fadeIn5 1s linear;background-color:var(--gray0);overflow:hidden}body.notice_page .wrap .body .inner .conBox .pageBox li .head{display:flex;align-items:center;gap:10px;padding:20px;color:var(--white);border-top-left-radius:10px;border-top-right-radius:10px;position:relative;overflow:hidden}body.notice_page .wrap .body .inner .conBox .pageBox li .head::after{content:"";display:block;position:absolute;background:url(../images/two_page_rec_deco.svg) no-repeat no-repeat 100% 0;right:0;top:0;height:50%;width:100%}body.notice_page .wrap .body .inner .conBox .pageBox li .head p.square{display:flex;align-items:center;justify-content:center;width:35px;border-radius:5px;box-shadow:var(--morphism_shadow-orange);background-color:var(--orange0)}body.notice_page .wrap .body .inner .conBox .pageBox li:last-child .head p.square{background-color:var(--orange2)}body.notice_page .wrap .body .inner .conBox .pageBox li .head h3{display:flex;align-items:center;box-shadow:var(--morphism_shadow-inset);padding:3px 6px;border-radius:var(--rounded100);color:var(--gray2)}body.notice_page .wrap .body .inner .conBox .pageBox li .body{position:relative;padding:0 20px 20px;flex:1 1 auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px;flex:1 1}body.notice_page .wrap .body .inner .conBox .pageBox li .body::after{content:"";display:block;position:absolute;background-repeat:no-repeat;background-position:calc(100% - 10px) calc(100% - 20px);top:0;right:0;bottom:0;left:0}body.notice_page .wrap .body .inner .conBox .pageBox li .body .txtBox{overflow-y:auto;height:100%;z-index:10;position:inherit;line-height:1.35;color:var(--gray1)}body.quiz_page .wrap .body .inner .conBox .pageBox{height:100%;margin:15px 25px 60px}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox{position:relative;z-index:var(--infront_of_bg);box-shadow:var(--morphism_shadow)}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox .quest_idx{line-height:1;border-radius:10px;display:inline-flex;align-items:center;width:88px;color:var(--gray3);box-sizing:border-box;position:relative;box-shadow:var(--morphism_shadow)}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox .quest_idx::before{content:"";display:block;position:absolute;box-shadow:var(--morphism_shadow-inset);top:5px;right:5px;bottom:5px;left:5px;border-radius:5px}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox .quest_idx > span{font-weight:900!important}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox .quest{display:flex;align-items:center;gap:35px;padding:35px;border-radius:5px;border:1px solid var(--pink3)}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox h3{min-height:88px;max-height:88px;align-items:normal;flex:1 1;justify-content:flex-start}body.quiz_page .wrap .body .inner .conBox .pageBox .questBox h3 span{text-align:left!important;color:var(--gray1);line-height:1.6}body.quiz_page .wrap .body .inner .conBox .pageBox .answBox{display:flex;flex:1 1 auto;position:relative;align-items:center;padding:7px 0;line-height:1.5;gap:25px}body.four_page .wrap .body .inner .conBox .pageBox .answBox{padding:30px 0 24px!important}body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox{border-radius:var(--rounded0);align-self:center;cursor:pointer;transition:all .3s linear;position:relative;flex:1;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:var(--morphism_shadow)}body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox > div{z-index:var(--infront_of_bg);position:inherit}body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(2.2);transition:all .5s linear;pointer-events:none}body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox.o.kk_choice,body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox.o:hover{background:var(--green)}body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox.x.kk_choice,body.four_page .wrap .body .inner .conBox .pageBox .answBox .cardBox.x:hover{background:var(--orange0)}body.five_page .wrap .body .inner .conBox .pageBox{flex:1 1 auto;overflow:hidden;margin-bottom:70px;display:flex;align-items:center;justify-content:center;position:relative;animation:fadeIn5 1s linear}body.five_page .wrap .body .inner .conBox .videoBox{width:635px;height:357px;position:relative;border-radius:15px}body.five_page .wrap .body .inner .conBox .videoBox::after{content:"";display:block;position:absolute;top:-7.5px;right:-7.5px;bottom:-7.5px;left:-7.5px;border-radius:20px;background:var(--gray0);z-index:0;box-shadow:var(--morphism_shadow)}body.five_page .wrap .body .inner .conBox .videoBox > video{border-radius:15px;width:635px;height:357px;box-sizing:border-box;z-index:var(--infront_of_bg)}body.five_page .wrap .body .inner .conBox .videoBox > iframe{height:100%;border-radius:15px;z-index:10}body.six_page .wrap .body .inner .conBox .pageBox .answBox{justify-content:normal;align-items:normal;max-height:240px}body.six_page .wrap .body .inner .conBox .pageBox .answBox .wrapper{margin:25px 35px 0 25px;width:100%}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul{gap:10px;height:100%;overflow-x:visible;overflow-y:auto;padding-left:10px;padding-top:10px}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li{display:flex;align-items:baseline;gap:15px;cursor:pointer;color:var(--gray1);width:fit-content}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li .num{width:30px;border-radius:3px;transition:all .5s linear;align-self:flex-start;box-sizing:border-box;z-index:10;box-shadow:var(--morphism_shadow)}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li:hover .num,body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li.kk_check .num{box-shadow:var(--morphism_shadow-inset)}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li .num span{height:100%;box-sizing:border-box;align-items:self-end;color:var(--gray3)}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li .txt{display:inline-block;flex:1;width:100%;color:var(--gray1);line-height:1;    margin-top: 6px;}body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li:hover .txt,body.six_page .wrap .body .inner .conBox .pageBox .answBox ul li.kk_check .txt{color:var(--orange2);font-weight:700}body.seven_page .wrap > .body::after,body.seven_page .wrap > .body::before{content:"";display:block;position:absolute;width:100%;height:174px}body.seven_page .wrap > .body::before{background:url(../images/seven_page_back_deco.svg) no-repeat 100%}body.seven_page .wrap > .body::after{background:url(../images/seven_page_back_deco2.svg) no-repeat 0 100%;transform:translateY(-100%)}body.seven_page .wrap .body .inner .conBox .pageBox li .body{padding:20px!important;position:relative}body.seven_page .wrap .body .inner .conBox .pageBox li .body::after{content:"";display:block;position:absolute;background:url(../images/two_page_rec_deco.svg) no-repeat no-repeat 100% 0;right:0;top:0;height:50%;width:100%}body.end_page .wrap{background:var(--end_page_grad)}body.end_page .wrap .body .inner .conBox .message{margin-top:15px;display:flex;justify-content:center}body.end_page .wrap .body .inner .conBox .messageBox{align-items:center}body.end_page .wrap .body .inner .conBox .messageBox p{color:var(--gray1)}body.end_page .wrap .body .inner .conBox .messageBox h2{color:var(--gray3)}body.end_page .wrap .body .inner .pageBox{flex:1 1 auto;height:100%;overflow:hidden;padding:0 25px 61px}body.end_page .wrap .body .inner .pageBox ul{display:flex;gap:25px;height:100%}body.end_page .wrap .body .inner .pageBox ul li{position:relative;flex:1;padding-top:25px;gap:10px;animation:fadeIn5 1s linear;background-color:var(--gray0);border-radius:10px}body.end_page .wrap .body .inner .pageBox ul li .head{z-index:var(--infront_of_bg);border-radius:var(--rounded100);box-shadow:var(--morphism_shadow);align-self:center;position:relative}body.end_page .wrap .body .inner .pageBox ul li:last-child .head{background:var(--end_next_page_grad);background-size:400% 400%;animation:gradient1 10s ease infinite}body.end_page .wrap .body .inner .pageBox ul li:last-child .head h3{color:var(--orange1)}body.end_page .wrap .body .inner .pageBox ul li:last-child .head::after{content:"";display:block;position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:var(--rounded100);box-shadow:var(--morphism_shadow-inset);background-color:var(--gray0)}body.end_page .wrap .body .inner .pageBox ul li .head h3{z-index:20;position:relative;padding:10px 20px;color:var(--gray1)}body.end_page .wrap .body .inner .pageBox ul li .body{padding:20px;position:relative;flex:1 1 auto;box-shadow:var(--morphism_shadow);border-radius:10px}body.end_page .wrap .body .inner .pageBox ul li .body::after{content:"";display:block;background-color:var(--gray0);position:absolute;border-radius:5px;top:4px;left:4px;right:4px;bottom:4px;box-shadow:var(--morphism_shadow-inset)}body.end_page .wrap .body .inner .pageBox ul li .body .txtBox{overflow-y:auto;height:100%;z-index:20;position:relative;line-height:1.35;color:var(--gray1)}#start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--start_z);background:#dde1e7}#start > .inner{width:100%;height:100%;align-items:center;justify-content:center}#start .inner > div{align-items:center;text-align:center;margin-bottom:70px;gap:30px}#start .inner > div::after{display:block;content:'QUIZ TIME';font-weight:900;position:absolute;width:100%;font-size:120px;z-index:-1;top:50%;transform:translateY(-50%);text-shadow:-5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(255,121,21,0.3);color:var(--gray0)}#start .inner > div .txtBox,#start .inner > div .numBox,#start .inner > div button.start{animation:txt_anim .3s linear forwards}#start .inner > div .numBox{opacity:0;animation-delay:.5s}#start .inner > div button.start{opacity:0;animation-delay:.9s}#start .inner .txtBox h2{color:var(--gray3)}#start .inner .txtBox p{color:var(--gray1)}#start .inner .numBox{width:120px;box-sizing:border-box;position:relative;overflow:hidden;border-radius:100px;overflow:visible}@keyframes start_num_anim{0%{background:conic-gradient(from 180deg at 50% 50%,#FF7915 0%,#FF7915 100%)}100%{background:conic-gradient(from -180deg at 50% 50%,#FF7915 0%,#FF7915 100%)}}#start .inner .numBox::before{content:"";display:block;position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;box-shadow:var(--morphism_shadow-inset);border-radius:100px;background-size:100% 100%;background-position:0 0;animation:start_num_anim 10s forwards}#start .inner .numBox p{border-radius:100px;box-shadow:-5px -5px 9px rgba(255,255,255,0.45),5px 5px 9px rgba(94,104,121,0.3);background:#dde1e7}#start .inner .numBox span{color:var(--gray3);font-size:18px;font-weight:600}#start .inner .numBox span.num{line-height:1;font-weight:700;font-size:48px;color:transparent;text-shadow:0 0 0 var(--gray3),0 1px 2px rgba(255,255,255,.5);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}#correct.positioner,#wrong.positioner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--popup_z);display:flex;align-items:center;justify-content:center;background-color:rgba(104,105,109,.5)}.popup{margin-top:5px}.popup > .iconBox{width:67px;border-radius:10px;position:absolute;left:50%;transform:translate(-50%,-50%);z-index:20;background-color:var(--gray0);border-radius:var(--rounded100);box-shadow:var(--quiz_icon_shadow)}.popup > .iconBox > span{box-shadow:var(--morphism_shadow);border-radius:var(--rounded100)}.popup > .txtBox{background:var(--gray0);width:610px;min-height:193px;align-items:center;padding:50px 30px;z-index:var(--infront_of_bg);position:relative;box-shadow:var(--morphism_shadow);border-radius:10px}.popup > .txtBox::after{content:"";display:block;position:absolute;background-repeat:no-repeat;background-position:calc(100% - 10px) calc(100% - 10px);top:0;right:0;bottom:0;left:0;z-index:-1}.popup > .txtBox h2{line-height:28px;color:var(--gray3)}.popup > .txtBox .desc{margin-top:17px;margin-bottom:15px;min-height:87px;max-height:87px;padding-right:3px;align-items:center;color:var(--gray1)}