@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:'Noto Sans CJK KR','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',dotum,'돋움',Roboto,Arial,sans-serif;overflow-y:scroll}p i{display:inline-block;font-style:normal}a:link,a:visited{-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-text-decoration-color:#d3d3d3;text-decoration-color:#d3d3d3;text-underline-offset:.4rem}img{max-width:100%;height:auto}input{width:100%;height:3.5rem;padding:10px;font-size:1rem;border:2px solid #dce1eb;border-radius:5px}button{height:2.5rem;padding:.5rem;background-color:#fff;color:#000;font-size:1rem;border:1px solid #000;border-radius:5px;cursor:pointer}button:hover{background-color:#bec8d7}button:active{background-color:#a0afc3}button.icon>img{display:inline-block;vertical-align:middle;height:32px}button.blue{background-color:#1e90ff!important;color:#fff;border-color:#00f}button.blue:hover{background-color:#00bfff!important}button.blue:active{background-color:#0000cd!important}button.wide{width:100%}select{border:2px solid #dce1eb;border-radius:5px;overflow-y:hidden;scrollbar-width:0}select>option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;font-size:1rem}.flex-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.flex-col{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.no-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}body>.wrap{position:relative;width:450px;max-width:100%;margin:0 auto}body>.wrap>header{width:450px;height:50px;max-height:50px;display:table;table-layout:fixed;-webkit-box-shadow:0 3px 3px rgba(128,128,128,.25);box-shadow:0 3px 3px rgba(128,128,128,.25)}body>.wrap>header a{text-decoration:none;color:#000}body>.wrap>header>.top-L{display:table-cell;width:260px;padding:0 10px;vertical-align:middle}body>.wrap>header>.top-L .title{font-size:1.5rem;font-weight:700}body>.wrap>header>.top-L .maker{font-size:1rem}body>.wrap>header>.top-R{display:table-cell;width:100%;text-align:right;vertical-align:middle;padding-right:10px}body>.wrap>header>.top-R button{padding:0;width:38px;height:38px;border-width:0}body>.wrap>header>.top-R button.open{background-color:#dce1eb}body>.wrap>footer{position:fixed;z-index:9;width:450px;height:10px;max-height:10px;line-height:10px;background-color:#dce1eb;bottom:0;margin-bottom:0;text-align:center;font-size:10px}body>.wrap>.tab-page{width:450px;margin-bottom:20px;padding:0;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body>.wrap>.tab-page>.text-line{height:3rem;line-height:3rem;font-size:1.25rem;text-align:center}body>.wrap>.tab-page>.text-line.message{color:Purple}body>.wrap>.tab-page>.text-line.message:not(:empty){-webkit-animation:alert 1s;animation:alert 1s}body>.wrap>.tab-page>.box{width:100%;margin-top:10px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.5rem;font-size:1rem}body>.wrap>.tab-page>.box>h2{text-align:center;font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:5px}body>.wrap>.tab-page>.box>h3{font-size:1rem;font-weight:700;margin-bottom:5px}body>.wrap>.tab-page>.box>ul{padding:0 0 10px 24px;border:2px solid #dce1eb;border-radius:5px}body>.wrap>.tab-page>.box>ul>li{margin:8px 8px 0 0;color:Navy;word-wrap:break-word;word-break:break-all}body>.wrap>.tab-page>.box>ul>li>p{padding-left:1rem;color:gray}body>.wrap>.tab-page>.box>.innerBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body>.wrap>.tab-page>.box ul.example>li>p{line-height:2.5rem}body>.wrap>.tab-page>.box ul.example>li>p>i{width:2rem;height:2rem;line-height:2rem;padding:0;margin-right:.5rem;text-align:center;-webkit-box-shadow:0 0 0 2px #dce1eb inset;box-shadow:0 0 0 2px #dce1eb inset;border-radius:5px;font-weight:700}body>.wrap>.tab-page>.box ul.example>li>p>i.try{width:2.5rem;text-align:left;color:gray;-webkit-box-shadow:none;box-shadow:none;font-weight:400}body>.wrap>.tab-page>.box ul.example>li>p>i.a{color:#d3d3d3}body>.wrap>.tab-page>.box ul.example>li>p>i.x{background-color:#696969;color:#fff;-webkit-box-shadow:none;box-shadow:none}body>.wrap>.tab-page>.box ul.example>li>p>i.gree{background-color:#50b946;color:#fff;-webkit-box-shadow:none;box-shadow:none}body>.wrap>.tab-page>.box ul.example>li>p>i.oran{background-color:#ebb914;color:#fff;-webkit-box-shadow:none;box-shadow:none}body>.wrap>.tab-page>.box ul.example>li>p>i.gray{background-color:#a0afc3;color:#fff;-webkit-box-shadow:none;box-shadow:none}body>.wrap>.tab-page>.box ul.example>li>p>img{max-width:330px}body>.wrap>.tab-page>.box ul.example>li>p.line-text{line-height:1.5rem}body>.wrap>.tab-page .board{border:2px solid #dce1eb;border-radius:5px}body>.wrap>.tab-page .board>table{border-spacing:4px}body>.wrap>.tab-page .board>table>tr>td{width:56px;height:56px;font-size:1.5rem;font-weight:700;border:2px solid #dce1eb;border-radius:5px;text-align:center;cursor:default}body>.wrap>.tab-page .board>table>tr>td.black{background-color:#696969;color:#fff;border-width:0}body>.wrap>.tab-page .board>table>tr>td:not(:empty){border-color:Tomato;-webkit-animation:jelly .2s ease-in;animation:jelly .2s ease-in}body>.wrap>.tab-page .board>table>tr.passable>td:not(:empty){border-color:#1e90ff;-webkit-animation:jelly .2s ease-in;animation:jelly .2s ease-in}body>.wrap>.tab-page .board>table>tr.passable>td.green{background-color:#50b946;color:#fff;border-width:0}body>.wrap>.tab-page .board>table>tr.passable>td.orange{background-color:#ebb914;color:#fff;border-width:0}body>.wrap>.tab-page .board>table>tr.passable>td.gray{background-color:#a0afc3;color:#fff;border-width:0}body>.wrap>.tab-page .board>table>tr.shake{-webkit-animation:shake 1s cubic-bezier(.36,.07,.19,.97) both;animation:shake 1s cubic-bezier(.36,.07,.19,.97) both}body>.wrap>.tab-page>.text-line.word>a{font-size:1.25rem}body>.wrap>.tab-page>.text-line.word>a.tip{font-size:1rem}body>.wrap>.tab-page>.keyboard>.line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body>.wrap>.tab-page>.keyboard>.line>button{width:40px;height:56px;margin:2px;padding:0;background-color:#dce1eb;color:#000;font-size:1rem;font-weight:700;border-radius:5px;border-width:0;cursor:pointer}body>.wrap>.tab-page>.keyboard>.line>button:hover{background-color:#bec8d7}body>.wrap>.tab-page>.keyboard>.line>button:active{background-color:#a0afc3}body>.wrap>.tab-page>.keyboard>.line>button:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}body>.wrap>.tab-page>.keyboard>.line>button.wide{width:62px}body>.wrap>.tab-page>.keyboard>.line>button.hidden{visibility:hidden}body>.wrap>.tab-page>.keyboard>.line>button.gray{background-color:#a0afc3;color:#fff}body>.wrap>.tab-page>.keyboard>.line>button.orange{background-color:#ebb914;color:#fff}body>.wrap>.tab-page>.keyboard>.line>button.green{background-color:#50b946;color:#fff}body>.wrap>.tab-page>.keyboard>.mobile{padding:10px 10px 0 10px;text-align:center}body>.wrap>.tab-page>.keyboard>.mobile>input{width:10rem;height:2rem}#PLAY>.user{height:50px;padding:0 10px}#PLAY>.user>.nickname{width:185px;height:32px}#PLAY>.user>.difficulty{height:32px;font-size:1rem}#PLAY>.user>.difficulty>option{font-size:1rem}#PLAY>.box{margin-top:0}#PLAY>.hint{display:none}#PLAY>.hint>.text{line-height:2.5rem}#PLAY>.result{display:none;padding:0 10px}#PLAY>.result>.innerBox{padding:16px;border-radius:10px}#PLAY>.result>.innerBox>p{height:5rem;line-height:5rem;font-size:3.5rem;text-align:center}#PLAY>.result>.innerBox>button{margin-top:16px}#PLAY>.result.win>.innerBox{background-color:#7fffd4}#PLAY>.result.lose>.innerBox{background-color:Pink}#PLAY>.infinity{display:none}#LOADING{display:-webkit-box;display:-ms-flexbox;display:flex}#MAKE>.answer>.only-in-dict{height:2rem}#MAKE>.answer>.only-in-dict>input{width:1rem;height:1rem}#MAKE>.answer>button{margin-top:8px}#MAKE>.guideline{width:100%}#SETTINGS>.select.box{display:-ms-grid;display:grid;-ms-grid-columns:100px auto;grid-template-columns:100px auto;grid-template-areas:"h3 h3" "se de";-webkit-column-gap:10px;column-gap:10px}#SETTINGS>.select.box>h3{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:h3;margin-bottom:5px}#SETTINGS>.select.box>select{-ms-grid-row:2;-ms-grid-column:1;grid-area:se}#SETTINGS>.select.box>.desc{-ms-grid-row:2;-ms-grid-column:2;grid-area:de;padding:10px;line-height:2.5rem;border:2px solid #dce1eb;border-radius:5px}#SETTINGS>.select.box>.desc>ul{list-style:none}#HELP>.box>ul>li>a{text-underline-offset:.2rem}#WIDGET_POOL{display:none}@-webkit-keyframes jelly{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes jelly{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes alert{0%{color:Red}100%{color:Purple}}@keyframes alert{0%{color:Red}100%{color:Purple}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}html.theme-high-contrast>body>.wrap>.tab-page>.box ul.example>li>p>i.gree{background-color:#f57828}html.theme-high-contrast>body>.wrap>.tab-page>.box ul.example>li>p>i.oran{background-color:#46b9e6}html.theme-high-contrast>body>.wrap>.tab-page>.box ul.example>li>p>i.gray,html.theme-high-contrast>body>.wrap>.tab-page>.box ul.example>li>p>i.x{background-color:#878c96}html.theme-high-contrast>body>.wrap>.tab-page .board>table>tr>td.black{background-color:#878c96}html.theme-high-contrast>body>.wrap>.tab-page .board>table>tr.passable>td.green{background-color:#f57828}html.theme-high-contrast>body>.wrap>.tab-page .board>table>tr.passable>td.orange{background-color:#46b9e6}html.theme-high-contrast>body>.wrap>.tab-page .board>table>tr.passable>td.gray{background-color:#878c96}html.theme-high-contrast>body>.wrap>.tab-page>.keyboard>.line>button.gray{background-color:#878c96}html.theme-high-contrast>body>.wrap>.tab-page>.keyboard>.line>button.orange{background-color:#46b9e6}html.theme-high-contrast>body>.wrap>.tab-page>.keyboard>.line>button.green{background-color:#f57828}html.theme-midnight>body{background-color:#000;color:#ccc}html.theme-midnight a{color:#569bd1;-webkit-text-decoration-color:gray;text-decoration-color:gray}html.theme-midnight button{background-color:gray}html.theme-midnight button.blue{background-color:#1e90ff}html.theme-midnight input,html.theme-midnight select{background-color:#000;border-color:#696969;color:#ccc}html.theme-midnight>body>.wrap>header a{color:#fff}html.theme-midnight>body>.wrap>footer{color:#000}html.theme-midnight>body>.wrap>footer a{color:#000}html.theme-midnight>body>.wrap>.tab-page>.text-line.message{color:#d07ad1}html.theme-midnight>body>.wrap>.tab-page>.text-line.message:not(:empty){-webkit-animation:none;animation:none}html.theme-midnight>body>.wrap>.tab-page>.box>h2,html.theme-midnight>body>.wrap>.tab-page>.box>h3{color:#d3d3d3}html.theme-midnight>body>.wrap>.tab-page>.box>ul{border-color:#696969}html.theme-midnight>body>.wrap>.tab-page>.box>ul>li{color:#569bd1}html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i{-webkit-box-shadow:0 0 0 2px #696969 inset;box-shadow:0 0 0 2px #696969 inset}html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.a{color:#404040}html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.gray,html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.gree,html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.oran,html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.x{color:#000;-webkit-box-shadow:none;box-shadow:none}html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.gray,html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.x{background-color:gray}html.theme-midnight>body>.wrap>.tab-page>.box ul.example>li>p>i.try{-webkit-box-shadow:none;box-shadow:none}html.theme-midnight>body>.wrap>.tab-page .board{border-color:#696969}html.theme-midnight>body>.wrap>.tab-page .board>table>tr>td{border-color:#696969}html.theme-midnight>body>.wrap>.tab-page .board>table>tr>td.black{background-color:gray;color:#000}html.theme-midnight>body>.wrap>.tab-page .board>table>tr>td:not(:empty){border-color:Tomato}html.theme-midnight>body>.wrap>.tab-page .board>table>tr.passable>td:not(:empty){border-color:#1e90ff}html.theme-midnight>body>.wrap>.tab-page .board>table>tr.passable>td.green{color:#000}html.theme-midnight>body>.wrap>.tab-page .board>table>tr.passable>td.orange{color:#000}html.theme-midnight>body>.wrap>.tab-page .board>table>tr.passable>td.gray{background-color:gray;color:#000}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button{background-color:#b4b4b4}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button:hover{background-color:#969696}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button:active{background-color:#787878}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button.gray{background-color:gray;color:#000}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button.orange{background-color:#ebb914;color:#000}html.theme-midnight>body>.wrap>.tab-page>.keyboard>.line>button.green{background-color:#50b946;color:#000}html.theme-midnight #PLAY>.result.win>.innerBox{background-color:#5abe80;color:#000}html.theme-midnight #PLAY>.result.lose>.innerBox{background-color:#be5a80}html.theme-midnight #PLAY>.result.lose>.innerBox a{color:#000}html.theme-midnight #SETTINGS>.select.box>.desc{border-color:#696969}html.theme-deeppink>body>.wrap>header a{color:#ff1493}html.theme-deeppink>body>.wrap>.tab-page>.box>h2,html.theme-deeppink>body>.wrap>.tab-page>.box>h3{color:#ff1493}html.theme-deeppink>body>.wrap>.tab-page>.box ul.example>li>p>i.gree,html.theme-deeppink>body>.wrap>.tab-page>.box ul.example>li>p>i.x{background-color:#ff1493}html.theme-deeppink>body>.wrap>.tab-page>.box ul.example>li>p>i.oran{background-color:#e6d200}html.theme-deeppink>body>.wrap>.tab-page .board>table>tr>td.black{background-color:#ff1493}html.theme-deeppink>body>.wrap>.tab-page .board>table>tr.passable>td.green{background-color:#ff1493}html.theme-deeppink>body>.wrap>.tab-page .board>table>tr.passable>td.orange{background-color:#e6d200}html.theme-deeppink>body>.wrap>.tab-page>.keyboard>.line>button.orange{background-color:#e6d200}html.theme-deeppink>body>.wrap>.tab-page>.keyboard>.line>button.green{background-color:#ff1493}html.theme-sunlight>body{background-color:#fcf6e5}html.theme-sunlight button,html.theme-sunlight input,html.theme-sunlight select{background-color:#fcf6e5}