@charset "UTF-8";

.box-max-size {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

@-moz-keyframes slide_down {
  from {
    -moz-transform: translateY(-100%);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes slide_down {
  from {
    -webkit-transform: translateY(-100%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes slide_up {
  from {
    -moz-transform: translateY(100%);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes slide_up {
  from {
    -webkit-transform: translateY(100%);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes slide_context {
  from {
    -moz-transform: translate(-100%, -100%);
  }

  to {
    -moz-transform: translate(0, 0);
  }
}

@-webkit-keyframes slide_context {
  from {
    -webkit-transform: translate(-100%, -100%);
  }

  to {
    -webkit-transform: translate(0, 0);
  }
}

body {
  margin: 0;
  padding: 0;
}

.windows {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.windows-98 * {
  font-family: "굴림", "Gulim", "Tahoma", sans-serif;
  font-size: 9pt;
  color: black;
  text-decoration: none;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0;
}

.windows-98 *:focus {
  outline: none;
}

.windows-98 .window {
  background-color: silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  padding: 20px 2px 2px 2px;
}

.windows-98 .window:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 #dfdfdf, inset -1px -1px 0 0 black, inset 1px 1px 0 1px white, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .window>.window-content {
  width: 100%;
  display: relative;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: margin-box;
  -moz-box-sizing: margin-box;
  box-sizing: margin-box;
  height: 100%;
}

.windows-98 .window.maximized {
  position: absolute;
  top: 0;
  width: 100%;
  border: 0;
  padding: 18px 0 0 0;
}

.windows-98 .window.maximized:before {
  border: 0;
}

.windows-98 .window.has-menu {
  padding-top: 38px;
}

.windows-98 .window.has-menu .title-bar {
  margin-top: -36px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle {
  position: absolute;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-n,
.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-s {
  left: 2px;
  right: 2px;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-w,
.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-e {
  top: 2px;
  bottom: 2px;
  width: 4px;
  height: 100%;
  cursor: ew-resize;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-ne {
  width: 4px;
  height: 4px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-nw {
  width: 4px;
  height: 4px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-se {
  width: 4px;
  height: 4px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-sw {
  width: 4px;
  height: 4px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-ne,
.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-sw {
  cursor: nesw-resize;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-nw,
.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-se {
  cursor: nwse-resize;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-n {
  top: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-ne {
  top: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-nw {
  top: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-s {
  bottom: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-se {
  bottom: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-sw {
  bottom: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-w {
  left: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-sw {
  left: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-nw {
  left: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-e {
  right: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-se {
  right: -2px;
}

.windows-98 .window:not(.maximized) .ui-resizable-handle.ui-resizable-ne {
  right: -2px;
}

.windows-98 ul.menu-bar {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  height: 18px;
  width: 100%;
}

.windows-98 ul.menu-bar>li {
  list-style-type: none;
  display: block;
  float: left;
  padding: 0 7px;
}

.windows-98 ul.menu-bar>li>a {
  color: black !important;
  text-decoration: none;
}

.windows-98 ul.menu-bar>li>a:after {
  content: "(" attr(data-access-key) ")";
  text-transform: uppercase;
}

.windows-98 ul.menu {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: silver;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  width: 182px;
  margin: 0;
  padding: 2px;
  position: absolute;
}

.windows-98 ul.menu:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 #dfdfdf, inset -1px -1px 0 0 black, inset 1px 1px 0 1px white, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 ul.menu>li {
  list-style-type: none;
  display: block;
  padding: 2px 16px;
}

.windows-98 ul.menu>li>span {
  display: block;
  margin: 1px 0;
}

.windows-98 ul.menu>li[data-popup]:after {
  content: "...";
}

.windows-98 ul.menu>li:not(.separator):hover {
  background-color: navy;
  color: white;
}

.windows-98 ul.menu>li:not(.separator):hover>* {
  color: white;
}

.windows-98 ul.menu>li:not(.separator):hover>a {
  background-color: navy;
  color: white;
}

.windows-98 ul.menu>li:not(.separator):hover>a>* {
  color: white;
}

.windows-98 ul.menu>li.default {
  font-weight: bold;
}

.windows-98 ul.menu>li.ui-state-disabled {
  color: gray;
  text-shadow: white 1px 1px;
}

.windows-98 ul.menu>li.ui-state-disabled:hover {
  color: gray;
  text-shadow: none;
}

.windows-98 ul.menu>li.separator {
  padding: 0;
  margin: 4px 0;
  width: 100%;
  border-top: 1px solid gray;
  border-bottom: 1px solid white;
}

.windows-98 ul.menu>li[data-icon] {
  padding-left: 1px;
}

.windows-98 ul.menu>li[data-icon]:before {
  float: left;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background-image: url(images/sprite.png);
  content: "";
}

.windows-98 ul.menu>li[data-icon="group"]:before {
  background-position: -144px -48px;
}

.windows-98 ul.menu>li[data-icon="word"]:before {
  background-position: -176px -32px;
}

.windows-98 ul.menu>li[data-icon="winmine"]:before {
  background-position: -128px -32px;
}

.windows-98 ul.menu>li[data-icon="sol"]:before {
  background-position: -144px -32px;
}

.windows-98 ul.menu>li[data-icon="freecell"]:before {
  background-position: -160px -32px;
}

.windows-98 ul.menu>li .arrow-wrapper {
  position: absolute;
  right: 7px;
}

.windows-98 ul.menu>li .arrow {
  margin: 3px 0;
  width: 4px;
  height: 7px;
  background-image: url(images/sprite.png);
  background-position: -246px -94px;
}

.windows-98 ul.menu>li:not(.separator):hover>.arrow-wrapper .arrow {
  background-position: -251px -94px;
}

.windows-98 .title-bar {
  height: 18px;
  margin-top: -18px;
  margin-bottom: 1px;
  padding-right: 2px;
  background-color: #808080;
  position: relative;
}

.windows-98 .title-bar .title-icon {
  float: left;
  width: 16px;
  height: 16px;
  border-top: 1px;
  border-bottom: 1px;
  border-left: 2px;
  border-right: 2px;
  border-style: solid;
  border-color: #808080;
  background-color: #808080;
}

.windows-98 .title-bar .title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 52px;
  color: #C0C0C0;
  background-color: #808080;
}

.windows-98 .title-bar.ui-selected {
  background-color: #1084d0;
}

.windows-98 .title-bar.ui-selected .title-icon {
  border-color: navy;
  background-color: navy;
}

.windows-98 .title-bar.ui-selected .title {
  font-weight: bold;
  color: white;
  background-color: #1084d0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, navy), color-stop(1, #1084d0));
  background-image: -webkit-linear-gradient(left, navy, #1084d0);
  background-image: -moz-linear-gradient(left, navy, #1084d0);
  background-image: -ms-linear-gradient(left, navy, #1084d0);
  background-image: -o-linear-gradient(left, navy, #1084d0);
  background-image: linear-gradient(left, right, navy, #1084d0);
}

.windows-98 .title-button-group {
  float: right;
  padding: 2px 0;
}

.windows-98 .title-button-group .title-button {
  float: left;
  width: 16px;
  height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
}

.windows-98 .title-button-group .title-button:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 black, inset 1px 1px 0 1px silver, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .title-button-group .title-button:not(.disabled):active {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  border-width: 3px 1px 1px 3px;
}

.windows-98 .title-button-group .title-button:not(.disabled):active:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 black, inset -1px -1px 0 0 white, inset 1px 1px 0 1px gray, inset -1px -1px 0 1px silver;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .title-button-group .title-button:not(.disabled):active:before {
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -3px;
}

.windows-98 .title-button-group .title-button.minimize {
  background-image: url(images/sprite.png);
  background-position: -224px -108px;
}

.windows-98 .title-button-group .title-button.maximize {
  background-image: url(images/sprite.png);
  background-position: -224px -118px;
}

.windows-98 .title-button-group .title-button.maximize.disabled {
  background-image: url(images/sprite.png);
  background-position: -224px -148px;
}

.windows-98 .title-button-group .title-button.restore {
  background-image: url(images/sprite.png);
  background-position: -224px -128px;
}

.windows-98 .title-button-group .title-button.close {
  margin-left: 2px;
  background-image: url(images/sprite.png);
  background-position: -224px -138px;
}

.windows-98 .band-line {
  position: relative;
}

.windows-98 .band-line>.band {
  float: left;
}

.windows-98 .band-line>.band:not(:first-child):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid gray;
  border-right: 1px solid white;
  content: "";
}

.windows-98 .band-line:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.windows-98 .rebar {
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
  padding: 1px;
  margin-bottom: 2px;
}

.windows-98 .rebar>.band-line,
.windows-98 .rebar>.band {
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 gray;
}

.windows-98 .band {
  padding: 2px 2px 2px 8px;
  position: relative;
}

.windows-98 .band .gripper {
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 gray;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  float: left;
  width: 3px;
}

.windows-98 .band.windows-logo {
  float: right;
  width: 36px;
  height: 20px;
  background-image: url(images/sprite.png);
  background-position: -200px -216px;
  padding: 1px;
  margin: 1px;
}

.windows-98 .listview ul>li,
.windows-98 ul.desktop-listview>li {
  list-style-type: none;
}

.windows-98 .listview.listview-report table,
.windows-98 .listview.listview-report table * {
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.windows-98 .listview.listview-report table thead * {
  display: block;
}

.windows-98 .listview.listview-report table tr td {
  float: left;
  width: 80px;
  height: 18px;
}

.windows-98 .listview.listview-report table tr:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.windows-98 .listview.listview-report table thead {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 18px;
}

.windows-98 .listview.listview-report table thead tr {
  background-color: silver;
  box-shadow: inset 0 1px 0 0 white, inset 0 -1px 0 0 black, inset 0 1px 0 1px silver, inset 0 -1px 0 1px gray;
}

.windows-98 .listview.listview-report table thead tr td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  padding: 0 3px;
}

.windows-98 .listview.listview-report table thead tr td:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 black, inset 1px 1px 0 1px silver, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .listview.listview-report table thead tr td:last-child:before {
  position: absolute;
  content: "";
  z-index: -1;
  border-right: 1px solid white;
  right: -3px;
}

.windows-98 .listview.listview-report table tbody {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.windows-98 .listview.listview-report table tbody:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.windows-98 .listview.listview-report table tbody tr td,
.windows-98 .listview.listview-report table tbody tr td span {
  overflow-x: hidden;
  text-overflow: "...";
  white-space: nowrap;
}

.windows-98 .listview.listview-report table td.size {
  text-align: right;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child {
  position: relative;
  padding-left: 20px;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child:before {
  position: absolute;
  left: 1px;
  top: 2px;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/sprite.png);
  background-position: -160px -48px;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child.ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -160px -64px;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child[data-icon=word]:before {
  background-image: url(images/sprite.png);
  background-position: -176px -48px;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child[data-icon=word].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -176px -64px;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child span {
  border: 1px solid transparent;
  float: left;
  padding: 1px 6px 1px 1px;
  width: 100%;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child.ui-focused span {
  background-color: navy;
  color: white;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child.ui-focused span>* {
  color: white;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child.ui-selected span {
  border: 1px dotted black;
}

.windows-98 .listview.listview-report-icon tbody tr td:first-child.ui-focused.ui-selected span {
  border: 1px dotted #ffff7f;
}

.windows-98 .listview.listview-report-icon tbody tr td:not(:first-child) {
  padding: 1px 5px;
}

.windows-98 .listview.listview-largeicon ul li,
.windows-98 ul.desktop-listview.listview-largeicon li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px;
  width: 70px;
  height: 76px;
  padding-top: 36px;
  text-align: center;
  position: relative;
}

.windows-98 .listview.listview-largeicon ul li:before,
.windows-98 ul.desktop-listview.listview-largeicon li:before {
  position: absolute;
  top: 0;
  left: 19px;
  width: 32px;
  height: 32px;
  content: "";
}

.windows-98 .listview.listview-largeicon ul li:before,
.windows-98 ul.desktop-listview.listview-largeicon li:before {
  background-image: url(images/sprite.png);
  background-position: -64px -64px;
}

.windows-98 .listview.listview-largeicon ul li.ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li.ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -64px -96px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=my-computer]:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=my-computer]:before {
  background-image: url(images/sprite.png);
  background-position: 0px -64px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=my-computer].ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=my-computer].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: 0px -96px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=my-networks]:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=my-networks]:before {
  background-image: url(images/sprite.png);
  background-position: -32px -64px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=my-networks].ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=my-networks].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -32px -96px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=folder]:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=folder]:before {
  background-image: url(images/sprite.png);
  background-position: -64px -64px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=folder].ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=folder].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -64px -96px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=recycling-bin]:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=recycling-bin]:before {
  background-image: url(images/sprite.png);
  background-position: -96px -64px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=recycling-bin].ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=recycling-bin].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -96px -96px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=internet-explorer]:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=internet-explorer]:before {
  background-image: url(images/sprite.png);
  background-position: -128px -64px;
}

.windows-98 .listview.listview-largeicon ul li[data-icon=internet-explorer].ui-focused:before,
.windows-98 ul.desktop-listview.listview-largeicon li[data-icon=internet-explorer].ui-focused:before {
  background-image: url(images/sprite.png);
  background-position: -128px -96px;
}

.windows-98 .listview.listview-largeicon ul li span,
.windows-98 ul.desktop-listview.listview-largeicon li span {
  border: 1px solid transparent;
  padding: 2px;
}

.windows-98 .listview.listview-largeicon ul li.ui-focused span,
.windows-98 ul.desktop-listview.listview-largeicon li.ui-focused span {
  background-color: navy;
  color: white;
}

.windows-98 .listview.listview-largeicon ul li.ui-focused span>*,
.windows-98 ul.desktop-listview.listview-largeicon li.ui-focused span>* {
  color: white;
}

.windows-98 .listview.listview-largeicon ul li.ui-selected span,
.windows-98 ul.desktop-listview.listview-largeicon li.ui-selected span {
  border: 1px dotted black;
}

.windows-98 .listview.listview-largeicon ul li.ui-focused.ui-selected span,
.windows-98 ul.desktop-listview.listview-largeicon li.ui-focused.ui-selected span {
  border: 1px dotted #ffff7f;
}

.windows-98 ul.desktop-listview li.ui-selected:not(.ui-focused) span {
  border-color: #ff7f7f;
}

.windows-98 .listview {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  background-color: white;
}

.windows-98 .listview:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white, inset 1px 1px 0 1px black, inset -1px -1px 0 1px #dfdfdf;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .listview.listview-largeicon ul {
  position: relative;
  overflow: auto;
  height: 100%;
}

.windows-98 .listview.listview-largeicon ul li {
  float: left;
}

.windows-98 ul.desktop-listview {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.windows-98 ul.desktop-listview * {
  color: white;
}

.windows-98 ul.toolbar {
  height: 22px;
}

.windows-98 ul.toolbar li {
  list-style-type: none;
  float: left;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox):before {
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  content: "";
  z-index: -1;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox):before {
  width: 16px;
  height: 16px;
  background-image: url(images/sprite.png);
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox):not(.disabled):not(.selected):hover {
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 gray;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox):not(.disabled):not(.selected):active {
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox):not(.disabled):not(.selected):active:before {
  top: 4px;
  left: 4px;
  bottom: 2px;
  right: 2px;
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox).selected {
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
  background-image: url(images/checkerboard.gif);
}

.windows-98 ul.toolbar li:not(.separator):not(.combobox).selected:hover {
  background-image: none;
}

.windows-98 ul.toolbar li.separator {
  height: 100%;
  margin: 0 4px;
  border-left: 1px solid gray;
  border-right: 1px solid white;
}

.windows-98 ul.toolbar li[data-icon="show-desktop"]:before {
  background-position: -64px -32px;
}

.windows-98 ul.toolbar li[data-icon="ie5"]:before {
  background-position: -80px -32px;
}

.windows-98 ul.toolbar li[data-icon="outlook"]:before {
  background-position: -96px -32px;
}

.windows-98 ul.toolbar li[data-icon="github"]:before {
  background-position: -96px -48px;
}

.windows-98 .edit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  background-color: white;
  cursor: text;
}

.windows-98 .edit:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white, inset 1px 1px 0 1px black, inset -1px -1px 0 1px #dfdfdf;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .desktop {
  background-color: teal;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
}

.windows-98 .taskbar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  background-color: silver;
  border-top: 1px solid #dfdfdf;
  padding-top: 1px;
}

.windows-98 .taskbar:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.windows-98 .taskbar:before {
  border-top: 1px solid white;
}

.windows-98 .taskbar>* {
  float: left;
}

.windows-98 .taskbar>*:not(:first-child):before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid gray;
  border-right: 1px solid white;
  content: "";
}

.windows-98 .taskbar .taskbar-notification-area {
  position: relative;
  float: right;
  padding: 2px;
}

.windows-98 .taskbar .quick-launch {
  margin: 0 3px;
}

.windows-98 .taskbar .task {
  float: left;
  margin: 0 3px;
  width: 160px;
  max-width: 160px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  padding: 1px 3px 1px;
}

.windows-98 .taskbar .task:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 black, inset 1px 1px 0 1px silver, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .taskbar .task:active {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  border-width: 3px 1px 1px 3px;
}

.windows-98 .taskbar .task:active:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 black, inset -1px -1px 0 0 white, inset 1px 1px 0 1px gray, inset -1px -1px 0 1px silver;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .taskbar .task:active:before {
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -3px;
}

.windows-98 .taskbar .task.selected {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  border-width: 3px 1px 1px 3px;
  background-image: url(images/checkerboard.gif);
  font-weight: bold;
}

.windows-98 .taskbar .task.selected:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 black, inset -1px -1px 0 0 white, inset 1px 1px 0 1px gray, inset -1px -1px 0 1px silver;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .taskbar .task.selected:before {
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -3px;
}

.windows-98 .taskbar .task .title-icon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.windows-98 .taskbar .task .title-wrapper {
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.windows-98 .taskbar .task .title-wrapper span {
  white-space: nowrap;
}

.windows-98 ul.start>li {
  margin: 2px;
  height: 22px;
  padding: 2px 3px 0px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
}

.windows-98 ul.start>li:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 black, inset 1px 1px 0 1px silver, inset -1px -1px 0 1px gray;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 ul.start>li.ui-state-open {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  border-width: 3px 1px 1px 3px;
}

.windows-98 ul.start>li.ui-state-open:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 black, inset -1px -1px 0 0 white, inset 1px 1px 0 1px gray, inset -1px -1px 0 1px silver;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 ul.start>li.ui-state-open:before {
  top: -3px;
  right: -1px;
  bottom: -1px;
  left: -3px;
}

.windows-98 ul.start>li:after {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  content: "";
  z-index: -2;
}

.windows-98 ul.start>li.ui-state-open:after {
  border: 1px dotted black;
}

.windows-98 ul.start>li a.start-button {
  font-weight: bold;
}

.windows-98 ul.start>li a.start-button:before {
  content: url(images/win95.gif);
  float: left;
  margin: 0 3px;
}

.windows-98 ul.menu.start-menu {
  padding-left: 23px;
}

.windows-98 ul.menu.start-menu div.decorator {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  width: 21px;
  background-color: #000078;
  z-index: 0;
}

.windows-98 ul.menu.start-menu div.decorator:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 21px;
  height: 108px;
  background-image: url(images/sprite.png);
  background-position: -224px 0;
  z-index: 1;
  content: "";
}

.windows-98 ul.menu.start-menu>li:not(.separator) {
  padding: 9px 16px 9px 41px;
  position: relative;
}

.windows-98 ul.menu.start-menu>li:not(.separator):before {
  position: absolute;
  left: 2px;
  top: 0;
  width: 32px;
  height: 32px;
  background-image: url(images/sprite.png);
  content: "";
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="programs"]:before {
  background-position: 0px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="favorites"]:before {
  background-position: -32px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="documents"]:before {
  background-position: -64px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="setting"]:before {
  background-position: -96px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="find"]:before {
  background-position: -128px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="help"]:before {
  background-position: -160px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="run"]:before {
  background-position: -192px 0px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="logoff"]:before {
  background-position: 0px -32px;
}

.windows-98 ul.menu.start-menu>li:not(.separator)[data-icon="shutdown"]:before {
  background-position: -32px -32px;
}

.windows-98 div.notification-area {
  float: right;
  margin: 0 0 0 2px;
  padding: 5px 11px 3px;
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
}

.windows-98 ul.menu-bar>li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.windows-98 ul.menu-bar>li:hover {
  box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 gray;
}

.windows-98 ul.menu-bar>li.ui-state-open:hover {
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
}

.windows-98 ul.menu-bar>li:active {
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white;
}

.windows-98 .menu {
  -moz-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
}

.windows-98 .slide-down .menu {
  -moz-animation-name: slide_down;
  -webkit-animation-name: slide_down;
}

.windows-98 .slide-up .menu {
  -moz-animation-name: slide_up;
  -webkit-animation-name: slide_up;
}

.windows-98 .slide-context .menu {
  -moz-animation-name: slide_context;
  -webkit-animation-name: slide_context;
}

.windows-98 .slide {
  overflow: hidden;
}

.windows-98 .office .rebar .band .menu-bar {
  float: left;
  width: auto;
}

.windows-98 .office .rebar .band .menu-bar>li {
  padding: 2px 5px;
}

.windows-98 .office ul.toolbar>li[data-icon="new"]:before {
  background-image: url(images/sprite.png);
  background-position: 0px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="open"]:before {
  background-image: url(images/sprite.png);
  background-position: -16px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="save"]:before {
  background-image: url(images/sprite.png);
  background-position: -32px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="email"]:before {
  background-image: url(images/sprite.png);
  background-position: -48px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="print"]:before {
  background-image: url(images/sprite.png);
  background-position: -64px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="search"]:before {
  background-image: url(images/sprite.png);
  background-position: -80px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="spell-check"]:before {
  background-image: url(images/sprite.png);
  background-position: -96px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="cut"]:before {
  background-image: url(images/sprite.png);
  background-position: -112px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="copy"]:before {
  background-image: url(images/sprite.png);
  background-position: -128px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="paste"]:before {
  background-image: url(images/sprite.png);
  background-position: -144px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="painter"]:before {
  background-image: url(images/sprite.png);
  background-position: -160px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="undo"]:before {
  background-image: url(images/sprite.png);
  background-position: -176px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="redo"]:before {
  background-image: url(images/sprite.png);
  background-position: -192px -128px;
}

.windows-98 .office ul.toolbar>li[data-icon="link"]:before {
  background-image: url(images/sprite.png);
  background-position: 0px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="table-toolbar"]:before {
  background-image: url(images/sprite.png);
  background-position: -16px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="table"]:before {
  background-image: url(images/sprite.png);
  background-position: -32px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="excel"]:before {
  background-image: url(images/sprite.png);
  background-position: -48px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="column"]:before {
  background-image: url(images/sprite.png);
  background-position: -64px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="drawing"]:before {
  background-image: url(images/sprite.png);
  background-position: -80px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="map"]:before {
  background-image: url(images/sprite.png);
  background-position: -96px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="mark"]:before {
  background-image: url(images/sprite.png);
  background-position: -112px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="help"]:before {
  background-image: url(images/sprite.png);
  background-position: -128px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="bold"]:before {
  background-image: url(images/sprite.png);
  background-position: -144px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="italic"]:before {
  background-image: url(images/sprite.png);
  background-position: -160px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="underlined"]:before {
  background-image: url(images/sprite.png);
  background-position: -176px -144px;
}

.windows-98 .office ul.toolbar>li[data-icon="left"]:before {
  background-image: url(images/sprite.png);
  background-position: 0px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="center"]:before {
  background-image: url(images/sprite.png);
  background-position: -16px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="right"]:before {
  background-image: url(images/sprite.png);
  background-position: -32px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="justify"]:before {
  background-image: url(images/sprite.png);
  background-position: -48px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="ol"]:before {
  background-image: url(images/sprite.png);
  background-position: -64px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="ul"]:before {
  background-image: url(images/sprite.png);
  background-position: -80px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="outdent"]:before {
  background-image: url(images/sprite.png);
  background-position: -96px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="indent"]:before {
  background-image: url(images/sprite.png);
  background-position: -112px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="border"]:before {
  background-image: url(images/sprite.png);
  background-position: -128px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="highlight"]:before {
  background-image: url(images/sprite.png);
  background-position: -144px -160px;
}

.windows-98 .office ul.toolbar>li[data-icon="font-color"]:before {
  background-image: url(images/sprite.png);
  background-position: -160px -160px;
}

.windows-98 .office.word {
  padding-bottom: 100px;
}

.windows-98 .office.word>.window-content {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: silver;
  border: 2px solid silver;
  background-color: #808080;
}

.windows-98 .office.word>.window-content:before {
  position: absolute;
  content: "";
  z-index: -1;
  box-shadow: inset 1px 1px 0 0 gray, inset -1px -1px 0 0 white, inset 1px 1px 0 1px black, inset -1px -1px 0 1px #dfdfdf;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}

.windows-98 .office.word>.window-content>.stretch {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper {
  min-width: 770px;
  position: relative;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 24px;
  background-color: #C0C0C0;
  z-index: 1;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler .ruler {
  margin: 5px 5px 5px 24px;
  height: 13px;
  background-image: url(images/word_hr.gif);
  background-repeat: repeat-x;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler>.button {
  float: left;
  margin: 3px;
  width: 17px;
  height: 17px;
  padding: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid white;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler>.button:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler>.button:before {
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid gray;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.top-ruler>.button .mode {
  width: 10px;
  height: 10px;
  background-image: url(images/sprite.png);
  background-position: -246px -61px;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.left-ruler {
  position: absolute;
  top: 24px;
  left: 0;
  bottom: 0;
  width: 24px;
  background-color: #C0C0C0;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.left-ruler .ruler {
  margin: 5px;
  width: 13px;
  height: 100%;
  background-image: url(images/word_vr.gif);
  background-repeat: repeat-y;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper {
  padding-top: 48px;
  padding-bottom: 24px;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 770px;
  min-height: 1000px;
  border: 1px solid black;
  padding: 35px;
  background: #FFF;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content * {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  font-family: "Times New Roman", "바탕", serif;
  font-size: 11pt;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h1,
.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h2,
.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h3,
.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h4,
.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h5,
.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h6 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h1 {
  font-size: 18pt;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h2 {
  font-size: 16pt;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h3 {
  font-size: 14pt;
  font-style: italic;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content h4 {
  font-size: 13pt;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content li {
  margin-left: 3.5em;
  padding-left: 0.5em;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content dd {
  margin-left: 3em;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content a {
  color: #0000EE;
  text-decoration: underline;
  cursor: pointer;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content a:visited {
  color: #551A8B;
}

.windows-98 .office.word>.window-content>.stretch>.ruler-wrapper>.content-wrapper>.content a:active {
  color: #FF0000;
}