@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700&display=swap";address,article,aside,blockquote,body,button,caption,code,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,label,legend,li,menu,nav,object,ol,p,pre,section,table,tbody,td,textarea,tfoot,th,thead,ul{margin:0;padding:0;font-family:Roboto,Noto Sans KR,Arial,AppleGothic,verdana,sans-serif;font-size:10px;line-height:1;color:#00142f;box-sizing:border-box;font-weight:400}body,html{width:100%}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{width:100%;background:#fff;min-width:320px;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all}h1,h2,h3,h4,h5,h6{font-weight:400}body,button,input,select,textarea{border:none;font-size:1.2rem;color:#727272}li,ol,ul{list-style:none}table{width:100%;border-spacing:0;border-collapse:collapse}fieldset,img{border:0}address,cite,code,em{font-style:normal;font-weight:400}button,img,input,label,select,textarea{vertical-align:middle;background-color:transparent}.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden}hr{display:none}article,aside,figure,footer,header,main,nav,section{display:block}a{color:#000;text-decoration:none}.blind{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.wrap,body,html{height:100%}.wrap{position:relative}.container{height:100%}.content{display:flex;flex-direction:column}.banner{height:150px;background-color:#333}.text-control{border-top:1px solid #efefef;border-bottom:1px solid #efefef}.text-control textarea{width:100%;padding:1rem;font-size:1.6rem;color:#333;resize:none}.text-control .btn-area ul{display:flex;align-items:center;gap:0 8px}.text-control .btn-area button[type=submit]{display:flex;justify-content:center;align-items:center;border-radius:100%;padding:1rem;width:36px;height:36px;font-weight:700;color:#fff;background-color:#333;cursor:pointer}.text-control .btn-area button[type=submit] .icon{font-size:1.6rem;color:#fff}.text-control .btn-area button[type=submit]:disabled{opacity:.5}.text-control .btn-area button[type=submit]:disabled:hover{background-color:#333}.text-control .btn-area button[type=submit]:hover{background-color:#ff7f74}.text-control .text-info{display:flex;padding:1rem;align-items:center;gap:0 8px}.text-control .text-info .f-len{margin-left:auto;font-size:1.2rem}.result-grammar{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:1rem 2rem}.result-grammar p{line-height:1.6;font-size:1.8rem;color:#333;word-break:keep-all}.result-grammar .result-info{display:flex;gap:0 8px;margin-top:1rem;border-radius:1rem}.result-grammar .result-info button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:100%;font-size:1.6rem;color:#333;border:1px solid #333;cursor:pointer}.result-grammar .result-info button.hide{display:none}.result-grammar .result-info button:hover{color:#ff7f74;border-color:#ff7f74}.result-grammar .word-space{display:inline-block;cursor:pointer}.result-grammar .word-space:hover{text-decoration:underline}.loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader .loading-icon{color:#ccc;font-size:4rem;animation:animate 2s infinite}.error-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.defult-grammar{width:100%;text-align:center;font-size:3rem}.warn{font-size:1.8rem}.btn-record{position:relative}.btn-record.recording .btn-mic{display:none}.btn-record.recording .btn-stop{display:flex}.btn-record button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:100%;background-color:#333;cursor:pointer}.btn-record button:hover{background-color:#ff7f74}.btn-record button.btn-mic .icon{font-size:2rem;color:#fff}.btn-record button.btn-stop{display:none;background-color:#ff7f74}.btn-record button.btn-stop .icon{font-size:3rem;color:#fff}#modal .modal-wrap{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;background-color:rgba(0,0,0,.6)}#modal .modal-wrap .modal{width:100%;max-width:500px;border-radius:1rem;background-color:#fff}#modal .modal-wrap .modal .header{padding:2rem}#modal .modal-wrap .modal .header h1{font-size:2rem}#modal .modal-wrap .modal .loader{height:300px}#modal .modal-wrap .modal .modal-content{padding:0 2rem}#modal .modal-wrap .modal .modal-content article{width:100%;min-height:300px}#modal .modal-wrap .modal .modal-content .word-article h2{padding:3rem 0;font-size:3rem}#modal .modal-wrap .modal .modal-content .word-article dl{margin-bottom:3rem}#modal .modal-wrap .modal .modal-content .word-article dl.last{margin-bottom:0}#modal .modal-wrap .modal .modal-content .word-article dl dt{font-size:2rem}#modal .modal-wrap .modal .modal-content .word-article dl dd{margin-top:1rem}#modal .modal-wrap .modal .modal-content .word-article dl dd li{display:flex;gap:0 5px;align-items:center;padding-left:1rem;margin-top:1rem;font-size:1.4rem;line-height:1.2}#modal .modal-wrap .modal .modal-content .word-article dl dd li:before{flex-shrink:0;display:block;content:"-"}#modal .modal-wrap .modal .modal-content .word-article dl dd.word-flex{display:flex;flex-wrap:wrap;gap:5px;font-size:1.4rem}#modal .modal-wrap .modal .modal-content .word-article dl dd.word-flex span{display:block;padding:.5rem;border-radius:1rem;border:1px solid #ddd}#modal .modal-wrap .modal .footer{display:flex;justify-content:center;padding:2rem}#modal .modal-wrap .modal .footer button{display:block;padding:1.5rem 1rem;min-width:100px;font-size:1.6rem;border-radius:1rem;color:#fff;cursor:pointer;background-color:#ff7f74}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@media(min-width:1024px){.content{width:800px;margin:0 auto;padding:30px 0;flex-direction:column-reverse;justify-content:flex-end}.text-control{margin-bottom:30px;border:1px solid #efefef;border-radius:1rem;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.text-control textarea{padding:3rem}.text-control .text-info{padding:2rem 3rem}.text-control .text-info .f-len{font-size:1.6rem}.result-grammar{align-items:flex-start;height:300px}.defult-grammar{width:100%;text-align:left;font-size:3rem}}