body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden;overflow-x:hidden;overflow-y:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:1440px;width:2560px}body{-webkit-user-select:none;user-select:none}&::-webkit-scrollbar{height:14px;width:14px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:4px solid #00cdda;border-radius:10px;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}.fade-in{animation:fadein .3s}.background{overflow:hidden;overflow-x:hidden;overflow-y:hidden;position:relative}.background-image{height:1440px;position:relative;width:2560px}.hover-image-container{align-items:center;display:flex;height:1260px;justify-content:center;position:relative;top:-1278px;width:2460px}.hover-image{mix-blend-mode:overlay;position:relative;transform:scale(.5);transform-origin:center}.background-text{-webkit-clip-path:inset(0 0 75% 0);clip-path:inset(0 0 75% 0);height:1440px;left:0;position:absolute;top:0;width:2560px;z-index:300}.door-container{flex-direction:row;gap:97px;left:172px;top:408px;width:2211px}.door-btn-container,.door-container{display:flex;height:873px;position:absolute}.door-btn-container{flex-direction:column;left:0;width:480px;z-index:101}.door-image{height:107%;left:-25px;pointer-events:none;position:absolute;top:-30px;width:112%;z-index:100}.door-image-open-0,.door-image-open-1,.door-image-open-2,.door-image-open-3{height:106%;left:-25px;pointer-events:none;position:absolute;top:-28px;transition:opacity 1s;width:106%;z-index:99}.door-shadow-0,.door-shadow-1,.door-shadow-2,.door-shadow-3{height:158%;left:-270px;pointer-events:none;position:absolute;top:-250px;transition:opacity 1s;width:217%;z-index:98}.homeBtn-0,.homeBtn-1,.homeBtn-2,.homeBtn-3{cursor:pointer;height:74px;left:120px;position:relative;top:400px;width:264px;z-index:101}.door2-container{height:1060px;left:697px;position:absolute;top:316px;width:1165px;z-index:190}.door2-container:hover .btn{z-index:101}.door2-image{height:135%;left:-408px;opacity:1;pointer-events:none;position:absolute;top:-310px;transition:opacity .3s ease;width:170%;z-index:100}.door2-image img:hover{opacity:0;transition:opacity .7s ease}.door2-image img:not(:hover){opacity:1;transition:opacity .7s ease}.btn{cursor:pointer;gap:0;height:84px;left:420px;position:absolute;top:480px;width:320px}.navigation{font-family:Chosun;position:absolute;width:2560px}.navigation,.navigation-container{display:flex;height:1440px;justify-content:flex-end}.navigation-container{flex-direction:row;width:100px;writing-mode:vertical-rl;z-index:202;a{-webkit-user-drag:none;text-decoration:none;-webkit-user-select:none;user-select:none}}.navigation-btn{text-decoration:none;-webkit-user-select:none;user-select:none;a{text-decoration:none;-webkit-user-select:none;user-select:none}}.navigation-content{align-items:center;border-bottom:1px solid #000;border-left:6px solid #000;color:#000;cursor:pointer;display:flex;font-size:32px;font-weight:400;height:288px;justify-content:center;line-height:42px;position:relative;text-align:center;width:100px;z-index:203;&:hover{animation:fadein .3s ease-out;background-color:#000;color:#00cdda}}.navigation-content-hover{background-color:#000;border-bottom:1px solid #000;border-left:6px solid #000;color:#000;color:#00cdda;cursor:pointer;font-size:32px;font-weight:400;height:288px;justify-content:center;line-height:42px;position:relative;width:100px;z-index:205}.navigation-content-hover,.open-btn{align-items:center;display:flex;text-align:center}.open-btn{color:#000;font-family:SUIT;font-size:24px;font-weight:700;height:80px;left:2427px;line-height:24px;position:fixed;top:0;width:40px;&:hover{cursor:pointer}}.sidebar{left:2414px;width:40px}.sidebar,.sidebar-close,.sidebar-open{background:#00cdda;height:1440px;position:absolute;top:0;z-index:203}.sidebar-close,.sidebar-open{background-image:linear-gradient(90deg,#ffffffe6,#ffffffe6 10.5%,#ffffffb3 27.5%,#fff0);background-position:0;background-repeat:no-repeat;background-size:18px 100%;left:1934px;width:520px}.sidebar-open{animation:slideLeft .2s ease-out}.sidebar-close{animation:slideRight .2s ease-out}.sidebar-title,.sidebar-title-close{border-bottom:1.5px solid #000;font-family:SUIT;font-size:24px;font-weight:800;height:32px;left:194px;line-height:32px;position:absolute;text-align:center;top:24px;width:132px}.sidebar-bottom,.sidebar-bottom-text,.sidebar-bottom-text-name,.sidebar-content,.sidebar-text,.sidebar-text-normal,.sidebar-title{animation:fadein .3s ease-in}.sidebar-bottom-close,.sidebar-bottom-text-close,.sidebar-bottom-text-name-close,.sidebar-content-close,.sidebar-text-close,.sidebar-text-normal-close,.sidebar-title-close{opacity:0}.sidebar-content,.sidebar-content-close{display:flex;flex-direction:column;gap:29.33px;left:44px;position:absolute;top:136px;width:432px}.sidebar-bottom,.sidebar-bottom-close{border-top:.67px solid #000;left:44px;position:absolute;top:1332px;width:432px}.sidebar-bottom-text-name,.sidebar-bottom-text-name-close{font-family:SUIT;font-size:21.33px;font-weight:500;height:32px;left:2px;line-height:32px;position:absolute;text-align:left;top:10px;width:56px}.sidebar-bottom-text,.sidebar-bottom-text-close{font-family:SUIT;font-size:21.33px;font-weight:500;height:54px;left:80px;line-height:26.67px;position:absolute;text-align:left;top:10px;width:273.33px}.sidebar-text,.sidebar-text-close{font-family:SUIT;font-size:21.33px;font-weight:800;line-height:32px;text-align:left}.sidebar-text-normal,.sidebar-text-normal-close{font-family:SUIT;font-size:21.33px;font-weight:500;line-height:34.67px;text-align:left}.bg-container{height:100%;left:0;overflow-x:hidden;overflow-y:hidden;position:absolute;top:0;width:100%;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.letter{box-shadow:0 0 30px 0 #00000080;height:620.12px;left:705px;top:475px;width:990px}.letter,.letter-box{position:absolute;transform:rotate(-5deg)}.letter-box{height:570px;left:732.33px;overflow-x:scroll;top:504px;width:934.5px;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.letter-text{height:auto;left:7px;position:absolute;width:917px}.title-name{box-sizing:border-box;color:#000;font-family:Shilla_Culture;font-size:24px;font-weight:700;line-height:44px;margin:0 0 10px}.line{background-color:#000;height:1.5px;position:absolute;width:1640px}.bg-text{box-sizing:border-box;padding-top:20px}.pp-modal-container{align-items:flex-start;background-color:#00000080;display:flex;height:1080px;justify-content:center;position:absolute;width:1920px;z-index:201}.pp-modal-img{height:676px;left:360px;top:200px}.pp-modal-content,.pp-modal-img{animation:fadeInDown .2s;width:1920px}.pp-modal-content{border-top:6px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:630px;justify-content:center;left:20px;overflow-x:scroll;overflow-y:hidden;position:absolute;top:20px;z-index:202;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.pp-modal-text{height:220px;width:6140px}.pp-modal-image{height:400px;width:6140px}.x-btn-modal{animation:fadein 1s both;animation-delay:.7s;cursor:pointer;height:48px;left:860px;position:absolute;top:900px;width:48px;z-index:803}.modal-background{animation:fadein .3s both;animation-delay:.4s;background-color:#000c;height:1440px;position:absolute;width:2560px;z-index:200}.modal-content{display:flex;height:1440px;position:relative;width:2560px;z-index:201;img{animation:slideOpacityLeft .8s ease-in both;animation-delay:.7s}}.x-btn-close{animation:fadeout .3s both;animation-delay:.6s;cursor:pointer;height:48px;left:860px;position:absolute;top:900px;width:48px;z-index:803}.modal-background-close{animation:fadeout .3s both;animation-delay:.8s;background-color:#000c;height:1440px;position:absolute;width:2560px;z-index:200}.modal-content-close{display:flex;height:1440px;position:relative;width:2560px;z-index:201;img{animation:slideOpacityRight .8s ease-in both!important}}.pp-title{align-items:center;height:44px;justify-content:flex-start;width:100%}.pp-title,.pp-title-pp{display:flex;flex-direction:row}.pp-title-pp{gap:20px}.pp-title-set{align-items:center;gap:10px;height:44px}.pp-title-left,.pp-title-set{display:flex;flex-direction:row}.pp-title-left{gap:20px;width:50%}.pp-text{color:#000;font-family:Chosun;font-size:28px;font-weight:400;line-height:44px}.pp-notice,.pp-text{align-items:center;display:flex}.pp-notice{animation:blink-effect 1s step-end infinite;font-family:SUIT;font-size:16px;font-weight:700;line-height:24px;text-align:left}.pp-title-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:40%}.underline{height:6px!important;width:171px!important}.pp-book{cursor:pointer;font-family:Chosun;font-size:28px;font-weight:400;line-height:44px;text-align:left;width:171px}.book-modal-container{align-items:flex-start;background-color:#000000d9;display:flex;height:1440px;justify-content:center;position:absolute;width:2560px;z-index:401}.x-button{height:48px;left:1256px;position:absolute;top:730px;width:48px;&:hover{cursor:pointer}}.book-image{height:718px;width:2560px}.book-modal-title{align-items:center;background:linear-gradient(180deg,#fff,#fff 50%,#fff0);display:flex;font-family:SUIT;font-size:18px;font-weight:600;height:48px;justify-content:center;line-height:24px;position:absolute;text-align:center;width:100%;span{animation:blink-effect 1s step-end infinite;white-space:pre-wrap}}.book-modal-content{animation:slideModalDown .3s both;border-bottom:2px solid #00cdda;height:718px;position:absolute;width:2560px;z-index:402}.book-modal-shadow-left{background:linear-gradient(0deg,#ffffffe6,#ffffffe6 10.5%,#ffffffb3 27.5%,#fff0);height:18px;left:-263px;position:fixed;top:372.5px;transform:rotate(90deg);width:612px}.book-content{border-left:2px solid #000;border-right:2px solid #000;border-top:6px solid #000;height:613px;left:32px;margin-bottom:1px;top:70px;z-index:415}.book-content,.book-content-border{display:flex;flex-direction:row;font-family:Chosun;position:absolute;width:2495px}.book-content-border{height:620px;overflow-x:scroll;overflow-y:hidden;z-index:403;&::-webkit-scrollbar{background:#0000;height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.book-item{border-right:2px solid #000;display:flex;flex-direction:column;height:620px;width:560px}.book-item:last-child{border-right:none}.book-text{height:220px}.book-item-title{font-family:Chosun;font-size:28px;font-weight:400;height:40px;line-height:40px;padding-left:24px;padding-top:22px;text-align:left;width:300px}.book-item-content{font-family:Chosun;height:96px;letter-spacing:-.01em;width:512px}.book-item-content,.book-item-year{font-size:18px;font-weight:400;line-height:32px;padding-left:24px;padding-top:10px;text-align:left}.book-item-year{display:flex;flex-direction:row;gap:20px;height:32px;width:435px}.book-item-image{border-top:2px solid #000;box-sizing:border-box;gap:20px;height:393px;img{height:320px;width:auto}}.book-item-hover,.book-item-image{align-items:center;border-bottom:2px solid #000;display:flex;flex-direction:row;justify-content:center;width:560px}.book-item-hover{background-color:#00000080;color:#00cdda;font-family:SUIT;font-size:20px;font-weight:800;height:612px;line-height:40px;position:absolute;text-align:center;z-index:202}.present-modal-container{align-items:flex-start;background-color:#000000d9;display:flex;flex-direction:row;height:1440px;justify-content:flex-start;position:absolute;width:2560px;z-index:401}.present-modal-content{animation:slideModalRight .3s;border-right:2px solid #00cdda}.present-image,.present-modal-content{height:1440px;width:800px}.present-modal-title{align-items:center;background:linear-gradient(180deg,#fff,#fff 50%,#fff0);display:flex;font-family:SUIT;font-size:18px;font-weight:600;height:48px;justify-content:center;line-height:24px;position:absolute;text-align:center;width:800px;span{animation:blink-effect 1s step-end infinite;white-space:pre-wrap}}.present-content{border-top:6px solid #000;box-sizing:border-box;height:1315px;overflow-x:hidden;overflow-y:scroll;position:absolute;top:105px;width:800px;&::-webkit-scrollbar{background:#0000;height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.present-modal-shadow{background:linear-gradient(180deg,#ffffffe6,#ffffffe6 10.5%,#ffffffb3 27.5%,#fff0);height:18px;left:0;position:fixed;top:110px;width:800px}.present-item{border-bottom:4px solid #000;display:flex;flex-direction:column;font-family:SUIT;height:-webkit-max-content;height:max-content;width:800px}.present-item-title,.present-item-title-hover{align-items:center;border-bottom:1px solid #000;display:flex;flex-direction:row;font-size:20px;font-weight:700;height:72px;line-height:24px;text-align:left;width:800px}.present-item-title-hover{background-color:#00cdda}.present-item-num{align-items:center;border-right:1px solid #000;display:flex;height:72px;justify-content:center;text-align:center;width:72px}.present-item-row-hover{background-color:#00cdda;background-image:linear-gradient(0deg,#fff,#ffffff88 5%,#fff0 15%);height:72px}.present-item-rowfalse{height:72px}.present-item-choices{border-collapse:collapse;font-family:SUIT;font-size:20px;font-weight:500;height:216px;line-height:24px;width:100%}.present-item-choice{border-bottom:1px dashed;border-right:1px dashed;height:-webkit-max-content;height:max-content;padding:0 0 0 24px;width:-webkit-max-content;width:max-content}.present-item-choice:last-child{border-bottom:none}.present-item-percent{border-bottom:1px dashed;text-align:center;width:144px}.past-container-border{display:flex;flex-direction:column;font-family:Chosun;height:613px;left:32px;position:absolute;top:111px;width:2489px;z-index:403}.past-container{height:608px;overflow-x:hidden;overflow-y:scroll;position:absolute;top:-6px;width:2496px;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.past-content{flex-direction:column;font-family:SUIT!important;height:4740px;top:105px;width:2496px}.past-content,.past-titles{display:flex;left:32px;z-index:404}.past-titles{border-bottom:6px solid #000;flex-direction:row;font-family:SUIT;font-size:20px;font-weight:700;height:38px;line-height:24px;position:absolute;text-align:left;top:67px;width:2489px}.past-title-0{left:22px;position:absolute}.past-title-1{left:288px;position:absolute}.past-title-2{left:498px;position:absolute}.past-title-3{left:2270px;position:absolute}.past-row{align-items:center;border-bottom:2px solid #000;box-sizing:border-box;display:flex;flex-direction:row;font-family:SUIT;font-size:20px;font-weight:500;height:-webkit-max-content;height:max-content;line-height:30px;padding-left:22px;position:relative;text-align:left}.past-row:last-child{border-bottom:none}.past-cell-0,.past-cell-1,.past-cell-2,.past-cell-3{font-family:SUIT;font-size:20px;font-weight:500;line-height:30px;padding-left:22px;position:relative;text-align:left;white-space:pre-wrap}.past-cell-0{padding-left:0;width:70px}.past-cell-1{left:175px;width:88px}.past-cell-2{box-sizing:initial;left:275px;width:1110px}.past-cell-3{left:917px;width:248px}.pp-content{height:1260px;overflow-x:hidden;overflow-y:scroll;width:2456px;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.pp-container{height:1321px;position:absolute;top:118px}.pp-container,.pp-row-container{display:flex;flex-direction:column;width:2460px}.pp-row-container{white-space:nowrap;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.pp-title-container{align-items:flex-end;border-bottom:6px solid #000;display:flex;font-family:Chosun;font-size:20px;font-weight:400;height:40px;line-height:40px;padding-left:32px;padding-right:32px;text-align:left}.pp-shadowbar{background:linear-gradient(180deg,#ffffffe6,#ffffffe6 10.5%,#ffffffb3 27.5%,#fff0);height:18px;position:absolute;top:45px;width:2454px;z-index:201}.pp-title-0{left:32px;position:absolute}.pp-title-1{left:392px;position:absolute}.pp-title-2{left:766px;position:absolute}.pp-title-3{left:1137px;position:absolute}.pp-title-4{left:2340px;position:absolute}.pp-row{align-items:center;border-bottom:1.5px solid #000;box-sizing:border-box;display:flex;flex-direction:row;height:56px;justify-content:space-between;overflow-y:scroll;padding-left:32px;padding-right:32px;position:relative;width:2460px;&:hover{cursor:pointer}}.pp-cell-0,.pp-cell-1,.pp-cell-2,.pp-cell-3,.pp-cell-4,.pp-cell-hover-0,.pp-cell-hover-1,.pp-cell-hover-2,.pp-cell-hover-3,.pp-cell-hover-4{color:#000;font-family:Shilla_Culture;font-size:24px;font-weight:500;letter-spacing:4%;line-height:48px;text-align:left}.pp-cell-0{left:32px;width:81px}.pp-cell-1{left:392px;width:95px}.pp-cell-2{left:766px;width:110px}.pp-cell-3{left:1137px;width:930px}.pp-cell-4{left:2340px;text-align:right;width:88px}.pp-cell-hover-0{left:92px;position:absolute;width:81px}.pp-cell-hover-1{left:452px;position:absolute;width:95px}.pp-cell-hover-2{left:826px;position:absolute;width:110px}.pp-cell-hover-3{align-items:center;display:flex;flex-direction:row;left:1197px;position:absolute;width:930px}.right-triangle{border-left:15px solid #000;margin-right:10px}.left-triangle,.right-triangle{border-bottom:10px solid #0000;border-top:10px solid #0000;height:0;margin-top:17px;transform:translateY(-50%);width:0}.left-triangle{border-right:15px solid #000;margin-left:10px}.pp-cell-hover-4{left:2340px;position:absolute;text-align:right;width:88px}.quiz-container{align-items:center;animation:quizOpen .5s;background:linear-gradient(180deg,#ffffffe6,#ffffff4d 2.5%,#fff0 4%);border-bottom:1.5px solid #000;display:flex;height:564px;justify-content:center;overflow:hidden;position:relative}.quiz-image{transform:scale(.5)}.quiz-content{display:flex;flex-direction:column;height:370px;position:absolute;width:780px}.quiz-index,.quiz-title-right,.quiz-title-wrong{align-items:center;color:#000;display:flex;font-family:Chosun;font-size:26px;font-style:normal;font-weight:400;height:48px;justify-content:center;letter-spacing:.04em;line-height:48px;text-align:center;width:100%}.quiz-box{background:#fff6;transform:scale(.333)}.quiz-index{text-shadow:0 0 50px #fff,0 0 12px #fff,0 0 10px #fff,0 0 10px #fff}.quiz-title-right{text-shadow:0 0 40px #00cdda,0 0 10px #00cdda}.quiz-title-wrong{text-shadow:0 0 40px #e95b42,0 0 10px #e95b42}.quiz-title{font-size:20px;line-height:48px;text-shadow:0 0 10px #fff,0 0 12px #fff,0 0 50px #fff}.quiz-choices,.quiz-title{font-family:Chosun;font-weight:400;margin-top:10px;text-align:center}.quiz-choices{display:flex;flex-direction:column-reverse;font-size:16px;gap:20px;justify-content:center;line-height:22.5px;text-orientation:upright;white-space:nowrap;word-spacing:-20px;writing-mode:vertical-rl}.quiz-choice,.quiz-choice-right,.quiz-choice-wrong{align-items:center;background-color:#fff6;background-size:cover;display:flex;flex-direction:row;height:234px;justify-content:center;width:116.25px}.quiz-choice{&:hover{background-color:#00cdda;cursor:pointer}}.quiz-choice-right{background-color:#00cdda}.quiz-choice-wrong{background-color:#e95b42}.quiz-choice-index{box-sizing:border-box;height:52px;justify-content:center;text-align:center}.quiz-choice-index,.quiz-choice-text{align-items:center;display:flex;width:100%}.quiz-choice-text{height:185px;justify-content:flex-start;padding-top:18px}.quiz-explanation{align-items:center;display:flex;flex-direction:column;font-family:Chosun;font-size:26px;font-weight:400;gap:10px;height:208px;justify-content:space-evenly;line-height:48px;margin:40px 0 0;text-align:center;text-shadow:0 0 10px #fff,0 0 12px #fff,0 0 50px #fff;white-space:pre-wrap;width:782px;span{margin:0;padding:0}}.dot{background:#000;border:2px solid #fff;border-radius:50%;content:"";height:12px;width:12px}.pp-compare-container{align-items:center;animation:fadein 1s;background-color:#00000080;display:flex;height:1080px;justify-content:center;position:absolute;width:1920px;z-index:201}.pp-compare-bg{height:680px;position:absolute;width:1200px}.pp-compare-modal-content{position:absolute;z-index:201;img{height:680px;width:1200px}}.pp-compare{display:flex;flex-direction:column;height:490px;overflow-y:scroll;position:absolute;top:160px;width:580px;z-index:202;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.pp-compare-text{align-items:left;box-sizing:border-box;color:#000;display:flex;flex-direction:column;font-size:20px;padding-left:40px;white-space:wrap;width:540px}.pp-compare-text,.pp-compare-title{font-family:Chosun;font-weight:400;line-height:40px}.pp-compare-title{font-size:18px}.overview-container{display:flex;flex-direction:row;font-family:Chosun;height:1200px;left:61px;position:absolute;top:180px;width:2338px}.overview-content{border-bottom:2px solid #000;border-left:2px solid #000;border-top:6px solid #000;display:flex;flex-direction:column;height:1200px;width:586px;z-index:10}.overview-content:last-child{border-right:2px solid #000}.overview-title{align-items:center;background:#00cdda;border-bottom:2px solid #000;box-sizing:border-box;color:#000;display:flex;font-size:30px;height:80px;justify-content:center;width:586px;&:hover{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff}}.overview-title-hovered{align-items:center;background:#00cdda;border-bottom:2px solid #000;box-sizing:border-box;color:#000;display:flex;font-size:30px;height:80px;justify-content:center;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff;width:586px}.overview-class{display:flex;flex-direction:row}.class-content{align-items:center;border-bottom:2px solid #000;box-sizing:border-box;cursor:pointer;display:flex;font-size:28px;font-weight:400;height:280px;justify-content:center;line-height:36px;width:100%;writing-mode:vertical-lr;&:hover{animation:fadein .2s ease-out;background-color:#000;color:#fff}}.class-content:not(:last-child){border-right:2px solid #000}.overview-text-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:840px;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll!important;position:relative;z-index:10;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-thumb{background-color:#00cdda;border:8px solid #00cdda;outline:none}&::-webkit-scrollbar-track{background-color:#0000;box-shadow:none}}.shadowbar{background:linear-gradient(180deg,#ffffffe6,#ffffffe6 10.5%,#ffffffb3 27.5%,#fff0);height:18px;position:fixed;top:546px;width:586px}.overview-text{display:flex;flex-direction:column;gap:24px;height:40px;padding-top:24px;width:505px;img{height:auto;width:369px}}.class-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.class-container:last-child{padding-bottom:24px}.class-title{align-items:start;display:flex;font-size:28px;font-weight:700;line-height:40px;width:100%}.class-text,.class-title{font-family:Shilla_Culture}.class-text{font-size:22px;font-weight:500;line-height:44px;white-space:pre-wrap}.cd-modal-container{align-items:center;animation:fadein .3s forwards;background-color:#00000080;display:flex;height:1440px;justify-content:center;position:absolute;width:2560px;z-index:600}.cd-modal-text{font-family:Shilla_Culture;font-size:56px;font-weight:700;height:66px;left:1170px;letter-spacing:.12em;line-height:65.63px;position:absolute;text-align:center;top:415px;width:222px;z-index:601}.cd-modal-img{height:800px;left:680px;overflow-x:none;top:340px;width:1240px;will-change:transform,top,left;&:hover{cursor:pointer;filter:drop-shadow(0 0 10px #00cdda)}}.cd-modal-img-clicked{cursor:pointer;height:auto;left:680px;top:340px;width:1280px;will-change:transform,top,left}.cd-modal-gif{animation:fadein .3s both;animation-delay:.4s;cursor:pointer;height:441px;left:660px;opacity:0;position:absolute;top:600px;width:705px;z-index:600}.cd-modal-content{align-items:center;border-top:6px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:1440px;justify-content:center;left:20px;overflow-x:hidden;overflow-y:hidden;position:absolute;width:2560px;z-index:601}.x-btn{cursor:pointer;left:860px;top:900px;width:48px;z-index:603}.title,.x-btn{height:48px;position:absolute}.title{background:linear-gradient(180deg,#fff,#fff 63%,#fff0);box-sizing:border-box;font-family:SUIT;font-size:18px;font-weight:600;left:0;line-height:24px;padding-top:11px;pointer-events:auto;text-align:center;top:0;width:2460px;span{animation:blink-effect 1s step-end infinite;font-family:SUIT;font-size:18px;font-weight:600;line-height:24px;white-space:pre-wrap}}.pp-btn{font-size:18px;height:48px;padding:0 14px;position:absolute;width:136px;&:hover{color:#00cdda;cursor:pointer}}.house-container{display:flex;height:105.6px;justify-content:center;position:absolute;top:-12px;width:97.2px}.house-content{cursor:pointer;height:62.4px;position:absolute;top:-15px;width:96px;z-index:100}.house-content-hover{background:radial-gradient(ellipse 90% 90% at center,#00cddacc 0,#00cdda00 40%,#00cdda00 100%);cursor:pointer;height:192px;left:-50px;position:absolute;top:-60px;width:192px}.house-title{position:absolute;top:-125px;transform:scale(.33);z-index:201}.house-name{color:#000;font-family:Chosun;font-size:22px;font-weight:400;line-height:24px;padding:0;text-align:center;top:35px;z-index:101}.cloud1,.house-name{cursor:pointer;position:absolute}.cloud1{height:335px;left:60px;top:512px;width:1062px;z-index:150}.cloud2{height:313px;left:1127px;top:532px;width:659px}.cloud2,.cloud3{cursor:pointer;position:absolute;z-index:150}.cloud3{height:283.2px;left:533px;top:277px;width:651.6px}.cloud4{cursor:pointer;height:168px;left:1416px;position:absolute;top:254px;width:426px;z-index:150}@keyframes blink-effect{50%{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:1;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(0,-100%,0)}}@keyframes fadeInLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(-100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(100%,0,0)}}@keyframes slideLeft{0%{transform:translateX(520px);width:0}to{transform:translateX(0);width:520px}}@keyframes slideRight{0%{width:520px}to{transform:translateX(480px);width:40px}}@keyframes slideModalLeft{0%{transform:translateX(0);width:800px}to{transform:translateX(-800px);width:0}}@keyframes slideModalRight{0%{transform:translateX(-800px);width:0}to{transform:translateX(0);width:800px}}@keyframes slideModalDown{0%{height:0;transform:translateY(-712px)}to{height:712px;transform:translateY(0)}}@keyframes slideModalUp{0%{height:712px;transform:translateY(0)}to{height:0;transform:translateY(-752px)}}@keyframes quizOpen{0%{height:0}to{height:564px}}@keyframes quizClose{0%{height:564px}to{height:0}}@keyframes slideOpacityLeft{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes slideOpacityRight{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@font-face{font-family:Chosun;src:url(https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2) format("woff2")}@font-face{font-family:Shilla_Culture;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2) format("woff2")}@font-face{font-family:SUIT;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2")}
/*# sourceMappingURL=main.f90cd5ee.css.map*/