@font-face{font-family:HancomHunminjeongeum;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2406-1@1.0/HancomHoonminjeongeumH.woff) format("woff");font-weight:400;font-display:swap}html{display:flex;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.header{margin-bottom:20px}body{background-color:#7a4807;background-image:url(https://www.transparenttextures.com/patterns/arabesque.png);height:100vh;width:100%;max-width:500px;scrollbar-width:thin;scrollbar-color:#533512 #b16c1d}ul{list-style-type:none;margin:0;padding:0}figure{display:block;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;unicode-bidi:isolate}a{text-decoration:none}.header-title{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin:0}.header-left,.header-right{display:flex;justify-content:baseline;align-items:end;width:100%;margin:0}.title-button{color:#fff;width:100px;font-family:HancomHunminjeongeum;margin-block:15px;font-size:1.5rem;font-weight:500;filter:drop-shadow(3px 1px 0 #333)}.title-img{margin-top:-50px;margin-inline:-20px}.title-img.left{opacity:1;animation:leftMoveAnimation 7.42s infinite}.title-img.middle{opacity:0;animation:fadeInAnimation 7.42s infinite}.title-img.right{opacity:1;animation:rightMoveAnimation 7.42s infinite}@keyframes leftMoveAnimation{0%{transform:translateX(0)}0%,31%{opacity:1}50%,to{opacity:0;transform:translateX(25px)}}@keyframes rightMoveAnimation{0%{transform:translateX(0)}0%,31%{opacity:1}50%,to{opacity:0;transform:translateX(-25px)}}@keyframes fadeInAnimation{0%,31%{opacity:0}51%,to{opacity:1}}.tooltip-button{margin-left:auto;margin-right:10px}.absolute{position:absolute}.body{margin-bottom:100px;font-weight:500}.body.no-scroll{overflow:hidden}.sr-line{border-bottom:3px solid #502f05;filter:blur(1px)}.sr-line-dotted{border-bottom:1px dotted #502f05;filter:blur(1px);margin-top:20px;margin-bottom:20px}.sm-text{font-size:10px}.input-container{position:relative}.input-box{font-size:1rem;border:0 solid #7a48075d;width:100%;border-radius:10px;padding:10px 0 10px 10px;margin-bottom:10px;color:transparent;caret-color:#fff;background-clip:text;-webkit-background-clip:text;box-sizing:border-box;box-shadow:inset 0 0 2px rgba(0,0,0,.7);filter:drop-shadow(1px 1px 1px #333)}.input-box.hp{box-shadow:inset 0 0 2px rgba(255,0,0,.7);font-weight:600}.input-box.mp{box-shadow:inset 0 0 2px rgba(0,35,190,.7);font-weight:600}.input-box::placeholder{color:#fff}.input-box:hover{box-shadow:1px 1px 5px rgba(0,0,0,.5)}.list-monster-img{max-height:80px}label{right:10px;padding:5px;font-size:.8rem;font-weight:600;color:#111}.search-box{font-size:1.2rem;border:none;border-left:2px solid #dddddd88;padding:10px;width:100%;color:transparent;background-clip:text;-webkit-background-clip:text}.search-box:hover{border-color:#333;box-shadow:0 0 5px rgba(0,0,0,.2)}.search-box::placeholder{color:#fff}.search-box:focus{outline:none;border-color:#333;box-shadow:0 0 5px rgba(0,0,0,.2)}.common-button{display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:30px;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);color:#fff;padding:10px;border-radius:10px}.common-button:hover{outline:none;border-color:#333;box-shadow:1px 1px 4px rgba(0,0,0,.5)}.common-button:active{box-shadow:inset 1px 1px 4px rgba(0,0,0,.5)}@media (max-width:768px){.common-button{font-size:small}}.footer{background-color:#0000003d;color:#fff;text-align:left;position:fixed;width:100%;left:0;bottom:0;padding:7px}@media (max-width:768px){.footer{position:relative;width:auto;border-radius:10px;margin-bottom:10px;padding-left:10px}}.footer a,.footer span{color:#ddd}.footer a,.footer p,.footer span{font-size:.7rem;font-weight:700;margin-right:10px;margin-block:5px}.footer p{color:#aaa}.grid{display:flex}.grid-child{flex-flow:column;margin:0 10px 10px}.grid-column-2{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-auto-flow:dense;height:fit-content;gap:10px}.sub-main-title{display:flex;align-items:center;background-image:url(https://www.transparenttextures.com/patterns/arches.png),linear-gradient(180deg,#9c5d0a,#7a4807);margin-top:0;color:#fff;padding:10px 10px 10px 20px;font-size:26px;box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:5px}.sub-main-icon{margin-right:10px}.sub-main-container{background-color:#9e6207;background-image:url(https://www.transparenttextures.com/patterns/paper-2.png);border-radius:2px;padding:10px;margin:0 10px;border-bottom:2px dotted #964e0a}.sp-table{display:grid;grid-auto-rows:minmax(40px,fit-content);gap:0;border-radius:10px;overflow:hidden;width:100%;height:auto;box-shadow:2px 2px 2px rgba(0,0,0,.2);height:fit-content;grid-auto-flow:dense}.sp-table,.sp-tb-1{grid-template-columns:repeat(1,1fr)}.sp-tb-2{grid-template-columns:repeat(2,1fr)}.sp-tb-3{grid-template-columns:repeat(3,1fr)}.sp-tb-4{grid-template-columns:repeat(4,1fr)}.sp-tb-5{grid-template-columns:repeat(5,1fr)}.sp-tb-6{grid-template-columns:repeat(6,1fr)}.sp-row{width:100%}.sp-data{background:#ffc78033;padding:5px;display:flex;justify-content:center;align-items:center;text-align:center}.sp-data.button{cursor:pointer}.sp-data.button:hover{box-shadow:0 0 5px #333}.sp-data.button:active{box-shadow:inset 0 0 5px #333}.sp-data-head{background:#502f05aa;color:#fff}.text-center{text-align:center}.sm-text{font-size:13px}tspan{color:#fff}.main-menu-toggle{width:40px;height:20px;margin-left:auto;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;filter:drop-shadow(1px 1px 1px #333)}.toggle-bar{height:4px;width:100%;background-color:#eee;border-radius:2px}.main-menu-body{justify-content:center;justify-items:center;justify-self:center}.main-menu-group{display:flex;width:fit-content;flex-flow:wrap;justify-content:center;margin-top:5px;max-height:0;opacity:0;transition:max-height .7s cubic-bezier(1,0,0,1),opacity .7s cubic-bezier(1,0,0,1)}.main-menu-group.expanded{max-height:1000px;opacity:1}.main-menu-button{display:flex;justify-content:center;align-items:center;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);margin:0 2px 5px;color:#eee;padding:10px;border-radius:10px;cursor:pointer;font-size:16px;text-orientation:upright;height:20px;transition:box-shadow .3s ease;box-shadow:3px 3px 7px #333}.main-menu-button:hover{filter:brightness(1.1)}.main-menu-button:active{box-shadow:inset 3px 3px 7px #333}@media (max-width:768px){.main-menu-body,.main-menu-toggle{display:none}}.main-bottom-menu-body{display:none;position:fixed;left:0;bottom:0;width:100%}@media (max-width:768px){.main-bottom-menu-body{display:block}}.main-bottom-menu-group{display:flex;align-items:left;overflow-x:scroll;gap:3px;padding:10px 10px 0}.main-bottom-menu-button{padding:5px;cursor:pointer;font-size:.8rem;color:#fff;border-radius:8px 8px 0 0;filter:drop-shadow(0 -2px 2px #333);display:flex;justify-content:center;align-items:center;text-align:center;min-width:50px;background-image:url(https://www.transparenttextures.com/patterns/arches.png),linear-gradient(180deg,#a8640c,#7a4807)}.main-bottom-menu-button:active{filter:drop-shadow(0 0 0 #333);box-shadow:inset 0 2px 2px #333}.top-btn{position:fixed;bottom:170px;right:70px;z-index:10;padding:10px;background-image:url(https://www.transparenttextures.com/patterns/arches.png),linear-gradient(180deg,#a8640c,#7a4807);color:#fff;font-weight:300;font-size:1.2rem;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s}@media (max-width:768px){.top-btn{bottom:70px;right:0;border-radius:30px 0 0 30px}}.top-btn.show{opacity:1;visibility:visible}.top-btn:hover{background-color:#b6720ccb}.setting-btn{position:fixed;z-index:10;padding:10px;background-image:url(https://www.transparenttextures.com/patterns/arches.png),linear-gradient(180deg,#a8640c,#7a4807);color:#fff;font-weight:300;font-size:1.2rem;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s}.setting-btn:hover{background-color:#b6720ccb}.setting-btn:active{box-shadow:inset 1px 1px 3px rgba(0,0,0,.5)}.top-btn:active{box-shadow:inset 0 4px 6px rgba(0,0,0,.5)}@media (max-width:768px){.setting-btn.show{opacity:1;visibility:visible}.setting-btn{bottom:20px;left:auto;right:0;border-radius:30px 0 0 30px}}.setting-btn.header{position:relative;bottom:auto;right:auto;z-index:10;padding:10px;background-image:none;background-color:#0003;color:#fff;font-weight:300;font-size:1.2rem;border-radius:10px;cursor:pointer;opacity:1;visibility:visible;box-shadow:none;left:auto;margin:0 0 0 auto}.setting-btn.header:hover{background-color:#3333}.setting-btn.header:active{box-shadow:inset 0 4px 6px rgba(0,0,0,.5)}.flex{display:flex;gap:3px;align-items:center}.flex-column{flex-direction:column;width:100%}.flex-center{display:flex;justify-content:center;align-items:center}.radio-group{display:flex;gap:3px;margin-bottom:10px}.radio-button{padding:10px 0;background-color:#9c5d0a48;background-image:url(https://www.transparenttextures.com/patterns/arches.png);cursor:pointer;color:rgba(3,3,3,.5);transition:background-color .3s ease;text-align:center;width:100%;font-size:1rem}.radio-selected{background-color:#92570a;color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.2)}.radio-button.round{border-radius:10px}.radio-first-child{border-radius:10px 0 0 10px}.radio-last-child{border-radius:0 10px 10px 0}.radio-button:hover{box-shadow:0 1px 4px rgba(0,0,0,.5)}.radio-button:active{box-shadow:inset 0 1px 4px rgba(0,0,0,.5)}.range-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:20px}.range{width:100%;height:12px;-webkit-appearance:none;appearance:none;background:transparent;box-shadow:inset 0 0 3px rgba(0,0,0,.7);border-radius:30px;accent-color:#92570a;padding:0}.range::-moz-range-thumb{width:25px;height:25px;border-radius:30px;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);cursor:pointer}.range::-ms-thumb{width:25px;height:25px;border-radius:30px;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:30px;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);cursor:pointer}.range-button{padding:5px 10px;font-size:16px;cursor:pointer;background-color:#92570a;color:#fff;border:none;border-radius:5px}.range-button:hover{border-color:#333;box-shadow:1px 1px 4px rgba(0,0,0,.5)}.range-button:active{border-color:#333;box-shadow:inset 1px 1px 4px rgba(0,0,0,.5)}.selector{width:calc(100% - 10px);position:absolute;overflow:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#533512 #b16c1d;color:#fff;font-size:1rem;background-color:#92570a;background-image:url(https://www.transparenttextures.com/patterns/arches.png);border-radius:10px;max-height:100px;padding:5px;margin-top:-10px;list-style-type:none;box-shadow:1px 1px 3px rgba(0,0,0,.2);z-index:100}.selector:before{width:100vh;height:100vh;background-color:#000}.selector-list{filter:drop-shadow(1px 1px 1px #000);margin-bottom:3px;border-radius:10px;padding:5px}.selector-list:hover{background-color:#ac6e27}.selector::-webkit-scrollbar{width:12px;height:12px}.selector::-webkit-scrollbar-track{background:#b16c1d;border-radius:10px}.selector::-webkit-scrollbar-thumb{background-color:#533512;border-radius:10px;border:3px solid #b16c1d}.selector::-webkit-scrollbar-thumb:hover{background-color:#5f3911}.result-box{margin-bottom:20px}.result-desc-box{border-radius:10px;width:100%;display:flex;padding-left:20px;justify-content:left;align-items:center;background-color:hsla(49,89%,75%,.4);box-shadow:0 0 10px rgba(255,208,1,.7)}.result-text{filter:drop-shadow(1px 1px 1px #fff)}.width-100{width:100%}.width-fit{width:fit-content}.height-100{height:100px;overflow-y:scroll}.height-200{height:200px;overflow-y:scroll}.display-none{display:none}.no-background-color{background-color:transparent}.max-height-100{max-height:100px;overflow-y:scroll}.bottom-sheet{display:flex;justify-content:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:10}.bottom-sheet-container{position:fixed;bottom:0;left:auto;width:100%;height:fit-content;background-color:#9e6207;background-image:url(https://www.transparenttextures.com/patterns/paper-2.png);border-radius:16px 16px 0 0;box-shadow:0 -4px 12px rgba(0,0,0,.1);transform:translateY(100%);z-index:20;max-width:768px}.bottom-sheet-header{height:80px}.bottom-sheet-container .close-button{position:absolute;top:10px;left:50%;width:fit-content;padding:10px;border-radius:30px;background-color:#9e6207;text-align:center;font-size:1.5rem;color:#ddd}.bottom-sheet-container .close-button:hover{box-shadow:1px 1px 3px #333}.bottom-sheet-container .close-button:active{box-shadow:inset 1px 1px 3px #333}.bottom-sheet-container .handle{display:none}@media (max-width:768px){.bottom-sheet-header{height:40px;cursor:grab}.bottom-sheet-container .close-button{display:none}.bottom-sheet-container .handle{display:block;width:50px;height:5px;background-color:#bbb;border-radius:5px;position:absolute;top:10px;left:50%;transform:translateX(-50%)}}.bottom-sheet-body{padding:0 10px 20px;max-height:50vh;overflow-y:scroll}.overlay.active{opacity:1;visibility:visible}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ma-10{margin-block:10px}.ma-20{margin-block:20px}.ma-30{margin-block:30px}.block-banner{width:100%;margin-block:20px}.top-banner{width:100%;margin-bottom:20px}.y-bd{border:1px solid #ff3}