@charset "utf-8";

/* 기본공통 */
.wrap {
  position: relative;
  width: 100%;
  /*min-width:1600px;*/
  background: #fff;
  font-family: 'nBarun';
}

.header {
  width: 100%;
  min-width: 1600px;
  height: 50px;
  background: #093250;
  color: #fff;

  .left {
    float: left;
    width: 200px;
    text-align: center;
    padding-top: 15px;

    .logo {
      display: inline-block;
      width: 136px;
      height: 21px;
      background: url(../images/bo_logo.png)no-repeat 0 0;
    }
  }

  .right {
    .btnArea {
      float: left;

      ul {
        li {
          float: left;
          line-height: 50px;
          border-left: 1px solid #2b6d9c;

          a {
            display: inline-block;
            padding: 0 20px;
            height: 50px;
            font-size: 15px;
            color: #ffffff;
            line-height: 50px;

          }

          a:hover,
          a:focus,
          a.on {
            color: #fff;
            background: #ea4242;
          }
        }

        li:last-child {
          border-right: 1px solid #2b6d9c;

        }
      }
    }

    .myInfo {
      float: right;

      ul {

        li {
          float: left;
          line-height: 50px;
          color: #fff;
          font-size: 14px;
          padding: 0 10px;

          i {
            line-height: 50px;
            margin-right: 8px;
          }

        }
      }
    }
  }
}

.container {
  width: 100%;
  min-width: 1600px;

  .sideMenu {
    float: left;
    color: #fff;
    width: 200px;
    height: calc(100vh - 50px - 30px);
    background-color: #093250;
    clear: both;

    dl {
      margin-top: 20px;
      font-size: 14px;

      dt {
        border-bottom: 1px solid #505F69;

        a {
          display: inline-block;
          width: 200px;
          height: 40px;
          font-size: 14px;
          color: #ffffff;
          line-height: 40px;

          i {
            margin-top: 12px;
            margin-right: 5px;
          }

          span {
            margin-left: 20px;
          }

        }

        a:hover,
        a:focus,
        a.on {
          color: #fff;
          background: #505F69;
        }
      }

      dd {
        display: none;

        ul {
          margin-left: 20px;
          margin-top: 10px;
        }
      }
    }
  }

  .content {
    float: left;
    width: 1000px;

    .conWrap {
      margin: 30px 0 0 20px;

      h3 {
        color: #232a32;
        font-size: 24px;
        font-weight: normal;
        font-family: 'nBarun';
        margin: 20px 0;
      }
    }
  }
}

.container .sideMenu::after {
  content: '';
  display: block;
  clear: both;
}

.container .sideMenu .leftMenu .list li {
  position: relative;
  padding: 5px 0;
  font-size: 13px;
}

.container .sideMenu .leftMenu .list li a {
  padding-left: 20px;
}

.container .sideMenu .leftMenu .list li a:hover,
.container .sideMenu .leftMenu .list li a:active {
  color: #b1eafc;
  text-decoration: underline;
}

.container .sideMenu .leftMenu .list li::before {
  content: '-';
  color: #fff;
  position: absolute;
  left: 8px;
}

.footer {
  width: 100%;
  background-color: #505F69;
  color: #c9ced6;
  height: 30px;
  line-height: 30px;
  font-size: 12px;

  div i {
    line-height: 30px;
  }
}

/*****************************
    sort 영역
*****************************/
.sortArea {
  line-height: 34px;

  .sortleft {
    float: left;

    div {
      display: inline-block;
      padding: 0 20px 0 0;
    }
  }

  .sortright {
    float: right;

    div {
      display: inline-block;
      padding: 0 20px 0 0;
    }
  }

  input {
    padding: 0 0 0 10px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #aeb3bb;
  }

  label {
    margin-left: 5px;
  }

  select,
  .selectBox {
    height: 34px;
    margin-left: 7px;
    border: 1px solid #aeb3bb;
    line-height: 32px;
    color: #6a747c;
  }
}

/*****************************
  팝업
*****************************/
.popLaye {
  position: relative;
  width: 100%;

  .titMain {
    height: 58px;
    background-color: #093250;
    color: #fff;

    h2 {
      float: left;
      padding: 3px 0 0 28px;
      line-height: 56px;
      font-size: 19px;
      font-weight: normal;
      font-family: 'nBarunB';
    }

    .pupbtncolse {
      float: right;
      font-size: 20px;
      padding-right: 30px;

      i {
        line-height: 58px;
      }
    }
  }

  .popContent {
    border: 1px solid #093250;
    padding: 28px 0 39px 0;

    .popInner {
      padding: 0 30px;
    }
  }
}

/*****************************
    레벨테스트 시험지
*****************************/
.LTcontainer {
  width: 100%;
  border: 5px solid #3a4b99;

  .title {

    background-color: #3a4b99;
    color: #fff;
    font-size: 18px;
    padding: 10px;
  }

  .LTcon {

    .lt_left {
      float: left;
      min-height: 800px;
      overflow-y: auto;

      embed {
        width: 100%;
        height: calc(100vh - 0px);
      }
    }

    .lt_right {
      float: right;
    }
  }
}

.loginWrap {
  width: 100%;
}