@charset "UTF-8";
div.timetableTableWrapper {
  position: relative; }

table.timetableTable {
  font-family: "맑은 고딕", 돋움, tahoma;
  _font-family: 돋움, tahoma;
  font-size: 12px;
  margin-top: 20px;
  clear: both; }

table.timetableTable thead th {
  height: 40px;
  border-width: 1px;
  border-style: solid;
  border-color: #d6d6d6;
  color: #a6a6a6;
  font-weight: normal;
  text-align: center;
  background: #f2f2f2; }

table.timetableTable tbody td {
  background-image: url("../images/time_table_bg.jpg");
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  position: relative; }

table.timetableTable tbody td.time_indicator ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f2f2f2; }

table.timetableTable tbody td.time_indicator li {
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-bottom: 1px solid #d6d6d6;
  box-sizing: border-box; }

div#insertClassLayer {
  display: none;
  position: fixed;
  width: 100%;
  left: 0px;
  z-index: 99;
  border-top: 1px solid #ccc;
  background-color: #fff;
  height: 305px;
  bottom: 0px;
  box-sizing: border-box;
  padding-left: 300px; }

div#insertClassLayer > .close {
  position: absolute;
  right: 10px;
  top: -10px; }

div#insertClassLayer div.search_layer {
  width: 300px;
  position: absolute;
  left: 0px;
  right: 0px;
  border-right: 1px solid #ccc;
  height: 300px;
  overflow: hidden;
  background: #f1f1f1; }

div#insertClassLayer div.search_layer.extendSearch:hover {
  width: 900px; }

div#insertClassLayer div.search_layer div#basicSearch {
  width: 300px;
  padding-top: 10px; }

div#insertClassLayer div.search_layer div#advancedSearch {
  display: none;
  padding-top: 10px;
  width: 600px;
  position: absolute;
  margin-left: 300px;
  top: 0px; }

div#insertClassLayer div.search_layer.extendSearch:hover div#advancedSearch {
  display: block; }

div#insertClassLayer div.search_layer.extendSearch .extendSearchButton {
  display: none; }

div#insertClassLayer div.search_layer .x_control-label {
  width: 70px;
  font-size: 12px; }

div#insertClassLayer div.search_layer .x_controls {
  margin-left: 80px; }

div#insertClassLayer div.search_layer .x_controls input[type=text] {
  height: 30px;
  box-sizing: border-box; }

div#insertClassLayer div.search_layer .x_controls select {
  width: 206px; }

div#insertClassLayer div.search_layer .x_controls.time_select select {
  width: 100px; }

div#insertClassLayer div.search_layer .x_controls .x_checkbox.x_inline {
  margin-left: 0px;
  margin-right: 10px; }

div#insertClassLayer div.search_layer > form.advanced_search > .header {
  height: 40px;
  line-height: 40px;
  color: #0088cc;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  position: relative; }

div#insertClassLayer div.search_layer > form > .content {
  display: none;
  padding: 15px;
  text-align: center; }

div#insertClassLayer div.search_layer > form.active > .content {
  display: block; }

div#insertClassLayer div.search_layer > form > .header > i {
  position: absolute;
  right: 10px;
  top: 14px; }

div#insertClassLayer div.search_layer > form.active > .header {
  font-weight: bold;
  background: #0088cc;
  color: #fff; }

div#insertClassLayer div.search_layer > form.active > .header > i:before {
  content: "\f078" !important; }

div.lecture_element {
  position: absolute;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  overflow-y: hidden;
  font-size: 11px;
  line-height: 13px;
  margin-top: -1px; }

div.lecture_element > div.delete {
  position: absolute;
  right: 5px;
  top: 3px;
  display: none;
  cursor: pointer; }

div.lecture_element:hover div.delete {
  display: block; }

select#savedWorkspace {
  position: relative;
  top: 5px;
  margin-right: 5px; }

div.showInfo > div {
  font-weight: bold;
  margin-top: 10px;
  color: #0066cc; }

div.showInfo input[type=text] {
  padding: 5px;
  background: #fff;
  height: 30px;
  position: relative;
  top: 3px;
  width: 100%;
  box-sizing: border-box; }

div#printButton {
  float: right; }

div.tableHeader {
  margin-top: 15px;
  float: left;
  position: relative;
  top: -8px; }

@media print {
  body {
    -webkit-print-color-adjust: exact !important; }

  :root {
    -webkit-print-color-adjust: exact; } }
div#insertClassLayer div#search_result {
  overflow-y: scroll;
  height: 305px;
  font-size: 11px; }

div #search_result .x_pagination a {
  cursor: pointer; }

div.lecture_element.temp_lecture {
  background: #3366ff;
  color: #fff; }

div#insertClassLayer > div.close_button {
  position: absolute;
  right: 10px;
  top: -20px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  line-height: 37px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  background: #000;
  color: #fff; }

div.now_timetable table.timetableTable {
  display: none; }

label.include_now_workspace {
  display: inline;
  font-size: 12px;
  padding-right: 10px; }
  label.include_now_workspace input[type=checkbox] {
    position: relative;
    top: -2px;
    margin-right: 5px; }

div.combine_option input[type=text] {
  width: 30px;
  padding: 0px 5px;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  position: relative;
  top: 4px; }

div.combine_wrapper {
  margin-top: 10px;
  border: 1px solid #ccc; }
  div.combine_wrapper div.combine_list {
    float: left;
    width: 200px; }
    div.combine_wrapper div.combine_list .header {
      height: 30px;
      line-height: 26px;
      background: #eee;
      width: auto;
      text-align: center; }
    div.combine_wrapper div.combine_list > ul {
      min-height: 100px;
      margin: 0;
      padding: 0;
      list-style: none; }
      div.combine_wrapper div.combine_list > ul > li {
        margin: 5px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background: #fff8cc;
        border-radius: 10px;
        position: relative; }
        div.combine_wrapper div.combine_list > ul > li div.title {
          font-weight: bold; }
        div.combine_wrapper div.combine_list > ul > li select {
          position: absolute;
          top: 5px;
          right: 10px;
          width: 50px;
          font-size: 12px;
          height: 23px;
          padding: 0px; }
        div.combine_wrapper div.combine_list > ul > li div.desc {
          font-size: 11px;
          color: #333; }
        div.combine_wrapper div.combine_list > ul > li div.delete_button {
          position: absolute;
          right: 10px;
          bottom: 5px;
          cursor: pointer; }
  div.combine_wrapper div.result_list {
    margin-left: 200px; }
    div.combine_wrapper div.result_list .header {
      height: 30px;
      line-height: 26px;
      background: #eee;
      width: auto;
      text-align: center; }
    div.combine_wrapper div.result_list > ul {
      min-height: 100px;
      list-style: none; }
      div.combine_wrapper div.result_list > ul > li {
        min-height: 140px;
        pading-bottom: 10px;
        margin-top: 10px;
        marrgin-bottom: 10px;
        position: relative;
        border-bottom: 1px solid #ccc; }
        div.combine_wrapper div.result_list > ul > li:last-of-type {
          border-bottom: 0px; }
        div.combine_wrapper div.result_list > ul > li table {
          cursor: pointer;
          position: absolute;
          left: 0px;
          top: 5px;
          border-top: 1px solid #d6d6d6;
          border-bottom: 1px solid #d6d6d6; }
          div.combine_wrapper div.result_list > ul > li table th {
            text-align: center;
            background: #f2f2f2;
            border-left: 1px solid #d6d6d6;
            border-right: 1px solid #d6d6d6; }
          div.combine_wrapper div.result_list > ul > li table td {
            width: 25px;
            text-align: center;
            overflow: hidden;
            height: 108px;
            border-left: 1px solid #d6d6d6;
            border-right: 1px solid #d6d6d6;
            font-size: 0px;
            position: relative; }
            div.combine_wrapper div.result_list > ul > li table td > div {
              position: absolute;
              overflow: hidden;
              width: 25px; }
        div.combine_wrapper div.result_list > ul > li div.desc {
          padding-left: 145px; }
        div.combine_wrapper div.result_list > ul > li div.buttons {
          text-align: right;
          position: absolute;
          right: 5px;
          top: 5px; }
          div.combine_wrapper div.result_list > ul > li div.buttons .x_btn {
            display: block;
            margin-bottom: 5px; }
  div.combine_wrapper:after {
    display: block;
    content: "";
    clear: both; }

div#result_detail {
  display: none;
  position: absolute;
  padding: 10px;
  border: 2px solid #ccc;
  z-index: 12345;
  background: #fff; }
  div#result_detail table {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6; }
    div#result_detail table th {
      text-align: center;
      background: #f2f2f2;
      border-left: 1px solid #d6d6d6;
      border-right: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      height: 30px;
      line-height: 30px; }
    div#result_detail table td {
      width: 80px;
      background-image: url("../images/time_table_bg_height30.jpg");
      background-repeat: repeat;
      position: relative;
      text-align: center;
      height: 540px;
      border-left: 1px solid #d6d6d6;
      border-right: 1px solid #d6d6d6; }
      div#result_detail table td.time_indicator {
        width: 70px; }
        div#result_detail table td.time_indicator ul {
          list-style: none;
          margin: 0;
          padding: 0;
          width: 100%;
          background: #f2f2f2; }
          div#result_detail table td.time_indicator ul li {
            height: 30px;
            text-align: center;
            line-height: 30px;
            border-bottom: 1px solid #d6d6d6;
            box-sizing: border-box; }
            div#result_detail table td.time_indicator ul li:last-of-type {
              border-bottom: 0px; }
      div#result_detail table td > div {
        position: absolute;
        overflow: hidden;
        text-align: left;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px; }

div.showInfo .to_sns {
  margin-top: 0px; }
  div.showInfo .to_sns a {
    border-width: 0px;
    padding-right: 10px;
    height: 32px;
    line-height: 32px;
    padding-left: 36px;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px; }
    div.showInfo .to_sns a.facebook {
      background: #3b5a9b;
      color: #fff; }
    div.showInfo .to_sns a.twitter {
      background: #2b97f0;
      color: #fff; }
    div.showInfo .to_sns a b {
      width: 32px;
      height: 32px;
      position: absolute;
      left: 4px; }
  div.showInfo .to_sns:after {
    clear: both;
    display: block;
    content: ""; }

.ico_sns {
  width: 32px;
  height: 32px;
  background-image: url(../images/sns.png);
  opacity: .9; }

.ico_sns:hover {
  opacity: 1; }

.ico_sns.facebook {
  background-position: 0 -32px; }

.ico_sns.line {
  background-position: 0 -128px; }

.ico_sns.kakao {
  background-position: 0 -160px; }

#user_defined_lecture_form {
  display: none;
  margin-top: 10px;
  position: relative; }
  #user_defined_lecture_form h2 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px; }
  #user_defined_lecture_form div.form-group {
    padding-left: 120px;
    padding-right: 5px; }
    #user_defined_lecture_form div.form-group > label {
      position: absolute;
      width: 110px;
      text-align: right;
      left: 20px;
      margin-top: 5px; }
    #user_defined_lecture_form div.form-group textarea {
      width: 100%; }
    #user_defined_lecture_form div.form-group input[type=text] {
      width: 50px; }
    #user_defined_lecture_form div.form-group span.int {
      font-size: 20px;
      font-weight: bold;
      margin: 0px 5px;
      position: relative;
      top: -3px; }
    #user_defined_lecture_form div.form-group label.color {
      display: inline-block;
      height: 35px;
      line-height: 27px;
      margin-right: 10px; }
      #user_defined_lecture_form div.form-group label.color input {
        position: relative;
        top: -2px; }

#detailInfomation {
  border: 1px solid #ccc;
  padding: 15px; }
  #detailInfomation ul {
    list-style: none; }
  #detailInfomation .pagination {
    text-align: center; }
  #detailInfomation > div.header {
    padding: 0px 5px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    position: initial;
    width: auto; }
  #detailInfomation > div.infomation > div.lecture {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative; }
    #detailInfomation > div.infomation > div.lecture > div.header {
      padding: 0px 5px;
      height: 40px;
      font-size: 11px;
      color: #bbb;
      line-height: 40px;
      font-weight: bold;
      position: initial;
      width: auto; }
      #detailInfomation > div.infomation > div.lecture > div.header span.name {
        font-size: 16px;
        color: #000; }
      #detailInfomation > div.infomation > div.lecture > div.header > button.expand {
        top: -3px; }
    #detailInfomation > div.infomation > div.lecture > div.content {
      width: 100%;
      min-height: 0px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #eaeaea;
      padding: 5px;
      font-size: 12px; }
  #detailInfomation > div.infomation > div.comments {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 20px; }
    #detailInfomation > div.infomation > div.comments > div.header {
      padding: 0px 5px;
      height: 40px;
      font-size: 16px;
      color: #000;
      line-height: 40px;
      font-weight: bold;
      position: initial;
      width: auto; }
    #detailInfomation > div.infomation > div.comments ul.list {
      margin: 0px;
      padding: 0px;
      background: #fffac6;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: 5px; }
      #detailInfomation > div.infomation > div.comments ul.list li span.regdate {
        font-size: 11px; }
      #detailInfomation > div.infomation > div.comments ul.list li button {
        font-size: 11px; }
    #detailInfomation > div.infomation > div.comments form.replyForm {
      margin: 0px;
      padding: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 105px;
      position: relative; }
      #detailInfomation > div.infomation > div.comments form.replyForm input {
        border-radius: 0px;
        width: 100%;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0px; }
      #detailInfomation > div.infomation > div.comments form.replyForm input[type=submit] {
        position: absolute;
        border: 1px solid #000;
        background: #000;
        color: #fff;
        top: 5px;
        right: 0px;
        line-height: 30px;
        width: 100px; }
  #detailInfomation > div.infomation:after {
    content: "";
    display: block;
    clear: both; }
  #detailInfomation > div.reputation {
    border-top: 1px solid #ccc;
    margin-top: 20px; }
    #detailInfomation > div.reputation > div.left {
      width: 50%;
      float: left;
      box-sizing: border-box;
      padding-right: 10px; }
    #detailInfomation > div.reputation > div.right {
      width: 50%;
      float: left;
      box-sizing: border-box;
      padding-left: 20px; }
    #detailInfomation > div.reputation > div.pagination {
      clear: both;
      padding-top: 10px; }
    #detailInfomation > div.reputation div.header {
      padding: 0px 5px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      font-weight: bold;
      position: initial;
      width: auto; }
    #detailInfomation > div.reputation div.reputation_stat {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #fffac6;
      padding: 5px;
      padding-right: 120px;
      position: relative; }
      #detailInfomation > div.reputation div.reputation_stat > .rating {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 78px;
        height: 78px;
        font-size: 30px;
        font-weight: bold;
        color: #bf3322;
        line-height: 78px;
        text-align: center;
        background: #ffffff;
        border: 1px solid #ccc; }
      #detailInfomation > div.reputation div.reputation_stat ul {
        margin: 0;
        margin-left: 10px;
        padding: 0; }
        #detailInfomation > div.reputation div.reputation_stat ul li {
          line-height: 20px;
          height: 20px;
          padding-left: 65px;
          position: relative; }
          #detailInfomation > div.reputation div.reputation_stat ul li .star {
            font-size: 13px;
            color: #8d0101;
            display: block;
            width: 70px;
            position: absolute;
            top: 0px;
            left: 0px; }
          #detailInfomation > div.reputation div.reputation_stat ul li .rating {
            width: 100%;
            position: relative; }
            #detailInfomation > div.reputation div.reputation_stat ul li .rating .bar {
              background: #0ea432;
              position: absolute;
              height: 20px; }
              #detailInfomation > div.reputation div.reputation_stat ul li .rating .bar.bar4 {
                background: #2ecc40; }
              #detailInfomation > div.reputation div.reputation_stat ul li .rating .bar.bar3 {
                background: #cc6f0d; }
              #detailInfomation > div.reputation div.reputation_stat ul li .rating .bar.bar2 {
                background: #bf3322; }
              #detailInfomation > div.reputation div.reputation_stat ul li .rating .bar.bar1 {
                background: #dd1144; }
            #detailInfomation > div.reputation div.reputation_stat ul li .rating .caption {
              position: absolute;
              z-index: 3;
              left: 10px; }
    #detailInfomation > div.reputation form.reputationForm {
      padding-top: 15px;
      position: relative;
      padding-right: 60px;
      margin-bottom: 5px; }
      #detailInfomation > div.reputation form.reputationForm select {
        width: auto;
        margin-right: 10px; }
      #detailInfomation > div.reputation form.reputationForm textarea {
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        border-radius: 0px;
        border: 1px solid #ccc; }
      #detailInfomation > div.reputation form.reputationForm input[type=submit] {
        position: absolute;
        right: 0px;
        top: 55px;
        border: none;
        background: #000;
        color: #fff;
        width: 60px;
        height: 60px;
        line-height: 60px; }
      #detailInfomation > div.reputation form.reputationForm div.exist_reputation {
        position: absolute;
        font-size: 11px;
        padding: 2px 8px;
        background: #9ad18f;
        border: 1px solid #ccc;
        right: 0px;
        top: 10px;
        border-radius: 5px; }
    #detailInfomation > div.reputation ul.reputation_list {
      margin: 0;
      padding: 0; }
      #detailInfomation > div.reputation ul.reputation_list li {
        padding: 5px 10px;
        border: 1px solid #ccc;
        position: relative;
        margin-bottom: 5px; }
        #detailInfomation > div.reputation ul.reputation_list li .rating {
          color: #cc6f0d; }
        #detailInfomation > div.reputation ul.reputation_list li .regdate {
          position: absolute;
          right: 10px;
          top: 5px;
          color: #cc6f0d; }
        #detailInfomation > div.reputation ul.reputation_list li .action {
          position: absolute;
          right: 10px;
          bottom: 5px; }
          #detailInfomation > div.reputation ul.reputation_list li .action button {
            border: none;
            background: #cc6f0d;
            color: #fff;
            font-size: 11px;
            padding: 2px 4px; }
    #detailInfomation > div.reputation:after {
      clear: both;
      content: "";
      display: block; }
  #detailInfomation button.expand {
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    background: #000;
    color: #fff;
    position: relative;
    font-size: 12px; }
    #detailInfomation button.expand.slim {
      height: 20px;
      line-height: 20px;
      font-size: 11px; }
    #detailInfomation button.expand.hide > span:after {
      display: inline-block;
      content: "▼"; }
    #detailInfomation button.expand.hide ul {
      display: none; }
    #detailInfomation button.expand ul {
      z-index: 12345;
      position: absolute;
      left: 0px;
      margin-left: 0px;
      padding-left: 0px;
      list-style: none;
      background: #fff;
      border: 3px solid #000; }
      #detailInfomation button.expand ul li {
        padding: 5px;
        font-size: 12px;
        text-align: left; }
        #detailInfomation button.expand ul li a {
          color: #000;
          white-space: nowrap; }
  #detailInfomation div.detail_reputation {
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
    #detailInfomation div.detail_reputation strong {
      color: #ff0000; }
    #detailInfomation div.detail_reputation button {
      padding: 2px 4px;
      background: #cc6f0d;
      color: #fff;
      position: relative;
      top: -1px; }
  #detailInfomation a.back_button {
    float: right;
    border-radius: 5px;
    color: #fff;
    background-color: #dd1144;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 4px 8px; }
    #detailInfomation a.back_button:hover {
      text-decoration: none; }

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