/* You can See me */
@media screen and (max-width: 768px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 5px; }
  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(156, 156, 156, 0.6); }
  .wrap__header {
    height: 30px;
    z-index: 30;
    font-size: 0; }
    .wrap__header--hide {
      display: none; }
  .wrap__logo {
    position: relative;
    margin-top: 12px;
    margin-left: 13px;
    margin-right: 13px;
    background-image: url(../images/sprite-mobile.png);
    background-position: -97px -156px;
    width: 45px;
    height: 8px; }
  .wrap__title {
    vertical-align: top;
    line-height: 31px;
    font-size: 9px;
    margin-left: 8px;
    margin-right: 8px; }
    .wrap__title--cell {
      max-width: 20%; }
  .wrap__container {
    top: 0; }
    .wrap__container--cell {
      bottom: 0; }
  .wrap__thumbnail {
    margin-top: 30px;
    width: 0px; /* ½æ³×ÀϹ٠¹Ì³ëÃâ*/
    min-width: 0px; /* ½æ³×ÀϹ٠¹Ì³ëÃâ*/
    background-color: #333333;
    opacity: .9;
    z-index: 20;
    overflow-x: hidden;
    overflow-y: auto; }
    .wrap__thumbnail--off {
      width: 0; }
    .wrap__thumbnail--option-on {
      margin-top: 0; }
  .wrap__index {
    margin-bottom: 14px; }
  .wrap__thumbnailbar {
    width: 57px;
    left: 133px;
    cursor: pointer; }
    .wrap__thumbnailbar--mobile-off {
      left: 0; }
  .wrap__footer--cell {
    display: none; }
  .page {
    position: relative;
    margin-left: 0;
    height: 30px;
    left: 0; }
    .page__input {
      width: 42px;
      height: 17px;
      line-height: 17px;
      font-size: 9px;
      padding-left: 3px;
      padding-right: 3px;
      margin-right: 5px;
      text-align: left; }
    .page__select-arrow {
      position: absolute;
      display: inline;
      left: 35px;
      top: 11px;
      cursor: pointer; }
      .page__select-arrow-img {
        display: block;
        background-image: url(../images/sprite-mobile.png);
        background-position: -207px -36px;
        width: 10px;
        height: 8px;
        width: 10px;
        height: 7.5px; }
      .page__select-arrow::after {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px; }
    .page__total-page {
      font-size: 9px;
      color: #ffffff;
      height: 30px;
      line-height: 30px; }
    .page__total-page::before {
      content: attr(data-content); }
    .page__menu {
      display: inline-block;
      right: 10px;
      height: 27.5px;
      top: 2.5px; }
    .page__more {
      margin-right: 0; }
    .page__select {
      position: absolute;
      left: 6px;
      top: 23px;
      width: 1px;
      height: 1px;
      margin: 0;
      padding: 0;
      border: 0;
      background-color: transparent;
      z-index: -9999; }
  .page-content {
    display: none;
    position: absolute;
    top: 23px;
    height: auto;
    max-height: 115px;
    margin: 0;
    padding: 5px 0 5px 0;
    box-sizing: content-box;
    border: 1px solid #121212;
    background-color: #333333;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .page-scroll-blind {
    width: 53px;
    max-height: inherit; }
    .page-scroll-blind__list {
      margin: 0;
      padding: 0;
      max-height: inherit;
      overflow-y: scroll;
      overflow-x: hidden; }
    .page-scroll-blind__item {
      padding-left: 10px;
      padding-right: 10px;
      line-height: 23px;
      font-size: 9px;
      color: #b6b6b6;
      cursor: pointer;
      outline: none; }
    .page-scroll-blind__item:hover {
      color: #ffffff;
      background-color: #121212; }
    .page-scroll-blind--focus {
      color: #ffffff;
      background-color: #121212; }
  .tab-content {
    display: none;
    position: absolute;
    top: 23px;
    height: auto;
    max-height: 115px;
    margin: 0;
    padding: 5px 0 5px 0;
    box-sizing: content-box;
    border: 1px solid #121212;
    background-color: #333333;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 116px;
    top: 20px;
    z-index: 20; }
  .header-tablist {
    position: relative;
    margin-left: 0;
    height: 30px;
    left: 0;
    margin-top: 6.5px;
    font-size: 0;
    vertical-align: top;
    height: auto;
    display: none; }
    .header-tablist__input {
      width: 42px;
      height: 17px;
      line-height: 17px;
      font-size: 9px;
      padding-left: 3px;
      padding-right: 3px;
      margin-right: 5px;
      text-align: left;
      background-color: #333333;
      color: #ffffff;
      border: 1px solid #121212;
      padding-left: 3px;
      padding-right: 16px;
      margin-right: 0;
      width: 97px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      outline: none;
      cursor: pointer; }
    .header-tablist__select-arrow {
      position: absolute;
      display: inline;
      left: 35px;
      top: 11px;
      cursor: pointer;
      top: 6.5px;
      right: 4px;
      left: auto;
      outline: none; }
      .header-tablist__select-arrow-img {
        display: block;
        background-image: url(../images/sprite-mobile.png);
        background-position: -207px -36px;
        width: 10px;
        height: 8px;
        width: 10px;
        height: 7.5px; }
      .header-tablist__select-arrow::after {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px; }
    .header-tablist__select {
      position: absolute;
      left: 6px;
      top: 23px;
      width: 1px;
      height: 1px;
      margin: 0;
      padding: 0;
      border: 0;
      background-color: transparent;
      z-index: -9999;
      top: 17px; }
  .tab-scroll-blind {
    width: 53px;
    max-height: inherit;
    width: auto; }
    .tab-scroll-blind__ul {
      margin: 0;
      padding: 0;
      max-height: inherit;
      overflow-y: scroll;
      overflow-x: hidden; }
    .tab-scroll-blind__li {
      padding-left: 10px;
      padding-right: 10px;
      line-height: 23px;
      font-size: 9px;
      color: #b6b6b6;
      cursor: pointer;
      outline: none;
      padding-left: 5px;
      padding-right: 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .tab-scroll-blind__li:hover {
      color: #ffffff;
      background-color: #121212; }
    .tab-scroll-blind--focus {
      color: #ffffff;
      background-color: #121212; }
  .menu {
    display: inline-block;
    right: 10px;
    height: 27.5px;
    top: 2.5px; }
    .menu__block {
      display: table-cell;
      width: 25px;
      height: 30px;
      padding-right: 5px;
      text-align: center;
      vertical-align: middle;
      line-height: 0; }
      .menu__block::after {
        top: -2px;
        right: -2px;
        bottom: -7px;
        left: -2px; }
  .desktop {
    display: none; }
  .more {
    display: table-cell; }
  .mobile-thumbnailbar__img {
    display: inline-block;
    background-image: url(../images/sprite-mobile.png);
    background-position: -120px 0px;
    width: 57px;
    height: 57px; }
    .mobile-thumbnailbar__img--open {
      background-image: url(../images/sprite-mobile.png);
      background-position: 0px -120px;
      width: 57px;
      height: 57px; }
  .cell-mobile {
    display: inline-block; }
  .more-submenu {
    display: none; }
  .more-arrow {
    display: block;
    position: absolute;
    margin: 0;
    top: 30px;
    left: 39px;
    width: 0;
    height: 0;
    box-sizing: content-box;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 6px solid #333333;
    z-index: 30; }
    .more-arrow__bolder {
      display: block;
      position: absolute;
      margin: 0;
      top: 28px;
      left: 38px;
      width: 0;
      height: 0;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      border-bottom: 8px solid #121212; }
  .more-content {
    display: block;
    visibility: visible;
    position: absolute;
    top: 34px;
    left: -52px;
    width: 107px;
    height: auto;
    margin: 0;
    padding: 5px 0 5px 0;
    background-color: #333333;
    box-sizing: content-box;
    border: 1px solid #121212;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  .scroll-blind {
    width: 130px;
    height: inherit;
    max-height: inherit;
    overflow-y: scroll; }
    .scroll-blind__ul {
      display: inline-block;
      position: relative;
      margin: 0;
      padding: 0; }
    .scroll-blind__li {
      list-style: none; }
    .scroll-blind__more-item {
      margin: 0;
      padding: 0 10px;
      width: 87px;
      height: 23px;
      line-height: 23px;
      text-align: left;
      font-size: 9px;
      color: #b6b6b6;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .scroll-blind__more-item--hover {
        color: #ffffff;
        background-color: #121212; }
  .thumb__div {
    margin-bottom: 0;
    border: 3px solid transparent; }
  .thumb__div:hover {
    border: 3px solid #666666; }
  .thumb__span {
    display: none; }
  .thumb__img {
    width: 72px;
    height: auto;
    height: calc( (72 / var(--page-width)) * var(--page-height) *1px); }
  .thumb__focus {
    border: 3px solid #666666;
    opacity: 1.0;
    outline: none; }
  .thumb--nohover {
    border: 3px solid transparent !important; }
  .thumb-area {
    margin-left: 20px; }
  .contents__slide-img {
    width: 100%;
    height: 100%; }
  .contents__word-img {
    width: 96%;
    height: 100%;
    padding: 10px; }
  .contents-page {
    width: 100%;
    height: 100%;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
  .controlbar {
    display: none; }
  .sns-font-size {
    font-size: 12px; }
  .dialog {
    width: 230px;
    margin-left: -115px;
    -webkit-box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* Safari and Chrome */
    -moz-box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* Firefox */
    box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* CSS3 */ }
  .dialog-contents {
    margin: 14px 16px 11px 16px;
    font-size: 8px;
    font-weight: normal; }
    .dialog-contents__company {
      line-height: 15px; }
    .dialog-contents__content {
      margin-bottom: 8px; }
      .dialog-contents__content__inputArea {
        margin-top: 5px;
        margin-bottom: 6px; }
        .dialog-contents__content__inputArea__urlArea {
          padding: 5px 10px;
          font-size: 12px;
          width: 0px; }
        .dialog-contents__content__inputArea__urlBtn {
          padding: 5px 10px;
          font-size: 12px;
          height: 14px; }
      .dialog-contents__content__snsArea {
        margin-top: 14px; }
        .dialog-contents__content__snsArea__facebook {
          margin-right: 5px;
          display: inline-block;
          background-image: url(../images/sprite-mobile.png);
          background-position: 0px -60px;
          width: 60px;
          height: 60px; }
        .dialog-contents__content__snsArea__twitter {
          margin-right: 5px;
          display: inline-block;
          background-image: url(../images/sprite-mobile.png);
          background-position: 0px 0px;
          width: 60px;
          height: 60px; }
        .dialog-contents__content__snsArea__kakaotalk {
          margin-right: 5px;
          display: inline-block;
          background-image: url(../images/sprite-mobile.png);
          background-position: -60px -60px;
          width: 60px;
          height: 60px; }
        .dialog-contents__content__snsArea__band {
          display: inline-block;
          background-image: url(../images/sprite-mobile.png);
          background-position: -60px 0px;
          width: 60px;
          height: 60px; }
    .dialog-contents__password {
      height: 18px;
      padding: 2px 5px;
      width: 186px; }
    .dialog-contents__msg {
      margin-top: 5px; }
  .dialog-buttons {
    float: right;
    margin-bottom: 13px;
    font-size: 8px; }
    .dialog-buttons__cancel {
      padding: 4px 15px;
      margin-right: 5px; }
    .dialog-buttons__commit {
      padding: 4px 15px; }
  .dialog-logo {
    margin-top: 14px; }
  .fullscreen-close {
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer; }
    .fullscreen-close__img {
      background-image: url(../images/sprite-mobile.png);
      background-position: -177px -36px;
      width: 30px;
      height: 30px; }
  .mobile-fullscreen-btn__img {
    background-image: url(../images/sprite-mobile.png);
    background-position: -18px -177px;
    width: 16px;
    height: 16px; }
  .more-btn__img {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -166px;
    width: 16px;
    height: 6px; }
    .more-btn__img--on {
      background-image: url(../images/sprite-mobile.png);
      background-position: -193px -166px;
      width: 16px;
      height: 6px; }
  .img-loading {
    background-size: 24px;
    background-image: url(../images/loading_dark.gif); }
  .img-loading-bright {
    background-size: 24px;
    background-image: url(../images/loading_bright.gif); }
  .img-loading-black {
    background-size: 24px;
    background-image: url(../images/loading_black.gif); }
  .notAllowCopyForIOS {
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none; }
  .fileExplorer {
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0;
    border-radius: 0;
    display: none; }
  .fileExplorer-header {
    font-size: 0;
    padding: 10px 13px; }
    .fileExplorer-header__archiveFileName {
      padding-right: 13px;
      font-size: 12px; }
  .fileExplorer-path {
    padding: 4px 4px 4px 4px; }
    .fileExplorer-path__prevBtn {
      background-image: url(../images/sprite-mobile.png);
      background-position: -57px -120px;
      width: 40px;
      height: 36px; }
      .fileExplorer-path__prevBtn--hover {
        background-image: url(../images/sprite-mobile.png);
        background-position: -137px -120px;
        width: 40px;
        height: 36px; }
    .fileExplorer-path__nextBtn {
      margin-left: -1px;
      background-image: url(../images/sprite-mobile.png);
      background-position: -177px 0px;
      width: 40px;
      height: 36px; }
      .fileExplorer-path__nextBtn--hover {
        background-image: url(../images/sprite-mobile.png);
        background-position: -97px -120px;
        width: 40px;
        height: 36px; }
    .fileExplorer-path__filePath {
      margin-left: 4px;
      margin-bottom: 0px;
      padding: 0 8px;
      line-height: 34px; }
    .fileExplorer-path__filePath-name--hover {
      cursor: pointer;
      background-color: #f4f4f4; }
    .fileExplorer-path__filePath-txt {
      display: inline-block;
      padding: 6px 2px;
      font-size: 12px; }
    .fileExplorer-path__filePath-arrow {
      display: inline-block;
      font-size: 12px; }
  .fileExplorer-allCount {
    display: none; }
  .fileExplorer-tree {
    padding: 0;
    width: 100%; }
  .fileExplorer-folderTree {
    display: none; }
  .fileExplorer-fileTree {
    width: 100%;
    height: 400px; }
  .fileExplorer-fileTree-sort {
    width: 100%; }
    .fileExplorer-fileTree-sort__div {
      padding: 0 10px 0 13px;
      width: 100px;
      border-bottom: 0; }
  .fileExplorer-fileTree-list {
    padding: 0;
    height: 371px;
    overflow-y: auto; }
    .fileExplorer-fileTree-list__div {
      margin: 0;
      padding: 11.5px 13px;
      border-bottom: 1px solid #c1c1c1;
      line-height: 0; }
    .fileExplorer-fileTree-list__div-icon {
      vertical-align: middle;
      margin-right: 10px;
      width: 20px;
      height: 20px; }
    .fileExplorer-fileTree-list__div-name {
      font-size: 15px;
      margin-right: 10px; }
    .fileExplorer-fileTree-list__div-size {
      font-size: 15px; }
    .fileExplorer-fileTree-list__space {
      width: 13px; }
  .fileExplorer-viewerBtn {
    width: 94px;
    height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -100px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 54px;
    padding-right: 50px;
    left: 50%; }
    .fileExplorer-viewerBtn__viewIcon {
      background-image: url(../images/sprite-mobile.png);
      background-position: -77px -156px;
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-right: 6px;
      vertical-align: top; }
    .fileExplorer-viewerBtn__txt {
      height: 20px;
      font-size: 15px;
      font-weight: bold;
      vertical-align: bottom; }
  .modal {
    padding-top: 30px; }
  .fileExplorer-folder-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -66px;
    width: 20px;
    height: 20px; }
  .fileExplorer-word-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -106px;
    width: 20px;
    height: 20px; }
  .fileExplorer-slide-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -57px -156px;
    width: 20px;
    height: 20px; }
  .fileExplorer-cell-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -126px;
    width: 20px;
    height: 20px; }
  .fileExplorer-hwp-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -197px -66px;
    width: 20px;
    height: 20px; }
  .fileExplorer-odt-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -146px;
    width: 20px;
    height: 20px; }
  .fileExplorer-pdf-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -197px -146px;
    width: 20px;
    height: 20px; }
  .fileExplorer-img-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -197px -86px;
    width: 20px;
    height: 20px; }
  .fileExplorer-txt-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -177px -86px;
    width: 20px;
    height: 20px; }
  .fileExplorer-zip-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -197px -106px;
    width: 20px;
    height: 20px; }
  .fileExplorer-nosupport-icon {
    background-image: url(../images/sprite-mobile.png);
    background-position: -197px -126px;
    width: 20px;
    height: 20px; } }