@font-face{font-family:ka;src:url(../../../ka1.ttf) format("truetype");font-weight:400}:root{--color-redPink: #ab2250;--color-main: #ea4051;--color-pink: #e06c75;--color-orange: #d19a66;--color-green: #98c379;--color-gray-0: rgb(245, 245, 245);--color-gray-1: rgb(235, 235, 235);--color-gray-2: rgb(210, 210, 210);--color-gray-3: rgb(195, 195, 195);--color-gray-4: rgb(180, 180, 180);--color-gray-5: rgb(165, 165, 165);--font-family-default: "Noto Sans KR", sans-serif;--font-size-default: 14px;--color-default: #333;--h1: 1.25rem;--h2: 1.75rem;--h3: 1.5rem;--h4: 1.25rem;--h5: 1rem;--h6: 1rem;--font-weight-h: 600;--background-container-warn: #d60000;--color-container-warn: #fff;--padding-container: 10px;--border-container-hr: 1px solid var(--color-gray-1);--margin-container-hr: 7px;--edge-container-hr: 3px;--background-viewport-warn: #d60000;--border-viewport-warn: 10px solid #d60000;--color-viewport-warn: #fff;--border-viewport-hr: 1px solid var(--color-gray-1);--margin-viewport-hr: 10px;--edge-viewport-hr: 3px;--padding-dialog: 20px;--background-dialog: rgba(0, 0, 0, .95);--background-dialog-container: #fff;--max-width-dialog-container: 700px;--padding-dialog-container: 20px;--border-radius-dialog-container: 3px;--table-th-background: #eeeeee;--table-th-padding: 10px;--table-th-border: #ccc;--table-td-padding: 10px;--table-td-border: #ccc;--icon-size-card: 24px;--font-size-card: 12px;--size-hr-card: 50%;--padding-card: 7px 14px;--border-card: 1px solid #e2e2e2;--border-radius-card: 5px;--margin-card: 3px;--margin-card-gap: 10px;--background-card-0: var(--color-main);--color-card-0: #fff;--background-card-1: #f1f1f1;--color-card-1: #333;--background-card-2: #333;--color-card-2: #fff;--font-size-button: 12px}h1,h1 a{font-family:ka;font-weight:400}.board.viewport{border:10px solid var(--picker-gray-1)}.range.viewport{color:#333;padding:10px 20px}.range.viewport.dark{background:#000;color:#fff;padding:10px 20px}.range.viewport>i+span{margin-left:10px}.range.viewport i{font-size:20px}.range.viewport span{font-size:14px;font-weight:300}.button.viewport span{white-space:nowrap}input[type=range]{margin:0;width:100%;height:1px;cursor:pointer}input[type=range]::-moz-range-progress{background-color:var(--background-default)}input[type=range]::-moz-range-track{background-color:var(--background-default)}input[type=range]::-ms-fill-lower{background-color:var(--background-default)}input[type=range]::-ms-fill-upper{background-color:var(--background-default)}html,body{margin:0;width:100%;height:100%;color:var(--color-default);font-size:var(--font-size-default);line-height:1;font-family:var(--font-family-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;zoom:reset;overscroll-behavior:contain;overflow:hidden;position:fixed;top:0;left:0}*{box-sizing:border-box}img{pointer-events:none}h1,h2,h3,h4,h5,h6,ul,ol,li,p,button{margin:0;padding:0}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h5{font-size:var(--h5)}h6{font-size:var(--h6)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-h)}li{list-style:none}hr{display:block;border:none}input[type=submit],label,button,a{line-height:1;font-family:var(--font-family-default);color:var(--color-default);font-size:var(--font-size-default);cursor:pointer}a{text-decoration:none}label input[type=file]{display:none}[disabled]{cursor:default}input{line-height:1;font-family:var(--font-family-default);color:var(--color-default);font-size:var(--font-size-default)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset}main{width:100%;height:100%;overflow:auto;position:relative}.container{flex:0 0 auto;display:flex;position:relative;border:var(--border-container-warn)}.container:after{content:"container를 사용하기 위해서는 col 또는 row 클래스가 필수 입니다. ";position:absolute;top:0;left:0;right:0;padding:10px;background:var(--background-container-warn);color:var(--color-container-warn);z-index:9999999}.container.col{flex-direction:column;border:none}.container.col>hr{align-self:stretch;margin:var(--margin-container-hr) var(--edge-container-hr);border-top:var(--border-container-hr)}.container.row{flex-direction:row;border:none}.container.row>hr{align-self:stretch;margin:var(--edge-container-hr) var(--margin-container-hr);border-left:var(--border-container-hr)}.container.col:after,.container.row:after{content:none}.viewport{z-index:1;width:100%;height:100%;max-width:100%;max-height:100%;display:flex;position:relative;border:var(--border-viewport-warn)}.start>.viewport,.center>.viewport,.end>.viewport{width:auto}.top>.viewport,.middle>.viewport,.bottom>.viewport{height:auto}.viewport:after{content:"component를 사용하기 위해서는 col 또는 row 클래스가 필수 입니다. ";position:absolute;top:0;left:0;right:0;padding:10px;background:var(--background-container-warn);color:var(--color-container-warn);z-index:9999999}.viewport.col{flex-direction:column;border:none}.viewport.row{flex-direction:row;border:none}.viewport.col:after,.viewport.row:after{content:none}.viewport>hr{border:none;align-self:stretch;margin:var(--margin-viewport-hr) var(--edge-viewport-hr);border-top:var(--border-viewport-hr)}.viewport.row>hr{margin:var(--edge-viewport-hr) var(--margin-viewport-hr);border-left:var(--border-viewport-hr)}.viewport>table{width:100%;margin:0;padding:0;border:none;table-layout:fixed;border-spacing:0;empty-cells:show}.viewport>table thead+tbody>tr>*,.viewport>table thead+tr>*,.viewport>table tr+tr>th,.viewport>table tr+tr>td{border-top:none}.viewport>table tr>th{padding:var(--table-th-padding);border:1px solid var(--table-th-border);background:var(--table-th-background)}.viewport>table tr>td{padding:var(--table-td-padding);border:1px solid var(--table-td-border)}.viewport>table tr>th+td,.viewport>table tr>th+th,.viewport>table tr>td+td{border-left:none}.viewport.left,.viewport.col.left,.viewport.row.top,.container.col.left,.container.row.top{align-items:start}.viewport.center,.viewport.col.center,.viewport.row.middle,.container.col.center,.container.row.middle{align-items:center}.viewport.right,.viewport.col.right,.viewport.row.bottom,.container.col.right,.container.row.bottom{align-items:end}.viewport.top,.viewport.row.left,.viewport.col.top,.container.row.left,.container.col.top{justify-content:start}.viewport.middle,.viewport.row.center,.viewport.col.middle,.container.row.center,.container.col.middle{justify-content:center}.viewport.bottom,.viewport.row.right,.viewport.col.bottom,.container.row.right,.container.col.bottom{justify-content:end}.viewport.fill,.container.fill{flex:1 0 auto}.viewport.fit,.container.fit{height:0;flex:1 1 auto;overflow:auto}.wrap{flex-wrap:wrap}div.absolute{position:absolute;top:0;left:0}img.contain{width:100%;height:100%;object-fit:contain}img.cover{width:100%;height:100%;object-fit:cover}.dialog{overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;width:100%;height:100%;background:var(--background-dialog)}.dialog>.fix{max-width:100%;max-height:100%}.dialog>.fix>.container{display:inline-flex;flex-direction:column;margin:var(--padding-dialog);border-radius:var(--border-radius-dialog-container);border:var(--border-dialog-container);padding:var(--padding-dialog-container) var(--padding-dialog-container) calc(var(--padding-dialog-container) / 2) var(--padding-dialog-container);max-width:var(--max-width-dialog-container);background:var(--background-dialog-container)}button{font-size:var(--font-size-button);border-radius:0;border:none;padding:0;margin:0;background:none;color:var(--color-default)}.card.item{display:flex;flex-direction:row;align-items:center;font-size:var(--font-size-card);border-radius:var(--border-radius-card);border:var(--border-card);padding:var(--padding-card);margin:var(--margin-card);background:var(--background-card-0);color:var(--color-card-0)}.card.item i{color:var(--color-card);font-size:var(--icon-size-card)}.card.item a{color:var(--color-card)}.card.item span+span,.card.item span+i,.card.item i+span{margin-left:var(--margin-card-gap)}.card.item.level-1{background:var(--background-card-1);color:var(--color-card-1)}.card.item.level-1 i,.card.item.level-1 a{color:var(--color-card-1)}.card.item.level-2{background:var(--background-card-2);color:var(--color-card-2)}.card.item.level-2 i,.card.item.level-2 a{color:var(--color-card-2)}.card.item.level-3{background:var(--background-card-3);color:var(--color-card-3)}.card.item.level-3 i,.card.item.level-3 a{color:var(--color-card-3)}.card.item.level-4{border:none;font-weight:700;background:var(--background-card-3);color:var(--color-card-3)}.card.item.level-4 i,.card.item.level-4 a{color:var(--color-card-3)}.tab.item{font-size:var(--font-size-card);border:none;padding:var(--padding-card);background:var(--background-card-0);color:var(--color-card-0)}.tab.item i{color:var(--color-card);font-size:var(--icon-size-card)}.tab.item a{color:var(--color-card)}.tab.item span+span,.tab.item span+i{margin-left:var(--margin-card-gap)}