@import "./awesome-dings.css";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*html {
  font-size: 14px;
  overflow-x: hidden;
}*/

/*body {
  font-weight: 400;
  font-size: 1rem;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.4px;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  margin: 0 auto;
}

button {
  outline: none;
  cursor: pointer;
  border-color: transparent;
}

p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}*/

#modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal #modal-container{
  position: relative;
  margin: 0 auto;
  top: 3%;
  width:85%;
  height:85%;
  background: #ffffff;
}


#modal #modal-close-btn{
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
  z-index: 1001;
}


#parser-loading {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: url(../images/loading-icon.gif) center no-repeat rgba(121,121,121,0.1);
}
.container {
  width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.header {
  width: 100%;
  height: 95px;
  padding: 20px 30px 0;
  overflow: hidden;
  background-color: #38bbc7;

}

.header .container .logo {
  float: left;
  width: 260px;
  text-align: center;
  border-right: 1px solid #ffffff;
  padding: 10px 0;
  height: 55px;
}

.header .container .logo img {
  height: 100% !important;
}

.header .container .contact {
  float: left;
  width: calc(100% - 260px);
  font-size: 13pt;
  color: #ffffff;
  padding-left: 80px;
}

.header .container .contact span {
  display: block;
}

.header .container .contact .title {
  font-size: 22px;
  font-weight: 500;
}

.header .container .contact .description {
  font-size: 12px;
  margin-top: 5px;
}

.main-container {
  padding: 20px 260px;
  text-align: center;
}

.main-container #drag-drop-area {
  cursor: pointer;
  font-size: 1.25rem;
  position: relative;
  padding: 100px 20px;

  outline: 2px dashed #38bbc7;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
  margin-bottom: 30px;
}

.main-container #drag-drop-area.drag-on {
  background-color: #653298;
  opacity: 0.5;
}

.main-container #drag-drop-area .box__icon {
  width: 100%;
  height: 80px;
  fill: #38bbc7;
  display: block;
  margin-bottom: 40px;
}

.main-container #files {
  display: none;
}

.main-container #upload-btn {
  display: block;
  height: 60px;
  width: 300px;
  border: none;
  padding: 3%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  bottom: 0;
  background-color: #38bbc7;
  position: relative;
  margin: 0 auto;
}

.docx-loading {
  border-bottom: 6px solid #fff;
  border-left: 6px solid #fff;
  border-right: 6px solid #c30;
  border-top: 6px solid #c30;
  border-radius: 100%;
  height: 140px;
  width: 140px;
  z-index: 1000;
  -webkit-animation: spin .6s infinite linear;
  -moz-animation: spin .6s infinite linear;
  -ms-animation: spin .6s infinite linear;
  -o-animation: spin .6s infinite linear;
  animation: spin .6s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -70px;
}

#docxjs-wrapper * {
  box-sizing: content-box;
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }

}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }

}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }

}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }

}

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }

}