*,::before,::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}ul,ol{margin:0;padding:0}

/*@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-kr_korean@1.44.1/files/noto-sans-kr-korean-400.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-kr_korean@1.44.1/files/noto-sans-kr-korean-400.woff") format("woff"); } @font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; src: url("https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-kr_korean@1.44.1/files/noto-sans-kr-korean-700.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-kr_korean@1.44.1/files/noto-sans-kr-korean-700.woff") format("woff"); }*/

/*body,p,pre,textarea {font-family: "Noto Sans KR", sans-serif;}*/
pre {overflow: hidden;}
#root {}


img {max-width: 100%}


/* 로딩이미지 */
#circle1 {
      animation: move1 2s linear infinite;
    }
    #circle2 {
      animation: move2 2s linear infinite;
    }
    #circle3 {
      animation: move3 2s linear infinite;
    }
    #circle4 {
      animation: move4 2s linear infinite;
    }
    @keyframes move1 {
      0% {
        transform: translate(-20px, -20px);
      }
      25% {
        transform: translate(20px, -20px);
      }
      50% {
        transform: translate(20px, 20px);
      }
      75% {
        transform: translate(-20px, 20px);
      }
      100% {
        transform: translate(-20px, -20px);
      }
    }
    @keyframes move2 {
      0% {
        transform: translate(20px, -20px);
      }
      25% {
        transform: translate(20px, 20px);
      }
      50% {
        transform: translate(-20px, 20px);
      }
      75% {
        transform: translate(-20px, -20px);
      }
      100% {
        transform: translate(20px, -20px);
      }
    }
    @keyframes move3 {
      0% {
        transform: translate(20px, 20px);
      }
      25% {
        transform: translate(-20px, 20px);
      }
      50% {
        transform: translate(-20px, -20px);
      }
      75% {
        transform: translate(20px, -20px);
      }
      100% {
        transform: translate(20px, 20px);
      }
    }
    @keyframes move4 {
      0% {
        transform: translate(-20px, 20px);
      }
      25% {
        transform: translate(-20px, -20px);
      }
      50% {
        transform: translate(20px, -20px);
      }
      75% {
        transform: translate(20px, 20px);
      }
      100% {
        transform: translate(-20px, 20px);
      }
    }