@charset "UTF-8";
/* html, body{  //main iframe 배경 흰색
    height: 100%;
    background-color: white;
}
 */
/* PC */
html,
body {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  word-wrap: break-word;
  vertical-align: middle;
  letter-spacing: -1px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  scrollbar-face-color: #2f3542;
  scrollbar-track-color: #DFE3E6;
  scrollbar-arrow-color: none;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #2f3542;
  scrollbar-darkshadow-color: none; }

body {
  background-color: #F5F5F5;
  position: relative; }

#content {
  display: inline-block;
  vertical-align: top;
  overflow: scroll;
  margin: 10px 0 0 25px;
  position: absolute;
  padding-right: 10px; }
  #content .wrap {
    background-color: white;
    width: 100%;
    min-width: 900px;
    min-height: 900px; }

::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 20px; }

::-webkit-scrollbar-track {
  background-color: #DFE3E6;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white; }

/* font style */
.bold {
  display: inline-block;
  font-weight: bold;
  *display: inline;
  zoom: 1; }

@media all and (max-width: 767px) {
  html,
  body {
    overflow: auto; }
  html,
  body {
    height: 100%;
    width: 100%; }
  #content {
    display: block;
    overflow: scroll;
    margin: 0;
    position: relative;
    padding-right: 0; }
    #content .wrap {
      background-color: white;
      width: 100%;
      min-width: auto; }
      #content .wrap.pwChange {
        background-color: #F5F5F5; } }

/*# sourceMappingURL=base.css.map */