@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap");
.col-pink {
  color: #e62e8b;
}

.col-blue {
  color: #0385d0;
}

.col-darkblue {
  color: #073190;
}

.col-orange {
  color: #f5a100;
}

@-webkit-keyframes moveTop {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes moveTop {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@font-face {
  font-family: "NanumSquareR";
  font-style: normal;
  font-weight: normal;
  src: local("Nanum Square"), url("../font/NanumSquareRoundR.woff") format("woff");
}

@font-face {
  font-family: "NanumBG";
  font-style: normal;
  font-weight: normal;
  src: local("NanumBarunGothic"), url("../font/NanumBarunGothic.woff") format("woff");
}

@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: normal;
  src: local("OpenSans-Regular"), url("../font/OpenSans-Regular.woff") format("woff");
}

.col-blue {
  color: #0385d0 !important;
}

.col-navy {
  color: #073190;
}

.col-navy2 {
  color: #073190;
}

.bold {
  font-weight: bold;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.no-mt {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

textarea::-webkit-input-placeholder {
  color: #777;
}

textarea:-ms-input-placeholder {
  color: #777;
}

textarea::-ms-input-placeholder {
  color: #777;
}

textarea::placeholder {
  color: #777;
}

input::-webkit-input-placeholder {
  color: #aaa;
  font-family: "OpenSans", "NanumBG", sans-serif;
  font-size: 12px;
}

input:-ms-input-placeholder {
  color: #aaa;
  font-family: "OpenSans", "NanumBG", sans-serif;
  font-size: 12px;
}

input::-ms-input-placeholder {
  color: #aaa;
  font-family: "OpenSans", "NanumBG", sans-serif;
  font-size: 12px;
}

input::placeholder {
  color: #aaa;
  font-family: "OpenSans", "NanumBG", sans-serif;
  font-size: 12px;
}

input[type="button"],
button {
  border: none;
  font-family: "OpenSans", "NanumBG", "NanumBG", sans-serif;
  font-weight: normal;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 24px;
}

.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
}

.radio-container input:checked ~ .checkmark:after {
  display: block;
  background: #0385d0;
}

.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
}

.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2356a2;
}

.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.check-container {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check-container.check-single {
  width: 17px;
  padding-left: 0;
}

.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #dddddd;
}

.check-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #dddddd;
}

.check-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-container input:checked ~ .checkmark:after {
  display: block;
}

.check-container .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 7px;
  border: solid #0385d0;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.check-container2 {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.check-container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check-container2 .checkmark {
  height: 17px;
  width: 17px;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  display: block;
  margin: auto;
  position: relative;
}

.check-container2 input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #C9C9C9;
}

.check-container2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-container2 input:checked ~ .checkmark:after {
  display: block;
}

.check-container2 .checkmark:after {
  left: 6px;
  top: -4px;
  width: 7px;
  height: 14px;
  border: solid #073190;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.table-gray table {
  width: 100%;
  font-size: 16px;
}

.table-gray table td {
  padding: 10px 15px;
  border: 1px solid #ddd;
}

.table-gray table th {
  padding: 10px 15px;
  border: 1px solid #ddd;
  font-weight: bold;
  color: #333;
  text-align: center;
  background: #f8f8f8;
}

.table-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.table-flex dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.table-flex dl .th {
  display: block;
  padding: 15px 10px;
  border: 1px solid #ddd;
  margin: -1px;
  background: #2356a2;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.table-flex dl .td {
  display: block;
  padding: 15px 10px;
  border: 1px solid #ddd;
  margin: -1px;
  background: #fff;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.table-flex dl .td strong {
  display: block;
  color: #1a317a;
  font-size: 18px;
  padding-bottom: 5px;
}

.table-flex dl .td .account {
  vertical-align: middle;
  line-height: 26px;
}

.table-flex dl .td .account img {
  vertical-align: text-bottom;
}

.table-flex dl.flex-50 {
  width: 50%;
}

.table-flex dl.flex-25 {
  width: 25%;
}

.table-flex dl.flex-33 {
  width: 33.33%;
}

.table-flex.table-flex--gray {
  border-top: 1px solid #333;
}

.table-flex.table-flex--gray .th {
  border: none;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  background: #f8f8f8;
  color: #333;
}

.table-flex.table-flex--gray .td {
  border: none;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  color: #888;
}

@media screen and (max-width: 1280px) {
  .table-flex {
    display: block;
    font-size: 14px;
  }
  .table-flex dl.flex-50 {
    width: auto;
  }
  .table-flex dl.flex-33 {
    width: auto;
  }
  .table-flex dl .th {
    text-align: center;
  }
  .table-flex dl .td {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .table-flex {
    font-size: 13px;
  }
  .table-flex.table-flex--gray .th {
    padding: 15px;
  }
  .table-flex.table-flex--gray .td {
    padding: 15px;
  }
}

.table-flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.table-flex-col .th {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #ddd;
  margin: -1px;
  background: #2356a2;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.table-flex-col .td {
  display: block;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #ddd;
  margin: -1px;
  background: #fff;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.table-flex-col .td strong {
  display: block;
  color: #1a317a;
  font-size: 18px;
  padding-bottom: 5px;
}

.table-flex-col .td .account {
  vertical-align: middle;
  line-height: 26px;
}

.table-flex-col .td .account img {
  vertical-align: text-bottom;
}

.table-flex-col.flex-16 {
  width: 16.66%;
}

.table-flex-col.flex-50 {
  width: 50%;
}

@media screen and (max-width: 1280px) {
  .table-flex-col {
    display: block;
    font-size: 14px;
  }
  .table-flex-col dl.flex-16 {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .table-flex-col dl .th {
    text-align: center;
  }
  .table-flex-col dl .td {
    text-align: left;
  }
}

.btn-area {
  margin: 15px auto;
  text-align: center;
}

.btn-area.btn-area-ar {
  text-align: right;
}

.btn-area.btn-area-al {
  text-align: left;
}

.btn-area.textbook-btns a {
  width: 170px;
}

.btn-area input,
.btn-area button,
.btn-area a {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
  vertical-align: middle;
}

.btn-area input.btn-blue,
.btn-area button.btn-blue,
.btn-area a.btn-blue {
  min-width: 135px;
  color: #fff;
  background-color: #0067c3;
  border-radius: 45px;
}

.btn-area input.btn-navy,
.btn-area button.btn-navy,
.btn-area a.btn-navy {
  background-color: #2457a2;
  color: #fff;
  min-width: 135px;
  border-radius: 45px;
}
/* 2023-07-06 */
.btn-area input.btn-navy,
.btn-area button.btn-navy,
.btn-area a.btn-navy {
  background-color: #2457a2;
  color: #fff;
  min-width: 135px;
  border-radius: 45px;
}
/* // 2023-07-06 */
.btn-area input.btn-dnavy2,
.btn-area button.btn-dnavy2,
.btn-area a.btn-dnavy2 {
  background-color: #073190;
  color: #fff;
  min-width: 120px;
  line-height: 45px;
  height: 45px;
}

.btn-area input.btn-white,
.btn-area button.btn-white,
.btn-area a.btn-white {
  min-width: 135px;
  color: #333;
  border: 1px solid #333;
  border-radius: 45px;
  background-color: #fff;
}

.btn-area input.btn-white2,
.btn-area button.btn-white2,
.btn-area a.btn-white2 {
  min-width: 260px;
  color: #073190;
  border: 1px solid #073190;
  border-radius: 45px;
  background-color: #fff;
}

.btn-area input.btn-confirm,
.btn-area button.btn-confirm,
.btn-area a.btn-confirm {
  border: 1px solid #0385d0;
  min-width: 120px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  color: #0385d0;
  font-weight: bold;
  background-image: url("../img/ico-arroow-blue.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  padding: 0 30px 0 43px;
}

/* 2023-06-22 시작 */
.btn-area input.btn-black,
.btn-area button.btn-black,
.btn-area a.btn-black {
  border: 1px solid #222;
  background-color: #222;
  min-width: 120px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  color: #fff;
  font-weight: bold;
}
/* 2023-06-22 끝 */


.btn-area input.btn-cancel,
.btn-area button.btn-cancel,
.btn-area a.btn-cancel {
  background-color: #2457a2;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
}

.btn-area input.btn-cancel::before,
.btn-area button.btn-cancel::before,
.btn-area a.btn-cancel::before {
  content: '';
  width: 15px;
  height: 15px;
  background-image: url("../img/ico-bbs-cancel.png");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.btn-area input.btn-more,
.btn-area button.btn-more,
.btn-area a.btn-more {
  background-image: url("../img/ico-bbs-nextarrow.png");
  background-position: 80% center;
  background-repeat: no-repeat;
  padding-left: 0;
}

.btn-area input.btn-apply-contest,
.btn-area button.btn-apply-contest,
.btn-area a.btn-apply-contest {
  width: 135px;
  background-image: url("../img/ico-edit-pen.png");
  background-repeat: no-repeat;
  background-position: 25px center;
  padding-left: 35px;
}

.btn-area input.btn-list,
.btn-area button.btn-list,
.btn-area a.btn-list {
  width: 135px;
  background-image: url("../img/ico-bbs-list.png");
  background-repeat: no-repeat;
  background-position: 25px center;
  padding-left: 35px;
}

.btn-area input.btn-white-nar.btn-list,
.btn-area button.btn-white-nar.btn-list,
.btn-area a.btn-white-nar.btn-list {
  width: 47px;
  height: 45px;
  background-image: url("../img/ico-bbs-list-skyblue.png");
  background-repeat: no-repeat;
  padding-left: 0;
  background-position: center;
  background-color: #92c0e8;
  font-size: 0;
  text-indent: -9999px;
}

.btn-area input.btn-white-nar.btn-list:hover,
.btn-area button.btn-white-nar.btn-list:hover,
.btn-area a.btn-white-nar.btn-list:hover {
  background-image: url("../img/ico-bbs-list-skyblue-over.png");
  background-color: #fff;
}

.btn-area input.btn-login,
.btn-area button.btn-login,
.btn-area a.btn-login {
  background-color: #0067c3;
  color: #fff;
  width: 135px;
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 45px;
  background-image: url("../img/ico-login.png");
  background-repeat: no-repeat;
}

.btn-area input.btn-home,
.btn-area button.btn-home,
.btn-area a.btn-home {
  background-color: #fff;
  color: #333;
  border: 1px solid #333;
  width: 135px;
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 45px;
  background-image: url("../img/ico-backhome.png");
  background-repeat: no-repeat;
}

.btn-area input.flex,
.btn-area button.flex,
.btn-area a.flex {
  width: auto;
  padding: 0 32px;
}

.btn-area .btn-edit {
  display: inline-block;
  background-image: url("../img/ico-edit-pen.png");
  background-repeat: no-repeat;
  background-image: none;
  margin-right: 5px;
  vertical-align: middle;
  background-position: 25px center;
  padding: 0;
}

.btn-area .btn-edit::before {
  content: "";
  width: 16px;
  height: 15px;
  background-image: url("../img/ico-edit-pen.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.btn-area .btn-edit:hover {
  background-color: #fff;
  background-image: none;
  border: 1px solid #0067c3;
  color: #0067c3;
}

.btn-area .btn-edit:hover::before {
  background-image: url("../img/ico-edit-pen-over.png");
}

.btn-area .btn-reply {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
}

.btn-area .btn-reply::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/ico-btn-reply.png");
  background-repeat: no-repeat;
  width: 21px;
  height: 14px;
  margin-right: 10px;
}

.btn-area .btn-reply:hover {
  background-color: #fff;
  border: 1px solid #2457a2;
  color: #2457a2;
}

.btn-area .btn-reply:hover::before {
  background-image: url("../img/ico-btn-reply-over.png");
}

.btn-area > a.btn-login {
  background: #0067c3;
  color: #fff;
  width: 135px;
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 45px;
}

.btn-area > a.btn-login i::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url("../img/ico-login.png");
  background-repeat: no-repeat;
  width: 14px;
  height: 18px;
}

.btn-area > a.btn-home {
  background: #fff;
  color: #333;
  border: 1px solid #333;
  width: 135px;
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 45px;
}

.btn-area > a.btn-home i::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background-image: url("../img/ico-backhome.png");
  background-repeat: no-repeat;
  width: 19px;
  height: 18px;
}

.btn-area .btn-like::before {
  content: "";
  width: 15px;
  height: 13px;
  background: url("../img/vote_off.png") no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-size: contain;
  vertical-align: middle;
}

.btn-area .btn-like.on::before {
  background: url("../img/vote_on.png") no-repeat;
  background-size: contain;
}

.btn-area .btn-like::after {
  display: none;
}

input#cancel {
  width: 135px;
  color: #333;
  border: 1px solid #333;
  border-radius: 45px;
  background-color: #fff;
}

.btn-apply {
  width: 70px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-color: #0385d0;
  font-size: 13px;
  color: #fff;
  font-family: "OpenSans", "NanumBG", sans-serif;
  font-weight: normal;
}

.btn-cancel {
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  background-color: #333333;
  display: inline-block;
}

.btn-cancel-blue {
  width: 62px;
  height: 22px;
  line-height: 22px;
  background-color: #0385d0;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 13px;
}

.btn-pay {
  padding-left: 19px;
  background: url("../img/bbs-ico-card.png") no-repeat left center;
}

.btn-print {
  background-color: #0385d0;
  background-image: url("../img/bbs-ico-print.png");
  background-repeat: no-repeat;
  background-position: 93% center;
  width: 80px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  padding-right: 14px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

.btn-print-none {
  background-color: #ffffff;
  border: 1px solid #0385d0;
  background-repeat: no-repeat;
  background-position: 93% center;
  width: 80px;
  height: 25px;
  line-height: 25px;
  color: #0385d0;
  text-align: center;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

/*기간만료*/
.btn-expiration {
  background-color: #f8f8f8;
  border: 1px solid #dddddd;
  background-repeat: no-repeat;
  background-position: 93% center;
  width: 80px;
  height: 25px;
  line-height: 25px;
  color: #777777;
  text-align: center;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.btn-pay-fee {
  width: 80px;
  height: 25px;
  background-color: #0385d0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url("../img/bbs-ico-pay.png");
  color: #fff;
  font-size: 13px;
  display: inline-block;
  line-height: 25px;
  margin-left: 10px;
  vertical-align: middle;
}

.btn-dark {
  background: #333;
  color: #fff;
}

.btn-navy {
  background: #073190;
  color: #fff;
}

.btn-apply2 {
  width: 170px;
}

.btn-apply2 span {
  display: inline-block;
  position: relative;
  padding-right: 35px;
}

.btn-apply2 span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 22px;
  height: 15px;
  background: url("../img/ico_apply.png") no-repeat;
}

.btn-cart {
  width: 170px;
}

.btn-cart span {
  display: inline-block;
  position: relative;
  padding-right: 35px;
}

.btn-cart span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 18px;
  height: 20px;
  background: url("../img/ico_cart.png") no-repeat;
}

.btn-list2 {
  background: #666666;
  color: #fff;
  padding: 0 20px;
}

.btn-list2 span {
  display: inline-block;
  position: relative;
  padding-right: 35px;
}

.btn-list2 span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 18px;
  height: 14px;
  background: url("../img/ico_list.png") no-repeat;
}

.btn-like2 {
  height: 45px;
  width: 45px;
  padding: 0 !important;
  line-height: 1 !important;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.btn-like2 span {
  font-size: 8px;
  color: #666;
  display: block;
}

.btn-like2 span::before {
  content: "";
  display: block;
  width: 21px;
  height: 18px;
  margin: 8px auto 3px auto;
  background: url("../img/ico_heart.png") no-repeat;
  background-size: contain;
}

.li-ref > li {
  padding-left: 15px;
  font-size: 15px;
  color: #777777;
  text-align: left;
  margin-top: 10px;
  line-height: 1.3;
}

.li-ref > li b {
  color: #0385d0;
  font-weight: normal;
}

.li-ref > li:first-child {
  margin-top: 0;
}

.li-ref > li::before {
  content: "※";
}

.basic > li {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}

.basic > li:first-child {
  margin-top: 0;
}

.basic .basic {
  margin: 5px 0 0 15px;
}

.basic2 > li {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}

.basic2 > li:first-child {
  margin-top: 0;
}

.li-square-blue li {
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  text-align: left;
}

.li-square-blue li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #073190;
  position: absolute;
  left: 0;
  top: 10px;
}

.li-square-blue li b {
  font-weight: bold;
}

.li-square li {
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  color: #777;
  line-height: 1.5;
}

.li-square li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #777;
  position: absolute;
  left: 0;
  top: 6px;
}

.tit-mustread {
  font-size: 20px;
  font-weight: bold;
  position: relative;
}

.tit-mustread::before {
  content: "";
  width: 46px;
  height: 46px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  background: url("../img/ico_mustread.png") no-repeat;
}

.li-num {
  margin-left: 20px;
}

.li-num li {
  list-style-type: decimal;
  margin-top: 5px;
  line-height: 1.5;
}

.edu-downlist > li {
  padding-left: 30px;
  position: relative;
  color: #222;
  text-align: left;
  margin-left: 10px;
  text-align: left;
  margin-top: 11px;
}

.edu-downlist > li:first-child {
  margin-top: 4px;
}

.edu-downlist > li::before {
  content: "";
  width: 21px;
  height: 27px;
  background: url("../img/pdf.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.edu-downlist > li a {
  display: block;
  overflow: hidden;
}

.edu-downlist > li a:hover {
  color: #0385d0;
}

.edu-downlist > li a .tit {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  letter-spacing: 0;
}

.edu-downlist > li a .ico-down {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ico_down_gr.png") no-repeat;
  margin-left: 1px;
}

.box-blue {
  background: #eef9ff;
  border: 1px solid #0385d0;
  padding: 20px 20px 20px 30px;
  margin-top: 25px;
}

.box-blue .li-dot > li:first-child {
  margin-top: 0;
}

.box-blue .li-dot li {
  color: #666666;
}

.box-blue.info .li-dot li {
  font-size: 15px;
}

.box-blue.box-blue--bigt p {
  font-size: 18px;
  color: #0385d0;
  line-height: 1.6;
  text-align: center;
}

.re-post {
  position: relative;
  padding-left: 15px;
  color: #666;
}

.re-post::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}

.tb-navy table {
  width: 100%;
  border: 1px solid #dedede;
  text-align: center;
  font-size: 15px;
  table-layout: fixed;
}

.tb-navy table th {
  background: #073190;
  color: #fff;
  text-align: center;
}

.tb-navy table th,
.tb-navy table td {
  padding: 17px 10px;
  border: 1px solid #dedede;
  vertical-align: middle;
  line-height: 1.4;
  word-break: break-word;
}

.tb-navy table th.al,
.tb-navy table td.al {
  text-align: left;
  padding-left: 30px;
}

.tb-navy table .cell-ht1 th,
.tb-navy table .cell-ht1 td {
  padding: 60px 10px;
}

.tb-navy table .bold {
  font-weight: bold;
  font-size: 16px;
}

.tb-navy table .check-container {
  display: inline-block;
}

.tb-navy.tb-seperate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.tb-navy.tb-seperate table {
  font-size: 16px;
  height: 100%;
}

.tb-navy.tb-seperate table td,
.tb-navy.tb-seperate table th {
  padding: 11px 10px;
  text-align: left;
}

.tb-navy.tb-set1 table {
  font-size: 16px;
}

.tb-navy.tb-set1 table thead th {
  padding: 15px 10px;
}

.tb-navy.tb-set1 table tbody td {
  padding: 10px;
  text-align: center;
}

.tb-navy.tb-set2 table th,
.tb-navy.tb-set2 table td {
  padding: 14px 10px;
}

.tb-navy.tb-set3 table .tit {
  width: 17%;
}

.tb-navy.tb-set3 table th,
.tb-navy.tb-set3 table td {
  padding: 11px 10px 11px 30px;
  border-color: #DEDEDE;
}

.tb-navy.tb-set3 table td {
  color: #666;
}

.tb-navy .wave {
  display: block;
  line-height: 1;
}

.tb-navy .state {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  width: 80px;
  height: 25px;
  line-height: 25px;
  border-color: transparent;
}

.tb-navy .state.gray {
  background: #B8B8B8;
  color: #fff;
}

.tb-navy .state.blue {
  color: #0385D0;
  background: #fff;
  border: 1px solid #0385D0;
}

.tb-gray table {
  width: 100%;
  border: 1px solid #dedede;
  text-align: center;
  font-size: 15px;
  color: #666666;
}

.tb-gray table th {
  background: #dedede;
  text-align: center;
}

.tb-gray table th,
.tb-gray table td {
  padding: 17px 10px;
  border: 1px solid #dedede;
  vertical-align: middle;
}

.tb-gray table th.al,
.tb-gray table td.al {
  text-align: left;
  padding-left: 30px;
}

.tb-gray table .bold {
  font-weight: bold;
  font-size: 18px;
}

.tb-gray table .ch-list li {
  margin-top: 30px;
}

.tb-gray table .ch-list li:nth-of-type(1) {
  margin-top: 0;
}

.tb-gray table .check-container {
  display: inline-block;
  line-height: 1.9;
}

.tb-gray table .check-container .checkmark {
  top: 6px;
}

.tb-gray.tb-set1 table td {
  padding-top: 26px;
  padding-left: 25px;
  padding-bottom: 40px;
}

.tb-gray.tb-set1 table .check-container .checkmark {
  width: 17px;
  height: 17px;
  top: 8px;
}

.tb-gray.tb-set1 table .check-container .checkmark::after {
  left: 6px;
  top: -4px;
  width: 7px;
  height: 14px;
  border: solid #073190;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.li-dot li {
  padding-left: 15px;
  position: relative;
  margin-top: 15px;
  text-align: left;
}

.li-dot li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #0385d0;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

.c-bigtitle {
  font-size: 32px;
  color: #073190;
}

.c-title {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  padding-left: 35px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 15px;
}

.c-title:not(:nth-of-type(1)) {
  margin-top: 60px;
}

.c-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url("../img/c_apply_bullets.png");
}

.c-title--apply::before {
  background-position: 0 0;
}

.c-title--pay::before {
  background-position: -23px 0;
}

.c-title--agree::before {
  background-position: -46px 0;
}

.c-title--application::before {
  background-position: -69px 0;
}

.c-title .t-sm {
  font-size: 18px;
  font-weight: normal;
}

.title-circle {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  padding-left: 20px;
  margin-top: 25px;
  padding-bottom: 20px;
}

.title-circle::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 3px solid #073190;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .btn-area > a {
    font-size: 14px !important;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    min-width: 120px;
  }
  .btn-area > a.btn-list {
    height: 40px;
    line-height: 40px;
    min-width: 47px !important;
  }
  .btn-area > a.btn-blue {
    min-width: 120px;
  }
  .btn-area > a.btn-edit {
    min-width: 135px;
  }
  .li-square li,
  .li-ref li,
  .li-square-blue li,
  .basic li {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .box-blue {
    padding: 20px;
  }
  .box-blue.box-blue--bigt p {
    font-size: 15px;
    line-height: 1.5;
  }
  .title-circle {
    font-size: 18px;
  }
  .title-circle::before {
    top: 4px;
  }
}

@media screen and (max-width: 640px) {
  .li-num li {
    font-size: 14px;
  }
  .li-dot li {
    margin-top: 8px;
    font-size: 13px;
  }
  .tb-mscroll .i-date,
  .tb-mscroll .i-cal {
    padding-left: 0;
    background: none;
  }
  .tb-mscroll .i-print {
    padding: 0 10px;
    width: auto;
  }
  .tb-mscroll .i-print::after {
    display: none;
  }
  .tb-navy.tb-set3 table .tit {
    width: 30%;
  }
  .tb-navy.tb-mscroll {
    white-space: normal;
    overflow: hidden;
    overflow-x: scroll;
  }
  .tb-navy.tb-mscroll table {
    width: 680px;
  }
  .c-bigtitle {
    font-size: 25px;
  }
  .c-title {
    font-size: 18px;
    padding-left: 28px;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .c-title::before {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .c-title .t-sm {
    font-size: 13px;
  }
  .c-title:not(:nth-of-type(1)) {
    margin-top: 40px;
  }
  .box-blue {
    padding: 15px;
  }
  .box-blue.box-blue--bigt p {
    font-size: 13px;
    line-height: 1.4;
  }
  .box-blue.info .li-dot li {
    font-size: 13px;
  }
  .tb-navy table,
  .tb-gray table {
    font-size: 13px;
  }
  .tb-navy table *,
  .tb-gray table * {
    font-size: 13px;
  }
  .tb-navy table th,
  .tb-navy table td,
  .tb-gray table th,
  .tb-gray table td {
    padding: 10px;
  }
  .tb-navy table th.al,
  .tb-navy table td.al,
  .tb-gray table th.al,
  .tb-gray table td.al {
    padding-left: 10px;
  }
  .tb-navy table .bold,
  .tb-gray table .bold {
    font-size: 14px;
  }
  .tb-navy table .check-container,
  .tb-gray table .check-container {
    font-size: 13px;
    line-height: 1.6;
  }
  .tb-navy table .m-full-cell,
  .tb-gray table .m-full-cell {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: none;
    border-right: none;
  }
  .tb-navy table .cell-ht1 th,
  .tb-navy table .cell-ht1 td,
  .tb-gray table .cell-ht1 th,
  .tb-gray table .cell-ht1 td {
    padding: 20px 10px;
  }
}

@media screen and (max-width: 480px) {
  .li-square li,
  .li-ref li,
  .li-num li,
  .li-square-blue li,
  .basic li {
    font-size: 13px;
    margin-top: 3px;
    line-height: 1.4;
  }
  .li-square-blue li {
    padding-left: 10px;
  }
  .li-square-blue li::before {
    top: 7px;
  }
  .edu-downlist > li a .tit {
    max-width: 80%;
  }
}

.border-top-box {
  border-top: 1px solid #073190;
  background: #fff;
  padding: 25px 20px 30px 28px;
}

.border-top-box p {
  line-height: 1.4;
}

.border-top-box .li-dot li:first-child {
  margin-top: 0;
}

.border-top-box .tb-navy table th,
.border-top-box .tb-navy table td {
  padding: 14px 10px;
}

@media screen and (max-width: 640px) {
  .border-top-box {
    padding: 20px;
    font-size: 13px;
  }
}

body {
  width: 100%;
  background-color: #fff;
  font-family: OpenSans, NanumBG, "Nanum Gothic", "Malgun Gothic", dotum, arial, sans-serif;
  letter-spacing: -0.7px;
  overflow-x: hidden;
  line-height: 1.3;
}

.top-banner {
  background-color: #e62e8b;
  display: none;
}

.top-banner a {
  display: block;
  text-align: center;
  padding: 8px 0;
  color: #fff;
  position: relative;
  background: url("../img/ico-video-arr.png") no-repeat;
  background-position: 95% center;
  width: 100%;
}

.top-banner a span::before {
  content: "";
  width: 32px;
  height: 25px;
  background: url("../img/ico-video-top.png") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

header {
  width: 100%;
}

header .header-wrap {
  width: 1280px;
  overflow: hidden;
  height: 110px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

header .logo {
  position: absolute;
  left: 0;
  top: 17px;
  width: 333px;
  height: 73px;
  background-image: url("../img/logo2.png");
  background-repeat: no-repeat;
  background-size: contain;
}

header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}

header .logo > i {
  color: #073190;
}

header .logo > span {
  display: block;
  color: #ddd;
  font-size: 12px;
  margin-top: 3px;
  letter-spacing: 0px;
  text-align: center;
  font-weight: normal;
}

header .user-control {
  float: right;
  margin-top: 35px;
  padding-right: 54px;
}

header .user-control .user {
  display: inline-block;
  vertical-align: top;
}

header .user-control .user li {
  float: left;
  margin-right: 22px;
}

header .user-control .user li a {
  padding-left: 33px;
  display: block;
  background-repeat: no-repeat;
  font-size: 13px;
  height: 29px;
  color: #000;
  line-height: 29px;
}

header .user-control .user li.login a {
  background-image: url("../img/gnb-ico-login.png");
}

header .user-control .user li.mypage a {
  background-image: url("../img/gnb-ico-mypage.png");
}

header .user-control .user li.wiki {
  margin-right: 18px;
}

header .user-control .user li.wiki a {
  background-image: url("../img/gnb-ico-qiwiki.png");
}

header .user-control .sns {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  letter-spacing: 0;
}

header .user-control .sns li {
  width: 32px;
  height: 31px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/gnb-ico-sns.png") no-repeat 0 0;
  margin: 0 3px;
}

header .user-control .sns li:nth-of-type(2) {
  background-position: -32px 0;
}

header .user-control .sns li:nth-of-type(3) {
  background-position: -64px 0;
}

header .user-control .sns li.shop {
  width: auto;
  background: #ee3897;
  padding: 0 18px 0 15px;
  border-radius: 7px;
  margin-left: 17px;
}
header .user-control .sns li.shop a {
  color: #fff;
  font-size: 14px;
  text-align: center;
  position: relative;
  display: block;
  padding-left: 33px;
  line-height: 30px;
  font-weight: bold;
}

header .user-control .sns li.shop a::before {
  content: "";
  width: 23px;
  height: 21px;
  background: url("../img/ico_shop.png") no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}
header .user-control .sns li.shop.blue {
	/* background-color: #073190; */
	/* 2023-08-03 배경색 삭제*/
}
header .user-control .sns li.shop a {
	padding-left: 22px;
}
header .user-control .sns li.shop.blue a::before {
	width: 16px;
	height: 16px;
	top: 7px;
	background: url("../img/ico_video.png") no-repeat;
}

header .btn-gnb-all {
  position: absolute;
  right: 23px;
  top: 45px;
  width: 21px;
  height: 15px;
}

header .btn-gnb-all span {
  display: block;
  width: 100%;
  height: 3px;
  background: #073190;
  margin-top: 3px;
}

header .btn-gnb-all span:nth-of-type(1) {
  margin-top: 0;
}

header .btn-gnb-all span:nth-of-type(3) {
  width: 70%;
}

header #m-gnb {
  display: none;
}

header .quick-toolkit {
  background: #e62e8b;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: right;
  display: block;
}

header .quick-toolkit span {
  color: #fff;
  position: relative;
  padding: 0 60px 0 30px;
}

header .quick-toolkit span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  background: url("../img/ico_shop.png") no-repeat;
  width: 21px;
  height: 22px;
}

header .quick-toolkit span::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("../img/arr_link_toolkit.png") no-repeat;
  width: 32px;
  height: 7px;
}

header #gnb {
  height: 55px;
  text-align: center;
  position: relative;
  z-index: 150;
  background-color: #073190;
}

header #gnb .m-login {
  display: none;
}

header #gnb .depth01 {
  width: 1280px;
  margin: 0 auto;
}

header #gnb .depth01 > li {
  float: left;
  width: 11%;
  position: relative;
}

header #gnb .depth01 > li:first-child::before {
  display: none;
}

header #gnb .depth01 > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 17px;
  width: 1px;
  height: 19px;
  background: #fff;
}

header #gnb .depth01 > li > a {
  line-height: 55px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
  height: 55px;
  color: #fff;
  font-size: 16px;
}

header #gnb .depth01 > li.item-sp a {
  position: relative;
}

header #gnb .depth01 > li.item-sp::before {
  -webkit-transform: skew(-33deg);
          transform: skew(-33deg);
  width: 600%;
  width: 100vw;
  height: 100%;
  left: 5px;
  top: 0;
  background: #168ccf !important;
}

header #gnb .depth02 {
  display: none;
  position: absolute;
  background: #fff;
  top: 57px;
  left: 0;
  width: 100%;
  z-index: 1;
}

header #gnb .depth02::before {
  content: "";
  display: block;
  width: 1px;
  height: 95%;
  top: 5%;
  position: absolute;
  left: 0;
  background: #ddd;
}

header #gnb .depth02 li {
  padding: 0 5px 0 15px;
  text-align: left;
}

header #gnb .depth02 li:last-child {
  margin-bottom: 10px;
}

header #gnb .depth02 li.video-lecture a {
  background: #e62e8b;
  color: #fff;
  border-radius: 3px;
  padding: 5px 11px 5px 9px;
  display: inline-block;
}

header #gnb .depth02 li.video-lecture a span::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("../img/ico-video.png") no-repeat;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

header #gnb .depth02 li.video-lecture a::before {
  display: none;
}

header #gnb .depth02 > li:first-child a {
  display: inline-block;
  font-size: 17px;
  padding: 25px 0 10px;
  border-bottom: 1px solid #333;
  margin-bottom: 5px;
}

header #gnb .depth02 > li:first-child a::before {
  display: none;
}

header #gnb .depth02 a {
  display: block;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 10px 4px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  letter-spacing: 0.5px;
  padding-left: 12px;
  text-align: left;
  position: relative;
  letter-spacing: -1px;
}

header #gnb .depth02 a::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
}

header #gnb.on > a {
  color: #073190;
}

header #gnb.on > .depth02 {
  background: #073190;
  color: #333;
}

.quick-menu {
  position: fixed;
  right: -125px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 125px;
  height: 544px;
  z-index: 200;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}

.quick-menu.open {
  right: 0;
}

.quick-menu.open .quick-toggle a {
  display: none;
}

.quick-menu.open .quick-toggle a.btn-open {
  display: block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.quick-menu .quick-toggle {
  position: fixed;
  right: 0;
  right: 125px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 160px;
  margin-top: -140px;
}

.quick-menu .quick-toggle > a {
  display: block;
  height: 40px;
  width: 40px;
  background-image: url("../img/quick_btns_sml.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.quick-menu .quick-toggle > a.btn-open {
  background-position: 0 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.quick-menu .quick-toggle > a.btn-toolkit {
  background-position: 0 -40px;
}

/* 2023-08-03 */
.quick-menu .quick-toggle > a.btn-video {
  background-position: 0 -80px;
}
.quick-menu .quick-toggle > a.btn-lec {
  background-position: 0 -120px;
}
/* //2023-08-03 */
.quick-menu .quick-toggle > a.btn-prof {
  background-position: 0 -160px;
}

.quick-menu .quick-wide {
  position: fixed;
  width: 125px;
  right: -100%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.quick-menu .title {
  height: 53px;
  background: url("../img/quickmenu_title.png") no-repeat center;
  display: block;
}

.quick-menu ul {
  background-color: #fff;
  border-bottom: 15px solid #f99d1b;
}

.quick-menu ul li {
  border-top: 1px solid #dddddd;
}

.quick-menu ul li a {
  display: block;
  padding: 15px 4px;
  /* 2023-08-03 padding 값 수정*/
  text-align: center;
  font-size: 15px;
  color: #666;
  line-height: 1.4;
  position: relative;
}

.quick-menu ul li a::before {
  content: "";
  width: 75px;
  height: 75px;
  background-image: url("../img/quick_icons.png");
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 10px auto;
}
/* 2023-08-03 추가 */
.quick-menu ul li.quick--video a::before {
	background-image: url("../img/quick_video_icon.png");
}
/* // 2023-08-03 추가 */
.quick-menu ul li.quick--untact-lec a {
	letter-spacing: -0.1em;
}
.quick-menu ul li a span {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  display: block;
}

.quick-menu ul li:first-child {
  border-top: none;
}

.quick-menu ul li.quick--untact-lec a::before {
  background-position: -75px 0;
}

.quick-menu ul li.quick--prof a::before {
  background-position: -150px 0;
}

.gnb-all {
  position: absolute;
  right: 10px;
  top: 25px;
  width: 150px;
  background: #073190;
  height: 50px;
  z-index: 151;
}

.gnb-all a {
  display: block;
  line-height: 50px;
  color: #fff;
  position: relative;
  padding-left: 45px;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gnb-all a::before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 700;
  color: #333;
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 2px;
}

.gnb-all a:hover {
  background: #333;
  color: #073190;
}

.gnb-all a:hover::before {
  color: #073190;
}

.main-visual {
  position: relative;
  width: 100%;
  height: 550px;
}

@media screen and (max-width: 1024px) {
  .main-visual {
    height: auto;
  }
}

.main-visual__slide {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .main-visual__slide {
    height: auto;
    position: static !important;
  }
}

.main-visual .slide__item {
  height: 550px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  display: block;
}

@media screen and (max-width: 1024px) {
  .main-visual .slide__item {
    background-position: center;
    height: auto;
    padding-bottom: 40%;
  }
}

.main-visual .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.main-visual .slick-dots .slick-active button {
  background: #fff;
}

.main-visual .slick-dots button {
  font-size: 0;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 14px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0 3px;
}

.main-visual .main-visual__inner {
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}

.main-notice {
  max-width: 520px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 7px;
  background: rgba(255, 255, 255, 0.8);
  padding: 32px 29px 27px 29px;
  height: 370px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: all;
}

@media screen and (max-width: 1024px) {
  .main-notice {
    width: 100%;
    max-width: none;
    position: static;
    padding: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.main-notice .btn-more {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  right: 28px;
  top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-notice .btn-more::after {
  content: '+';
}

@media screen and (max-width: 1024px) {
  .main-notice .btn-more {
    right: 20px;
    top: 20px;
  }
}

.main-notice h3 {
  font-size: 26px;
  font-weight: 700;
  color: #073190;
  border-bottom: 2px solid #073190;
  padding-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .main-notice h3 {
    font-size: 22px;
  }
}

.main-notice__listitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  border-bottom: 1px solid #afafaf;
}

@media screen and (max-width: 640px) {
  .main-notice__listitem {
    font-size: 14px;
  }
}

.main-notice__listitem a {
  color: #222222;
  max-width: calc(100% - 135px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 15px 45px 14px 0;
  position: relative;
}

.main-notice__listitem a:hover {
  color: #1a317a;
}

.main-notice__listitem.new a::after {
  content: 'NEW';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: #168ccf;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 4px 7px;
}

.main-notice__listitem:last-child {
  border-bottom-color: #073190;
}

.main-banner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .main-banner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}

.main-banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.main-banner__roll {
  width: 25%;
  min-width: 480px;
  height: 380px;
  overflow: hidden;
  position: relative;
  background: #f99d1b;
}

@media screen and (max-width: 1024px) {
  .main-banner__roll {
    width: 50%;
    border: none;
    min-width: initial;
  }
}

@media screen and (max-width: 560px) {
  .main-banner__roll {
    width: 100%;
    height: auto;
  }
  .main-banner__roll img {
    width: 100%;
  }
}

.main-banner__roll .slick-dots {
  position: absolute;
  z-index: 1;
  top: 35px;
  right: 30px;
  text-align: right;
}

.main-banner__roll .slick-dots .slick-active button {
  border: 2px solid #ee3897;
}

.main-banner__roll .slick-dots li {
  display: inline-block;
}

.main-banner__roll .slick-dots button {
  font-size: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 14px;
  margin-left: 4px;
  padding: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-banner__item {
  width: 25%;
  height: 100%;
  height: 380px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-banner__item--first {
  background-image: url("../img/main_banner_bg_01.png");
}

@media screen and (max-width: 560px) {
  .main-banner__item--first {
    height: auto;
  }
}

.main-banner__item--second {
  background-image: url("../img/main_banner_bg_02.png");
}

@media screen and (max-width: 1024px) {
  .main-banner__item--second {
    height: 250px;
  }
}

@media screen and (max-width: 560px) {
  .main-banner__item--second {
    height: auto;
  }
}

.main-banner__item--third {
  background-image: url("../img/main_banner_bg_03.png");
}

@media screen and (max-width: 1024px) {
  .main-banner__item--third {
    height: 250px;
  }
}

@media screen and (max-width: 560px) {
  .main-banner__item--third {
    height: auto;
  }
}

@media screen and (max-width: 1280px) {
  .main-banner__item {
    background-color: rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media screen and (max-width: 1024px) {
  .main-banner__item {
    width: 50%;
    border-left: 0;
  }
}

@media screen and (max-width: 560px) {
  .main-banner__item {
    width: 100%;
    margin-top: 4px;
  }
}

.main-banner .banner-label {
  color: #fff;
  padding: 30px 15px 30px 20px;
  background-color: rgba(4, 39, 119, 0.85);
  position: absolute;
  width: 170px;
  left: 20px;
  top: 0;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .main-banner .banner-label {
    position: static;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    min-height: 180px;
  }
}

.main-banner .banner-label > p {
  font-size: 20px;
}

@media screen and (max-width: 640px) {
  .main-banner .banner-label > p {
    font-size: 16px;
  }
}

.main-banner .banner-label > strong {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  .main-banner .banner-label > strong {
    font-size: 22px;
  }
}

.main-banner2 {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0 45px; /* 2023-06-01 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1280px) {
  .main-banner2 {
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.main-banner2 .link__item {
  background: #f07c00;
  color: #fff;
  width: 250px;
  height: 50px;
  line-height: 50px;
  position: relative;
  display: block;
  border-radius: 50px;
  padding-left: 20px;
  text-align: left;
}

.main-banner2 .link__item::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}

.main-banner2 .banner__item--print {
  width: 49%;
  height: 270px;
  padding: 40px 20px 20px 25px;
  background-color: #b7e5ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.main-banner2 .banner__item--print::after {
  content: '';
  width: 120px;
  height: 120px;
  background: url("../img/main_banner_icon__print.png") no-repeat center/contain;
  position: absolute;
  right: 30px;
  top: 30px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--print::after {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 1280px) {
  .main-banner2 .banner__item--print {
    width: 100%;
    height: auto;
    margin-top: 4px;
  }
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--print {
    padding: 30px;
  }
}

.main-banner2 .banner__item--print h3 {
  color: #073190;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.06em;
  padding-right: 80px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--print h3 {
    font-size: 24px;
  }
}

.main-banner2 .banner__item--print .txt {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
  line-height: 1.3;
  padding-right: 80px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--print .txt {
    font-size: 14px;
  }
  .main-banner2 .banner__item--print .txt br {
    display: none;
  }
}

.main-banner2 .banner__item--print .info {
  font-size: 15px;
  margin-top: 15px;
  letter-spacing: -1px;
}

.main-banner2 .banner__item--print .link {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-banner2 .banner__item--print .link__item:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--print .link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-banner2 .banner__item--print .link__item {
    width: 100%;
  }
  .main-banner2 .banner__item--print .link__item:first-child {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.main-banner2 .banner__item--date {
  width: 49%;
  height: 270px;
  padding: 40px 23px 20px 23px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #073190 url("../img/banner_item2__date_bg.jpg") no-repeat center/cover;
  position: relative;
}

.main-banner2 .banner__item--date::after {
  content: '';
  width: 120px;
  height: 120px;
  background: url("../img/main_banner_icon__cal.png") no-repeat center/contain;
  position: absolute;
  right: 30px;
  top: 30px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--date::after {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 1280px) {
  .main-banner2 .banner__item--date {
    width: 100%;
    height: auto;
    margin-top: 4px;
    padding: 30px;
  }
}

.main-banner2 .banner__item--date h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.06em;
  padding-right: 80px;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--date h3 {
    font-size: 24px;
  }
}

.main-banner2 .banner__item--date h3 span {
  display: block;
  font-size: 28px;
  font-weight: 500;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--date h3 span {
    font-size: 16px;
    padding-bottom: 5px;
  }
}

.main-banner2 .banner__item--date .txt {
  font-size: 15px;
  margin-top: 20px;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--date .txt {
    font-size: 14px;
  }
}

.main-banner2 .banner__item--date .link {
  margin-top: 38px;
  text-align: center;
}

.main-banner2 .banner__item--date .link__item {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  .main-banner2 .banner__item--date .link__item {
    width: 100%;
  }
}
/* 2023-06-01 추가 */
.main-banner3 {max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.main-banner3 .inner {display: block; padding: 50px 30px 20px 40px; width: 100%; background-image: url("../img/banner3_bg.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover;}
.main-banner3 .inner .box {display: flex; justify-content: space-between; align-items: center;	}
.main-banner3 .inner .box .logo {}
.main-banner3 .inner .box .logo img {}
.main-banner3 .inner .box .text_box {}
/* 2023-06-22 시작 -> font-family: 'rixrak-sans-pro' 삭제 */
.main-banner3 .inner .box .text_box .sub_tit {font-weight: 400; font-size: 22px; line-height: 22px; color: #fffefe; letter-spacing: -0.04em; word-break: keep-all;}
.main-banner3 .inner .box .text_box .title {margin: 15px 0 0;  font-weight: 400; font-size: 47px; line-height: 47px; color: #fefefe; letter-spacing: -0.04em; word-break: keep-all;}
.main-banner3 .inner .box .text_box .title .yellow {font-weight: 700; color: #ffe361;}
.main-banner3 .inner .box .text_box .arrow {display: block; width: 220px; margin: 20px auto 0; border-radius: 22px; background-color: #ffe361;  font-weight: 400; font-size: 20px; line-height: 45px; color: #000000; text-align: center;}
/* // 2023-06-22 끝*/
.main-banner3 .inner .box .text_box .arrow .bold {font-weight: 700;}
.main-banner3 .inner .box .img {}
.main-banner3 .inner .box .img img {}

@media screen and (max-width: 1280px){
	.main-banner3 {padding: 0; margin-top: 4px;}
	.main-banner3 .inner {padding: 20px 15px 20px 10px;}
	.main-banner3 .inner .box .logo img {width: 170px;}
	.main-banner3 .inner .box .text_box .title {font-size: 34px; line-height: 34px;}
}

@media screen and (max-width: 1081px){
	.main-banner3 .inner .box .logo img {width :110px;}
	.main-banner3 .inner .box .text_box .sub_tit {font-size: 18px; line-height: 18px;}
	.main-banner3 .inner .box .text_box .title {margin: 8px 0 0;font-size: 24px; line-height: 24px;}
	.main-banner3 .inner .box .img img {width: 60px;}
	.main-banner3 .inner .box .text_box .arrow {width: 160px; margin: 10px auto 0; font-size: 16px; line-height: 35px;}
}

@media screen and (max-width: 767px){
	.main-banner3 .inner {padding: 30px 10px 30px 30px;}
	.main-banner3 .inner .box {display: block;}
	.main-banner3 .inner .box .img {display: none;}
	.main-banner3 .inner .box .text_box {margin: 10px 0 0;}
	.main-banner3 .inner .box .text_box .sub_tit {font-size: 16px; line-height: 24px;}
	.main-banner3 .inner .box .text_box .title {margin: 4px 0 0; font-size: 20px; line-height: 25px;}
	.main-banner3 .inner .box .text_box .arrow {margin: 10px 0 0;}
}
/* // 2023-06-01 */

.section-quick {
  width: 1280px;
  margin: 0 auto;
  padding: 65px 0;
}

.section-quick ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.section-quick li {
  text-align: center;
  font-size: 16px;
  color: #888;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.section-quick li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.section-quick li a::before {
  content: "";
  width: 75px;
  height: 75px;
  display: block;
  margin: 0 auto;
  background-image: url("../img/section-quick-ico.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-bottom: 4px;
}

.section-quick li:first-child {
  margin-left: 0;
}

.section-quick li.quick--02 a::before {
  background-position: -75px 0;
}

.section-quick li.quick--03 a::before {
  background-position: -150px 0;
}

.section-quick li.quick--04 {
  margin-left: 30px;
}

.section-quick li.quick--04 a::before {
  background-position: -225px 0;
}

.section-quick li.quick--05 a::before {
  background-position: -300px 0;
}

.section-quick li.quick--06 a::before {
  background-position: -375px 0;
}

.section-quick li.quick--07 a::before {
  background-position: -450px 0;
}

.section-quick li.quick-pink {
  width: 167px;
  height: 170px;
  background-image: url("../img/section-quick-bg-gray.png");
}

.section-quick li.quick-pink:hover {
  background-image: url("../img/section-quick-bg-pink.png");
  color: #ee3897;
}

.section-quick li.quick-pink:hover a::before {
  background-position-y: -75px;
}

.section-quick li.quick-orange {
  width: 174px;
  height: 179px;
  background-image: url("../img/section-quick-bg-gray2.png");
}

.section-quick li.quick-orange:hover {
  background-image: url("../img/section-quick-bg-orange.png");
  color: #f5a100;
}

.section-quick li.quick-orange:hover a::before {
  background-position-y: -75px;
}

.section-container {
  width: 1280px;
  margin: 0 auto;
}

.section-news {
  width: 100%;
  padding: 70px 0 0 0;
  position: relative;
}

@media screen and (max-width: 640px) {
  .section-news {
    padding-top: 40px;
  }
}

.section-news::before {
  content: '';
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 370px;
  background: #e8e8e8 url("../img/section_news_bg.png") no-repeat center/cover;
}

.section-news .section-title {
  font-size: 48px;
  text-align: center;
  position: relative;
  font-weight: normal;
}

.section-news .section-title span,
.section-news .section-title p {
  font-size: 16px;
  padding-top: 15px;
  display: block;
}

.section-news .section-title strong {
  font-weight: bold;
}

.section-news .section-title::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 63px;
  height: 1px;
  background: #333;
  margin-bottom: 20px;
}

.section-news .news-item-wrap {
  margin-top: 45px;
  font-size: 0;
}

.section-news .news-item-wrap .item {
  position: relative;
  height: 396px;
  display: inline-block;
  width: 24%;
  margin-left: 1.3%;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.section-news .news-item-wrap .item .flag {
  position: absolute;
  top: -9px;
  left: 0;
  width: 60px;
  height: 60px;
  background: #43b3e5;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
}

.section-news .news-item-wrap .item .flag::after {
  content: "";
  width: 13px;
  height: 10px;
  position: absolute;
  right: -7px;
  z-index: -1;
  top: 3px;
  background: #0385d0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section-news .news-item-wrap .item .flag.flag-notify {
  background: #43b3e5;
}

.section-news .news-item-wrap .item .flag.flag-notify::after {
  background: #0385d0;
}

.section-news .news-item-wrap .item .flag.flag-report {
  background: #0385d0;
}

.section-news .news-item-wrap .item .flag.flag-report::after {
  background: #3256a4;
}

.section-news .news-item-wrap .item .flag.flag-news {
  background: #3256a4;
}

.section-news .news-item-wrap .item .flag.flag-news::after {
  background: #1a317a;
}

.section-news .news-item-wrap .item .flag.flag-info {
  background: #1a317a;
}

.section-news .news-item-wrap .item .flag.flag-info::after {
  background: #04113b;
}

.section-news .news-item-wrap .item:nth-of-type(1) {
  margin-left: 0;
}

.section-news .news-item-wrap .item:nth-of-type(1) dt::after {
  background-position: 0 0;
}

.section-news .news-item-wrap .item:nth-of-type(2) dt::after {
  background-position: -20px 0;
}

.section-news .news-item-wrap .item:nth-of-type(3) dt::after {
  background-position: -40px 0;
}

.section-news .news-item-wrap .item:nth-of-type(4) dt::after {
  background-position: -60px 0;
}

.section-news .news-item-wrap .item .thumb {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.section-news .news-item-wrap .item .thumb img {
  width: 100%;
  height: 100%;
}

.section-news .news-item-wrap .item .item-container {
  padding: 25px 25px 0 25px;
}

.section-news .news-item-wrap .item dt {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 9px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 17px;
  position: relative;
}

.section-news .news-item-wrap .item dt a {
  display: block;
}

.section-news .news-item-wrap .item dt::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 0;
  background: url("../img/section-news-plane.png");
  background-repeat: no-repeat;
}

.section-news .news-item-wrap .item dd.context {
  position: relative;
  color: #888;
  font-size: 13.5px;
  line-height: 1.4;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-news .news-item-wrap .item dd.context a {
  color: #999;
  display: block;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-news .news-item-wrap .item dd.date {
  font-size: 12px;
  height: 15px;
  line-height: 15px;
  margin-top: 38px;
  padding-left: 20px;
  background: url("../img/ico-clock.png") no-repeat left center;
}

.section-news .news-item-wrap .item dd.btn-more {
  position: absolute;
  right: 25px;
  bottom: 20px;
  font-size: 12px;
}

.section-news .news-item-wrap .item dd.btn-more span {
  color: #888;
  display: block;
  padding-right: 15px;
  position: relative;
}

.section-news .news-item-wrap .item dd.btn-more span::before {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 7px solid #888;
  border-bottom: 5px solid transparent;
}

.section-rollingbanner {
  padding: 40px 0;
}

.section-rollingbanner .section-container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.section-rollingbanner .rolling-control {
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 0;
  width: 170px;
  height: 50px;
}

.section-rollingbanner .rolling-control a {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url("../img/ico-banner-control.png") no-repeat;
}

.section-rollingbanner .rolling-control a:first-child {
  margin-left: 0;
}

.section-rollingbanner .rolling-control a:nth-of-type(2) {
  background-position: -46px 0;
}

.section-rollingbanner .rolling-control a:nth-of-type(3) {
  background-position: -92px 0;
}

.section-rollingbanner .rolling-list {
  float: right;
  width: calc(100% - 170px);
}

.section-rollingbanner .rolling-list .slick-slide {
  margin: 0 25px;
}

.section-sitemap {
  background: #595959;
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}

.section-sitemap .section-container {
  padding: 0 5px;
}

.section-sitemap::before {
  content: "";
  width: 100%;
  height: 55px;
  position: absolute;
  left: 0;
  top: 0;
  background: #484848;
}

.section-sitemap .depth01 > li {
  float: left;
  width: 9.9%;
}

.section-sitemap .depth01 > li > a {
  display: block;
  line-height: 55px;
  color: #cdcdcd;
  position: relative;
  text-align: left;
  padding-left: 10px;
  overflow: hidden;
  height: 55px;
}

.section-sitemap .depth01 > li > a::before {
  content: "";
  width: 1px;
  height: 7px;
  background: #ccc;
  position: absolute;
  top: 15px;
  left: 0;
}

.section-sitemap .depth02 li:first-child {
  padding-top: 30px;
}

.section-sitemap .depth02 li a {
  color: #aeaeae;
  padding: 5px 0;
  display: block;
  font-size: 14px;
}

footer {
  padding: 25px 0;
}

footer .contact-wrap {
  overflow: hidden;
  padding-bottom: 28px;
  border-bottom: 1px solid #ddd;
}

footer .contact {
  float: left;
}

footer .contact li {
  position: relative;
  padding-left: 80px;
  height: 57px;
  line-height: 57px;
  font-size: 14px;
  float: left;
  margin-left: 50px;
  background-repeat: no-repeat;
  background-position: left center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .contact li.map {
  background-image: url("../img/ico-footer-location.png");
  margin-left: 0;
}

footer .contact li.map p {
  line-height: 1.4;
}

footer .contact li.call {
  background-image: url("../img/ico-footer-call.png");
}

footer .contact li.mail {
  background-image: url("../img/ico-footer-mail.png");
}

footer .policy {
  float: right;
  padding-top: 20px;
}

footer .policy li {
  float: left;
}

footer .policy li a {
  display: block;
  padding-left: 30px;
  font-size: 14px;
  position: relative;
}

footer .policy li a::before {
  content: "|";
  position: absolute;
  left: 10px;
  top: 0;
}

footer .policy li:first-child a::before {
  display: none;
}

footer .copyrights {
  margin-top: 15px;
  text-align: center;
}

footer .copyrights h2 {
  color: #bbb;
  font-size: 13px;
  background-image: url("../img/logo2.png");
  background-size: 173px 40px;
  line-height: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 200px;
  display: inline-block;
}

footer .copyrights h2 .marks {
  display: inline-block;
}

footer .copyrights h2 .wa,
footer .copyrights h2 .sectigo {
  vertical-align: middle;
}

footer .copyrights h2 .wa {
  display: inline-block;
  vertical-align: middle;
  background: url("../img/footer-icon-wa.png") no-repeat;
  width: 107px;
  height: 36px;
  margin-left: 30px;
}

footer .copyrights h2 .sectigo {
  display: inline-block;
  vertical-align: middle;
  background: url("../img/sectigo_logo_black.svg") no-repeat;
  background-size: contain;
  width: 107px;
  height: 22px;
  margin-left: 15px;
}

.btn-go-top {
  position: fixed;
  right: 10px;
  bottom: 50px;
  width: 59px;
  height: 59px;
  background: url(../img/ico-top.png) no-repeat center;
  z-index: 10;
}

.sub-visual {
  height: 255px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  background-image: url("../img/sub-visual-mypage.png");
}

.sub-visual.on .page-title {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sub-visual.sub-visual-mypage {
  background-image: url("../img/sub-visual-mypage.png");
}

.sub-visual.sub-visual-sub01 {
  background-image: url("../img/sub-visual-01.png");
}

.sub-visual.sub-visual-sub02 {
  background-image: url("../img/sub-visual-02.png");
}

.sub-visual.sub-visual-sub03 {
  background-image: url("../img/sub-visual-03.png");
}

.sub-visual.sub-visual-sub04 {
  background-image: url("../img/sub-visual-04.png");
}

.sub-visual.sub-visual-sub05 {
  background-image: url("../img/sub-visual-05.png");
}

.sub-visual.sub-visual-sub06 {
  background-image: url("../img/sub-visual-06.png");
}
.sub-visual.sub-visual-sub07 {
  background-image: url("../img/sub-visual-07.png");
}

.sub-visual.sub-visual-terms {
  background-image: url("../img/sub-visual-terms.png");
}

.sub-visual.sub-visual-qipro {
  background-image: url("../img/sub-visual-qipro.png");
}

.sub-visual .page-title {
  position: absolute;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  width: 100%;
  top: calc(50% - 20px);
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  padding: 0 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sub-visual .page-title > p {
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
  padding-top: 10px;
}

.sub-visual > a[class*="btn-page-"] {
  position: absolute;
  top: calc(50% - 25px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 105;
  color: #fff;
  background-repeat: no-repeat;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
}

.sub-visual .btn-page-prev {
  left: 50px;
  padding-left: 70px;
  background-position: left center;
  background-image: url("../img/btn-page-move-left.png");
}

.sub-visual .btn-page-next {
  right: 50px;
  padding-right: 70px;
  background-image: url("../img/btn-page-move-right.png");
  background-position: right center;
}

.sub-visual .sub-nav {
  width: 100%;
  background: #333;
  position: absolute;
  top: calc(100% - 55px);
  left: 0;
  z-index: 120;
}

.sub-visual .sub-nav .container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  background-color: #333;
  height: 55px;
}

.sub-visual .sub-nav .print-share {
  float: right;
  overflow: hidden;
  width: 104px;
}

.sub-visual .sub-nav .print-share li {
  width: 52px;
  height: 55px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #5c5c5c;
  cursor: pointer;
}

.sub-visual .sub-nav .print-share li a {
  display: block;
  width: 100%;
  height: 100%;
}

.sub-visual .sub-nav .print-share li.print {
  background-image: url("../img/snav-ico-print.png");
  border-right: 1px solid #777;
}

.sub-visual .sub-nav .print-share li.share {
  background-image: url("../img/snav-ico-share.png");
}

.sub-visual .sub-nav .sub-nav-hide {
  display: none;
  height: 55px;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #333333;
  z-index: 120;
  overflow: hidden;
}

.sub-visual .sub-nav .sub-nav-hide > p {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.sub-visual .sub-nav .sub-nav-hide > p a {
  color: #fff;
  display: block;
}

.sub-visual .sub-nav .sub-nav-hide > p::after {
  content: ">";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  color: #fff;
  font-family: "NanumBG", "Nanum Gothic", sans-serif;
}

.sub-visual .sub-nav .sub-nav-hide li {
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-visual .sub-nav .sub-nav-hide li:hover {
  background: rgba(0, 0, 0, 0.2);
}

.sub-visual .sub-nav .sub-nav-hide li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sub-visual .sub-nav .sub-nav-hide li a {
  color: #fff;
  font-size: 14px;
  line-height: 55px;
  height: 55px;
  text-align: center;
  display: block;
  overflow: hidden;
}

.sub-visual .sub-nav .sub-nav-hide li.on {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #0385d0;
}

.sub-visual .sub-nav .sub-nav-list {
  float: left;
  width: calc(100% - 105px);
  height: 55px;
}

.sub-visual .sub-nav .sub-nav-list::after {
  content: "";
  clear: both;
}

.sub-visual .sub-nav .sub-nav-list > p {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  background: #0385d0;
}

.sub-visual .sub-nav .sub-nav-list > p a {
  color: #fff;
  display: block;
}

.sub-visual .sub-nav .sub-nav-list > p::after {
  content: ">";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  color: #fff;
  font-family: "NanumBG", "Nanum Gothic", sans-serif;
}

.sub-visual .sub-nav .sub-nav-list li {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.sub-visual .sub-nav .sub-nav-list li:hover {
  background: rgba(0, 0, 0, 0.2);
}

.sub-visual .sub-nav .sub-nav-list li a {
  display: block;
  line-height: 55px;
  height: 55px;
  overflow: hidden;
  color: #fff;
  font-size: 17px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-visual .sub-nav .sub-nav-list li.on > a {
  background: #0385d0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
}

.sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li {
  float: none;
  display: block;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background: #fff;
}

.sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li:hover {
  background: #f8f8f8;
}

.sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li:hover a {
  color: #0385d0;
}

.sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li a {
  color: #888888;
  font-size: 17px;
  height: auto;
  line-height: 1.5;
  padding: 10px 16px;
  text-align: left;
  word-break: keep-all;
}

.sub-contents {
  padding: 80px 0 100px 0;
}

.sub-contents img {
  max-width: 100%;
}

.sub-contents .sub-contents-bg {
  padding: 60px 0 100px 0;
  background: #f8f8f8;
}

.sub-contents .doc-title {
  font-size: 35px;
  color: #0385d0;
  text-align: center;
  line-height: 1.2;
  position: relative;
  padding-bottom: 50px;
}

.sub-contents .page-history {
  margin: 35px auto 30px auto;
  text-align: right;
  width: 1280px;
  display: none;
}

.sub-contents .page-history a {
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 16px;
  vertical-align: middle;
  margin: 0 13px;
}

.sub-contents .page-history a:first-child {
  background: url("../img/sub-pagehistory-home.png") no-repeat left center;
  width: 18px;
  height: 16px;
  font-size: 0;
}

.sub-contents.no-page-history {
  padding: 0 0 100px 0;
}

.sub-contents.no-page-history .doc-notify-box {
  margin-top: 0;
  padding: 50px 0;
}

.sub-contents .doc-notify-text {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}

.sub-contents .doc-notify-text.doc-notify-text--bg {
  background: #f8f8f8;
  padding: 30px 0;
}

.sub-contents .doc-notify-text.doc-notify-text--bg .noti-alert {
  background-image: url("../img/sub-noti-alert.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: table;
  text-align: center;
  margin: 0 auto;
  height: 62px;
  padding: 0 0 0 90px;
}

.sub-contents .doc-notify-text.doc-notify-text--bg .noti-alert span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 1.4;
}

.sub-contents .doc-notify-box {
  padding: 50px 0;
  margin: 20px 0 70px 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-contents .doc-notify-box .noti-alert {
  background-image: url("../img/sub-noti-alert.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: table;
  text-align: center;
  margin: 0 auto;
  height: 62px;
  padding: 20px 0 20px 90px;
}

.sub-contents .doc-notify-box .noti-alert span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 1.4;
}

@media screen and (max-width: 1300px) {
  .section-quick {
    width: auto;
    padding: 40px 0;
    margin: 0 40px;
    position: relative;
  }
  .section-quick .slick-arrow {
    position: absolute;
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 50%;
    margin-top: -30px;
    width: 26px;
    height: 60px;
    padding: 0;
  }
  .section-quick .slick-arrow.slick-prev {
    left: -35px;
    background-image: url("../img/quick_arrow_left.png");
  }
  .section-quick .slick-arrow.slick-next {
    right: -35px;
    background-image: url("../img/quick_arrow_right.png");
  }
}

@media screen and (max-width: 1280px) {
  header .header-wrap {
    width: 100%;
    height: 90px;
  }
  header .logo {
    left: 10px;
    width: 290px;
    height: 64px;
  }
  header #gnb .depth01 {
    width: auto;
  }
  .section-container {
    width: auto !important;
  }
  footer .contact {
    float: none;
    text-align: center;
  }
  footer .contact li {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  footer .policy {
    float: none;
    text-align: center;
  }
  footer .policy li {
    float: none;
    display: inline-block;
  }
  .sub-visual .sub-nav .container {
    width: auto;
  }
  .sub-visual .sub-nav .sub-nav-list li a {
    font-size: 16px;
  }
  .sub-visual .page-title p {
    font-size: 14px;
  }
  .sub-visual .page-title p br {
    display: none;
  }
  .sub-contents {
    padding: 50px 1%;
    margin-bottom: 50px;
  }
  .sub-contents--bg {
    padding: 50px 0;
  }
  .sub-contents .page-history {
    width: auto;
    margin: 15px auto 20px auto;
  }
}

@media screen and (min-width: 1025px) {
  header #m-gnb {
    right: 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  .hd_pops {
    display: none !important;
  }
  .quick-menu {
    display: none;
  }
  .top-banner {
    display: block;
  }
  header #gnb {
    display: none;
  }
  header #m-gnb {
    display: block;
    position: fixed;
    width: 320px;
    right: -320px;
    top: 0;
    background: #fff;
    z-index: 600;
    height: auto;
    padding-top: 172px;
    background-image: url("../img/gnb-m-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
  }
  header #m-gnb .m-login {
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
    right: 20px;
    padding: 30px 0;
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  header #m-gnb .m-login > a {
    display: inline-block;
    width: 100px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    text-align: center;
    -webkit-transition: 1s;
    transition: 1s;
  }
  header #m-gnb .m-login > a:hover {
    background: #fff;
    color: #073190;
  }
  header #m-gnb .m-login .btn-close-gnb {
    position: absolute;
    right: 0;
    top: 44px;
    cursor: pointer;
    width: 27px;
    height: 27px;
  }
  header #m-gnb .m-login .btn-close-gnb span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  header #m-gnb .m-login .btn-close-gnb span:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
  }
  header #m-gnb .m-login .btn-close-gnb span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
  }
  header #m-gnb .depth01 {
    width: 40%;
    margin: 0;
  }
  header #m-gnb .depth01 > li > span {
    border-bottom: 1px solid #fff;
    height: 80px;
    line-height: 80px;
    display: block;
    text-align: center;
    color: #fff;
    cursor: pointer;
  }
  header #m-gnb .depth01 li {
    float: none;
    width: 100%;
    position: static;
    background: #81b6e6;
  }
  header #m-gnb .depth01 li span {
    border-bottom: 1px solid #fff;
    height: 80px;
    line-height: 80px;
  }
  header #m-gnb .depth01 li::before {
    display: none;
  }
  header #m-gnb .depth01 .depth02 {
    display: none;
    top: 170px;
    left: 40%;
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
  }
  header #m-gnb .depth01 .depth02::before {
    display: none;
  }
  header #m-gnb .depth01 .depth02 li {
    background: transparent;
    padding: 0;
  }
  header #m-gnb .depth01 .depth02 li.video-lecture a {
    color: #e62e8b;
  }
  header #m-gnb .depth01 .depth02 li.video-lecture a i::before {
    content: "";
    width: 19px;
    height: 19px;
    background: url("../img/ico-video-pk.png") no-repeat;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
  }
  header #m-gnb .depth01 .depth02 a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0;
    padding-left: 20px;
    border-bottom: 1px solid #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  header #m-gnb .depth01 .depth02 a::before {
    display: none;
  }
  header #m-gnb .depth01 .depth02.on {
    display: block;
    margin-top: 30px;
  }
  header #m-gnb .depth01 .depth02.on li:first-child a {
    border-top: 2px solid #000;
  }
  header .user-control {
    display: none;
  }
  header .user-control .user {
    display: none;
  }
  header .user-control .wiki {
    display: none;
  }
  header .logo {
    width: 275px;
    height: 63px;
  }
  .section-news .section-title {
    font-size: 38px;
  }
  .section-news .section-title::before {
    display: none;
  }
  .section-news .section-title span,
  .section-news .section-title p {
    display: none;
  }
  .section-news .news-item-wrap {
    margin: 30px 50px;
    position: relative;
  }
  .section-news .news-item-wrap .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 53px;
    height: 44px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 101;
    border: none;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
  }
  .section-news .news-item-wrap .slick-arrow.slick-prev {
    left: -26px;
    background-image: url("../img/m-news-btn-prev.png");
  }
  .section-news .news-item-wrap .slick-arrow.slick-next {
    right: -26px;
    background-image: url("../img/m-news-btn-next.png");
  }
  .section-news .news-item-wrap .item {
    height: auto;
    padding-bottom: 30px;
  }
  .section-news .news-item-wrap .item .flag {
    width: 108px;
    height: 50px;
    top: 0;
    line-height: 50px;
  }
  .section-news .news-item-wrap .item .item-container {
    padding: 30px 0 0 0;
  }
  .section-news .news-item-wrap .item dt {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 24px;
  }
  .section-news .news-item-wrap .item dt::after {
    display: none;
  }
  .section-news .news-item-wrap .item dd {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section-news .news-item-wrap .item dd.date {
    display: none;
  }
  .section-news .news-item-wrap .item dd.btn-more {
    right: 0;
  }
  .sub-visual .page-title {
    font-size: 30px;
  }
  .sub-visual .page-title p {
    font-size: 13px;
  }
  .sub-visual > a[class*="btn-page-"] {
    font-size: 15px;
    background-size: contain;
    height: 35px;
    line-height: 35px;
  }
  .sub-visual .btn-page-prev {
    left: 10px;
    padding-left: 55px;
  }
  .sub-visual .btn-page-next {
    right: 10px;
    padding-right: 55px;
  }
  .sub-visual .sub-nav .sub-nav-list li a {
    font-size: 15px;
  }
  .sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li a {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
  }
  .section-sitemap .depth01 > li {
    width: 10.9%;
  }
  .section-sitemap .depth01 > li > a {
    font-size: 14px;
  }
  .section-sitemap .depth02 li:first-child {
    padding-top: 15px;
  }
  .section-sitemap .depth02 li a {
    font-size: 12px;
    padding: 4px 2px;
  }
  footer .copyrights {
    position: relative;
  }
  footer .copyrights h2 {
    text-align: left;
  }
  footer .copyrights .marks {
    margin-top: 10px;
    text-align: left;
  }
  footer .copyrights .marks .wa {
    margin-left: 0;
  }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
  .section-board .board-notice .board-list li > a {
    max-width: 65%;
  }
}

@media screen and (max-width: 800px) {
  header #m-gnb {
    padding-top: 100px;
    background-position: 0 -72px;
  }
  header #m-gnb .m-login {
    padding: 15px 0;
    top: 15px;
  }
  header #m-gnb .m-login > a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  header #m-gnb .m-login .btn-close-gnb {
    top: 20px;
  }
  header #m-gnb .depth01 li span {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
  header #m-gnb .depth01 .depth02 {
    top: 83px;
    padding-left: 10px;
    padding-right: 10px;
  }
  header #m-gnb .depth01 .depth02 a {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }
  .section-board {
    padding: 0;
  }
  .section-board .board-notice {
    width: auto;
    float: none;
    display: block;
    margin-top: 70px;
    padding: 0 4%;
  }
  .section-board .board-notice .board-list {
    display: none;
  }
  .section-board .board-notice h3 {
    margin-bottom: 15px;
    line-height: 1;
  }
  .section-board .board-notice h3::before {
    display: none;
  }
  .section-board .board-notice h3 a {
    border: none;
    display: block;
    padding: 0;
    background-position: 100% center;
    font-size: 33px;
  }
  .section-board .board-notice .board-recent li {
    margin-left: 0;
    display: block;
    width: auto;
    float: none;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  .section-board .board-notice .board-recent li .tit p {
    height: 38px;
    font-size: 15px;
    margin-top: 3px;
  }
  .section-board .board-notice .board-recent li .tit .link {
    font-size: 16px;
  }
  .section-board .board-notice .board-recent li .tit span {
    font-size: 13px;
  }
  .section-board .board-notice .board-recent li:nth-of-type(2) {
    margin: 0;
  }
  .section-board .board-notice .board-recent li:nth-of-type(3) {
    display: block;
  }
  .section-board .board-notice .board-recent li:nth-of-type(4) {
    display: block;
  }
  .section-board .board-notice:nth-of-type(1) {
    margin-right: 0;
  }
  .section-rollingbanner {
    padding-bottom: 0;
    height: 50px;
    overflow: hidden;
  }
  .section-rollingbanner .rolling-control {
    width: 100%;
    top: 0;
  }
  .section-rollingbanner .rolling-control a {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    background-position: center !important;
    background-repeat: no-repeat;
  }
  .section-rollingbanner .rolling-control a:nth-of-type(2) {
    display: none;
  }
  .section-rollingbanner .rolling-control a:nth-of-type(3) {
    right: 0;
    position: absolute;
  }
  .section-rollingbanner .rolling-control a.btn-prev {
    background-image: url("../img/rolling-banner-btn-prev.png");
  }
  .section-rollingbanner .rolling-control a.btn-next {
    background-image: url("../img/rolling-banner-btn-next.png");
  }
  .section-rollingbanner .rolling-list {
    width: calc(100% - 96px);
    margin: 0 auto;
    float: none;
  }
  .section-rollingbanner .rolling-list a {
    display: block;
    max-width: 180px;
    height: 50px;
    border: 1px solid #ddd;
    border-left: 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .section-rollingbanner .rolling-list a img {
    width: 100%;
    height: 100%;
  }
  .section-rollingbanner .rolling-list .slick-slide {
    margin: 0 !important;
    margin-left: -1px;
  }
  .section-sitemap {
    display: none;
  }
  footer {
    padding-top: 0;
  }
  footer .contact-wrap {
    padding-top: 55px;
    position: relative;
    border-bottom: none;
    padding-bottom: 0;
  }
  footer .policy {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background-color: #f9f9f9;
    width: 100%;
    text-align: left;
  }
  footer .policy li a {
    line-height: 55px;
  }
  footer .contact {
    padding-top: 100px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 227px 53px;
  }
  footer .contact li {
    background-image: none !important;
    padding-left: 0;
    margin: 0 10px;
    display: inline-block;
    height: auto;
    line-height: 1.8;
    font-size: 15px;
    color: #555555;
  }
  footer .contact li.map {
    display: block;
  }
  footer .copyrights {
    border: none;
    margin: 0;
  }
  footer .copyrights h2 {
    background: none;
    margin: 0;
    line-height: 1.8;
    font-size: 15px;
    color: #555555;
    text-align: center;
    padding: 0;
  }
  footer .copyrights h2 .marks {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .sub-visual .sub-nav .print-share {
    display: none;
  }
  .sub-visual .sub-nav .sub-nav-hide {
    display: block;
  }
  .sub-visual .sub-nav .sub-nav-hide p {
    display: block;
  }
  .sub-visual .sub-nav .sub-nav-list {
    width: 50%;
    position: absolute;
    left: 50%;
    border-left: 1px solid #0385d0;
    background-color: #fff;
    z-index: 102;
    overflow: hidden;
  }
  .sub-visual .sub-nav .sub-nav-list > p {
    display: block;
  }
  .sub-visual .sub-nav .sub-nav-list li {
    width: 100% !important;
    display: block;
    float: none;
    border-bottom: 1px solid #0385d0;
    border-left: none;
  }
  .sub-visual .sub-nav .sub-nav-list li:hover {
    background: #deeff9;
  }
  .sub-visual .sub-nav .sub-nav-list li:first-child {
    border-top: 1px solid #0385d0;
  }
  .sub-visual .sub-nav .sub-nav-list li a {
    display: block;
    overflow: hidden;
    position: relative;
    border-left: none;
    color: #0385d0;
  }
  .sub-visual .sub-nav .sub-nav-list li.on a {
    background: #deeff9;
  }
  .sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 {
    position: static;
  }
  .sub-visual .sub-nav .sub-nav-list .sub-nav-depth02 li {
    border-left: none;
    border-bottom: 1px solid #eee;
  }
  .sub-visual > a[class*="btn-page-"] {
    font-size: 0;
  }
  .sub-contents .doc-title {
    font-size: 26px;
    padding-bottom: 30px;
  }
  .sub-contents .doc-title::after {
    margin-top: 10px;
  }
  .sub-contents .doc-notify-box {
    padding: 30px 15px;
    margin-bottom: 20px;
  }
  .sub-visual .sub-nav .sub-nav-list li a {
    font-size: 14px;
  }
  .section-news .section-title {
    font-size: 35px;
  }
  .section-news .news-item-wrap {
    margin-bottom: 0;
  }
  .section-news .news-item-wrap .item dt {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
  }
  .section-news .news-item-wrap .item dd.context {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .sub-contents .doc-title {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .sub-contents .doc-title::after {
    margin-top: 8px;
  }
  .sub-contents .doc-notify-box {
    padding: 20px 14px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .sub-contents .doc-notify-text.doc-notify-text--bg {
    padding: 20px 15px;
    font-size: 13px;
  }
  .sub-contents .doc-notify-text.doc-notify-text--bg .noti-alert {
    background-size: 40px 40px;
    padding-left: 55px;
  }
  .section-news .section-title {
    font-size: 30px;
  }
  .section-news .news-item-wrap {
    margin: 30px 20px;
    margin-bottom: 0;
  }
  .section-news .news-item-wrap .item dt {
    font-size: 18px;
  }
  .section-news .news-item-wrap .item dd.context {
    font-size: 14px;
  }
  .section-board .board-notice .board-recent li .tit .link {
    font-size: 14px;
  }
  .section-board .board-notice h3 a {
    font-size: 22px;
  }
  .section-quick li.quick-pink,
  .section-quick li.quick-orange {
    height: 120px;
  }
  .section-quick li a {
    padding-top: 10px;
  }
  .section-quick li a::before {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  .section-quick li a p {
    margin-top: -10px;
    font-size: 13px;
    word-break: break-word;
    padding: 0 15%;
    text-align: center;
  }
  footer .policy li a {
    padding-left: 10px;
  }
  footer .policy li a::before {
    left: 0;
  }
  footer .contact li {
    font-size: 13px;
  }
  footer .copyrights h2 {
    font-size: 13px;
  }
  .sub-contents .doc-notify-text {
    font-size: 15px;
  }
  .sub-contents .doc-notify-text br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  header .header-wrap {
    height: 70px;
  }
  header .user-control {
    margin-top: 20px;
  }
  header .btn-gnb-all {
    top: 29px;
  }
  header .logo {
    width: 175px;
    height: 40px;
  }
  .section-quick .slick-arrow {
    width: 18px;
    height: 34px;
    margin-top: -17px;
  }
  .section-quick .slick-arrow.slick-prev {
    left: -22px;
  }
  .section-quick .slick-arrow.slick-next {
    right: -22px;
  }
  .sub-visual {
    height: 220px;
  }
  .sub-visual .page-title p {
    display: none;
  }
  .sub-contents .doc-notify-text {
    font-size: 14px;
  }
}

.i-date {
  padding-left: 20px;
  background: url("../img/bbs-ico-clock.png") no-repeat 0 2px;
  vertical-align: middle;
  line-height: 17px;
}

.i-cal {
  padding-left: 25px;
  background: url("../img/bbs-ico-cal.png") no-repeat 0 2px;
  vertical-align: middle;
  line-height: 17px;
}

.i-print {
  display: inline-block;
  background: #0385d0;
  color: #fff;
  padding: 0 27px 0 10px;
  height: 25px;
  line-height: 25px;
  position: relative;
  font-size: 12px;
  width: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.i-print::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 4px;
  background: url("../img/bbs-ico-print.png") no-repeat right center;
  width: 15px;
  height: 16px;
}

.doc-notify-search {
  font-size: 16px;
  line-height: 1.4;
  background: #f8f8f8;
  padding: 30px 0;
  margin: 50px auto;
  width: 100%;
  text-align: center;
}

.doc-notify-search b {
  color: #0385d0;
  font-weight: bold;
}

.doc-notify-search .search-box select {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}

.doc-notify-search .search-box .search-input {
  display: inline-block;
  vertical-align: middle;
}

.doc-notify-search .search-box input {
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.doc-notify-search .search-box button {
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

.doc-notify-search .search-box input#search-text {
  width: 390px;
}

.doc-notify-search .search-box .search-btn {
  text-align: center;
  width: 80px;
  padding-left: 40px;
  background: #222 url("../img/ico-search.png") no-repeat 14px center;
  border: 0;
  color: #fff;
  font-size: 15px;
}

.doc-notify-search .search-box + p {
  margin-top: 10px;
}

@media screen and (max-width: 1280px) {
  .doc-notify-search {
    font-size: 15px;
  }
  .doc-notify-search .search-box input#search-text {
    width: 200px;
  }
  .doc-notify-search .search-box input.sch_input {
    width: 240px;
  }
}

@media screen and (max-width: 768px) {
  .doc-notify-search {
    font-size: 13px;
  }
  .doc-notify-search .search-box + p {
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .doc-notify-search .search-box select {
    width: 100%;
    display: block;
  }
  .doc-notify-search .search-box input.sch_input {
    width: 100%;
  }
  .doc-notify-search .search-box .search-input {
    width: 100%;
    display: block;
    position: relative;
    margin-top: 2px;
    text-align: left;
  }
  .doc-notify-search .search-box input#search-text {
    width: 100%;
  }
  .doc-notify-search .search-box .search-btn {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.bbs-wrap {
  width: 1280px;
  margin: 0 auto;
}

.bbs-wrap img {
  max-width: 100%;
}

.bbs-wrap .bbs-titlebox {
  border-top: 1px solid #a4a7af;
  padding-top: 20px;
  padding-bottom: 50px;
}

.bbs-wrap .bbs-titlebox h5 {
  color: #073190;
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}

.bbs-wrap .bbs-titlebox h5 span {
  color: #333;
}

.bbs-wrap .bbs-titlebox h5::before {
  content: "";
  width: 42px;
  height: 3px;
  background: #073190;
  position: absolute;
  top: -21px;
  left: 0;
}

.bbs-wrap .bbs-titlebox .bbs-page-state {
  float: right;
  font-size: 18px;
}

.bbs-wrap .bbs-titlebox .bbs-page-state > span {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.bbs-wrap .bbs-titlebox .bbs-page-state > span b {
  color: #073190;
}

.bbs-wrap .bbs-titlebox .bbs-page-state > span:first-child::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #e0e0e0;
  position: absolute;
  right: 0;
  top: 0;
}

.bbs-wrap .bbs-titlebox .bbs-page-state select {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: 110px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-right: 10px;
}

.bbs-wrap .bbs-titlebox .bbs-page-state .b-posts {
  font-size: 18px;
}

.bbs-wrap .bbs-titlebox .bbs-page-state .b-posts b {
  color: #073190;
  font-weight: bold;
}

.bbs-wrap .subtitle-doc {
  margin-top: 50px;
  background-image: url("../img/ico-bbs-docs.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #2055a4;
  position: relative;
  margin-bottom: -10px;
}

.bbs-wrap .subtitle-doc .btn-round-plus {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #2055a4 url("../img/ico-bbs-more.png") no-repeat;
  right: 0;
  top: 0;
  border-radius: 50%;
}

.bbs-wrap.td-left table td {
  text-align: left;
}

.bbs-wrap table {
  width: 100%;
}

.bbs-wrap table th {
  padding: 18px 15px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}

.bbs-wrap table td {
  padding: 18px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1280px) {
  .bbs-wrap {
    width: auto;
  }
  .bbs-wrap .bbs-table table {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-wrap {
    margin-top: 30px !important;
    padding: 0 1%;
  }
  .bbs-wrap .bbs-titlebox {
    padding: 20px 0;
  }
  .bbs-wrap .bbs-titlebox h5 {
    font-size: 25px;
  }
  .bbs-wrap .bbs-titlebox .bbs-page-state {
    float: none;
    margin-top: 10px;
    text-align: right;
    font-size: 16px;
  }
  .bbs-wrap .bbs-titlebox .bbs-page-state select {
    width: 80px;
    margin-right: 5px;
  }
  .bbs-wrap .bbs-titlebox .bbs-page-state span {
    padding-left: 0;
    font-size: 14px;
  }
  .bbs-wrap .bbs-pager {
    text-align: center;
  }
  .bbs-wrap .bbs-pager a {
    font-size: 14px;
    margin: 0;
    width: auto;
    min-width: 24px;
  }
  .bbs-wrap .bbs-pager a.bbs-next {
    border: none;
    margin: 0;
  }
  .bbs-wrap .bbs-pager a.bbs-prev {
    border: none;
    margin: 0;
  }
}

@media screen and (max-width: 640px) {
  .bbs-wrap .bbs-titlebox {
    padding: 15px 0;
  }
  .bbs-wrap .bbs-titlebox h5 {
    font-size: 20px;
  }
  .bbs-wrap .bbs-titlebox h5::before {
    top: -16px;
  }
  .bbs-wrap .bbs-table #file-attach1 {
    min-width: 250px;
  }
  .bbs-wrap .bbs-table #file-attach2 {
    min-width: 250px;
  }
  .bbs-wrap .bbs-table #file-attach3 {
    min-width: 250px;
  }
  .bbs-wrap .bbs-table table {
    font-size: 13px;
  }
  .bbs-wrap .bbs-table table td,
  .bbs-wrap .bbs-table table th {
    padding: 10px;
  }
  .bbs-wrap table {
    font-size: 13px;
  }
  .bbs-wrap table td,
  .bbs-wrap table th {
    padding: 10px;
  }
}

@media screen and (max-width: 480px) {
  .bbs-wrap .bbs-table #file-attach1 {
    width: 200px;
    min-width: initial;
  }
  .bbs-wrap .bbs-table #file-attach2 {
    width: 200px;
    min-width: initial;
  }
  .bbs-wrap .bbs-table #file-attach3 {
    width: 200px;
    min-width: initial;
  }
}

.bbs-table {
  border-top: 1px solid #000;
  word-break: break-all;
}

.bbs-table .t-hide {
  font-size: 0;
  display: none;
}

.bbs-table .align-left {
  text-align: left;
}

.bbs-table table {
  text-align: center;
  width: 100%;
}

.bbs-table table td {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  color: #777;
  text-align: left;
}

.bbs-table table th {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
  color: #333;
}

.bbs-table table td.nb {
  border-left: none;
}

.bbs-table table th.nb {
  border-left: none;
}

.bbs-table .bbs-table-title {
  display: table;
  width: 100%;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bbs-table .bbs-table-title > li {
  display: table-cell;
  vertical-align: middle;
  padding: 19px 5px;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
  text-align: center;
}

.bbs-table .bbs-table-title > p {
  display: table-cell;
  vertical-align: middle;
  padding: 19px 5px;
  border-bottom: 1px solid #ddd;
  color: #777777;
}

.bbs-table .bbs-table-data {
  display: table;
  width: 100%;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bbs-table .bbs-table-data > li {
  display: table-cell;
  vertical-align: middle;
  padding: 19px 5px;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-table .bbs-table-data > p {
  display: table-cell;
  vertical-align: middle;
  padding: 19px 5px;
  border-bottom: 1px solid #ddd;
  color: #777777;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-table .bbs-table-data:hover {
  border-bottom: 1px solid #0385d0;
  -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.2);
}

.bbs-table .bbs-table-data-notify {
  background: #ecf6fb;
}

.bbs-table .b-lectitle {
  width: 30%;
  text-align: left;
}

.bbs-table .b-lectitle a {
  display: block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-table .b-date1 i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-date2 i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-date3 i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-paydate i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-signup i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-signup-approval i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-del-account i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-del-account-approval i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 22px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
  line-height: 17px;
}

.bbs-table .b-date-cal i {
  padding-left: 24px;
  background: url("../img/bbs-ico-cal.png") no-repeat left center;
}

.bbs-table .b-result-done i {
  padding-left: 18px;
  background: url("../img/bbs-ico-complete.png") no-repeat left center;
}

.bbs-table .b-writer i::before {
  content: "";
  width: 17px;
  height: 17px;
  background: url("../img/bbs-ico-pen.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.bbs-table .b-tag {
  text-align: left;
}

.bbs-table .b-tag .ico::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../img/bbs-ico-conf.png");
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.bbs-table .b-tag .ico.ico-edu::before {
  background-image: url("../img/bbs-ico-edu.png");
}

.bbs-table .b-tag .ico.ico-vid::before {
  background-image: url("../img/plan-ico-video.png");
  background-size: contain;
}

.bbs-table .b-approval .approval-y {
  background-image: url("../img/bbs-ico-complete.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.bbs-table .b-approval .approval-n {
  background-image: url("../img/bbs-ico-stanby.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

.bbs-table .b-period i {
  padding-left: 21px;
  background: url("../img/bbs-ico-pen.png") no-repeat left center;
}

.bbs-table .b-hits i {
  padding-left: 20px;
  background: url("../img/bbs-ico-hits.png") no-repeat left center;
}

.bbs-table .b-title > i[class*="ico-"] {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}

.bbs-table .b-title i.ico-new {
  width: 17px;
  height: 17px;
  background: url("../img/bbs-ico-new.png") no-repeat;
}

.bbs-table .b-title i.ico-file {
  width: 14px;
  height: 13px;
  background: url("../img/bbs-ico-file.png") no-repeat;
}

.bbs-table .b-title i.ico-pic {
  width: 18px;
  height: 15px;
  background: url("../img/bbs-ico-pic.png") no-repeat;
}

.bbs-table .b-title .reply {
  padding-left: 15px;
  background: url("../img/ico-reply.png") no-repeat;
  color: #777;
}

.bbs-table .b-title .rep-count {
  font-weight: bold;
  color: #888;
}

.bbs-table #file-attach1 {
  min-width: 400px;
}

.bbs-table #file-attach2 {
  min-width: 400px;
}

.bbs-table #file-attach3 {
  min-width: 400px;
}

.bbs-table input[type="file" i] {
  color: #777;
  display: inline-block;
  vertical-align: middle;
  padding: 9px 10px;
}

.bbs-table .attached-filename {
  color: #777;
  font-size: 15px;
}

.bbs-table .btn-file-del {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url("../img/ico-bbs-del.png") no-repeat;
  margin-left: 5px;
  border: none;
  vertical-align: middle;
}

.bbs-view {
  background-color: #fff;
  width: 1280px;
  border-top: 1px solid #333;
  padding: 50px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-view.b-bottom {
  border-bottom: 1px solid #333;
}

.bbs-view .bbs-title {
  text-align: center;
  padding: 43px 0 17px 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #e4e4e4;
}

.bbs-view .bbs-title h6 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  color: #0385d0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-view .bbs-title h6::after {
  content: "";
  width: 35px;
  height: 1px;
  background: #333;
  margin: 16px auto 25px auto;
  display: block;
}

.bbs-view .bbs-title .bbs-date-hits li {
  display: inline-block;
}

.bbs-view .bbs-title .bbs-date-hits .b-date::after {
  content: "";
  width: 1px;
  height: 10px;
  background: #dbe0e3;
  display: inline-block;
  margin: 0 13px;
}

.bbs-view .bbs-title .bbs-date-hits .b-date i {
  padding-left: 22px;
  background: url("../img/bbs-ico-clock.png") no-repeat left center;
}

.bbs-view .bbs-title .bbs-date-hits .b-hits i {
  padding-left: 20px;
  background: url("../img/bbs-ico-hits.png") no-repeat left center;
}

.bbs-view .bbs-content {
  padding: 80px 30px 60px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 530px;
}

.bbs-view .bbs-content img {
  max-width: 100%;
}

.bbs-view .bbs-attach {
  display: table;
  font-size: 15px;
  width: 100%;
  border-bottom: 1px solid #333;
  border-top: 1px solid #ddd;
  margin-top: 40px;
}

.bbs-view .bbs-attach .attach-title {
  background: #f1f1f1;
  width: 14%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.bbs-view .bbs-attach .attach-file-list {
  display: table-cell;
  width: 86%;
  vertical-align: top;
  padding: 30px 20px 30px 30px;
}

.bbs-view .bbs-attach .attach-file-list li {
  margin-top: 5px;
  overflow: hidden;
  font-size: 15px;
  color: #777;
}

.bbs-view .bbs-attach .attach-file-list li > .file-name {
  display: inline-block;
  max-width: calc(100% - 120px);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-view .bbs-attach .attach-file-list li > .btn-down {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  background-color: #2457a2;
  padding-right: 12px;
  background-image: url("../img/ico-bbs-down.png");
  background-repeat: no-repeat;
  background-position: 80px center;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-view .bbs-attach .attach-file-list li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1280px) {
  .bbs-view {
    width: auto;
    padding: 0 20px 30px 20px;
    border-top: none;
  }
  .bbs-view .bbs-title h6 {
    font-size: 25px;
  }
  .bbs-view .bbs-title h6::after {
    margin: 15px auto;
  }
  .bbs-view .bbs-title .bbs-date-hits {
    font-size: 14px;
  }
  .bbs-view .bbs-content {
    padding: 40px 20px;
  }
  .bbs-view .bbs-attach {
    display: block;
    margin-top: 0;
  }
  .bbs-view .bbs-attach .attach-title {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #333;
  }
  .bbs-view .bbs-attach .attach-file-list {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
  }
  .bbs-view .bbs-attach .attach-file-list li {
    font-size: 14px;
  }
}

.bbs-view.b-bottom {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .bbs-view {
    padding: 0;
  }
  .bbs-view .bbs-title {
    padding: 15px 0;
  }
  .bbs-view .bbs-attach .attach-file-list li {
    font-size: 13px;
  }
}

.bbs-view-vote {
  border: 1px solid #ddd;
}

.bbs-view-vote .title-box {
  position: relative;
  background: #eeeeee;
  border-bottom: 1px solid #ddd;
  padding: 25px 20px;
  text-align: center;
}

.bbs-view-vote .title-box .tit {
  font-size: 25px;
  line-height: 1.2;
}

.bbs-view-vote .title-box .tit > span {
  color: #0385d0;
}

.bbs-view-vote .title-box .vote {
  position: absolute;
  right: 15px;
  top: 13px;
  text-align: center;
  cursor: pointer;
}

.bbs-view-vote .title-box .vote span {
  display: block;
}

.bbs-view-vote .title-box .vote span::before {
  content: "";
  width: 40px;
  height: 34px;
  display: block;
  margin: 0 auto 5px auto;
  background: url("../img/vote_off.png") no-repeat;
}

.bbs-view-vote .title-box .vote.check span::before {
  background: url("../img/vote_on.png") no-repeat;
}

.bbs-view-vote .vote-contents {
  padding: 70px;
  text-align: center;
}

.bbs-view-vote .vote-contents img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .bbs-view-vote .title-box {
    padding-right: 100px;
    text-align: left;
  }
  .bbs-view-vote .title-box .tit {
    font-size: 18px;
    text-align: left;
  }
  .bbs-view-vote .title-box .vote {
    font-size: 13px;
    top: 11px;
  }
  .bbs-view-vote .vote-contents {
    padding: 40px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-view-vote .title-box {
    padding: 20px 100px 20px 15px;
  }
  .bbs-view-vote .title-box .tit {
    font-size: 15px;
  }
  .bbs-view-vote .title-box .vote {
    top: 50%;
    margin-top: -26px;
  }
  .bbs-view-vote .vote-contents {
    padding: 20px;
  }
}

.bbs-nav {
  margin-top: 100px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 1280px;
}

.bbs-nav .bbs-nav-dir {
  height: 55px;
  line-height: 55px;
  position: relative;
}

.bbs-nav .bbs-nav-dir::after {
  width: 10px;
  height: 6px;
  content: "";
  position: absolute;
  right: 30px;
  top: 24px;
  display: block;
  background-image: url("../img/ico-bbsnav-arrow.png");
  background-repeat: no-repeat;
}

.bbs-nav .bbs-nav-dir .pos {
  float: left;
  padding: 0 20px;
  max-width: 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #777;
}

.bbs-nav .bbs-nav-dir .title {
  width: calc(100% - 85px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  height: 55px;
}

.bbs-nav .bbs-nav-dir .title a {
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-nav .bbs-nav-dir.nav-next {
  border-bottom: 1px solid #ddd;
}

.bbs-nav .bbs-nav-dir.nav-next::after {
  background-position: 0 -6px;
}

@media screen and (max-width: 1280px) {
  .bbs-nav {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .bbs-nav .bbs-nav-dir {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-size: 13px;
  }
  .bbs-nav .bbs-nav-dir .title {
    height: 40px;
  }
  .bbs-nav .bbs-nav-dir::after {
    top: 17px;
  }
}

.bbs-sort {
  overflow: hidden;
  text-align: right;
  margin: 5px 0 0 0;
  font-size: 0;
}

.bbs-sort select {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  width: 110px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ddd;
  border-radius: 0;
  margin-right: 10px;
}

.bbs-sort a {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  border: 1px solid #ddd;
  margin-left: -1px;
  background: url("../img/bbs-ico-sort.png") no-repeat;
  background-position: 0 0;
}

.bbs-sort a.sort-gall {
  background-position: -28px 0;
}

.bbs-pager {
  margin-top: 70px;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
}

.bbs-pager a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}

.bbs-pager a.bbs-prev {
  background-image: url("../img/bbs-ico-arrows.png");
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  background-color: #fff;
  background-position: 0 0;
  margin-right: 20px;
}

.bbs-pager a.bbs-next {
  background-image: url("../img/bbs-ico-arrows.png");
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  background-color: #fff;
  background-position: -35px 0;
  margin-left: 20px;
}

.bbs-pager a.bbs-current {
  background: #073190;
  color: #fff;
}

@media screen and (max-width: 414px) {
  .bbs-pager a {
    font-size: 13.5px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-pager a {
    font-size: 14px;
    margin: 0;
    width: auto;
    min-width: 24px;
  }
  .bbs-pager a.bbs-next {
    border: none;
    margin: 0;
  }
  .bbs-pager a.bbs-prev {
    border: none;
    margin: 0;
  }
}

.branch-write-form table td input {
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
}

.branch-write-form table td input[type="text"] {
  width: 50%;
}

.branch-write-form table td input[type="file" i] {
  padding: 10px 0;
  height: auto;
  line-height: 1;
}

.bbs-table-exhistory .b-num {
  width: 4%;
}

.bbs-table-exhistory .b-name {
  width: 8%;
}

.bbs-table-exhistory .b-userid {
  width: 8%;
}

.bbs-table-exhistory .b-title,
.bbs-table-exhistory .b-lectitle {
  width: 30%;
  text-align: left;
}

.bbs-table-exhistory .b-exhnum {
  width: 10%;
}

.bbs-table-exhistory .b-date1 {
  width: 10%;
}

.bbs-table-exhistory .b-date2 {
  width: 10%;
}

.bbs-table-exhistory .b-date3 {
  width: 10%;
}

.bbs-table-exhistory .b-result {
  width: 12%;
}

@media screen and (max-width: 768px) {
  .bbs-table-exhistory .bbs-table-data {
    font-size: 14px;
  }
  .bbs-table-exhistory .bbs-table-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-exhistory {
    border-top: none;
  }
  .bbs-table-exhistory .bbs-table-title {
    display: none;
  }
  .bbs-table-exhistory .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-exhistory .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-exhistory .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
  }
  .bbs-table-exhistory .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-exhistory .bbs-table-data > p.b-date1, .bbs-table-exhistory .bbs-table-data > p.b-date2 {
    width: 50%;
  }
  .bbs-table-exhistory .bbs-table-data > p.b-date2::before {
    display: none;
  }
  .bbs-table-exhistory .bbs-table-data .t-hide {
    font-size: 14px;
    display: inline-block;
    min-width: 100px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-exhistory .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-exhistory .bbs-table-data .b-name,
  .bbs-table-exhistory .bbs-table-data .b-userid,
  .bbs-table-exhistory .bbs-table-data .b-apply,
  .bbs-table-exhistory .bbs-table-data .b-num {
    display: none;
  }
  .bbs-table-exhistory .bbs-table-data .b-lectitle,
  .bbs-table-exhistory .bbs-table-data .b-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
  }
  .bbs-table-exhistory .bbs-table-data .b-lectitle::before,
  .bbs-table-exhistory .bbs-table-data .b-lectitle .t-hide,
  .bbs-table-exhistory .bbs-table-data .b-title::before,
  .bbs-table-exhistory .bbs-table-data .b-title .t-hide {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-exhistory .bbs-table-data > p {
    width: 100% !important;
  }
  .bbs-table-exhistory .bbs-table-data > p.b-date2 {
    margin-left: 120px;
  }
}

.bbs-table-registHistory .b-num {
  width: 10%;
}

.bbs-table-registHistory .b-tag {
  width: 10%;
}

.bbs-table-registHistory .b-lectitle {
  width: 35%;
}

.bbs-table-registHistory .b-date1 {
  width: 15%;
}

.bbs-table-registHistory .b-name {
  width: 10%;
}

.bbs-table-registHistory .b-userid {
  width: 10%;
}

.bbs-table-registHistory .b-apply {
  width: 10%;
}

@media screen and (max-width: 640px) {
  .bbs-table-registHistory {
    border-top: none;
  }
  .bbs-table-registHistory .bbs-table-title {
    display: none;
  }
  .bbs-table-registHistory .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-registHistory .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-registHistory .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 50%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-registHistory .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-registHistory .bbs-table-data .b-num {
    display: none;
  }
  .bbs-table-registHistory .bbs-table-data .b-lectitle {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-registHistory .bbs-table-data .b-lectitle::before {
    display: none;
  }
  .bbs-table-registHistory .bbs-table-data .t-hide {
    font-size: 13px;
    position: relative;
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
  }
  .bbs-table-registHistory .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 3px;
    vertical-align: middle;
  }
  .bbs-table-registHistory .bbs-table-data .b-tag {
    line-height: 20px;
  }
  .bbs-table-registHistory .bbs-table-data .b-tag::before {
    display: none;
  }
  .bbs-table-registHistory .bbs-table-data .b-tag::before .ico::before {
    margin-top: -3px;
  }
  .bbs-table-registHistory .bbs-table-data .b-apply {
    width: 100%;
  }
  .bbs-table-registHistory .bbs-table-data .b-apply::before {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-registHistory .bbs-table-data > p {
    width: 100% !important;
  }
}

.bbs-table-eduHistory .b-num {
  width: 5%;
}

.bbs-table-eduHistory .b-tag {
  width: 10%;
}

.bbs-table-eduHistory .b-name {
  width: 8%;
}

.bbs-table-eduHistory .b-userid {
  width: 8%;
}

.bbs-table-eduHistory .b-certify {
  width: 8%;
}

.bbs-table-eduHistory .b-lectitle {
  width: 25%;
}

.bbs-table-eduHistory .b-date1 {
  width: 12%;
}

.bbs-table-eduHistory .b-date-cal {
  width: 12%;
}

.bbs-table-eduHistory .b-apply {
  width: 12%;
}

@media screen and (max-width: 1024px) {
  .bbs-table-eduHistory .bbs-table-data {
    font-size: 14px;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag {
    width: 5%;
    text-align: center;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag span {
    font-size: 0;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag span::before {
    margin: 0;
  }
  .bbs-table-eduHistory .bbs-table-title {
    font-size: 14px;
  }
  .bbs-table-eduHistory .bbs-table-title .b-tag {
    width: 5%;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-eduHistory {
    border-top: none;
  }
  .bbs-table-eduHistory .bbs-table-title {
    display: none;
  }
  .bbs-table-eduHistory .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-eduHistory .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-eduHistory .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-eduHistory .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-eduHistory .bbs-table-data .t-hide {
    font-size: 14px;
    display: inline-block;
    min-width: 100px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-eduHistory .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-eduHistory .bbs-table-data .b-lectitle {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-eduHistory .bbs-table-data .b-lectitle::before,
  .bbs-table-eduHistory .bbs-table-data .b-lectitle .t-hide {
    display: none;
  }
  .bbs-table-eduHistory .bbs-table-data .b-num {
    display: none;
  }
  .bbs-table-eduHistory .bbs-table-data .b-apply::before,
  .bbs-table-eduHistory .bbs-table-data .b-tag::before {
    display: none;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag {
    width: 100%;
    text-align: left;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag span {
    font-size: 12px;
  }
  .bbs-table-eduHistory .bbs-table-data .b-tag span::before {
    margin-right: 10px;
  }
}

.bbs-table-contestVote .b-num {
  width: 10%;
}

.bbs-table-contestVote .b-contest-date {
  width: 20%;
}

.bbs-table-contestVote .b-contest-title {
  width: 40%;
}

.bbs-table-contestVote .b-contest-title a {
  color: #222222;
  font-weight: bold;
}

.bbs-table-contestVote .b-contest-title a .vid {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background: url("../img/bbs-ico-video-bl.png") no-repeat;
  margin-left: 5px;
  font-size: 0;
}

.bbs-table-contestVote .b-contest-title a .doc {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 20px;
  background: url("../img/bbs-ico-docs-bl.png") no-repeat;
  margin-left: 5px;
  font-size: 0;
}

.bbs-table-contestVote .b-contest-vote {
  width: 40%;
  text-align: center;
}

.bbs-table-contestVote .b-contest-vote .btn-vote {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 20px;
  background-color: #0385d0;
}

.bbs-table-contestVote .b-contest-vote .btn-vote.done {
  background-color: #c8c8c8;
}

.bbs-table-contestVote .b-contest-vote .btn-vote::after {
  content: "";
  width: 4px;
  height: 7px;
  display: inline-block;
  background: url("../img/bbs-arr-w.png") no-repeat;
  background-size: contain;
  margin-left: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .bbs-table-contestVote {
    border-top: none;
  }
  .bbs-table-contestVote .bbs-table-title {
    display: none;
  }
  .bbs-table-contestVote .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-contestVote .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-contestVote .bbs-table-data .b-num {
    display: none;
  }
  .bbs-table-contestVote .bbs-table-data .b-contest-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-contestVote .bbs-table-data .b-contest-date,
  .bbs-table-contestVote .bbs-table-data .b-contest-vote {
    border-bottom: none;
    padding: 0;
  }
  .bbs-table-contestVote .bbs-table-data .b-contest-vote {
    margin-bottom: 10px;
  }
  .bbs-table-contestVote .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 65px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-contestVote .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 2px;
  }
}

.bbs-table-contestOverview .b-num {
  width: 8%;
}

.bbs-table-contestOverview .b-hits {
  width: 8%;
}

.bbs-table-contestOverview .b-contest-num {
  width: 12%;
}

.bbs-table-contestOverview .b-contest-title {
  width: 32%;
}

.bbs-table-contestOverview .b-contest-start {
  width: 10%;
}

.bbs-table-contestOverview .b-period {
  width: 20%;
}

.bbs-table-contestOverview .b-contest-status {
  width: 10%;
}

@media screen and (max-width: 1024px) {
  .bbs-table-contestOverview .b-contest-title {
    width: 25%;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-contestOverview {
    border-top: none;
  }
  .bbs-table-contestOverview .bbs-table-title {
    display: none;
  }
  .bbs-table-contestOverview .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-contestOverview .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-contestOverview .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-contestOverview .bbs-table-data .b-num,
  .bbs-table-contestOverview .bbs-table-data .b-hits {
    display: none;
  }
  .bbs-table-contestOverview .bbs-table-data .b-contest-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-contestOverview .bbs-table-data .b-contest-title::before,
  .bbs-table-contestOverview .bbs-table-data .b-contest-title .t-hide {
    display: none;
  }
  .bbs-table-contestOverview .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .bbs-table-contestOverview .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 80px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-contestOverview .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
}

.bbs-table-branchRecent .b-num {
  width: 7%;
}

.bbs-table-branchRecent .b-hits {
  width: 7%;
}

.bbs-table-branchRecent .b-branch {
  width: 15%;
}

.bbs-table-branchRecent .b-title {
  width: 48%;
}

.bbs-table-branchRecent .b-title a {
  display: inline-block;
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.bbs-table-branchRecent .b-title .rep-count {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}

.bbs-table-branchRecent .b-writer {
  width: 10%;
}

.bbs-table-branchRecent .b-date1 {
  width: 15%;
}

.bbs-table-branchRecent .bbs-table-data .b-title {
  text-align: left;
}
/* 2025-04-14 */
@media screen and (max-width: 1280px) {
	.bbs-table-branchRecent .b-title a {max-width: 455px;}

}
@media screen and (max-width: 1080px) {
	.bbs-table-branchRecent .b-title a {max-width: 320px;}

}
/* // 2025-04-14 */
@media screen and (max-width: 768px) {
  .bbs-table-branchRecent .b-num {
    display: none !important;
  }
  .bbs-table-branchRecent .b-hits {
    display: none !important;
  }
  .bbs-table-branchRecent .b-writer {
    width: 17%;
  }
  .bbs-table-branchRecent .b-date1 {
    widows: 22%;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-branchRecent {
    border-top: 0;
  }
  .bbs-table-branchRecent .bbs-table-title {
    display: none;
  }
  .bbs-table-branchRecent .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-branchRecent .bbs-table-data.bbs-table-data-notify {
    background: #ecf6fb;
  }
  .bbs-table-branchRecent .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-branchRecent .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-branchRecent .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-branchRecent .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-branchRecent .bbs-table-data .b-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-branchRecent .bbs-table-data .b-title::before,
  .bbs-table-branchRecent .bbs-table-data .b-title .t-hide {
    display: none;
  }
  .bbs-table-branchRecent .bbs-table-data .b-title a {
    max-width: 90% !important;
    font-size: 14px;
  }
  .bbs-table-branchRecent .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.bbs-table-branchRecent2 .b-num {
  width: 7%;
}

.bbs-table-branchRecent2 .b-hits {
  width: 7%;
}

.bbs-table-branchRecent2 .b-branch {
  width: 13%;
}

.bbs-table-branchRecent2 .b-writer {
  width: 15%;
}

.bbs-table-branchRecent2 .b-title {
  width: 40%;
}

.bbs-table-branchRecent2 .b-title a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.bbs-table-branchRecent2 .b-title .rep-count {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}

.bbs-table-branchRecent2 .b-writer {
  width: 10%;
}

.bbs-table-branchRecent2 .b-date1 {
  width: 15%;
}

.bbs-table-branchRecent2 .bbs-table-data .b-title {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .bbs-table-branchRecent2 .b-num {
    display: none !important;
  }
  .bbs-table-branchRecent2 .b-hits {
    display: none !important;
  }
  .bbs-table-branchRecent2 .b-writer {
    width: 17%;
  }
  .bbs-table-branchRecent2 .b-date1 {
    widows: 22%;
  }
  .bbs-table-branchRecent2 .b-title a {
    max-width: 200px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-branchRecent2 {
    border-top: 0;
  }
  .bbs-table-branchRecent2 .bbs-table-title {
    display: none;
  }
  .bbs-table-branchRecent2 .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-branchRecent2 .bbs-table-data.bbs-table-data-notify {
    background: #ecf6fb;
  }
  .bbs-table-branchRecent2 .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-branchRecent2 .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-branchRecent2 .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-branchRecent2 .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-branchRecent2 .bbs-table-data .b-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-branchRecent2 .bbs-table-data .b-title::before,
  .bbs-table-branchRecent2 .bbs-table-data .b-title .t-hide {
    display: none;
  }
  .bbs-table-branchRecent2 .bbs-table-data .b-title a {
    max-width: 90% !important;
    font-size: 14px;
  }
  .bbs-table-branchRecent2 .bbs-table-data .b-writer i::before {
    display: none;
  }
  .bbs-table-branchRecent2 .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.bbs-table-applyList .bbs-table-data {
  font-size: 13.5px;
}

.bbs-table-applyList .b-num,
.bbs-table-applyList .b-name,
.bbs-table-applyList .b-userid {
  width: 7%;
}

.bbs-table-applyList .b-tag {
  width: 9%;
}

.bbs-table-applyList .b-payment {
  width: 6%;
}

.bbs-table-applyList .b-lectitle {
  width: 25%;
}

.bbs-table-applyList .b-lectitle a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.bbs-table-applyList .b-lecdate {
  width: 9%;
}

.bbs-table-applyList .b-lecdate i {
  display: block;
}

.bbs-table-applyList .b-paydate {
  width: 9%;
}

.bbs-table-applyList .b-branch,
.bbs-table-applyList .b-date1 {
  width: 13%;
}

.bbs-table-applyList .b-result {
  width: 8%;
}

.bbs-table-applyList .b-result a {
  display: block;
  margin-top: 5px;
}

.bbs-table-applyList .b-writer {
  width: 10%;
}

.bbs-table-applyList .b-date1 {
  width: 15%;
}

.bbs-table-applyList .bbs-table-data .b-title {
  text-align: left;
}

@media screen and (max-width: 1080px) {
  .bbs-table-applyList .bbs-table-title {
    font-size: 13px;
  }
  .bbs-table-applyList .bbs-table-data {
    font-size: 13px;
  }
  .bbs-table-applyList .b-num {
    display: none;
  }
  .bbs-table-applyList .b-tag {
    text-align: center;
  }
  .bbs-table-applyList .b-tag .ico::before {
    display: block;
    margin: 0 auto 6px auto;
  }
  .bbs-table-applyList .b-lectitle a {
    max-width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-table-applyList {
    border-top: 0;
  }
  .bbs-table-applyList .bbs-table-title {
    display: none;
  }
  .bbs-table-applyList .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-applyList .bbs-table-data.bbs-table-data-notify {
    background: #ecf6fb;
  }
  .bbs-table-applyList .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  /* 2023-11-03 */
  .bbs-table-applyList .bbs-table-data > p.b-result-done {
	height: auto;
  }
  .bbs-table-applyList .bbs-table-data > p.b-result-done br {
	display: none;
  }
  .bbs-table-applyList .bbs-table-data > p.b-result-done a{
	display: inline-block;
  }
  /* // 2023-11-03 */
  .bbs-table-applyList .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-applyList .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-applyList .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 11px;
  }
  .bbs-table-applyList .bbs-table-data .b-num,
  .bbs-table-applyList .bbs-table-data .b-tag {
    width: 50%;
    line-height: 30px;
  }
  .bbs-table-applyList .bbs-table-data .b-tag .ico::before {
    display: inline-block;
    margin: 0 5px 0 0;
  }
  .bbs-table-applyList .bbs-table-data .b-lectitle a {
    max-width: 90%;
  }
  .bbs-table-applyList .bbs-table-data .b-lecdate {
    width: 50%;
  }
  .bbs-table-applyList .bbs-table-data .b-lecdate i {
    padding: 0 5px;
    display: inline-block;
  }
  .bbs-table-applyList .bbs-table-data .b-name {
    width: 50%;
  }
  .bbs-table-applyList .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .bbs-table-applyList .bbs-table-data .b-userid {
    width: 50%;
  }
  .bbs-table-applyList .bbs-table-data .b-date1 {
    width: 50%;
  }
  .bbs-table-applyList .bbs-table-data .b-payment {
    width: 50%;
  }
  .bbs-table-applyList .bbs-table-data .b-paydate {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-applyList .bbs-table-data .b-lecdate {
    width: 100%;
  }
  .bbs-table-applyList .bbs-table-data .b-name {
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  .bbs-table-applyList .bbs-table-data .b-num,
  .bbs-table-applyList .bbs-table-data .b-userid,
  .bbs-table-applyList .bbs-table-data .b-payment {
    width: 35%;
  }
  .bbs-table-applyList .bbs-table-data .b-tag,
  .bbs-table-applyList .bbs-table-data .b-paydate,
  .bbs-table-applyList .bbs-table-data .b-date1 {
    width: 65%;
  }
}

.bbs-branch-view {
  width: 1280px;
  margin: 0 auto;
}

.bbs-branch-view .view-content-box {
  margin: 20px 0 0 0;
  border: 1px solid #ddd;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-branch-view .view-content-box .view-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.bbs-branch-view .view-content-box .view-title h5 {
  color: #0385d0;
  font-size: 30px;
  line-height: 1;
  float: left;
}

.bbs-branch-view .view-content-box .view-title .date {
  float: right;
  font-size: 15px;
  color: #777;
  position: relative;
  padding: 12px 0 0 24px;
}

.bbs-branch-view .view-content-box .view-title .date::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 17px;
  height: 17px;
  background: url("../img/bbs-ico-clock.png") no-repeat center;
}

.bbs-branch-view .view-content-box .view-content {
  margin-top: 20px;
  position: relative;
  padding: 60px 0;
}

.bbs-branch-view .view-content-box .view-content .desc-top {
  position: absolute;
  top: 0;
  right: 0;
}

.bbs-branch-view .view-content-box .view-content .desc-top li {
  display: inline-block;
  color: #888;
  margin-left: 10px;
  font-size: 15px;
}

.bbs-branch-view .view-content-box .view-content .cont {
  line-height: 1.6;
  color: #777;
}

.bbs-branch-view .view-content-box .view-content .cont * {
  font-family: OpenSans, NanumBG, "Nanum Gothic", "Malgun Gothic", dotum, arial, sans-serif !important;
}

.bbs-branch-view .view-content-box .view-content .cont img {
  max-width: 100%;
}

@media screen and (max-width: 1280px) {
  .bbs-branch-view {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .bbs-branch-view .view-content-box {
    padding: 20px;
  }
  .bbs-branch-view .view-content-box .view-title h5 {
    font-size: 25px;
  }
  .bbs-branch-view .view-content-box .view-content {
    padding: 30px 0;
  }
}

@media screen and (max-width: 640px) {
  .bbs-branch-view .view-content-box {
    padding: 10px;
    font-size: 13px;
  }
  .bbs-branch-view .view-content-box .view-title h5 {
    font-size: 17px;
    float: none;
    background: #f8f8f8;
    padding: 10px 5px;
  }
}

.bbs-table-fmea .b-num {
  width: 10%;
}

.bbs-table-fmea .b-hits {
  width: 10%;
}

.bbs-table-fmea .b-title {
  width: 55%;
}

.bbs-table-fmea .b-title a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
}

.bbs-table-fmea .b-title .rep-count {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}

.bbs-table-fmea .b-writer {
  width: 10%;
}

.bbs-table-fmea .b-date1 {
  width: 15%;
}

.bbs-table-fmea .bbs-table-data .b-title {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .bbs-table-fmea .b-num,
  .bbs-table-fmea .b-hits {
    display: none !important;
  }
  .bbs-table-fmea .bbs-table-title .b-title {
    text-align: center;
  }
  .bbs-table-fmea .bbs-table-data .b-title {
    text-align: left;
    padding-left: 10px;
  }
  .bbs-table-fmea .bbs-table-data .b-date1 {
    width: 20%;
  }
  .bbs-table-fmea .bbs-table-data .b-writer {
    width: 20%;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-fmea {
    border-top: 0;
  }
  .bbs-table-fmea .bbs-table-title {
    display: none;
  }
  .bbs-table-fmea .bbs-table-data {
    height: 90px;
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #000;
  }
  .bbs-table-fmea .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-fmea .bbs-table-data .b-title {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    background: #f8f8f8;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
  }
  .bbs-table-fmea .bbs-table-data .b-writer {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    height: 20px;
    left: 10px;
    top: 60px;
    width: 35%;
    border-bottom: 0;
  }
  .bbs-table-fmea .bbs-table-data .b-writer::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-fmea .bbs-table-data .b-writer .t-hide {
    display: inline-block;
    font-size: 14px;
  }
  .bbs-table-fmea .bbs-table-data .b-writer .t-hide::after {
    content: "";
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background: #ddd;
    display: inline-block;
    vertical-align: middle;
  }
  .bbs-table-fmea .bbs-table-data .b-date1 {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    height: 20px;
    left: 35%;
    width: 65%;
    border-bottom: 0;
    top: 60px;
  }
  .bbs-table-fmea .bbs-table-data .b-date1::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-fmea .bbs-table-data .b-date1 .t-hide {
    display: inline-block;
    font-size: 14px;
  }
  .bbs-table-fmea .bbs-table-data .b-date1 .t-hide::after {
    content: "";
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background: #ddd;
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-fmea .bbs-table-data {
    height: 120px;
  }
  .bbs-table-fmea .bbs-table-data .b-writer {
    top: 60px;
    width: 100%;
  }
  .bbs-table-fmea .bbs-table-data .b-date1 {
    top: 90px;
    left: 10px;
    width: 100%;
  }
}

.bbs-table-fee .tr-wrap {
  overflow: hidden;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.bbs-table-fee .tr-wrap .th {
  display: table-cell;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 13%;
  text-align: center;
  background-color: #f8f8f8;
}

.bbs-table-fee .tr-wrap .td {
  display: table-cell;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  .bbs-table-fee {
    font-size: 14px;
  }
  .bbs-table-fee .tr-wrap {
    display: block;
  }
  .bbs-table-fee .tr-wrap .th {
    display: block;
    float: left;
    overflow: hidden;
    min-height: 50px;
    padding: 10px;
    width: 30%;
    clear: left;
  }
  .bbs-table-fee .tr-wrap .th:nth-of-type(1) {
    float: left;
  }
  .bbs-table-fee .tr-wrap .td {
    display: block;
    float: left;
    overflow: hidden;
    min-height: 50px;
    padding: 10px;
    width: 70%;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-fee .tr-wrap .th {
    min-height: 65px;
  }
  .bbs-table-fee .tr-wrap .th .btn-pay-fee {
    display: block;
    margin-left: 0;
    margin-top: 3px;
  }
  .bbs-table-fee .tr-wrap .td {
    min-height: 65px;
  }
  .bbs-table-fee .tr-wrap .td .btn-pay-fee {
    display: block;
    margin-left: 0;
    margin-top: 3px;
  }
}

.bbs-table-viewSummary table {
  text-align: center;
  width: 100%;
}

.bbs-table-viewSummary table td {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  color: #777;
}

.bbs-table-viewSummary table th {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
  color: #333;
}

.bbs-table-viewSummary table td.nb {
  border-left: none;
}

.bbs-table-viewSummary table th.nb {
  border-left: none;
}

.bbs-table-viewSummary.td-left table {
  text-align: left;
}

.bbs-gallery-wrap {
  border-top: 1px solid #ddd;
  padding: 50px;
  background-color: #fff;
}

.bbs-gallery-wrap .thumb {
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.bbs-gallery-wrap .thumb img {
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.bbs-gallery-wrap::after {
  content: "";
  clear: both;
  display: block;
}

.bbs-gallery-wrap,
.bbs-gallery-wrap > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-gallery-wrap .gallery-box {
  border: 1px solid #ddd;
  padding: 20px;
  width: 24.2%;
  height: 410px;
  margin-left: 1.06%;
  margin-bottom: 30px;
  float: left;
  background-color: #fff;
}

.bbs-gallery-wrap .gallery-box:nth-of-type(1), .bbs-gallery-wrap .gallery-box:nth-of-type(4n + 1) {
  margin-left: 0;
}

.bbs-gallery-wrap .gallery-box .title {
  margin: 13px 0 7px 0;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
  position: relative;
}

.bbs-gallery-wrap .gallery-box .title .rep-count {
  position: absolute;
  right: 20px;
  top: 0;
}

.bbs-gallery-wrap .gallery-box .title .ico-new {
  position: absolute;
  right: 0;
  top: 0;
  width: 17px;
  height: 17px;
  background: url("../img/bbs-ico-new.png") no-repeat;
  font-size: 0;
}

.bbs-gallery-wrap .gallery-box .period {
  font-size: 13px;
  color: #777;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-gallery-wrap .gallery-box .writer {
  font-size: 13px;
  color: #777;
}

.bbs-gallery-wrap .gallery-box .post-info {
  font-size: 13px;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  color: #777;
  letter-spacing: -0.6px;
}

.bbs-gallery-wrap .gallery-box .post-info > span {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  padding-left: 10px;
}

.bbs-gallery-wrap .gallery-box .post-info > span:nth-of-type(1) {
  margin-left: 0;
  padding-left: 0;
}

.bbs-gallery-wrap .gallery-box .post-info > span:nth-of-type(1)::after {
  display: none;
}

.bbs-gallery-wrap .gallery-box .post-info > span::after {
  content: "";
  width: 1px;
  height: 8px;
  background: #777;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}

.bbs-gallery-wrap .gallery-box .post-info .hits i {
  display: inline-block;
  height: 16px;
  padding-left: 18px;
  vertical-align: middle;
  background: url("../img/bbs-ico-hits.png") no-repeat left center;
}

.bbs-gallery-wrap .gallery-box .post-info .files i {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 17px;
  background: url("../img/bbs-ico-files.png") no-repeat;
}

.bbs-gallery-wrap .gallery-box .post-info .files2 i {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 17px;
  background: url("../img/bbs-ico-file.png") no-repeat;
}

.bbs-gallery-wrap.bbs-gallery-wrap-branch {
  padding: 0;
  width: 1280px;
  border-top: none;
}

.bbs-gallery-wrap.bbs-gallery-wrap--bg {
  background: #f8f8f8;
  padding: 45px 55px 15px 55px;
  border-top: 1px solid #000;
}

.bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box {
  margin-bottom: 40px;
}

.bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box .thumb {
  height: 270px;
}

.bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box .thumb img {
  height: 100%;
  width: 100%;
}

.bbs-gallery-wrap.bbs-gallery-wrap--recent {
  background: #f8f8f8;
  padding: 45px 55px 15px 55px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 50px;
}

.bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box {
  margin-bottom: 40px;
}

.bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box .thumb {
  height: 270px;
}

.bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box .thumb img {
  height: 100%;
  width: 100%;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest {
  padding: 0 0 50px 0;
  border-top: none;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .title {
  font-size: 19px;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .writer {
  font-size: 14px;
  color: #666;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info {
  overflow: hidden;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info .date {
  float: left;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info .vote {
  float: right;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info .vote::before {
  content: "";
  width: 15px;
  height: 13px;
  background: url("../img/vote_off.png") no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-size: contain;
  vertical-align: middle;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info .vote.on::before {
  background: url("../img/vote_on.png") no-repeat;
  background-size: contain;
}

.bbs-gallery-wrap.bbs-gallery-wrap-contest .gallery-box .post-info .vote::after {
  display: none;
}

@media screen and (max-width: 1280px) {
  .bbs-gallery-wrap {
    padding: 40px 35px;
  }
  .bbs-gallery-wrap .gallery-box {
    height: auto;
    min-height: 320px;
    padding: 15px;
  }
  .bbs-gallery-wrap .gallery-box .thumb {
    height: 190px;
  }
  .bbs-gallery-wrap .gallery-box .title {
    margin: 10px 0 7px 0;
    font-size: 16px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap-branch {
    width: auto;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--bg {
    padding: 30px 10px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box .thumb {
    height: 225px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--recent {
    padding: 30px 30px 15px 30px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box {
    height: auto;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box .thumb {
    height: 220px;
  }
}

@media screen and (max-width: 1024px) {
  .bbs-gallery-wrap {
    padding: 30px 10px;
  }
  .bbs-gallery-wrap .gallery-box {
    padding: 10px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap-branch .gallery-box {
    height: auto;
    min-height: 280px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-gallery-wrap .gallery-box {
    width: 49.4%;
    height: auto;
    min-height: 340px;
    margin-bottom: 15px;
  }
  .bbs-gallery-wrap .gallery-box:nth-of-type(4n + 1) {
    margin-left: 1%;
  }
  .bbs-gallery-wrap .gallery-box:nth-of-type(1), .bbs-gallery-wrap .gallery-box:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap-branch .gallery-box {
    height: auto;
    min-height: 310px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--recent {
    padding: 20px 20px 10px 20px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--recent .gallery-box {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 960px) and (min-width: 768px) {
  .bbs-gallery-wrap .gallery-box {
    min-height: 310px;
    height: auto;
  }
  .bbs-gallery-wrap .gallery-box .thumb {
    text-align: center;
    height: 165px !important;
  }
  .bbs-gallery-wrap .gallery-box .post-info > span {
    display: block;
    margin-left: 0;
    margin-bottom: 3px;
    padding-left: 0;
  }
  .bbs-gallery-wrap .gallery-box .post-info > span:nth-of-type(2), .bbs-gallery-wrap .gallery-box .post-info > span:nth-of-type(3), .bbs-gallery-wrap .gallery-box .post-info > span::after {
    display: none;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box {
    margin-bottom: 20px;
  }
  .bbs-gallery-wrap.bbs-gallery-wrap--bg .gallery-box .thumb {
    height: 200px;
  }
}

@media screen and (max-width: 480px) {
  .bbs-gallery-wrap .gallery-box {
    width: 98%;
    height: auto;
    margin: 1% !important;
    float: none;
  }
}

.bbs-apply-form {
  border: 1px solid #ddd;
  width: 1280px;
  margin: 0 auto;
  padding: 45px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-form .bbs-title {
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
}

.bbs-apply-form .bbs-apply-title {
  background: url("../img/ico-conf-pen.png") no-repeat left 4px;
  border-bottom: 1px solid #ddd;
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
}

.bbs-apply-form .bbs-applicant-title {
  background: url("../img/ico-applicant.png") no-repeat left 4px;
  border-bottom: 1px solid #ddd;
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
}

.bbs-apply-form .bbs-applicant-title.cash {
  background-image: url("../img/ico-coin.png");
  background-position: 0 5px !important;
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
}

.bbs-apply-form .bbs-applicant-title.textbook {
  background-image: url("../img/ico_textbook.png");
  background-position: 0 3px !important;
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
  border: none;
}

.bbs-apply-form .bbs-agree-title {
  background: url("../img/ico-applicant-agree.png") no-repeat left 4px;
  font-size: 25px;
  color: #333;
  padding-left: 30px;
  line-height: 25px;
  padding-bottom: 15px;
}

.bbs-apply-form .edu-info-top {
  margin-top: 30px;
  height: 330px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bbs-apply-form .edu-info-top .thumb {
  width: 400px;
  height: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background-image: url("../img/sample.jpg");
  background-position: center;
  background-size: cover;
  text-align: center;
}

.bbs-apply-form .edu-info-top .thumb img {
  max-width: 100%;
}

.bbs-apply-form .edu-info-top .edu-desc {
  height: 100%;
  width: calc(100% - 400px);
  padding-left: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.bbs-apply-form .edu-info-top .edu-desc .title-wrap {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.bbs-apply-form .edu-info-top .edu-desc .date {
  background-color: #0385d0;
  color: #fff;
  text-align: center;
  width: 70px;
  height: 70px;
  float: left;
  font-size: 12px;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-form .edu-info-top .edu-desc .date > span {
  font-size: 25px;
  display: block;
}

.bbs-apply-form .edu-info-top .edu-desc .date > span::before {
  content: "";
  width: 44px;
  height: 1px;
  background: #fff;
  display: block;
  margin: 5px auto;
}

.bbs-apply-form .edu-info-top .edu-desc .tit {
  float: left;
  width: calc(100% - 70px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  font-size: 30px;
  color: #333;
  line-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -1px;
}

.bbs-apply-form .edu-info-top .edu-desc .tit span {
  margin-right: 10px;
}

.bbs-apply-form .edu-info-top .edu-desc .detail {
  padding: 20px 30px 20px 30px;
  background: #f8f8f8;
  margin-top: 20px;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li {
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
  overflow: hidden;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #333;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li:first-child {
  margin-top: 0;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li > span {
  width: 23%;
  float: left;
  display: block;
  color: #333;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li > span.dd {
  width: 67%;
  color: #777;
}

.bbs-apply-form .edu-info-top .edu-desc .detail .li-square li .btn-map {
  width: 70px;
  height: 21px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-form .edu-applicant-info {
  margin-top: 60px;
  padding: 28px 31px 80px 31px;
}

.bbs-apply-form .edu-applicant-info-gray {
  padding: 40px 30px;
  line-height: 1.5;
  background: #f8f8f8;
}

.bbs-apply-form .edu-applicant-info-gray p {
  line-height: 1.4;
}

.bbs-apply-form .edu-applicant-info-gray .bbs-applicant-title {
  font-size: 20px;
  background-position: 0 2px;
  font-weight: bold;
}

.bbs-apply-form .edu-applicant-info-gray .bbs-applicant-title > p {
  font-size: 16px;
  margin-top: 10px;
}

.bbs-apply-form .edu-applicant-info-gray .tit01 {
  font-size: 27px;
  font-weight: bold;
}

.bbs-apply-form .alert-box {
  border: 2px solid #0385d0;
  background: #fafdff;
  text-align: center;
  padding: 40px 20px;
}

.bbs-apply-form .alert-box .complete {
  padding-bottom: 10px;
  font-size: 27px;
  color: #0385d0;
}

.bbs-apply-form .alert-box .complete::before {
  content: "";
  background: url("../img/graphic-apply-confirm.png") no-repeat;
  width: 91px;
  height: 71px;
  display: block;
  margin: 0 auto 15px auto;
}

.bbs-apply-form .alert-box .complete2 {
  font-size: 27px;
  color: #0385d0;
  padding-bottom: 10px;
}

.bbs-apply-form .alert-box .alert-text {
  font-size: 18px;
}

.bbs-apply-form .apply-table.align-center table {
  text-align: center;
}

.bbs-apply-form .apply-table table {
  width: 100%;
  font-size: 16px;
  text-align: left;
}

.bbs-apply-form .apply-table table th {
  padding: 13px 15px;
  line-height: 1.5;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #2356a2;
  color: #fff;
}

.bbs-apply-form .apply-table table td {
  padding: 13px 15px;
  line-height: 1.5;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #fff;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
}

.bbs-apply-form .apply-table table td strong {
  display: block;
  color: #1a317a;
  font-size: 18px;
  padding-bottom: 5px;
}

/* 2023-06-22 시작 */
.bbs-apply-form .apply-table table td .info_width {
	 width: 100%;
	 max-width: 300px;
	 margin: 0 auto;
	 text-align: left;	
}
/* // 2023-06-22 끝 */
.bbs-apply-form .apply-table table td .account {
  vertical-align: middle;
  line-height: 26px;
}

.bbs-apply-form .apply-table table td .account img {
  vertical-align: text-bottom;
}

.bbs-apply-form .edu-applicant-agree {
  border-top: 2px solid #333;
  position: relative;
  padding: 30px;
  background: #f8f8f8;
  margin-top: 58px;
}

.bbs-apply-form .edu-applicant-agree::before {
  content: "";
  width: 160px;
  height: 2px;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 111;
  background: #073190;
}

.bbs-apply-form .term-box {
  padding: 30px 40px;
  border: 1px solid #ddd;
  background: #fff;
  height: 150px;
  line-height: 1.6;
  font-size: 16px;
  color: #777;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-form .term-box .tit {
  font-weight: bold;
  font-size: 17px;
  color: #333;
  padding-bottom: 10px;
}

.bbs-apply-form .term-box .tit a {
  font-weight: normal;
}

.bbs-apply-form .term-box .txt b {
  display: block;
  color: #073190;
}

.bbs-apply-form .agree-box {
  margin-top: 10px;
  text-align: right;
}

.bbs-apply-form .agree-box > .radio-container {
  display: inline-block;
  vertical-align: middle;
}

.bbs-apply-form .agree-box.agree-box-all {
  text-align: center;
  padding-top: 30px;
  border-top: 1px dashed #ddd;
}

.bbs-apply-form .notify {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 30px;
}

.bbs-apply-form .notify.big-navy {
  font-size: 20px;
  color: #073190;
  font-weight: bold;
}

.bbs-apply-form .notify.big-navy .line {
  display: inline-block;
  border-bottom: 2px solid #073190;
  padding: 0 5px;
  padding-bottom: 5px;
}

.bbs-apply-form .notify .col-navy {
  color: #073190;
  font-weight: bold;
}

.bbs-apply-form .mid-txt {
  font-size: 1.1em;
  font-weight: bold;
}

.bbs-apply-form .sml-txt {
  display: block;
  margin-top: 5px;
}

@media screen and (max-width: 1280px) {
  .bbs-apply-form {
    width: auto;
    padding: 20px;
  }
  .bbs-apply-form .bbs-title {
    font-size: 22px;
  }
  .bbs-apply-form .bbs-apply-title,
  .bbs-apply-form .bbs-applicant-title,
  .bbs-apply-form .bbs-applicant-title.cash,
  .bbs-apply-form .bbs-agree-title {
    font-size: 22px;
  }
  .bbs-apply-form .edu-info-top {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bbs-apply-form .edu-info-top .thumb {
    width: 100%;
    height: 230px;
    margin-top: 10px;
  }
  .bbs-apply-form .edu-info-top .thumb img {
    height: 100%;
  }
  .bbs-apply-form .edu-info-top .edu-desc {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .bbs-apply-form .edu-applicant-info {
    margin-top: 30px;
    padding: 0;
  }
  .bbs-apply-form .apply-table table {
    font-size: 15px;
  }
  .bbs-apply-form .term-box {
    padding: 20px;
    font-size: 15px;
  }
  .bbs-apply-form .edu-applicant-agree {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-apply-form {
    padding: 20px;
  }
  .bbs-apply-form .alert-box {
    padding: 20px 0;
  }
  .bbs-apply-form .alert-box .complete {
    font-size: 20px;
    padding-bottom: 5px;
  }
  .bbs-apply-form .alert-box .complete::before {
    background-size: contain;
    width: 70px;
    height: 57px;
    background-position: bottom center;
  }
  .bbs-apply-form .alert-box .complete2 {
    font-size: 20px;
  }
  .bbs-apply-form .alert-box .alert-text {
    font-size: 15px;
  }
  .bbs-apply-form .apply-table table th,
  .bbs-apply-form .apply-table table td {
    padding: 10px;
    font-size: 14px;
    line-height: 1.2;
    vertical-align: middle;
  }
  .bbs-apply-form .apply-table table th strong,
  .bbs-apply-form .apply-table table td strong {
    font-size: 15px;
  }
  .bbs-apply-form .edu-applicant-info-gray {
    padding: 20px;
    font-size: 14px;
  }
  .bbs-apply-form .edu-applicant-info-gray .tit01 {
    font-size: 22px;
  }
  .bbs-apply-form .edu-applicant-info-gray p {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-apply-form {
    padding: 10px;
  }
  .bbs-apply-form .bbs-title {
    font-size: 20px;
  }
  .bbs-apply-form .notify.big-navy {
    font-size: 16px;
  }
  .bbs-apply-form .bbs-apply-title,
  .bbs-apply-form .bbs-applicant-title,
  .bbs-apply-form .bbs-applicant-title.cash,
  .bbs-apply-form .bbs-agree-title {
    font-size: 20px;
    font-weight: bold;
  }
  .bbs-apply-form .term-box {
    padding: 15px;
    font-size: 14px;
  }
  .bbs-apply-form .apply-table-flex {
    font-size: 14px;
  }
  .bbs-apply-form .apply-table-flex-col {
    font-size: 14px;
  }
  .bbs-apply-form .edu-info-top .edu-desc .tit {
    font-size: 22px;
    text-overflow: unset;
    line-height: 1.3;
    overflow: auto;
    white-space: initial;
    padding-bottom: 10px;
  }
  .bbs-apply-form .edu-info-top .edu-desc .tit span {
    display: block;
    padding-bottom: 4px;
  }
  .bbs-apply-form .edu-info-top .edu-desc .detail .li-square li {
    font-size: 14px;
  }
  .bbs-apply-form .alert-box .complete {
    font-size: 18px;
  }
  .bbs-apply-form .edu-applicant-info-gray .bbs-applicant-title > p {
    margin-top: 0;
    font-size: 14px;
  }
  .bbs-apply-form .edu-applicant-info-gray {
    padding: 10px;
  }
}

@media screen and (max-width: 480px) {
  .bbs-apply-form .bbs-title {
    font-size: 18px;
  }
  .bbs-apply-form .edu-applicant-info-gray .tit01 {
    font-size: 18px;
  }
  .bbs-apply-form .bbs-apply-title,
  .bbs-apply-form .bbs-applicant-title,
  .bbs-apply-form .bbs-applicant-title.cash,
  .bbs-apply-form .bbs-agree-title {
    font-size: 18px !important;
  }
  .bbs-apply-form .apply-table-flex {
    font-size: 13px;
  }
  .bbs-apply-form .apply-table-flex-col {
    font-size: 13px;
  }
  .bbs-apply-form .apply-table table th,
  .bbs-apply-form .apply-table table td {
    font-size: 13px;
  }
  .bbs-apply-form .apply-table table th strong,
  .bbs-apply-form .apply-table table td strong {
    font-size: 14px;
  }
  .bbs-apply-form .edu-info-top .edu-desc .tit {
    font-size: 18px;
  }
}

@media screen and (max-width: 414px) {
  .bbs-apply-form .alert-box .complete {
    font-size: 18px;
  }
  .bbs-apply-form .alert-box .complete::before {
    width: 50px;
    height: 41px;
  }
  .bbs-apply-form .alert-box .alert-text {
    font-size: 13px;
  }
}

.bbs-apply-view {
  width: 1280px;
  margin: 0 auto;
}

.bbs-apply-view .btn-area > a {
  display: inline-block;
  vertical-align: middle;
}

.bbs-apply-view .btn-area > input {
  display: inline-block;
  vertical-align: middle;
}

.bbs-apply-view .btn-apply {
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-right: 40px;
  width: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #0085d0 url("../img/ico-btn-apply.png") no-repeat 84% center;
}

.bbs-apply-view .btn-apply-complete {
  background: #0085d0;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .btn-backlist {
  background: #fff url("../img/ico-btn-backlist.png") no-repeat 84% center;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-right: 40px;
  border: 1px solid #ddd;
  color: #888;
}

.bbs-apply-view .btn-like {
  border: 1px solid #ddd;
  font-size: 10px;
  text-align: center;
  width: 45px;
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8 url("../img/ico-btn-like.png") no-repeat center 10px;
  padding-top: 13px;
}

.bbs-apply-view .apply-view-table table {
  width: 100%;
  word-break: break-all;
}

.bbs-apply-view .apply-view-table table th {
  padding: 20px;
  border: 1px solid #ddd;
  line-height: 1.6;
  background: #f8f8f8;
  vertical-align: middle;
}

.bbs-apply-view .apply-view-table table td {
  padding: 20px;
  border: 1px solid #ddd;
  line-height: 1.6;
  vertical-align: top;
}

.bbs-apply-view .apply-view-table .schedule-list li {
  overflow: hidden;
}

.bbs-apply-view .apply-view-table .schedule-list li b {
  color: #333;
  display: block;
  float: left;
  width: 130px;
}

.bbs-apply-view .apply-view-table .schedule-list li span {
  color: #777;
  display: block;
  float: left;
  width: calc(100% - 130px);
}

.bbs-apply-view .apply-view-table .li-square li {
  margin-top: 10px;
  padding-left: 15px;
  position: relative;
  overflow: hidden;
  color: #777;
}

.bbs-apply-view .apply-view-table .li-square li b {
  color: #333;
}

.bbs-apply-view .apply-view-table .li-square li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #333;
}

.bbs-apply-view .apply-view-table .li-square li:first-child {
  margin-top: 0;
}

.bbs-apply-view .apply-view-table .attach-list li {
  margin-top: 10px;
  height: 25px;
}

.bbs-apply-view .apply-view-table .attach-list li:first-child {
  margin-top: 0;
}

.bbs-apply-view .apply-view-table .attach-list li a {
  color: #777;
  display: inline-block;
  padding-right: 35px;
  height: 26px;
  background: url("../img/ico-btn-down.png") no-repeat;
  background-position: right center;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bbs-apply-view .bbs-apply-view-top {
  border: 1px solid #ddd;
  padding: 20px;
}

.bbs-apply-view .edu-info-bottom {
  margin-top: 15px;
}

.bbs-apply-view .edu-info-bottom .tab-top {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.bbs-apply-view .edu-info-bottom .tab-top li {
  float: left;
  border: 1px solid #ddd;
  background: #f8f8f8;
  text-align: center;
  display: block;
  line-height: 45px;
  height: 45px;
  margin-left: -1px;
}

.bbs-apply-view .edu-info-bottom .tab-top li a {
  display: block;
  padding: 0 50px;
  color: #777;
  font-size: 16px;
}

.bbs-apply-view .edu-info-bottom .tab-top li:first-child {
  margin-left: 0;
}

.bbs-apply-view .edu-info-bottom .tab-top li.video-test.selected {
  background: #fff;
}

.bbs-apply-view .edu-info-bottom .tab-top li.video-test.selected a {
  color: #e62e8b;
}

.bbs-apply-view .edu-info-bottom .tab-top li.video-test.selected a::before {
  background: url("../img/ico-video-tab.png") no-repeat;
}

.bbs-apply-view .edu-info-bottom .tab-top li.video-test a {
  color: #777;
}

.bbs-apply-view .edu-info-bottom .tab-top li.video-test a::before {
  content: "";
  width: 19px;
  height: 19px;
  background: url("../img/ico-video-tab.png") no-repeat;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

.bbs-apply-view .edu-info-bottom .tab-top li.selected {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.bbs-apply-view .edu-info-bottom .tab-cont {
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 70px 40px 40px 40px;
  display: none;
  line-height: 1.5;
}

.bbs-apply-view .edu-info-bottom .tab-cont * {
  font-family: OpenSans, NanumBG, "Nanum Gothic", "Malgun Gothic", dotum, arial, sans-serif !important;
}

.bbs-apply-view .edu-info-bottom .tab-cont h5 {
  font-size: 25px;
  padding-bottom: 15px;
}

.bbs-apply-view .edu-info-bottom .tab-cont p {
  line-height: 1.5;
}

.bbs-apply-view .edu-info-bottom .tab-cont .video-test {
  text-align: center;
}

.bbs-apply-view .edu-info-bottom .tab-cont .video-test h5 {
  color: #0091f1;
  text-align: center;
}

.bbs-apply-view .edu-info-bottom .tab-cont .video-test p {
  font-size: 18px;
  line-height: 1.6;
}

.bbs-apply-view .edu-info-bottom .tab-cont .video-test p > strong {
  display: block;
  font-size: 22px;
  color: #0086d4;
}

.bbs-apply-view .edu-info-bottom .tab-cont .video-sample {
  width: 1090px;
  height: 596px;
  margin: 40px auto;
  background: #eee;
}

.bbs-apply-view .edu-info-bottom .tab-cont.selected {
  display: block;
}

.bbs-apply-view .tag-wrap {
  overflow: hidden;
}

.bbs-apply-view .tag-wrap .tag {
  overflow: hidden;
  float: left;
}

.bbs-apply-view .tag-wrap .tag > span {
  display: inline-block;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 21px;
  line-height: 21px;
  min-width: 40px;
  text-align: center;
  padding: 0 14px;
  vertical-align: middle;
}

.bbs-apply-view .tag-wrap .tag > span.tag-charge {
  background: #0385d0;
  color: #fff;
}

.bbs-apply-view .tag-wrap .tag > span.tag-free {
  background: #f5a100;
  color: #fff;
}

.bbs-apply-view .tag-wrap .tag > span.tag-nurse {
  background: #fff;
  border: 1px solid #ddd;
}

.bbs-apply-view .tag-wrap .tag > span.tag-video {
  background: #fff;
  border: none;
  background: #e62e8b;
  color: #fff;
}

.bbs-apply-view .tag-wrap .tag-sharp {
  float: right;
  color: #777;
  font-size: 13px;
}

.bbs-apply-view .tag-wrap .tag-sharp a {
  color: #777;
  display: inline-block;
  padding: 0 4px;
}

.bbs-apply-view .edu-info-top {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bbs-apply-view .edu-info-top .thumb {
  width: 400px;
  float: left;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
}

.bbs-apply-view .edu-info-top .thumb img {
  max-width: 100%;
  height: 330px;
}

.bbs-apply-view .edu-info-top .thumb .date-capacity {
  border: 1px solid #ddd;
  background: #f8f8f8;
  height: 50px;
  margin-top: -2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 0;
}

.bbs-apply-view .edu-info-top .thumb .date-capacity li {
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  margin-left: 20px;
}

.bbs-apply-view .edu-info-top .thumb .date-capacity li:first-child {
  margin-left: 0;
}

.bbs-apply-view .edu-info-top .thumb .date-capacity li > span {
  font-weight: bold;
  padding-left: 33px;
  background: url("../img/ico-calendar.png") no-repeat left center;
  display: inline-block;
  height: 50px;
  vertical-align: middle;
}

.bbs-apply-view .edu-info-top .thumb .date-capacity li > span.capacity {
  background-image: url("../img/ico-capacity.png");
}

.bbs-apply-view .edu-info-top .thumb .date-capacity li i {
  color: #e62e8b;
  vertical-align: middle;
  display: inline-block;
}

.bbs-apply-view .edu-info-top .edu-desc {
  width: calc(100% - 400px);
  float: left;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.bbs-apply-view .edu-info-top .edu-desc .title-wrap {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.bbs-apply-view .edu-info-top .edu-desc .date {
  background-color: #0385d0;
  color: #fff;
  text-align: center;
  width: 70px;
  height: 70px;
  float: left;
  font-size: 12px;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .edu-info-top .edu-desc .date > span {
  font-size: 25px;
  display: block;
}

.bbs-apply-view .edu-info-top .edu-desc .date > span::before {
  content: "";
  width: 44px;
  height: 1px;
  background: #fff;
  display: block;
  margin: 5px auto;
}

.bbs-apply-view .edu-info-top .edu-desc .tit {
  float: left;
  width: calc(100% - 70px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  font-size: 30px;
  color: #333;
  line-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -1px;
}

.bbs-apply-view .edu-info-top .edu-desc .tit span {
  margin-right: 10px;
}

.bbs-apply-view .edu-info-top .edu-desc .detail {
  margin-top: 30px;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .vod-open {
  font-size: 18px;
  padding-left: 30px;
  position: relative;
  line-height: 25px;
  margin-bottom: 20px;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .vod-open .col-pink {
  color: #e62e8b;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .vod-open::before {
  content: "";
  width: 25px;
  height: 24px;
  background: url("../img/ico-clock--vod.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li {
  margin-top: 20px;
  padding-left: 15px;
  position: relative;
  overflow: hidden;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li > span {
  width: 25%;
  float: left;
  display: block;
  color: #333;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li > span.dd {
  width: 75%;
  color: #777;
  padding-left: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li .btn-map {
  width: 70px;
  height: 21px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #333;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .li-square li:first-child {
  margin-top: 0;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox {
  background: #f8f8f8;
  margin-top: 20px;
  padding: 10px;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox dt {
  display: inline-block;
  width: 20%;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox dd {
  display: inline-block;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox dd li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  padding-left: 14px;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox dd li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 4px;
  left: 0;
  background: #333;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox dd li:first-child {
  margin-left: 0;
}

@-webkit-keyframes textAlert {
  0% {
    color: #e62e8b;
  }
  100% {
    color: #0091f1;
  }
}

@keyframes textAlert {
  0% {
    color: #e62e8b;
  }
  100% {
    color: #0091f1;
  }
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox--alert {
  margin-top: 10px;
  color: #e62e8b;
  font-size: 16px;
  font-weight: bold;
}

.bbs-apply-view .edu-info-top .edu-desc .detail .textbox--alert p {
  -webkit-animation: textAlert 0.5s infinite alternate;
          animation: textAlert 0.5s infinite alternate;
}

.bbs-apply-view .location-info-map {
  display: table;
  height: 520px;
}

.bbs-apply-view .location-info-map iframe {
  width: 815px;
  height: 100%;
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .location-info-map .info-box {
  width: calc(100% - 815px);
  display: table-cell;
  vertical-align: top;
  padding: 40px 30px;
  height: 100%;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-apply-view .location-info-map .info-box .tit {
  font-size: 33px;
  color: #073190;
  line-height: 1;
}

.bbs-apply-view .location-info-map .info-box dl {
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  margin-top: 4px;
}

.bbs-apply-view .location-info-map .info-box dl dt {
  width: 17px;
  height: 19px;
  margin-right: 15px;
  clear: both;
  float: left;
  font-size: 0;
  background-image: url("../img/ico-location.png");
  background-repeat: no-repeat;
}

.bbs-apply-view .location-info-map .info-box dl dt.address {
  background-position: 0 0;
}

.bbs-apply-view .location-info-map .info-box dl dt.call {
  background-position: -17px 0;
}

.bbs-apply-view .location-info-map .info-box dl dt.mail {
  background-position: -34px 0;
}

.bbs-apply-view .location-info-map .info-box dl dd {
  float: left;
  width: calc(100% - 37px);
}

.bbs-apply-view .location-info-map .info-box .site-btn {
  margin-top: 50px;
  font-size: 0;
}

.bbs-apply-view .location-info-map .info-box .site-btn a {
  display: inline-block;
  background-color: #fff;
  font-size: 16px;
  width: 155px;
  line-height: 50px;
  height: 50px;
  text-align: center;
}

.bbs-apply-view .location-info-map .info-box .site-btn a:first-child {
  margin-right: 10px;
}

.bbs-apply-view .location-info-map .info-box .site-btn a i {
  position: relative;
  display: block;
}

.bbs-apply-view .location-info-map .info-box .site-btn a i::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url("../img/ico-net.png");
  background-repeat: no-repeat;
}

.bbs-apply-view .location-info-map .info-box .site-btn a.google i::before {
  background-position: -18px 0;
}

.bbs-apply-view .location-info-map .info-box .share-btn {
  margin-top: 20px;
}

.bbs-apply-view .location-info-map .info-box .share-btn a {
  width: 52px;
  height: 52px;
  display: inline-block;
  background: url("../img/ico-share-print.png") no-repeat;
}

.bbs-apply-view .location-info-map .info-box .share-btn a.print {
  background-position: -52px 0;
}

.bbs-apply-view .location-info-trans {
  margin-top: 30px;
}

.bbs-apply-view .location-info-trans .item {
  padding: 30px 0;
  display: table;
  width: 100%;
  border-top: 1px solid #ddd;
}

.bbs-apply-view .location-info-trans .item:nth-of-type(1) {
  border-top: 0;
}

.bbs-apply-view .location-info-trans .item-way {
  display: table-cell;
  vertical-align: top;
  width: 15%;
}

.bbs-apply-view .location-info-trans .item-way i::before {
  content: "";
  width: 37px;
  height: 57px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/graphic-transport.png") no-repeat 0 0;
  margin-right: 20px;
}

.bbs-apply-view .location-info-trans .item-way i.bus::before {
  background-position: -37px 0;
}

.bbs-apply-view .location-info-trans .item-way i.car::before {
  background-position: -74px 0;
}

.bbs-apply-view .location-info-trans .item-detail {
  display: table-cell;
  vertical-align: top;
  width: 85%;
}

.bbs-apply-view .location-info-trans .item-detail .bycar > li {
  margin-top: 40px;
  font-size: 14px;
  color: #777;
}

.bbs-apply-view .location-info-trans .item-detail .bycar > li:first-child {
  margin-top: 0;
}

.bbs-apply-view .location-info-trans .item-detail .bycar > li strong {
  display: block;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li {
  margin-top: 5px;
  color: #777;
  line-height: 1.3;
  font-size: 14px;
  width: 100%;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li:first-child {
  margin-top: 0;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px;
  background: #33a5eb;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  border-radius: 24px;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i.line-g {
  background: #3d9e9e;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i.line-air {
  background: #79b0e1;
  width: 50px;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i.line-artery {
  background: #405db6;
  width: 50px;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i.line-branch {
  background: #5aa228;
  width: 50px;
}

.bbs-apply-view .location-info-trans .item-detail .trans-line li i.line-metro {
  background: #ec080d;
  width: 50px;
}

@media screen and (max-width: 1280px) {
  .bbs-apply-view {
    width: auto;
  }
  .bbs-apply-view .edu-info-top {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bbs-apply-view .edu-info-top .thumb {
    width: 100%;
    margin-top: 10px;
  }
  .bbs-apply-view .edu-info-top .edu-desc {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .detail .li-square li {
    margin-top: 10px;
    font-size: 15px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .tit {
    font-size: 25px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont {
    padding: 30px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont h5 {
    font-size: 22px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont .video-sample {
    width: auto;
    height: 500px;
  }
  .bbs-apply-view .btn-area.btn-area-ar {
    text-align: center;
  }
  .bbs-apply-view .apply-view-table table {
    font-size: 15px;
  }
  .bbs-apply-view .apply-view-table .li-square li {
    font-size: 15px;
  }
  .bbs-apply-view .apply-view-table .attach-list li a {
    max-width: 300px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-apply-view .edu-info-bottom .tab-top li a {
    padding: 0 30px;
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-apply-view .edu-info-bottom .tab-top li a {
    padding: 0 20px;
    font-size: 13px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont {
    padding: 20px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont p {
    font-size: 14px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont h5 {
    font-size: 18px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont .video-test .video-sample {
    height: 350px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont .video-test p {
    font-size: 14px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont .video-test p > strong {
    display: inline;
    line-height: 1.6;
    font-size: 16px;
    font-weight: bold;
  }
  .bbs-apply-view .apply-view-table.mt-50 {
    margin-top: 20px !important;
  }
  .bbs-apply-view .apply-view-table table {
    font-size: 14px;
  }
  .bbs-apply-view .apply-view-table .li-square li {
    font-size: 14px;
    margin-top: 5px;
  }
  .bbs-apply-view .apply-view-table .schedule-list li b {
    width: 115px;
  }
  .bbs-apply-view .apply-view-table .attach-list li a {
    max-width: 200px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .tit {
    font-size: 20px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .tit span {
    display: block;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .detail .textbox--alert {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 480px) {
  .bbs-apply-view .btn-area > a {
    min-width: 80px;
  }
  .bbs-apply-view .bbs-apply-view-top {
    padding: 15px;
  }
  .bbs-apply-view .btn-apply {
    width: 120px;
    font-size: 15px;
  }
  .bbs-apply-view .edu-info-top .edu-desc .detail .textbox dt {
    display: block;
    width: auto;
    padding-bottom: 10px;
  }
  .bbs-apply-view .edu-info-bottom .tab-top li a {
    padding: 0 8px;
    font-size: 13px;
    letter-spacing: -1.5px;
  }
}

@media screen and (max-width: 360px) {
  .bbs-apply-view .edu-info-bottom .tab-cont {
    padding: 16px;
  }
  .bbs-apply-view .edu-info-bottom .tab-cont h5 {
    font-size: 16px;
  }
  .bbs-apply-view .apply-view-table table {
    font-size: 13px;
  }
  .bbs-apply-view .apply-view-table .li-square li {
    font-size: 13px;
  }
  .bbs-apply-view .btn-area > a {
    min-width: 50px;
  }
  .bbs-apply-view .btn-area > a.btn-like i {
    font-size: 12px;
  }
}

.reply-wrap {
  margin-top: 30px;
}

.reply-wrap._forward {
  border: 1px solid #ddd;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reply-wrap._forward .label {
  font-weight: 700;
  font-size: 18px;
}

@media screen and (max-width: 640px) {
  .reply-wrap._forward .label {
    width: 100%;
  }
}

.reply-wrap._forward .input_wrap {
  width: calc(100% - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media screen and (max-width: 640px) {
  .reply-wrap._forward .input_wrap {
    width: 100%;
    margin-top: 10px;
  }
}

.reply-wrap._forward select {
  width: 100%;
  max-width: 135px;
  height: 38px;
  padding-left: 10px;
  line-height: 38px;
}

.reply-wrap._forward input {
  height: 38px;
  line-height: 38px;
  width: 100%;
  padding-left: 10px;
  max-width: 390px;
}

.reply-wrap._write .commentbox {
  background: #fff;
  padding: 0;
}

.reply-wrap._answer {
  margin-top: -1px;
}

.reply-wrap._answer .commentbox {
  background: #f8fcff;
  margin-top: 0;
}

.reply-wrap._answer .commentbox .btn-edit a.del::before {
  display: none;
}

.reply-wrap .reply-title strong {
  color: #333;
  font-size: 18px;
  padding-right: 20px;
}

.reply-wrap .commentbox {
  background: #f8f8f8;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  margin: 30px 0;
}

.reply-wrap .comment-list > li {
  position: relative;
  border-bottom: 1px dashed #ddd;
  padding: 20px 0;
}

.reply-wrap .comment-list > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.reply-wrap .comment-list > li:first-child {
  padding-top: 0;
}

.reply-wrap .comment-list > li .cont-header {
  font-size: 14px;
  overflow: hidden;
}

.reply-wrap .comment-list > li .cont-header .writer {
  color: #0385d0;
  font-weight: bold;
  padding-right: 20px;
}

.reply-wrap .comment-list > li .cont-header .date {
  color: #888;
}

.reply-wrap .comment-list > li .cont-header .btn-edit {
  float: right;
}

.reply-wrap .comment-list > li .cont-header .btn-edit a {
  display: inline-block;
  position: relative;
  color: #888;
  padding: 0 10px;
  font-size: 14px;
}

.reply-wrap .comment-list > li .cont-header .btn-edit a.del::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background: #777;
}

.reply-wrap .comment-list > li .cont-text {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}

.reply-wrap .comment-list > li .cont-text .reply {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
}

.reply-wrap .comment-list > li.li-reply {
  padding-left: 20px;
}

.reply-wrap .comment-list > li.li-reply::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  background: url("../img/ico-reply.png");
  width: 11px;
  height: 11px;
  display: block;
}

.reply-wrap .comment-list > li.li-reply .cont-header .writer {
  color: #333;
}

.reply-wrap .write-reply label {
  display: block;
  font-size: 14px;
}

.reply-wrap .write-reply textarea {
  margin-top: 10px;
  border: 1px solid #ddd;
  width: 100%;
  height: 55px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reply-wrap .write-reply.write-reply-extract .text-input {
  overflow: hidden;
  margin-top: 10px;
}

.reply-wrap .write-reply.write-reply-extract .text-input textarea {
  width: calc(100% - 100px);
  float: left;
  height: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  margin: 0;
}

.reply-wrap .write-reply.write-reply-extract .text-input .btn-post {
  background: #333;
  height: 55px;
  float: right;
  width: 90px;
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .reply-wrap .commentbox {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .reply-wrap .commentbox {
    padding: 15px;
    margin-top: 20px;
  }
  .reply-wrap .comment-list > li {
    padding: 15px 0;
  }
  .reply-wrap .comment-list > li .cont-header .btn-edit a {
    font-size: 13px;
    padding: 0 5px;
  }
  .reply-wrap .comment-list > li .cont-text {
    font-size: 13px;
  }
  .reply-wrap .reply-title {
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .reply-wrap .commentbox {
    padding: 10px;
  }
  .reply-wrap .reply-title {
    font-size: 14px;
  }
}

.attached-file-list {
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: 30px;
}

.attached-file-list li {
  padding-left: 25px;
  line-height: 22px;
  position: relative;
  margin-top: 10px;
}

.attached-file-list li a {
  position: relative;
  height: 26px;
  max-width: 800px;
  display: inline-block;
  padding-right: 30px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px;
}

.attached-file-list li a::after {
  content: "";
  width: 26px;
  height: 26px;
  background: url("../img/ico-btn-down.png");
  position: absolute;
  right: 0;
  top: 0;
}

.attached-file-list li:first-child {
  margin-top: 0;
}

.attached-file-list li::before {
  content: "";
  width: 17px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 3px;
  background: url("../img/ico-attach-title.png") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  .attached-file-list {
    padding: 20px;
  }
  .attached-file-list li {
    font-size: 16px;
    margin-top: 6px;
  }
  .attached-file-list li a {
    max-width: 90%;
  }
}

@media screen and (max-width: 640px) {
  .attached-file-list {
    padding: 15px;
  }
  .attached-file-list li {
    font-size: 13px;
  }
}

.bbs-table-myRecentList .b-num {
  width: 12%;
}

.bbs-table-myRecentList .b-tag {
  width: 15%;
}

.bbs-table-myRecentList .b-lectitle {
  width: 40%;
}

.bbs-table-myRecentList .b-date1 {
  width: 15%;
}

.bbs-table-myRecentList .b-result {
  width: 15%;
}

@media screen and (max-width: 1024px) {
  .bbs-table-myRecentList .bbs-table-data {
    font-size: 14px;
  }
  .bbs-table-myRecentList .bbs-table-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-table-myRecentList {
    border-top: none;
  }
  .bbs-table-myRecentList .bbs-table-title {
    display: none;
  }
  .bbs-table-myRecentList .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .bbs-table-myRecentList .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-myRecentList .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100% !important;
    padding: 0;
    padding-left: 10px;
    height: 30px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-myRecentList .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #646a7d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .bbs-table-myRecentList .bbs-table-data > p.b-date1, .bbs-table-myRecentList .bbs-table-data > p.b-date2 {
    width: 50%;
  }
  .bbs-table-myRecentList .bbs-table-data > p.b-date2::before {
    display: none;
  }
  .bbs-table-myRecentList .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 100px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-myRecentList .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-myRecentList .bbs-table-data .b-lectitle {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-myRecentList .bbs-table-data .b-lectitle::before,
  .bbs-table-myRecentList .bbs-table-data .b-lectitle .t-hide {
    display: none;
  }
  .bbs-table-myRecentList .bbs-table-data .b-tag::before {
    display: none;
  }
  .bbs-table-myRecentList .bbs-table-data .b-num {
    display: none;
  }
}

.bbs-table-membershipHistory .b-num {
  width: 5%;
}

.bbs-table-membershipHistory .b-name {
  width: 10%;
}

/* 영수증 열(마지막 b-name)은 넓혀서 현금영수증 버튼이 한 줄로 표시되도록 */
.bbs-table-membershipHistory .b-name:last-child {
  width: 16%;
}
.bbs-table-membershipHistory .b-name:last-child .apply_btn {
  width: auto;
  white-space: nowrap;
  padding: 4px 10px;
}

.bbs-table-membershipHistory .b-userid {
  width: 10%;
}

.bbs-table-membershipHistory .b-mem-tag {
  width: 10%;
}

.bbs-table-membershipHistory .b-signup {
  width: 13%;
}

.bbs-table-membershipHistory .b-signup-approval {
  width: 13%;
}

.bbs-table-membershipHistory .b-paydate {
  width: 13%;
}

.bbs-table-membershipHistory .b-del-account {
  width: 13%;
  padding: 19px 20px;
  border-left: 1px solid #ddd;
}

.bbs-table-membershipHistory .b-del-account i {
  display: block;
  height: 17px;
}

.bbs-table-membershipHistory .b-del-account-approval {
  width: 13%;
  padding: 19px 20px;
}

.bbs-table-membershipHistory .b-del-account-approval i {
  display: block;
  height: 17px;
}

.bbs-table-membershipHistory .bbs-table-data .b-paydate {
  color: #0385d0;
}

@media screen and (max-width: 1024px) {
  .bbs-table-membershipHistory .bbs-table-data {
    font-size: 14px;
  }
  .bbs-table-membershipHistory .bbs-table-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-membershipHistory {
    border-top: none;
  }
  .bbs-table-membershipHistory .bbs-table-title {
    display: none;
  }
  .bbs-table-membershipHistory .bbs-table-data {
    overflow: hidden;
    font-size: 13px;
    display: block;
    position: relative;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .bbs-table-membershipHistory .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
  }
  .bbs-table-membershipHistory .bbs-table-data > p {
    padding: 0 !important;
    line-height: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    position: static;
    width: 50%;
    border-left: 0;
  }
  .bbs-table-membershipHistory .bbs-table-data > p::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #646a7d;
    border-radius: 2px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    margin-left: 5px;
  }
  .bbs-table-membershipHistory .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    width: 75px;
    margin-right: 5px;
    position: relative;
  }
  .bbs-table-membershipHistory .bbs-table-data .t-hide::after {
    content: "";
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .bbs-table-membershipHistory .bbs-table-data .b-num {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-membershipHistory .bbs-table-data > p {
    width: 100%;
  }
  .bbs-table-membershipHistory .bbs-table-data > p i {
    display: inline-block;
  }
}

.bbs-table-listInquiry .b-etc {
  text-align: center;
  width: 8%;
}

.bbs-table-listInquiry .b-etc [class*='tag'] {
  display: inline-block;
  font-size: 13px;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 25px;
  line-height: 25px;
  min-width: 40px;
  text-align: center;
  padding: 0 5px;
  vertical-align: middle;
  min-width: 65px;
}

.bbs-table-listInquiry .b-num,
.bbs-table-listInquiry .b-tag,
.bbs-table-listInquiry .b-hits,
.bbs-table-listInquiry .b-writer,
.bbs-table-listInquiry .b-date1 {
  width: 10%;
  text-align: center;
}

.bbs-table-listInquiry .b-tag > span {
  height: 25px;
  line-height: 25px;
  min-width: 65px;
  font-size: 13px;
}

.bbs-table-listInquiry .b-title {
  width: 45%;
}

.bbs-table-listInquiry .b-title a {
  display: inline-block;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.bbs-table-listInquiry .b-title .rep-count {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}

.bbs-table-listInquiry .bbs-table-data .b-title {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .bbs-table-listInquiry .b-num {
    display: none !important;
  }
  .bbs-table-listInquiry .b-hits {
    display: none !important;
  }
  .bbs-table-listInquiry .b-writer {
    width: 17%;
  }
  .bbs-table-listInquiry .b-date1 {
    widows: 22%;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-listInquiry {
    border-top: 0;
  }
  .bbs-table-listInquiry .tag {
    margin-top: 0;
  }
  .bbs-table-listInquiry .bbs-table-title {
    display: none;
  }
  .bbs-table-listInquiry .bbs-table-data {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .bbs-table-listInquiry .bbs-table-data.bbs-table-data-notify {
    background: #ecf6fb;
  }
  .bbs-table-listInquiry .bbs-table-data > p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-left: 10px;
    padding: 10px 10px 5px 10px;
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-listInquiry .bbs-table-data .t-hide {
    font-size: 13px;
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
    position: relative;
  }
  .bbs-table-listInquiry .bbs-table-data .t-hide::after {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-tag {
    position: absolute;
    left: 7px;
    top: 13px;
    z-index: 1;
    padding: 0;
    width: 55px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-tag > span {
    min-width: 55px;
    padding: 0;
    font-size: 11px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-etc {
    padding: 0;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 55px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-title {
    background: #f8f8f8;
    padding: 10px;
    line-height: 1.6;
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    width: 100% !important;
    height: 50px;
    margin-bottom: 5px;
    padding-right: 75px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 75px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-title::before,
  .bbs-table-listInquiry .bbs-table-data .b-title .t-hide {
    display: none;
  }
  .bbs-table-listInquiry .bbs-table-data .b-title a {
    max-width: 90% !important;
    font-size: 14px;
  }
  .bbs-table-listInquiry .bbs-table-data .b-writer {
    width: 40%;
    max-width: calc(100% - 210px);
  }
  .bbs-table-listInquiry .bbs-table-data .b-date1 {
    min-width: 210px;
    width: 50%;
  }
  .bbs-table-listInquiry .bbs-table-data:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.program-search {
  width: 520px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}

.program-search input {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  width: calc(100% - 145px);
}

.program-search select {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

.program-search .program-search-period {
  width: calc(100% - 145px);
}

.program-search .program-search-period p {
  font-size: 15px;
  line-height: 37px;
}

.program-search .program-search-period .tit {
  position: absolute;
  left: 0;
  top: 5px;
}

.program-search .program-search-period .input {
  text-align: right;
}

.program-search .program-search-period input {
  width: 145px;
  background-image: url("../img/plan-ico-cal.png");
  background-repeat: no-repeat;
  background-position: 95% center;
}

.program-search .program-search-sel {
  width: calc(100% - 140px);
  margin-top: 10px;
  position: relative;
  text-align: right;
}

.program-search .program-search-sel select {
  width: 140px;
  position: absolute;
  left: 0;
  top: 0;
}

.program-search .program-search-sel #program-search-text {
  width: calc(100% - 150px);
}

.program-search #btn-search-program {
  background: #333 url("../img/ico-search.png") no-repeat;
  background-position: 35px center;
  height: 90px;
  line-height: 90px;
  width: 130px;
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
  top: 0;
}

@media screen and (max-width: 640px) {
  .program-search {
    width: auto;
    height: auto;
  }
  .program-search .program-search-period {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .program-search .program-search-period .tit {
    position: static;
    width: 70px;
  }
  .program-search .program-search-period .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 70px);
  }
  .program-search .program-search-period .input input {
    width: calc(50% - 10px);
  }
  .program-search .program-search-sel {
    width: auto;
  }
  .program-search #btn-search-program {
    position: static;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    background-position: 60% center;
  }
}

.bbs-table-textbook {
  font-size: 14px;
}

.bbs-table-textbook .bbs-table-title {
  background: #f5f5f5;
}

.bbs-table-textbook .bbs-table-title > p {
  text-align: center !important;
  font-weight: normal;
}

.bbs-table-textbook .bbs-table-title,
.bbs-table-textbook .bbs-table-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.bbs-table-textbook p {
  text-align: center;
  border-bottom: none !important;
  display: block;
}

.bbs-table-textbook .b-num {
  width: 5%;
}

.bbs-table-textbook .b-tag {
  width: 8%;
  text-align: center;
}

.bbs-table-textbook .b-tag .ico-book::before {
  content: "";
  width: 17px;
  height: 21px;
  background: url("../img/ico_bbs_textbook.png") no-repeat;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.bbs-table-textbook .b-id,
.bbs-table-textbook .b-name {
  width: 9%;
  text-align: center;
}

.bbs-table-textbook .b-lectitle {
  color: #333;
  font-weight: bold;
  width: 24%;
}

.bbs-table-textbook .b-date1,
.bbs-table-textbook .b-date2 {
  width: 12%;
}

.bbs-table-textbook .b-payment {
  width: 10%;
}

.bbs-table-textbook .b-delivery {
  width: 10%;
}

.bbs-table-textbook .b-delivery .state {
  width: 60px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.bbs-table-textbook .b-delivery .state-apply {
  background: #b0b0b0;
}

.bbs-table-textbook .b-delivery .state-shipping {
  background: #0385d0;
}

.bbs-table-textbook .b-delivery .state-delivered {
  border: 1px solid #0385d0;
  color: #0385d0;
}

@media screen and (max-width: 1024px) {
  .bbs-table-textbook {
    font-size: 14px;
  }
  .bbs-table-textbook .bbs-table-data,
  .bbs-table-textbook .bbs-table-title {
    font-size: 14px;
  }
  .bbs-table-textbook .b-num {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .bbs-table-textbook .bbs-table-title {
    display: none;
  }
  .bbs-table-textbook .bbs-table-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 13px;
    border-bottom: 2px solid #0385d0;
  }
  .bbs-table-textbook .bbs-table-data:nth-of-type(even) {
    background: #f5f5f5;
  }
  .bbs-table-textbook .bbs-table-data > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0 8px 20px;
    line-height: 25px;
    border-bottom: 1px solid #ddd !important;
  }
  .bbs-table-textbook .b-num {
    display: none !important;
  }
  .bbs-table-textbook .t-hide {
    line-height: 25px;
    min-width: 65px;
    text-align: left;
    font-size: 13px !important;
  }
  .bbs-table-textbook .b-tag,
  .bbs-table-textbook .b-name,
  .bbs-table-textbook .b-id {
    width: 33.33%;
  }
  .bbs-table-textbook .b-date1 i,
  .bbs-table-textbook .b-date2 i {
    height: 25px;
    line-height: 25px;
    display: block;
  }
  .bbs-table-textbook .b-date1,
  .bbs-table-textbook .b-date2,
  .bbs-table-textbook .b-payment,
  .bbs-table-textbook .b-delivery {
    width: 50%;
  }
  .bbs-table-textbook .b-lectitle {
    width: 100%;
    background: #f0f6f9;
  }
  .bbs-table-textbook .t-hide {
    font-size: 14px;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .bbs-table-textbook .bbs-table-data > p {
    padding-left: 10px;
    letter-spacing: -1px;
  }
  .bbs-table-textbook .t-hide {
    min-width: 50px;
    overflow: hidden;
  }
  .bbs-table-textbook .b-tag {
    width: 100%;
  }
  .bbs-table-textbook .b-name,
  .bbs-table-textbook .b-id {
    width: 50%;
  }
}

.shop-top-info {
  text-align: center;
  background: #f8f8f8;
  margin-top: -80px;
  padding: 65px 0;
  line-height: 1.5;
  font-size: 24px;
}

.toolkit-shop {
  width: 1280px;
  margin: 0 auto;
}

.toolkit-shop .shop-title {
  font-size: 28px;
  color: #2055a4;
  font-weight: bold;
  border-top: 1px solid #a4a7af;
  line-height: 1;
  padding-top: 25px;
}

.toolkit-shop .shop-title span {
  position: relative;
  display: inline-block;
}

.toolkit-shop .shop-title span::before {
  content: "";
  width: 100%;
  height: 3px;
  background: #2055a4;
  position: absolute;
  left: 0;
  top: -26px;
}

.toolkit-shop .toolkit-items ul {
  letter-spacing: -10px;
}

.toolkit-shop .toolkit-items ul li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: -1px;
  width: 23.5%;
  margin-top: 30px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #f8f8f8;
  margin-left: 2%;
}

.toolkit-shop .toolkit-items ul li:nth-child(4n + 1) {
  margin-left: 0;
}

.toolkit-shop .toolkit-items ul li a {
  display: block;
}

.toolkit-shop .toolkit-items ul li .thumb {
  padding: 20px 20px 8px 20px;
}

.toolkit-shop .toolkit-items ul li .thumb img {
  width: 250px;
  height: 342px;
}

.toolkit-shop .toolkit-items ul li .item-name {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 20px;
  text-align: left;
  line-height: 1.4;
  min-height: 50px;
}

.toolkit-shop .toolkit-items ul li .price {
  background: #fff;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  color: #073190;
  border-top: 1px solid #ddd;
  font-weight: bold;
}

.bbs-toolkit-detail {
  width: 1280px;
  margin: 30px auto 0;
  border: 1px solid #ddd;
  padding: 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bbs-toolkit-detail .thumb {
  width: 290px;
}

.bbs-toolkit-detail .thumb img {
  width: 100%;
}

.bbs-toolkit-detail .desc {
  width: calc(100% - 290px);
  padding-left: 60px;
  position: relative;
}

.bbs-toolkit-detail .desc h3 {
  font-size: 30px;
  color: #073190;
  line-height: 1.1;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.bbs-toolkit-detail .desc .li-square > li {
  font-size: 19px;
  color: #333;
}

.bbs-toolkit-detail .desc .li-square > li::before {
  top: 11px;
}

.bbs-toolkit-detail .desc .li-square > li > strong {
  font-weight: bold;
}

.bbs-toolkit-detail .desc .col-black {
  color: #000;
}

.bbs-toolkit-detail .desc .price {
  background: #f5f5f5;
  font-size: 25px;
  text-align: right;
  margin-top: 30px;
  line-height: 55px;
  padding-right: 20px;
  font-weight: bold;
}

.bbs-toolkit-detail .desc .toolkit-down {
  background: #ee3897;
  text-align: center;
  margin-top: 30px;
  padding: 17px 0;
}

.bbs-toolkit-detail .desc .toolkit-down a {
  color: #fff;
  display: block;
}

.bbs-toolkit-detail .desc .toolkit-down span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 20px;
}

.bbs-toolkit-detail .desc .toolkit-down span::before {
  content: "";
  width: 23px;
  height: 32px;
  background: url("../img/btn-down-kit.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.bbs-toolkit-detail .desc .btn-area {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}

.bbs-toolkit-detail .desc .btn-area > a {
  margin: 0;
}

.bbs-toolkit-detail .desc .btn-area .btn-purchase {
  background: #0385d0;
  color: #fff;
  width: 160px;
}

.bbs-toolkit-detail .desc .btn-area .btn-purchase-done {
  border: 2px solid #0385d0;
  color: #0385d0;
  width: 160px;
}

.bbs-toolkit-detail .desc .btn-area .btn-cancel2 {
  background: #dad4d4;
  width: 95px;
  color: #fff;
}

@media screen and (max-width: 1280px) {
  .bbs-toolkit-detail {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .bbs-toolkit-detail .desc h3 {
    font-size: 20px;
  }
  .bbs-toolkit-detail .desc .li-square > li {
    font-size: 14px;
  }
  .bbs-toolkit-detail .desc .price {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-toolkit-detail {
    padding: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .bbs-toolkit-detail .thumb {
    width: 100%;
    text-align: center;
  }
  .bbs-toolkit-detail .thumb img {
    width: auto;
    max-height: 100%;
  }
  .bbs-toolkit-detail .desc {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .bbs-toolkit-detail .desc .btn-area {
    position: static;
    text-align: right;
    margin-top: 10px;
  }
  .bbs-toolkit-detail .desc .btn-area > a {
    height: 45px;
  }
}

@media screen and (max-width: 640px) {
  .bbs-toolkit-detail .desc .btn-area .btn-cancel2,
  .bbs-toolkit-detail .desc .btn-area .btn-purchase,
  .bbs-toolkit-detail .desc .btn-area .btn-purchase-done {
    min-width: initial;
    width: 100px;
  }
  .bbs-toolkit-detail .desc .price {
    line-height: 40px;
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .bbs-toolkit-detail .desc .btn-area > a {
    height: 45px;
    width: 32% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 4px;
  }
  .bbs-toolkit-detail .desc .toolkit-down span {
    font-size: 16px;
  }
}

@media screen and (max-width: 1280px) {
  .shop-top-info {
    margin-left: -1%;
    margin-right: -1%;
    margin-top: -50px;
  }
  .toolkit-shop {
    width: auto;
    margin-left: -1%;
    margin-right: -1%;
  }
  .toolkit-shop .toolkit-items {
    padding: 0 1%;
  }
  .toolkit-shop .toolkit-items ul li .thumb img {
    height: 270px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .shop-top-info {
    padding: 30px 0;
    font-size: 18px;
  }
  .toolkit-shop .shop-title {
    font-size: 18px;
    padding-top: 15px;
    padding-left: 1%;
  }
  .toolkit-shop .shop-title span::before {
    top: -16px;
  }
  .toolkit-shop .toolkit-items ul li,
  .toolkit-shop .toolkit-items ul li:nth-child(4n + 1) {
    width: 49%;
  }
  .toolkit-shop .toolkit-items ul li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .toolkit-shop .toolkit-items ul li .item-name {
    font-size: 14px;
    min-height: 40px;
  }
  .toolkit-shop .toolkit-items ul li .price {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .toolkit-shop .toolkit-items ul li .thumb img {
    height: 160px;
  }
}

.bbs-table-toolkit {
  font-size: 14px;
}

.bbs-table-toolkit .bbs-table-title {
  background: #f5f5f5;
}

.bbs-table-toolkit .bbs-table-title > p {
  text-align: center !important;
  font-weight: normal;
}

.bbs-table-toolkit .bbs-table-title,
.bbs-table-toolkit .bbs-table-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.bbs-table-toolkit p {
  text-align: center;
  border-bottom: none !important;
  display: block;
}

.bbs-table-toolkit .b-num {
  width: 15%;
}

.bbs-table-toolkit .b-tag {
  width: 12%;
  text-align: center;
}

.bbs-table-toolkit .b-tag .ico-book::before {
  content: "";
  width: 17px;
  height: 21px;
  background: url("../img/ico_bbs_textbook.png") no-repeat;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.bbs-table-toolkit .b-lectitle {
  color: #333;
  font-weight: bold;
  width: 20%;
}

.bbs-table-toolkit .b-date1 {
  width: 13%;
}

.bbs-table-toolkit .b-date2 {
  width: 20%;
}

.bbs-table-toolkit .b-payment {
  width: 10%;
}

.bbs-table-toolkit .b-downstate {
  width: 10%;
}

.bbs-table-toolkit .b-downstate .state {
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.bbs-table-toolkit .b-downstate .state-expire {
  background: #b0b0b0;
}

.bbs-table-toolkit .b-downstate .state-able {
  background: #0385d0;
}

.bbs-table-toolkit .b-downstate .state-standby {
  border: 1px solid #0385d0;
  color: #0385d0;
}

@media screen and (max-width: 1024px) {
  .bbs-table-toolkit {
    font-size: 14px;
  }
  .bbs-table-toolkit .bbs-table-data,
  .bbs-table-toolkit .bbs-table-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .bbs-table-toolkit .bbs-table-title {
    display: none;
  }
  .bbs-table-toolkit .bbs-table-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 13px;
    border-bottom: 2px solid #0385d0;
  }
  .bbs-table-toolkit .bbs-table-data:nth-of-type(even) {
    background: #f5f5f5;
  }
  .bbs-table-toolkit .bbs-table-data p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 8px 20px;
    border-bottom: 1px solid #ddd !important;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .bbs-table-toolkit .bbs-table-data p.b-lectitle {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 15px 20px;
  }
  .bbs-table-toolkit .bbs-table-data p.b-tag, .bbs-table-toolkit .bbs-table-data p.b-payment, .bbs-table-toolkit .bbs-table-data p.b-downstate {
    width: 33.33%;
    line-height: 25px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .bbs-table-toolkit .bbs-table-data p.b-date1 {
    width: 33.33%;
  }
  .bbs-table-toolkit .bbs-table-data p.b-date2 {
    width: 66.66%;
  }
  .bbs-table-toolkit .bbs-table-data p.b-num {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .bbs-table-toolkit .t-hide {
    font-size: 14px;
    display: inline-block;
  }
  .bbs-table-toolkit .t-hide::after {
    content: "";
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background: #ddd;
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-toolkit .bbs-table-data p {
    padding: 8px 8px 8px 10px;
  }
  .bbs-table-toolkit .bbs-table-data p.b-tag, .bbs-table-toolkit .bbs-table-data p.b-payment, .bbs-table-toolkit .bbs-table-data p.b-downstate {
    width: 100%;
  }
  .bbs-table-toolkit .bbs-table-data p.b-date1 {
    width: 100%;
  }
  .bbs-table-toolkit .bbs-table-data p.b-date2 {
    width: 100%;
  }
  .bbs-table-toolkit .t-hide {
    font-size: 13px;
  }
}

.filebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.filebox label {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  background-color: #333333;
  cursor: pointer;
  height: 35px;
  font-size: 15px;
  width: 95px;
  text-align: center;
  line-height: 35px;
}

@media screen and (max-width: 768px) {
  .filebox label {
    font-size: 13px;
    width: 80px;
  }
}

.filebox .upload {
  display: inline-block;
  height: 35px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd;
  color: #999999;
  line-height: 35px;
  width: 100%;
  max-width: 390px;
}

@media screen and (max-width: 768px) {
  .filebox .upload {
    max-width: calc(100% - 95px);
  }
}

.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.tag {
  margin-top: 13px;
}

.tag._inquiry {
  margin-bottom: 13px;
}

.tag > span {
  display: inline-block;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 21px;
  line-height: 21px;
  min-width: 40px;
  text-align: center;
  padding: 0 5px;
  vertical-align: middle;
}

.tag-post {
  background: white;
  border: 1px solid #0085d0;
  color: #0085d0;
}

.tag-inquiry {
  background: white;
  border: 1px solid #073190;
  color: #073190;
}

.tag-noreply {
  background: #bcbcbc;
  border: 1px solid #bcbcbc;
  color: #fff;
}

.tag-reply {
  background: #073190;
  border: 1px solid #073190;
  color: #fff;
}

.tag > span.tag-charge {
  background: #0385d0;
  color: #fff;
}

.tag > span.tag-free {
  background: #f5a100;
  color: #fff;
}

.tag > span.tag-nurse {
  background: #fff;
  border: 1px solid #ddd;
}

.tag > span.tag-video {
  background: #fff;
  border: none;
  background: #e62e8b;
  color: #fff;
}

.bbs-table-lecComplete {
  font-size: 14px;
}

.bbs-table-lecComplete .bbs-table-title {
  background: #f5f5f5;
}

.bbs-table-lecComplete .bbs-table-title > p {
  text-align: center !important;
  font-weight: normal;
}

.bbs-table-lecComplete .bbs-table-title,
.bbs-table-lecComplete .bbs-table-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
}

.bbs-table-lecComplete p {
  text-align: center;
  border-bottom: none !important;
  display: block;
}

.bbs-table-lecComplete .b-tag {
  width: 15%;
}

.bbs-table-lecComplete .b-name {
  width: 10%;
}

.bbs-table-lecComplete .b-lectitle {
  width: 35%;
}

.bbs-table-lecComplete .b-date1,
.bbs-table-lecComplete .b-date-cal {
  width: 15%;
}

.bbs-table-lecComplete .b-proof {
  width: 10%;
}

.bbs-table-lecComplete .state_complete {
  color: #0385d0;
}

.bbs-table-lecComplete .state_attendance {
  color: #999;
}

@media screen and (max-width: 1024px) {
  .bbs-table-lecComplete {
    font-size: 14px;
  }
  .bbs-table-lecComplete .bbs-table-data,
  .bbs-table-lecComplete .bbs-table-title {
    font-size: 14px;
  }
  .bbs-table-lecComplete .b-num {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .bbs-table-lecComplete .bbs-table-title {
    display: none;
  }
  .bbs-table-lecComplete .bbs-table-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 13px;
    border-bottom: 2px solid #0385d0;
  }
  .bbs-table-lecComplete .bbs-table-data:nth-of-type(even) {
    background: #f5f5f5;
  }
  .bbs-table-lecComplete .bbs-table-data > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0 8px 20px;
    line-height: 25px;
    border-bottom: 1px solid #ddd !important;
  }
  .bbs-table-lecComplete .t-hide {
    line-height: 25px;
    min-width: 65px;
    text-align: left;
    font-size: 13px !important;
  }
  .bbs-table-lecComplete .b-tag, .bbs-table-lecComplete .b-name {
    width: 50%;
  }
  .bbs-table-lecComplete .b-lectitle {
    width: 100%;
  }
  .bbs-table-lecComplete .b-date1, .bbs-table-lecComplete .b-date-cal, .bbs-table-lecComplete .b-proof {
    width: 33.333%;
  }
  .bbs-table-lecComplete .b-date1 i, .bbs-table-lecComplete .b-date-cal i, .bbs-table-lecComplete .b-proof i {
    height: 25px;
    line-height: 25px;
  }
  .bbs-table-lecComplete .t-hide {
    font-size: 14px;
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .bbs-table-lecComplete .b-date1,
  .bbs-table-lecComplete .b-date-cal,
  .bbs-table-lecComplete .b-proof {
    width: 100%;
  }
  .bbs-table-lecComplete .b-tag,
  .bbs-table-lecComplete .b-name {
    width: 100%;
  }
}

.title-type01 {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #a4a7af;
  color: #2055a4;
  font-weight: bold;
  font-size: 28px;
  margin-top: 50px;
  position: relative;
  padding-bottom: 30px;
}

.title-type01::before {
  content: "";
  width: 40px;
  height: 3px;
  background: #2055a4;
  position: absolute;
  top: -1px;
  left: 0;
}

.title-type01 span {
  display: block;
}

.members {
  padding: 100px 0 250px 0;
}

.members .doc-title {
  font-size: 35px;
  color: #000;
  text-align: center;
  padding-bottom: 80px;
}

.members .doc-title .doc-title-sub {
  font-size: 18px;
  color: #888;
  margin-top: 20px;
  font-weight: normal;
}

.members .container {
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.members .h-line {
  margin: 70px 0 0 0;
  padding: 70px 0 0 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
}

@media screen and (max-width: 1280px) {
  .members .container {
    width: auto;
  }
  .members .h-line {
    margin-top: 30px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .members {
    padding: 50px 0;
    padding: 30px 1%;
  }
  .members .doc-title {
    font-size: 30px;
    padding-bottom: 50px;
    font-size: 25px;
  }
  .members .doc-title .doc-title-sub {
    font-size: 15px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .members .doc-title {
    font-size: 20px;
  }
  .members .doc-title .doc-title-sub {
    font-size: 14px;
    margin-top: 7px;
  }
}

.btn-join {
  position: absolute;
  width: 200px;
  height: 40px;
  background: #073190;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  bottom: 50px;
  left: 200px;
  border: none;
  padding: 0;
}

.btn-join i {
  display: block;
}

.btn-join i::after {
  content: "";
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url("../img/btn-arr-dnavy.png") no-repeat;
  vertical-align: middle;
  margin-left: 30px;
}

.findpw .tab-top {
  overflow: hidden;
}

.findpw .tab-top li {
  width: 33.333%;
  float: left;
}

.findpw .tab-top li a {
  color: #333;
  font-size: 16px;
  text-align: center;
  background: #dadada;
  display: block;
  line-height: 50px;
}

.findpw .tab-top li.selected a {
  color: #fff;
  background: #073190;
}

.findpw .tab-cont {
  display: none;
}

.findpw .tab-cont.selected {
  display: block;
}

.findpw .forgot-pw {
  margin: 20px auto;
  color: #888;
  font-size: 14px;
  position: relative;
  height: 40px;
  line-height: 40px;
}

.findpw .forgot-pw .btn-join {
  right: 0;
  top: 0;
  left: initial;
  bottom: initial;
  position: static;
  float: right;
  background-image: url("../img/btn-arr-dnavy.png");
  background-repeat: no-repeat;
  background-position: 90% center;
}

.findpw .forgot-pw .btn-join::after {
  content: "";
  clear: both;
}

@media screen and (max-width: 1024px) {
  .findpw .tab-top li a {
    font-size: 14px;
  }
  .findpw .join-list {
    padding: 30px 20px;
    margin-top: 30px;
  }
  .findpw .forgot-pw {
    line-height: 1.4;
    padding: 0 5px;
    height: auto;
    overflow: hidden;
  }
  .findpw .forgot-pw .btn-join {
    display: block;
  }
  .findpw .forgot-pw .btn-join::after {
    content: "";
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 768px) {
  .findpw .forgot-pw .btn-join {
    margin-top: 20px;
  }
}

.find-pw-box {
  width: 830px;
  margin: 0 auto;
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-top: 5px solid #073190;
  -webkit-box-shadow: 0 5px 0 #eee;
  box-shadow: 0 5px 0 #eee;
  padding: 50px;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.find-pw-box .ico-phone {
  width: 119px;
  height: 118px;
  background: url("../img/findpw-ico-phone.png");
  display: block;
  margin: 0 auto 30px auto;
}

.find-pw-box .ico-email {
  width: 119px;
  height: 118px;
  background: url("../img/findpw-ico-mail.png");
  display: block;
  margin: 0 auto 30px auto;
}

.find-pw-box strong {
  display: block;
  color: #073190;
  font-size: 22px;
}

.find-pw-box .result {
  color: #555;
  margin: 20px 0;
  font-size: 20px;
}

.find-pw-box .btn-join {
  position: static;
  display: inline-block;
}

@media screen and (max-width: 830px) {
  .find-pw-box {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .find-pw-box {
    padding: 30px;
  }
  .find-pw-box .ico-phone {
    width: 80px;
    height: 80px;
    background-size: contain;
    margin-bottom: 10px;
  }
  .find-pw-box .ico-email {
    width: 80px;
    height: 80px;
    background-size: contain;
    margin-bottom: 10px;
  }
  .find-pw-box strong {
    font-size: 18px;
  }
  .find-pw-box .result {
    font-size: 16px;
    margin: 10px 0 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .find-pw-box {
    padding: 20px;
  }
  .find-pw-box strong {
    font-size: 16px;
  }
  .find-pw-box .result {
    font-size: 14px;
  }
}

.join-progress {
  font-size: 0;
}

.join-progress .progress {
  display: inline-block;
  font-size: 18px;
  position: relative;
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 110px;
  min-height: 112px;
  vertical-align: top;
  color: #777;
}

.join-progress .progress::before {
  content: "";
  width: 96px;
  height: 112px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/join-process-graphic.png") no-repeat 0 0;
  display: block;
}

.join-progress .progress::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 46px;
  height: 7px;
  background: url("../img/join-process-dot.png ") no-repeat;
}

.join-progress .progress strong {
  display: block;
  font-weight: bold;
  padding-bottom: 6px;
  padding-top: 30px;
}

.join-progress .progress p {
  line-height: 1.4;
}

.join-progress .progress.active {
  color: #2457a2;
}

.join-progress .progress.active::before {
  background-position-y: -112px !important;
}

.join-progress .progress.progress-02::before {
  background-position: -96px 0;
}

.join-progress .progress.progress-03::before {
  background-position: -192px 0;
}

.join-progress .progress.progress-04::before {
  background-position: -288px 0;
}

.join-progress .progress.progress-04::after {
  display: none;
}

@media screen and (max-width: 1280px) {
  .join-progress {
    padding-left: 0;
  }
  .join-progress .progress {
    text-align: center;
    font-size: 16px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .join-progress .progress::before {
    display: block;
    position: static;
    margin: 0 auto 10px auto;
  }
  .join-progress .progress::after {
    display: none;
  }
  .join-progress .progress strong {
    padding-top: 10px;
  }
  .join-progress .progress p {
    font-size: 14px;
  }
  .join-progress .progress p br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .join-progress .progress {
    width: auto;
    display: block;
    min-height: auto;
    margin: 5px 0;
    padding: 0;
  }
  .join-progress .progress::before {
    display: none;
  }
  .join-progress .progress strong {
    background: #ddd;
    color: #333;
    margin-bottom: 4px;
    padding: 5px;
    font-size: 14px;
    border-radius: 2px;
    display: block;
  }
  .join-progress .progress.active strong {
    background: #2055a4;
    color: #fff;
  }
}

.select-join-type {
  text-align: center;
}

.select-join-type .type {
  width: 505px;
  height: 270px;
  display: inline-block;
  border: 1px solid #ddd;
  border-top: 5px solid #2457a2;
  background: #f8f8f8;
  -webkit-box-shadow: 0 5px 0 #f8f8f8;
  box-shadow: 0 5px 0 #f8f8f8;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  text-align: left;
  padding-left: 200px;
  position: relative;
  font-size: 15px;
  color: #777;
  line-height: 1.3;
}

.select-join-type .type h4 {
  font-size: 22px;
  color: #2457a2;
  font-weight: bold;
  padding-bottom: 20px;
}

.select-join-type .type strong {
  color: #2457a2;
  font-weight: bold;
  font-size: 17px;
  display: block;
  padding-bottom: 5px;
}

.select-join-type .type::before {
  content: "";
  width: 130px;
  height: 127px;
  display: block;
  background: url("../img/join-rs-nurse.png") no-repeat;
  position: absolute;
  left: 40px;
  top: 40px;
  background-size: contain;
}

.select-join-type .type:nth-of-type(1) {
  margin-right: 30px;
}

.select-join-type .type.type-nonurse::before {
  background-image: url("../img/join-rs-nonurse.png");
}

.select-join-type.select-certify .type.type-phone::before {
  background-image: url("../img/join-r-phone.png");
}

.select-join-type.select-certify .type.type-ipin::before {
  background-image: url("../img/join-r-ipin.png");
}

.select-join-type.select-clearfy-pw2 .type {
  padding: 40px;
  height: 340px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select-join-type.select-clearfy-pw2 .type::before {
  display: none;
}

.select-join-type.select-clearfy-pw2 .type-inside-top {
  padding-left: 150px;
  position: relative;
  min-height: 120px;
  margin-left: 40px;
}

.select-join-type.select-clearfy-pw2 .type-inside-top::before {
  content: "";
  width: 120px;
  height: 118px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/findpw-ico-phone.png");
}

.select-join-type.select-clearfy-pw2 .result {
  margin: 20px 0;
  font-size: 20px;
  text-align: center;
}

.select-join-type.select-clearfy-pw2 .btn-join {
  position: static;
  display: block;
  margin: 40px auto 0;
}

.select-join-type.select-clearfy-pw .type {
  height: 310px;
}

.select-join-type.select-clearfy-pw .type .input-text {
  margin-top: 20px;
}

.select-join-type.select-clearfy-pw .type .input-text input {
  width: 100%;
  height: 35px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
}

@media screen and (max-width: 1280px) {
  .select-join-type .type {
    width: 47%;
    margin: 0 1%;
    padding-left: 145px;
    height: auto;
  }
  .select-join-type .type:nth-of-type(1) {
    margin: 0 1%;
  }
  .select-join-type .type::before {
    width: 90px;
    height: 90px;
    left: 20px;
  }
  .select-join-type .type h4 {
    font-size: 19px;
    padding-bottom: 15px;
  }
  .select-join-type .type h4 + p {
    font-size: 13px;
  }
  .select-join-type .type .btn-join {
    position: static;
    margin-top: 20px;
    width: 180px;
    font-size: 14px;
    display: block;
  }
  .select-join-type.select-clearfy-pw2 .type {
    width: 47%;
    margin: 0 1%;
    padding: 20px;
    text-align: center;
    height: auto;
  }
  .select-join-type.select-clearfy-pw2 .type:nth-of-type(1) {
    margin: 0 1%;
  }
  .select-join-type.select-clearfy-pw2 .type .type-inside-top {
    display: block;
    padding: 0;
    margin: 0;
    min-height: initial;
  }
  .select-join-type.select-clearfy-pw2 .type .type-inside-top::before {
    position: static;
    display: block;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
  }
  .select-join-type.select-clearfy-pw2 .type .result {
    margin: 10px auto 20px auto;
    font-size: 16px;
    color: #333;
  }
}

@media screen and (max-width: 768px) {
  .select-join-type .type {
    width: 360px;
    margin: 0 auto;
    padding: 20px;
    float: none;
    display: block;
    text-align: center;
  }
  .select-join-type .type:nth-of-type(1) {
    margin: 0 auto;
  }
  .select-join-type .type:nth-of-type(2) {
    border-top: 1px solid #ddd;
    margin-top: -1px;
  }
  .select-join-type .type::before {
    width: 60px;
    height: 60px;
    position: static;
    margin: 0 auto 10px auto;
  }
  .select-join-type .type h4 {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .select-join-type .type h4 + p br {
    display: none;
  }
  .select-join-type .type .btn-join {
    margin: 15px auto 0 auto;
  }
  .select-join-type.select-clearfy-pw2 .type {
    width: 360px;
    margin: 0 auto;
    padding: 20px;
    float: none;
    display: block;
    text-align: center;
  }
  .select-join-type.select-clearfy-pw2 .type:nth-of-type(1) {
    margin: 0 auto;
  }
  .select-join-type.select-clearfy-pw2 .type .type-inside-top::before {
    width: 60px;
    height: 60px;
    position: static;
    margin: 0 auto 10px auto;
  }
}

@media screen and (max-width: 360px) {
  .select-join-type .type {
    width: 100%;
    padding: 15px;
  }
}

.select-join-type.select-clearfy-pw2 .type {
  width: 100%;
  padding: 15px;
}

.terms {
  line-height: 1.5;
  color: #777;
}

.terms h4 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  padding-bottom: 20px;
}

.terms .agree-all-check {
  margin: 20px 0 0 0;
  display: block;
}

.terms label {
  color: #333;
}

.terms .terms-item {
  padding: 50px 0;
  border-top: 1px dotted #ddd;
}

.terms .terms-item:nth-of-type(1) {
  border-top: 0;
}

.terms .terms-item h5 {
  font-size: 18px;
  color: #333;
  padding-bottom: 10px;
}

.terms .terms-item .textbox {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 210px;
  overflow: scroll;
}

.terms .terms-item .textbox strong {
  font-weight: bold;
}

.terms .terms-item .textbox li > strong {
  display: block;
  padding: 20px 0 0 0;
  color: #333;
}

.terms .terms-item > label {
  display: block;
  margin-top: 15px;
  text-align: right;
}

.join-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-list {
  background: #f8f8f8;
  border-top: 2px solid #073190;
  border-bottom: 1px solid #333;
  margin-top: 60px;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-list > li {
  overflow: hidden;
  padding: 15px 0;
  word-break: break-all;
}

.join-list h5 {
  line-height: 1.6;
  float: left;
  width: 15%;
}

.join-list .enterwrap {
  float: left;
  width: 85%;
  line-height: 1.6;
  padding-left: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.join-list .enterwrap .other {
  margin-left: 25px;
}

.join-list .enterwrap .li-square > li {
  margin-top: 5px;
  color: #888;
  position: relative;
  padding-left: 10px;
}

.join-list .enterwrap .li-square > li::before {
  top: 18px;
}

.join-list .enterwrap .input-box {
  display: inline-block;
  vertical-align: middle;
}

.join-list .enterwrap .input-box input[type="text"] {
  width: 160px;
}

.join-list .enterwrap .input-box select {
  width: 160px;
}

.join-list .enterwrap .input-box.input-box-mid1 input {
  width: 350px;
}

.join-list .enterwrap .input-box.input-box-mid2 input {
  width: 550px;
}

.join-list .enterwrap .input-box.input-box-long {
  display: block;
}

.join-list .enterwrap .input-box.input-box-long input {
  width: 60%;
}

.join-list .enterwrap .help {
  font-size: 14px;
  color: #888;
  padding-left: 20px;
}

.join-list .enterwrap input,
.join-list .enterwrap select,
.join-list .enterwrap button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
}

.join-list .enterwrap button {
  padding: 0 20px;
  background: #333;
  border: none;
  color: #fff;
}

.join-list .enterwrap.enterwrap-radio .input-box {
  margin-left: 20px;
}

.join-list .enterwrap.enterwrap-radio .input-box:nth-of-type(1) {
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .join-list .join-list {
    padding: 30px;
  }
  .join-list .join-list li {
    padding: 10px 0;
    font-size: 15px;
  }
  .join-list .join-list h5 {
    width: 20%;
  }
  .join-list .join-list .enterwrap {
    width: 80%;
  }
  .join-list .join-list .enterwrap .input-box.input-box-mid1 input {
    width: 250px;
  }
  .join-list .join-list .enterwrap .input-box.input-box-mid2 input {
    width: 100%;
  }
  .join-list .join-list .enterwrap .input-box.input-box-long input {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .join-list {
    padding: 5px;
  }
  .join-list li {
    font-size: 14px;
    border-top: 1px solid #eee;
    padding: 7px 0;
  }
  .join-list li:first-child {
    border-top: none;
  }
  .join-list .enterwrap .input-box select {
    width: 120px;
    margin: 1px 0;
  }
  .join-list .enterwrap .input-box input[type="text"] {
    width: 120px;
    margin: 1px 0;
  }
  .join-list .enterwrap .input-box.input-box-mid1 {
    width: 100%;
    display: block;
  }
  .join-list .enterwrap .input-box.input-box-mid1 input {
    width: 100%;
  }
  .join-list .enterwrap .input-box.input-box-long input {
    width: 100%;
  }
  .join-list .enterwrap .input-box.input-3types select {
    width: 80px;
  }
  .join-list .enterwrap .input-box.input-3types input {
    width: 80px;
  }
  .join-list .enterwrap button {
    width: 100%;
    margin-top: 2px;
  }
  .join-list .enterwrap .radio-container {
    font-size: 14px;
  }
  .join-list .enterwrap.enterwrap-radio .input-box {
    display: block;
    margin-left: 0;
  }
  .join-list .enterwrap.enterwrap-radio .input-box .radio-container {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .join-list li {
    font-size: 13px;
  }
  .join-list .enterwrap .input-box select {
    width: 100%;
  }
  .join-list .enterwrap .input-box input[type="text"] {
    width: 100%;
  }
  .join-list .enterwrap .input-box.input-3types select {
    width: 60px;
  }
  .join-list .enterwrap .input-box.input-3types input {
    width: 60px;
  }
  .join-list .enterwrap button {
    width: 100%;
    margin-top: 2px;
  }
  .join-list .enterwrap.enterwrap-radio .input-box {
    display: block;
    margin-left: 0;
  }
  .join-list .enterwrap.enterwrap-radio .input-box .radio-container {
    font-size: 14px;
  }
}

.join-complete {
  background: #f8f8f8;
  padding: 100px 0;
  font-size: 16px;
  line-height: 1.5;
}

.join-complete .complete-box {
  background: #fff;
  padding: 60px 30px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 0 #eee;
  box-shadow: 0 5px 0 #eee;
  border-top: 5px solid #2457a2;
  text-align: center;
  width: 1120px;
  margin: 0 auto;
}

.join-complete .logo {
  margin-bottom: 30px;
}

.join-complete .t-big {
  font-size: 32px;
}

.join-complete .t-sml {
  margin: 20px 0;
  color: #555;
}

.join-complete .user-join-info {
  color: #000;
}

.join-complete .agree-ads-result {
  margin: 40px auto 0;
  width: 80%;
  text-align: left;
  display: table;
}

.join-complete .agree-ads-result .res-tit {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 30px;
  width: 30%;
  background: #0067c3;
  color: #fff;
  border: 1px solid #0067c3;
}

.join-complete .agree-ads-result .res-detail {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 30px;
  border: 1px solid #ddd;
  border-left: 0;
}

@media screen and (max-width: 1280px) {
  .join-complete .complete-box {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .join-complete .logo {
    width: 150px;
    margin: 0 auto;
  }
  .join-complete .logo img {
    width: 100%;
  }
  .join-complete .t-big {
    font-size: 28px;
  }
  .join-complete .t-sml {
    font-size: 15px;
    margin: 10px 0;
  }
  .join-complete .user-join-info {
    font-size: 15px;
  }
  .join-complete .agree-ads-result {
    width: 100%;
    margin: 25px auto 0;
    display: block;
  }
  .join-complete .agree-ads-result .res-tit {
    display: block;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
  }
  .join-complete .agree-ads-result .res-tit br {
    display: none;
  }
  .join-complete .agree-ads-result .res-detail {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .join-complete .logo {
    width: 120px;
  }
  .join-complete .t-big {
    font-size: 20px;
  }
  .join-complete .t-sml {
    font-size: 13px;
  }
  .join-complete .user-join-info {
    font-size: 14px;
  }
  .join-complete .agree-ads-result {
    margin: 15px auto 0;
  }
  .join-complete .agree-ads-result .res-tit {
    font-size: 14px;
  }
  .join-complete .agree-ads-result .res-detail {
    font-size: 13px;
    color: #888;
  }
}

.sub-login {
  background: #f8f8f8;
  padding: 100px 0 250px 0;
}

.sub-login .doc-title {
  font-size: 35px;
  color: #000;
  text-align: center;
  padding-bottom: 80px;
}

.sub-login .doc-title .doc-title-sub {
  font-size: 18px;
  color: #888;
  margin-top: 20px;
  font-weight: normal;
}

.sub-login .container {
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 5px;
}

.sub-login .check-save-id {
  display: none;
}

.sub-login .box-login {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top: 5px solid #073190;
  -webkit-box-shadow: 0 5px 0 #eeeeee;
  box-shadow: 0 5px 0 #eeeeee;
  padding: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 49%;
  height: 435px;
}

.sub-login .box-login h4 {
  font-size: 37px;
  line-height: 1;
  text-transform: uppercase;
}

.sub-login .box-login .info-graphic {
  background: url("../img/login-graphic.png") no-repeat center top;
  padding-top: 170px;
  text-align: center;
  font-size: 16px;
  color: #555;
}

.sub-login .box-login .info-graphic b {
  font-weight: bold;
}

.sub-login .box-login .input-box-wrap {
  position: relative;
  width: 500px;
  margin: 20px auto 0 auto;
}

.sub-login .box-login .input-box-wrap .input-box {
  margin-top: 5px;
}

.sub-login .box-login .input-box-wrap .input-box input {
  width: 375px;
  border: 1px solid #b2b7c7;
  height: 47px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 12px center;
}

.sub-login .box-login .input-box-wrap .input-box input#userid {
  background-image: url("../img/login-ico-id.png");
}

.sub-login .box-login .input-box-wrap .input-box input#userpassword {
  background-image: url("../img/login-ico-pw.png");
}

.sub-login .box-login .input-box-wrap .btn-login {
  position: absolute;
  top: 0;
  right: 0;
  width: 115px;
  height: 100px;
  background: #073190;
  line-height: 100px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  border: none;
}

.sub-login .box-find {
  float: right;
  width: 49%;
}

.sub-login .box-find > div {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-top: 5px solid #073190;
  -webkit-box-shadow: 0 5px 0 #eeeeee;
  box-shadow: 0 5px 0 #eeeeee;
  padding: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sub-login .box-find .box-item {
  height: 207px;
  background-repeat: no-repeat;
  background-position: 95% 75%;
}

.sub-login .box-find .box-item:nth-of-type(1) {
  margin-bottom: 20px;
}

.sub-login .box-find .box-item h5 {
  font-size: 18px;
  line-height: 1;
  color: #073190;
  padding-bottom: 10px;
}

.sub-login .box-find .box-item > p {
  color: #666666;
  font-size: 14px;
  line-height: 1.5;
}

.sub-login .box-find .box-item .btn-blue {
  width: 170px;
  height: 45px;
  background: #073190;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  display: block;
  margin-top: 20px;
}

.sub-login .box-find .box-item.box-item-join {
  background-image: url("../img/login-graphic-join.png");
}

.sub-login .box-find .box-item.box-item-find {
  background-image: url("../img/login-graphic-findpw.png");
}

@media screen and (max-width: 1280px) {
  .sub-login {
    padding: 80px 0;
  }
  .sub-login .container {
    width: auto;
  }
  .sub-login .box-login .input-box-wrap {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .sub-login .container {
    width: 80%;
  }
  .sub-login .check-save-id {
    display: block;
    margin-top: 10px;
  }
  .sub-login .box-login {
    width: auto;
    float: none;
    margin-bottom: 20px;
    height: auto;
  }
  .sub-login .box-login .input-box-wrap .input-box input {
    width: calc(100% - 120px);
  }
  .sub-login .box-find {
    width: auto;
    float: none;
    margin-bottom: 20px;
    height: auto;
  }
}

@media screen and (max-width: 640px) {
  .sub-login .container {
    background: #fff;
    padding: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-top: 5px solid #073190;
    -webkit-box-shadow: 0 5px 0 #eeeeee;
    box-shadow: 0 5px 0 #eeeeee;
  }
  .sub-login .box-login {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  .sub-login .box-login .input-box-wrap .input-box input {
    width: 100%;
  }
  .sub-login .box-login .input-box-wrap .btn-login {
    position: static;
    width: 100%;
    height: 55px;
    margin-top: 30px;
    line-height: 55px;
    margin-bottom: 20px;
  }
  .sub-login .box-login .input-box-wrap .btn-login::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #ddd;
  }
  .sub-login .box-find {
    margin-bottom: 0;
  }
  .sub-login .box-find > div {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
  .sub-login .box-find .box-item {
    height: auto;
    background-image: none !important;
  }
  .sub-login .box-find .box-item h5 {
    display: none;
  }
  .sub-login .box-find .box-item > p {
    display: none;
  }
  .sub-login .box-find .box-item .btn-blue {
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-top: 10px;
    font-size: 17px;
  }
  .sub-login .box-find .box-item.box-item-join .btn-blue {
    background: #62b4ed;
  }
  .sub-login .box-find .box-item.box-item-find .btn-blue {
    background: #7b98ac;
  }
}

@media screen and (max-width: 480px) {
  .sub-login .doc-title {
    padding-bottom: 20px;
  }
  .sub-login .container {
    margin: 0 auto;
    width: 98%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sub-login .box-login h4 {
    font-size: 20px;
  }
  .sub-login .box-login .info-graphic {
    margin-top: 20px;
    background-size: 100px;
    padding-top: 125px;
  }
  .sub-login .box-login .input-box-wrap .btn-login {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    margin-top: 20px;
  }
  .sub-login .box-find .box-item .btn-blue {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
  }
  .sub-login .box-find .box-item:nth-of-type(1) {
    margin-bottom: 5px;
  }
}

.year-plan .calendar-wrap {
  width: 1280px;
  margin: 0 auto;
  margin-top: 60px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  padding: 48px 0;
  background: #fff;
}

.year-plan .calendar-top {
  text-align: center;
  position: relative;
}

.year-plan .calendar-top select#yearselect {
  display: inline-block;
  vertical-align: middle;
  width: 125px;
  height: 33px;
  line-height: 33px;
  margin-right: 10px;
}

.year-plan .calendar-top .month-sel {
  display: inline-block;
  vertical-align: middle;
}

.year-plan .calendar-top .month-sel h5 {
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
  margin: 0 10px;
  font-size: 22px;
}

.year-plan .calendar-top .month-sel > input[type="button"] {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: url("../img/plan-ico-monthly-arrows.png");
  background-position: 0 0;
  font-size: 0;
}

.year-plan .calendar-top .month-sel > input[type="button"].month-next {
  background-position: -32px 0;
}

.year-plan .calendar-table {
  margin-top: 20px;
  padding: 0 50px;
}

.year-plan .calendar-table .ico-info {
  position: absolute;
  right: 50px;
  top: 0;
}

.year-plan .calendar-table .ico-info li {
  display: inline-block;
  height: 27px;
  margin-left: 10px;
}

.year-plan .calendar-table .ico-info li:first-child {
  margin-left: 0;
}

.year-plan .calendar-table .ico-info li i {
  padding-left: 33px;
  display: block;
  height: 27px;
  line-height: 27px;
  background: url("../img/plan-ico-edu.png") no-repeat left center;
  background-size: 27px 27px;
}

.year-plan .calendar-table .ico-info li i.ico-conf {
  background-image: url("../img/plan-ico-conf.png");
}

.year-plan .calendar-table .ico-info li i.ico-video {
  background-image: url("../img/plan-ico-video.png");
}

.year-plan .calendar-table table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  overflow: hidden;
}

.year-plan .calendar-table table thead th {
  background: #f8f8f8;
  border-bottom: 1px solid #a1a2a3;
  border-top: 1px solid #333;
  padding: 16px 4px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.year-plan .calendar-table table tbody td {
  padding: 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 190px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}

.year-plan .calendar-table table tbody td .btn-plus {
  width: 22px;
  height: 22px;
  background: url("../img/plan-ico-plus.png") no-repeat;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.year-plan .calendar-table table tbody td b {
  text-align: center;
  display: block;
  margin-bottom: 13px;
  color: #666666;
}

.year-plan .calendar-table table tbody td .cal-list li {
  margin-top: 6px;
  min-height: 21px;
  overflow: hidden;
  line-height: 21px;
  font-size: 14px;
  color: #777;
  position: relative;
  padding-left: 25px;
}

.year-plan .calendar-table table tbody td .cal-list li a {
  color: #777;
}

.year-plan .calendar-table table tbody td .cal-list li:first-child {
  margin-top: 0;
}

.year-plan .calendar-table table tbody td .cal-list li::before {
  content: "";
  width: 21px;
  height: 21px;
  background-image: url("../img/plan-ico-edu.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 21px 21px;
  position: absolute;
  left: 0;
  top: 0;
}

.year-plan .calendar-table table tbody td .cal-list li.ico-conf::before {
  background-image: url("../img/plan-ico-conf.png");
}

.year-plan .calendar-table table tbody td .cal-list li.ico-video::before {
  background-image: url("../img/plan-ico-video.png");
}

.year-plan .calendar-table table tbody td.cal-today {
  background-color: #e8f1ff;
}

.year-plan .calendar-table table tbody td.nb {
  border-left: none;
}

@media screen and (max-width: 1280px) {
  .year-plan .calendar-wrap {
    width: auto;
    padding: 20px 0;
  }
  .year-plan .calendar-table {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .year-plan .calendar-table .ico-info {
    right: 0;
  }
  .year-plan .calendar-table .ico-info li {
    height: 20px;
    font-size: 15px;
  }
  .year-plan .calendar-table .ico-info li i {
    background-size: 18px 18px;
    padding-left: 20px;
  }
  .year-plan .calendar-table table {
    font-size: 14px;
  }
  .year-plan .calendar-table table thead th {
    padding: 10px 4px;
  }
  .year-plan .calendar-table table tbody td {
    padding: 8px;
    font-size: 14px;
  }
  .year-plan .calendar-table table tbody td .cal-list li {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .year-plan .calendar-table table tbody td .cal-list li {
    width: 21px;
    margin: 0 auto 3px auto;
    padding: 0;
  }
  .year-plan .calendar-table table tbody td .cal-list li a {
    font-size: 0;
  }
}

@media screen and (max-width: 860px) {
  .year-plan .calendar-table {
    padding: 0;
  }
  .year-plan .calendar-table .ico-info {
    position: static;
    text-align: right;
    margin-bottom: 10px;
    text-align: center;
  }
  .year-plan .calendar-table table tbody td {
    font-size: 12px;
  }
  .year-plan .calendar-table table tbody td .cal-list li {
    padding-left: 0;
    width: 21px;
    margin: 0 auto 3px auto;
  }
  .year-plan .calendar-table table tbody td .cal-list li a {
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
  }
}

@media screen and (max-width: 640px) {
  .year-plan .calendar-wrap {
    margin-top: 30px;
  }
}

.greetings {
  background: #f8f8f8;
  padding: 70px 0;
}

.greetings .greetings-top-text {
  text-align: center;
}

.greetings .greetings-top-text img {
  max-width: 100%;
}

.greetings .greeting-content {
  padding: 50px 40px 140px 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1280px;
  margin: 0 auto;
  background: url("../img/greeting-pic.png") 96% bottom no-repeat;
  font-size: 16px;
  line-height: 1.7;
}

.greetings .greeting-content .first-line {
  font-size: 30px;
  padding-bottom: 20px;
}

.greetings .greeting-content .textwrap {
  width: 60%;
}

.greetings .greeting-content .textwrap p:last-child {
  margin-top: 20px;
}

.greetings .greeting-content .sign {
  font-size: 24px;
  margin-top: 30px;
  text-align: right;
}

.greetings .greeting-content .sign strong {
  font-weight: bold;
}

.greetings .greeting-content .sign::after {
  content: "";
  display: block;
  float: right;
  background: url("../img/greeting-sign.png") no-repeat;
  background-size: contain;
  width: 173px;
  height: 68px;
  margin-top: 10px;
}

@media screen and (max-width: 1280px) {
  .greetings .greeting-content {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .greetings .greeting-content {
    padding: 30px 15px;
    background-size: 30%;
    font-size: 15px;
  }
  .greetings .greeting-content .first-line {
    font-size: 25px;
  }
  .greetings .greeting-content .sign {
    font-size: 20px;
  }
  .greetings .greeting-content .sign::after {
    width: 130px;
    height: 52px;
  }
}

@media screen and (max-width: 640px) {
  .greetings .greeting-content {
    background-image: none;
    font-size: 14px;
  }
  .greetings .greeting-content .first-line {
    font-size: 18px;
  }
  .greetings .greeting-content .textwrap {
    width: auto;
  }
  .greetings .greeting-content .sign {
    font-size: 16px;
  }
  .greetings .greeting-content .sign::after {
    width: 100px;
    height: 40px;
  }
}

.org .org-top-text {
  text-align: center;
  font-size: 26px;
  line-height: 1.5;
  padding: 50px 0 30px 0;
}

.org .org-top-text b {
  font-weight: bold;
}

.org .org-chart {
  background-color: #f8f8f8;
  padding: 40px 0;
}

.org .org-depth01-wrap {
  position: relative;
}

.org .org-depth01-side {
  position: absolute;
  left: calc(50% + 150px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.org .org-depth01-side::before {
  content: "";
  width: 100%;
  left: -150px;
  background: #ddd;
  position: absolute;
  top: 50%;
  height: 1px;
  z-index: -1;
}

.org .org-depth01-side span {
  background: #78808d;
  font-size: 18px;
  color: #fff;
  width: 220px;
  text-align: center;
  line-height: 50px;
  display: block;
}

.org .org-depth01 {
  z-index: 10;
  width: 172px;
  height: 172px;
  background: url("../img/org-chairman.png") no-repeat;
  background-size: contain;
  margin: 0 auto;
  color: #fff;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.org .org-depth01::after {
  content: "";
  width: 1px;
  height: 170px;
  background: #ddd;
  position: absolute;
  top: 172px;
  left: 50%;
}

.org .org-depth02 {
  position: relative;
  z-index: 100;
  width: 740px;
  margin: 30px auto;
}

.org .org-depth02::before {
  content: "";
  width: 700px;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 25px;
  left: calc(50% - 350px);
  z-index: -1;
}

.org .org-depth02 ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.org .org-depth02 ul li {
  width: 220px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  background: #78808d;
}

.org .org-depth02 ul li:nth-of-type(1) {
  background: #466cb7;
}

.org .org-depth02 ul li:nth-of-type(2) {
  background: #f5a100;
}

.org .org-depth03-wrap {
  position: relative;
  z-index: 100;
  width: 885px;
  margin: 150px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.org .org-depth03-wrap::before {
  content: "";
  width: 667px;
  left: 110px;
  top: -60px;
  height: 1px;
  background: #ddd;
  position: absolute;
}

.org .org-depth03-wrap ul {
  position: relative;
}

.org .org-depth03-wrap ul > li {
  height: 50px;
  line-height: 50px;
  width: 220px;
  background-color: #fff;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.org .org-depth03-wrap ul::before {
  content: "";
  width: 1px;
  height: 340px;
  left: 50%;
  top: -60px;
  position: absolute;
  background: #ddd;
  z-index: -1;
}

.org .org-depth03-wrap ul:nth-of-type(1) li:first-child {
  border: 1px solid #466cb7;
  color: #466cb7;
}

.org .org-depth03-wrap ul:nth-of-type(2) li:first-child {
  border: 1px solid #f5a100;
  color: #f5a100;
}

@media screen and (max-width: 1024px) {
  .org .org-top-text {
    font-size: 20px;
  }
  .org .org-depth02 {
    width: auto;
  }
  .org .org-depth03-wrap {
    width: auto;
  }
  .org .org-depth03-wrap::before {
    width: calc(100% - 220px);
  }
}

@media screen and (max-width: 640px) {
  .org .org-top-text {
    font-size: 16px;
  }
  .org .org-top-text br {
    display: none;
  }
  .org .org-chart {
    padding: 30px 20px;
  }
  .org .org-depth01 {
    width: 86px;
    height: 86px;
    font-size: 20px;
  }
  .org .org-depth01::after {
    height: 161px;
    top: 86px;
  }
  .org .org-depth01-side {
    left: 71%;
  }
  .org .org-depth01-side::before {
    left: -70%;
  }
  .org .org-depth01-side span {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .org .org-depth02::before {
    width: 90%;
    left: 5%;
  }
  .org .org-depth02 ul li {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .org .org-depth02 ul li span {
    font-size: 14px;
  }
  .org .org-depth03-wrap::before {
    width: calc(100% - 150px);
    left: 75px;
  }
  .org .org-depth03-wrap ul::before {
    height: 270px;
  }
  .org .org-depth03-wrap ul > li {
    height: 40px;
    line-height: 40px;
    width: 150px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .org .org-depth03-wrap ul:nth-of-type(1) li:first-child {
    margin-bottom: 15px;
  }
  .org .org-depth03-wrap ul:nth-of-type(2) li:first-child {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 360px) {
  .org .org-chart {
    padding: 30px 6px;
  }
  .org .org-depth01::after {
    height: 120px;
  }
  .org .org-depth01-side span {
    width: 91px;
    font-size: 11px;
  }
  .org .org-depth02 ul li {
    width: 120px;
  }
  .org .org-depth03-wrap {
    margin-top: 90px;
  }
  .org .org-depth03-wrap::before {
    top: -40px;
    width: calc(100% - 120px);
    left: 60px;
  }
  .org .org-depth03-wrap ul::before {
    top: -40px;
  }
  .org .org-depth03-wrap ul > li {
    width: 120px;
  }
}

.executive {
  width: 1280px;
  margin: 0 auto;
}

.executive .executive-sort {
  margin-bottom: 30px;
  text-align: right;
}

.executive .executive-sort select {
  width: 170px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ddd;
  font-size: 15px;
}

.executive .tb-exe {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.executive .tb-exe table {
  width: 100%;
  font-size: 17px;
  text-align: center;
  color: #777;
}

.executive .tb-exe table .nb-left {
  border-left: none;
}

.executive .tb-exe table .b-gen {
  color: #2457a2;
}

.executive .tb-exe table .b-info {
  color: #2457a2;
}

.executive .tb-exe table .b-charman {
  color: #333;
}

.executive .tb-exe table .b-period {
  color: #777;
}

.executive .tb-exe table td.b-sec {
  color: #2457a2;
}

.executive .tb-exe table tbody td {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 19px 10px;
}

.executive .tb-exe table thead th {
  background: #f8f8f8;
  padding: 19px 10px;
  border-left: 1px solid #ddd;
  color: #333;
}

.executive .tb-exe table .tb-exe-bg > td {
  background: #ecf6fb;
}

@media screen and (max-width: 1280px) {
  .executive {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .executive .tb-exe table {
    font-size: 16px;
  }
  .executive .tb-exe table thead th {
    padding: 15px 7px;
  }
  .executive .tb-exe table tbody td {
    padding: 15px 7px;
  }
}

@media screen and (max-width: 768px) {
  .executive .tb-exe table {
    font-size: 14px;
  }
  .executive .tb-exe table thead th {
    padding: 10px 7px;
  }
  .executive .tb-exe table tbody td {
    padding: 10px 7px;
  }
}

@media screen and (max-width: 480px) {
  .executive .tb-exe table {
    font-size: 13px;
  }
}

.vision-mission .vis-container {
  width: 1280px;
  margin: 0 auto;
}

.vision-mission .mission {
  background: url("../img/vision-title-top.png") no-repeat top center;
  width: 100%;
  height: 326px;
  padding-bottom: 90px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  position: relative;
  margin-bottom: 50px;
}

.vision-mission .mission::after {
  content: "";
  width: 100%;
  height: 82px;
  margin: 0 auto;
  display: block;
  background: url("../img/vision-arrow.png") no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.vision-mission .mission b {
  display: block;
  font-size: 32px;
  color: #f5a100;
  font-weight: bold;
}

.vision-mission .mission > p {
  padding-top: 110px;
}

.vision-mission .vis-title {
  font-size: 37px;
  text-align: center;
  padding: 20px 0;
}

.vision-mission .vis-title.pt-100 {
  padding-top: 100px;
}

.vision-mission .vis-subtitle {
  font-size: 24px;
  padding-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
}

.vision-mission .vis-subtitle span {
  display: block;
  font-size: 15px;
  padding-top: 10px;
  line-height: 1.5;
  color: #666;
}

.vision-mission .ci-color {
  overflow: hidden;
  letter-spacing: -10px;
}

.vision-mission .ci-color ul li {
  display: inline-block;
  width: 32%;
  margin-left: 1%;
  letter-spacing: 0;
  color: #666;
}

.vision-mission .ci-color ul li dt {
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 15px;
}

.vision-mission .ci-color ul li dd {
  font-size: 13px;
  padding-top: 6px;
}

.vision-mission .ci-color ul li:first-child {
  margin-left: 0;
}

.vision-mission .ci-color ul li .colorbox {
  display: block;
  width: 100%;
  height: 80px;
  background: #20409a;
}

.vision-mission .ci-color ul li:nth-of-type(2) .colorbox {
  background: #ee3897;
}

.vision-mission .ci-color ul li:nth-of-type(3) .colorbox {
  background: #f99d1c;
}

.vision-mission .vision-mission--bg {
  background: #f8f8f8;
  padding: 70px 0;
}

.vision-mission .vision-mission--bg .vision-ico {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vision-mission .vision-mission--bg .vision-ico li {
  width: 170px;
  margin: 0 10px;
  font-size: 17px;
}

.vision-mission .vision-mission--bg .vision-ico li > i {
  width: 170px;
  height: 170px;
  background-image: url("../img/vision-cir-01.png");
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}

.vision-mission .vision-mission--bg .vision-ico li > i.ico02 {
  background-image: url("../img/vision-cir-02.png");
}

.vision-mission .vision-mission--bg .vision-ico li > i.ico03 {
  background-image: url("../img/vision-cir-03.png");
}

.vision-mission .vision-mission--bg .vision-ico li > i.ico04 {
  background-image: url("../img/vision-cir-04.png");
}

.vision-mission .vision-mission--bg .vision-ico li > i.ico05 {
  background-image: url("../img/vision-cir-05.png");
}

.vision-mission .vision-mission--bg .vision-ico li p {
  padding-top: 25px;
  font-size: 18px;
  line-height: 1.2;
}

.vision-mission .vision-mission--bg .task {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  width: 1160px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vision-mission .vision-mission--bg .task li {
  width: 370px;
  min-height: 130px;
  margin: 10px 8px;
  border: 1px solid #0385d0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 25px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vision-mission .vision-mission--bg .task li > i {
  background-image: url("../img/vision-icon.png");
  background-repeat: no-repeat;
  width: 59px;
  height: 54px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.vision-mission .vision-mission--bg .task li > i.task02 {
  background-position: -59px 0;
}

.vision-mission .vision-mission--bg .task li > i.task03 {
  background-position: -118px 0;
}

.vision-mission .vision-mission--bg .task li > i.task04 {
  background-position: -177px 0;
}

.vision-mission .vision-mission--bg .task li > i.task05 {
  background-position: -236px 0;
}

.vision-mission .vision-mission--bg .task li > i.task06 {
  background-position: -295px 0;
}

.vision-mission .vision-mission--bg .task li span {
  padding-left: 10px;
  line-height: 1.4;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (max-width: 1280px) {
  .vision-mission .vis-title {
    font-size: 30px;
  }
  .vision-mission .vis-container {
    width: auto;
  }
  .vision-mission .vision-mission--bg .vision-ico {
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .vision-mission .vision-mission--bg .vision-ico li {
    margin-bottom: 20px;
  }
  .vision-mission .vision-mission--bg .vision-ico li p {
    font-size: 15px;
  }
  .vision-mission .vision-mission--bg .task {
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 1024px) {
  .vision-mission {
    padding: 0;
  }
}

@media screen and (max-width: 830px) {
  .vision-mission .vision-mission--bg .task {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .vision-mission .vision-mission--bg .task li {
    width: 48%;
    padding: 15px;
    margin: 1%;
    font-size: 15px;
  }
  .vision-mission .vision-mission--bg .task li br {
    display: none;
  }
  .vision-mission .vision-mission--bg .task li span {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 560px) {
  .vision-mission .vision-mission--bg .task li {
    font-size: 14px;
    min-height: 100px;
  }
  .vision-mission .vis-subtitle {
    font-size: 20px;
  }
  .vision-mission .vis-subtitle span {
    font-size: 14px;
    padding-top: 5px;
  }
  .vision-mission .ci-color ul li {
    display: block;
    width: auto;
    margin-bottom: 10px;
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .vision-mission .task li {
    width: 98%;
    padding: 10px;
  }
}

.location {
  width: 1280px;
  margin: 0 auto;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.location .map-wrap {
  background-image: url("../img/map-navermap.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 520px;
  position: relative;
  width: 100%;
}

.location .map-wrap .map-info {
  background: #f2f2f2;
  position: absolute;
  top: 0;
  right: 0;
  padding: 45px 30px;
  width: 33%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.location .map-wrap .map-info h5 {
  color: #073190;
  font-size: 29px;
  line-height: 1;
  padding-bottom: 60px;
}

.location .map-wrap .map-info > dl dt {
  position: relative;
}

.location .map-wrap .map-info > dl dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 19px;
  background-image: url("../img/map-detail-ico.png");
  background-repeat: no-repeat;
}

.location .map-wrap .map-info > dl dt.address {
  background-position: 0 0;
}

.location .map-wrap .map-info > dl dt.call {
  margin-top: 50px;
}

.location .map-wrap .map-info > dl dt.call::before {
  background-position: -17px 0;
}

.location .map-wrap .map-info > dl dt.mail {
  margin-top: 10px;
}

.location .map-wrap .map-info > dl dt.mail::before {
  background-position: -35px 0;
}

.location .map-wrap .map-info > dl dd {
  padding-left: 30px;
  color: #777;
  line-height: 1.2;
}

.location .map-wrap .map-info .web-maps {
  font-size: 0;
  margin-top: 60px;
}

.location .map-wrap .map-info .web-maps li {
  display: inline-block;
  background-color: #fff;
  width: 155px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.location .map-wrap .map-info .web-maps li:first-child {
  margin-right: 10px;
}

.location .map-wrap .map-info .web-maps li span {
  font-size: 15px;
  position: relative;
  display: inline-block;
}

.location .map-wrap .map-info .web-maps li span::before {
  content: "";
  background: url("../img/ico-naver.png");
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

.location .map-wrap .map-info .web-maps li.map-google span::before {
  background: url("../img/ico-google.png");
  width: 18px;
  height: 18px;
}

.location .map-wrap .map-info .share-print {
  margin-top: 20px;
}

.location .map-wrap .map-info .share-print li {
  width: 52px;
  height: 52px;
  display: inline-block;
  background: url("../img/ico-map-share-print.png") no-repeat;
  background-position: 0 0;
}

.location .map-wrap .map-info .share-print li.map-print {
  background-position: -52px 0;
}

.location .map-detail-wrap {
  margin-top: 30px;
}

.location .map-detail-wrap .box {
  padding: 25px 0;
  border-top: 1px solid #ddd;
  overflow: hidden;
  width: 100%;
}

.location .map-detail-wrap .box:nth-of-type(1) {
  border-top: none;
}

.location .map-detail-wrap .box h5 {
  position: relative;
  line-height: 57px;
  font-size: 20px;
  float: left;
  width: 210px;
}

.location .map-detail-wrap .box h5::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/map-ways-ico.png");
  background-repeat: no-repeat;
  width: 37px;
  height: 57px;
  margin-right: 30px;
}

.location .map-detail-wrap .box .box-way-detail {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 210px);
  font-size: 15px;
}

.location .map-detail-wrap .box .box-way-detail ul li:first-child {
  margin-top: 0;
}

.location .map-detail-wrap .box.box-subway ul li {
  margin-top: 10px;
  overflow: hidden;
  color: #777;
}

.location .map-detail-wrap .box.box-subway ul li i {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin-right: 2px;
  float: left;
}

.location .map-detail-wrap .box.box-subway ul li i.cir-cyan {
  background: #33a5eb;
}

.location .map-detail-wrap .box.box-subway ul li i.cir-purple {
  background: #9a48b1;
}

.location .map-detail-wrap .box.box-subway ul li i.cir-mint {
  background: #3d9e9e;
}

.location .map-detail-wrap .box.box-subway ul li i.cir-air {
  background: #79b0e1;
}

.location .map-detail-wrap .box.box-subway ul li span {
  float: left;
  width: calc(100% - 100px);
  display: block;
  line-height: 24px;
  margin-left: 10px;
}

.location .map-detail-wrap .box.box-bus h5::before {
  background-position: -37px 0;
}

.location .map-detail-wrap .box.box-bus ul li {
  margin-top: 10px;
  color: #777;
  overflow: hidden;
}

.location .map-detail-wrap .box.box-bus ul li i {
  display: block;
  float: left;
  width: 50px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  margin-right: 8px;
}

.location .map-detail-wrap .box.box-bus ul li i.round-airport {
  background: #79b0e1;
}

.location .map-detail-wrap .box.box-bus ul li i.round-blue {
  background: #405db6;
}

.location .map-detail-wrap .box.box-bus ul li i.round-green {
  background: #5aa228;
}

.location .map-detail-wrap .box.box-bus ul li i.round-red {
  background: #d5080d;
}

.location .map-detail-wrap .box.box-bus ul li span {
  float: left;
  width: calc(100% - 100px);
  display: block;
  line-height: 24px;
  margin-left: 10px;
}

.location .map-detail-wrap .box.box-car h5::before {
  background-position: -74px 0;
}

.location .map-detail-wrap .box.box-car ul li {
  margin-top: 50px;
  color: #aaa;
}

.location .map-detail-wrap .box.box-car ul li strong {
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
  color: #333;
}

.location .map-detail-wrap .box.box-car ul li p {
  line-height: 1.6;
}

@media screen and (max-width: 1280px) {
  .location {
    width: auto;
    padding: 20px;
  }
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
  .location .map-wrap .map-info .web-maps li {
    width: 40%;
  }
  .location .map-wrap .map-info .web-maps li:first-child {
    margin-right: 6px;
  }
}

@media screen and (max-width: 1024px) {
  .location {
    padding: 10px;
  }
  .location .map-detail-wrap .box ul li span {
    line-height: 1.2 !important;
  }
}

@media screen and (max-width: 960px) {
  .location .map-wrap {
    padding-bottom: 300px;
    background-position: center;
    background-size: cover;
  }
  .location .map-wrap .map-info {
    width: 100%;
    top: initial;
    bottom: 0;
    height: auto;
    padding: 20px;
  }
  .location .map-wrap .map-info h5 {
    padding-bottom: 30px;
  }
  .location .map-wrap .map-info > dl dt.call {
    margin-top: 15px;
  }
  .location .map-wrap .map-info .web-maps {
    margin-top: 30px;
    float: left;
  }
  .location .map-wrap .map-info .share-print {
    float: right;
  }
}

@media screen and (max-width: 768px) {
  .location .map-wrap {
    height: 400px;
  }
}

@media screen and (max-width: 640px) {
  .location .map-wrap {
    height: 300px;
  }
  .location .map-wrap .map-info h5 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .location .map-wrap .map-info dl {
    font-size: 14px;
  }
  .location .map-detail-wrap .box h5 {
    width: 150px;
  }
  .location .map-detail-wrap .box .box-way-detail {
    width: calc(100% - 150px);
    font-size: 14px;
  }
  .location .map-detail-wrap .box.box-subway ul li span {
    line-height: 1.2;
  }
}

@media screen and (max-width: 480px) {
  .location .map-detail-wrap .box h5 {
    font-size: 18px;
    width: 120px;
  }
  .location .map-detail-wrap .box h5::before {
    margin-right: 15px;
  }
  .location .map-detail-wrap .box .box-way-detail {
    width: calc(100% - 130px);
    font-size: 13px;
  }
}

@media screen and (max-width: 414px) {
  .location .map-wrap .map-info .web-maps {
    float: none;
    margin-top: 15px;
  }
  .location .map-wrap .map-info .web-maps li {
    width: auto;
    display: block;
  }
  .location .map-wrap .map-info .web-maps li, .location .map-wrap .map-info .web-maps li:first-child {
    margin: 2px 0;
  }
}

.qins-history {
  padding: 70px 0;
}

.qins-history .tab_content {
  display: none;
}

.qins-history .tab_content.active {
  display: block !important;
}

.qins-history .history-tabs {
  overflow: hidden;
  width: 1280px;
  margin: 0 auto;
}

.qins-history .history-tabs li {
  float: left;
  width: 33.33%;
  border: 1px solid #ddd;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.qins-history .history-tabs li:first-child {
  margin-left: 0;
}

.qins-history .history-tabs li a {
  display: block;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}

.qins-history .history-tabs li a.active {
  background: #0263ac;
  color: #fff;
}

.qins-history .history-tabs.history-tabs-sub {
  text-align: center;
  margin: 56px auto 50px auto;
}

.qins-history .history-tabs.history-tabs-sub li {
  display: inline-block;
  float: none;
  border: none;
  background: none;
  width: auto;
}

.qins-history .history-tabs.history-tabs-sub li a {
  font-size: 22px;
  color: #777;
  height: auto;
  background: transparent;
  margin: 0 10px;
  line-height: 22px;
}

.qins-history .history-tabs.history-tabs-sub li a.active {
  background: transparent;
  color: #0263ac;
  border-bottom: 1px solid #0263ac;
  font-weight: bold;
}

.qins-history .history-container {
  position: relative;
  width: 1280px;
  margin: 100px auto 0;
}

.qins-history .history-container::before {
  content: "";
  position: absolute;
  left: 21%;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background: #ddd;
}

.qins-history .history-container .year-item {
  position: relative;
  overflow: hidden;
  margin-top: 100px;
  padding-top: 7px;
}

.qins-history .history-container .year-item:nth-of-type(1) {
  margin-top: 0;
}

.qins-history .history-container .year-item h6 {
  color: #0263ac;
  font-size: 35px;
  line-height: 35px;
  font-weight: bold;
  width: 21%;
  position: absolute;
  left: 0;
  top: 0px;
}

.qins-history .history-container .year-item h6::after {
  content: "";
  width: 158px;
  height: 30px;
  background: url("../img/history-year-bullet.png") no-repeat right center;
  background-position: left center;
  position: absolute;
  right: 0;
  top: 0;
}

.qins-history .history-container .year-item .year-item-list {
  padding-left: calc(21% - 7px);
}

.qins-history .history-container .year-item .year-item-list ul li {
  position: relative;
  padding-left: 55px;
  margin-top: 45px;
  line-height: 1.4;
}

.qins-history .history-container .year-item .year-item-list ul li:first-child {
  margin-top: 0px;
}

.qins-history .history-container .year-item .year-item-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #0263ac;
  background: #fff;
}

.qins-history .history-container .year-item .year-item-list ul li p {
  overflow: hidden;
  font-size: 17px;
  margin-top: 8px;
  position: relative;
}

.qins-history .history-container .year-item .year-item-list ul li p:nth-of-type(1) {
  margin-top: 0;
}

.qins-history .history-container .year-item .year-item-list ul li p .month {
  position: absolute;
  left: 0;
  top: 4px;
  width: 70px;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont {
  padding-left: 70px;
  display: block;
  line-height: 1.7;
  color: #777;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont b {
  color: #e62e8b;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont i {
  color: #333;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont i.blue-light {
  color: #0385d0;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont i.blue-dark {
  color: #0263ac;
}

.qins-history .history-container .year-item .year-item-list ul li p .cont i.blue-dark2 {
  color: #09426c;
}

@media screen and (max-width: 1280px) {
  .qins-history .history-tabs {
    width: auto;
  }
  .qins-history .history-container {
    width: auto;
  }
  .qins-history .history-container .year-item h6::after {
    width: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .qins-history {
    padding: 40px 0;
  }
  .qins-history .history-container::before {
    left: 8px;
    top: 65px;
  }
  .qins-history .history-container .year-item h6 {
    position: static;
    display: block;
    width: auto;
    padding-left: 55px;
  }
  .qins-history .history-container .year-item h6::after {
    width: auto;
    background: none;
  }
  .qins-history .history-container .year-item .year-item-list {
    padding-left: 0;
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .qins-history .history-tabs li a {
    font-size: 15px;
  }
  .qins-history .history-tabs.history-tabs-sub {
    margin: 20px auto;
  }
  .qins-history .history-tabs.history-tabs-sub li a {
    font-size: 14px;
  }
  .qins-history .history-container {
    margin-top: 50px;
  }
}

@media screen and (max-width: 640px) {
  .qins-history {
    padding: 0;
  }
  .qins-history .history-container .year-item .year-item-list ul li {
    margin-top: 30px;
  }
  .qins-history .history-container .year-item .year-item-list ul li p {
    font-size: 15px;
  }
}

@media screen and (max-width: 480px) {
  .qins-history .history-tabs li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-top: -1px;
  }
  .qins-history .history-tabs li:first-child {
    margin-top: 0;
  }
  .qins-history .history-tabs li a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}

.qins-policy {
  width: 1280px;
  margin: 0 auto;
  padding: 0 10px 50px 10px;
  border-bottom: 1px solid #333;
  line-height: 1.4;
}

.qins-policy p {
  color: #777;
}

.qins-policy table th,
.qins-policy table td {
  vertical-align: middle;
}

.qins-policy .note {
  color: #2457a2;
  line-height: 1.2;
  font-size: 20px;
}

.qins-policy .rivision-history {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  background: #f8f8f8;
  padding: 25px 35px;
  margin-top: 20px;
}

.qins-policy .rivision-history li {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

.qins-policy .rivision-history strong {
  font-weight: 700;
  display: block;
  padding-bottom: 5px;
}

.qins-policy h5.policy-header {
  font-size: 19px;
  margin-top: 30px;
  font-weight: bold;
  color: #333;
}

.qins-policy .depth01 > li {
  margin-top: 30px;
}

.qins-policy .depth01 > li strong {
  color: #777;
}

.qins-policy .depth01 li {
  color: #777;
  line-height: 1.5;
}

.qins-policy .depth01 li > strong {
  font-weight: bold;
  display: block;
  color: #333;
  padding-bottom: 3px;
}

.qins-policy .depth01-01 > li {
  margin-top: 30px;
}

.qins-policy .depth01-01 > li:first-child {
  margin-top: 0;
}

.qins-policy .depth01-02 li {
  padding-left: 15px;
}

.qins-policy .depth02 {
  margin-top: 30px;
}

@media screen and (max-width: 1280px) {
  .qins-policy {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  .qins-policy .note {
    font-size: 18px;
  }
  .qins-policy .rivision-history {
    padding: 15px 20px;
  }
}

@media screen and (max-width: 768px) {
  .qins-policy {
    font-size: 14px;
  }
  .qins-policy .note {
    text-align: center;
    font-size: 15px;
  }
  .qins-policy .rivision-history li {
    font-size: 14px;
  }
  .qins-policy .table-gray table {
    font-size: 14px;
  }
  .qins-policy .table-gray table td,
  .qins-policy .table-gray table th {
    padding: 6px 10px;
  }
  .qins-policy h5.policy-header {
    font-size: 15px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  .qins-policy .policy-content {
    height: 950px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.qins-terms {
  width: 1280px;
  margin: 0 auto;
  padding: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  color: #777;
  line-height: 1.5;
  margin-top: 50px;
}

.qins-terms .policy-header {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  margin-top: 50px;
}

.qins-terms .policy-header:nth-of-type(1) {
  margin-top: 0;
}

.qins-terms h6 {
  margin: 15px 0 10px 0;
  font-weight: bold;
}

.qins-terms .emp {
  color: #333;
}

.qins-terms > p {
  margin-top: 25px;
}

.qins-terms > p:nth-of-type(1) {
  margin-top: 0;
}

.qins-terms .basic li {
  margin-top: 10px;
  padding-left: 15px;
}

.qins-terms .basic li:nth-of-type(1) {
  margin-top: 5px;
}

@media screen and (max-width: 1280px) {
  .qins-terms {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .qins-terms {
    font-size: 14px;
  }
  .qins-terms h5.policy-header {
    font-size: 15px;
    margin-top: 20px;
  }
  .qins-terms .basic > li {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .qins-terms {
    padding: 15px;
  }
}

.primary-biz {
  text-align: center;
  background: #f8f8f8;
  padding: 50px 1%;
}

.primary-biz img {
  max-width: 100%;
}

.primary-biz .img-desk {
  display: block;
}

.primary-biz .img-mobile {
  display: none;
}

@media screen and (max-width: 640px) {
  .primary-biz .img-desk {
    display: none;
  }
  .primary-biz .img-mobile {
    display: block;
  }
}

.tab-wrapper {
  width: 1280px;
  margin: 0 auto;
}

.tab-wrapper .tab-top {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.tab-wrapper .tab-top li {
  float: left;
  border: 1px solid #ddd;
  background: #f8f8f8;
  text-align: center;
  display: block;
  line-height: 45px;
  height: 45px;
  margin-left: -1px;
}

.tab-wrapper .tab-top li a {
  display: block;
  padding: 0 50px;
  color: #777;
  font-size: 16px;
}

.tab-wrapper .tab-top li:first-child {
  margin-left: 0;
}

.tab-wrapper .tab-top li.selected {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.tab-wrapper .tab-top li.selected a {
  color: #148dd3;
  font-weight: bold;
}

.tab-wrapper .tab-cont {
  border: 1px solid #ddd;
  margin-top: -1px;
  padding: 70px 40px 40px 40px;
  display: none;
}

.tab-wrapper .tab-cont h5 {
  font-size: 25px;
  padding-bottom: 15px;
}

.tab-wrapper .tab-cont.selected {
  display: block;
}

@media screen and (max-width: 1280px) {
  .tab-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .tab-wrapper .tab-top li a {
    padding: 0 30px;
    font-size: 14px;
  }
  .tab-wrapper .tab-cont {
    padding: 40px 20px 30px 20px;
  }
}

@media screen and (max-width: 480px) {
  .tab-wrapper .tab-top li a {
    padding: 0 20px;
  }
}

.video-lectures {
  width: 1280px;
  margin: 0 auto 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
}

.video-lectures .video-wrap {
  width: 81%;
}

.video-lectures .video-wrap h5 {
  font-size: 24px;
  padding-left: 50px;
  position: relative;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.video-lectures .video-wrap h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ico-home.png") no-repeat;
  width: 34px;
  height: 30px;
  background-size: contain;
}

.video-lectures .video-wrap h5 span {
  color: #e62e8b;
}

.video-lectures .video-wrap .frame {
  margin-top: 20px;
  height: 600px;
  position: relative;
  background: transparent;
}

.video-lectures .video-wrap .frame img,
.video-lectures .video-wrap .frame video {
  width: 100%;
  height: 100%;
}

.video-lectures .video-wrap .frame.noservice::after {
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/vod_no_service.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.video-lectures .video-list {
  width: 27%;
  padding-left: 2%;
}

.video-lectures .video-list h5 {
  font-size: 24px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  letter-spacing: -1px;
  margin-bottom: 20px;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.video-lectures .video-list ul {
  height: 600px;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  overflow: auto;
}

.video-lectures .video-list ul li {
  padding-right: 10px;
}

.video-lectures .video-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #d6d6d6;
  padding: 10px 0;
}

.video-lectures .video-list ul li:first-child a {
  padding-top: 0;
}

.video-lectures .video-list ul li:last-child a {
  border-bottom: 0;
}

.video-lectures .video-list ul li .thumb {
  width: 130px;
  height: 80px;
  border: 1px solid #ddd;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.video-lectures .video-list ul li .thumb img {
  width: 100%;
  height: 100%;
}

.video-lectures .video-list ul li .detail {
  width: calc(100% - 130px);
  margin-left: 2%;
}

.video-lectures .video-list ul li .detail .title {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left;
  max-height: 60px;
}

.video-lectures .video-list ul li .detail .playtime {
  color: #666;
  font-size: 13px;
  margin-top: 8px;
}

.video-lectures .video-list ul li.complete .thumb {
  border: 2px solid #ed234b;
}

.video-lectures .video-list ul li.complete .thumb::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url("../img/ico_video_complete.png") no-repeat;
  width: 13px;
  height: 13px;
}

@media screen and (max-width: 1280px) {
  .video-lectures {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .video-lectures .video-wrap {
    width: 100%;
  }
  .video-lectures .video-wrap .frame {
    text-align: center;
    height: auto;
  }
  .video-lectures .video-list {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .video-lectures .video-list ul {
    height: 400px;
  }
}

@media screen and (max-width: 640px) {
  .video-lectures .video-wrap h5 {
    font-size: 18px;
    padding-left: 0;
    padding-top: 35px;
  }
  .video-lectures .video-list h5 {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .video-lectures .video-wrap h5 {
    font-size: 16px;
  }
  .video-lectures .video-list ul li .detail .title {
    font-size: 13px;
  }
}

.archive-list li {
  padding-left: 30px;
  position: relative;
  margin-top: 10px;
}

.archive-list li::before {
  content: "";
  width: 21px;
  height: 27px;
  background: url("../img/ico-pdf.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.archive-list li span::after {
  content: "";
  width: 26px;
  height: 26px;
  background: url("../img/ico-down.png") no-repeat;
  background-size: contain;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .archive-list li {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .archive-list li {
    font-size: 13px;
  }
}

.lec-state li {
  color: #888;
  font-size: 17px;
  margin-bottom: 15px;
}

.lec-state li > span {
  color: #000;
}

.lec-state li > span::before {
  margin-right: 10px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.lec-state li b {
  color: #09426c;
  font-weight: bold;
}

.lec-state li .rate::before {
  width: 27px;
  height: 23px;
  background: url("../img/ico-lec-rate.png") no-repeat;
}

.lec-state li .playtime::before {
  width: 25px;
  height: 25px;
  background: url("../img/ico-lectime.png") no-repeat;
}

.lec-state .lec-item {
  border: 1px solid #ddd;
  margin-top: 8px;
  border-radius: 5px;
}

.lec-state .lec-item:nth-of-type(1) {
  margin-top: 10px;
}

.lec-state .lec-item a {
  display: block;
  padding: 14px 16px 15px 20px;
  position: relative;
}

.lec-state .lec-item a p {
  padding-right: 120px;
}

.lec-state .lec-item .lec-tit {
  font-weight: bold;
  color: #222;
  font-size: 18px;
}

.lec-state .lec-item .period {
  margin-top: 8px;
  color: #888888;
  font-size: 16px;
}

.lec-state .lec-item .period > b {
  color: #0385d0;
  font-weight: 700;
}

.lec-state .lec-item .state {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #0385d0;
  color: #fff;
  font-size: 17px;
  width: 107px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  .lec-state .lec-item a {
    padding: 10px;
  }
  .lec-state .lec-item a p {
    padding-right: 90px;
  }
  .lec-state .lec-item .state {
    font-size: 13px;
    width: 75px;
  }
  .lec-state .lec-item .lec-tit {
    font-size: 16px;
  }
  .lec-state .lec-item .period {
    font-size: 14px;
    line-height: 1.5;
  }
  .lec-state .lec-item .period b {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .lec-state .lec-item .lec-tit {
    font-size: 14px;
  }
  .lec-state .lec-item .period {
    font-size: 13px;
  }
  .lec-state .lec-item .period b {
    display: inline;
  }
  .lec-state li {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .lec-state li {
    font-size: 13px;
  }
}

.my-v-lecture {
  background: #f5f5f5;
  padding: 70px 0;
}

.my-v-lecture .container {
  width: 1280px;
  margin: 0 auto;
}

.my-v-lecture .lec-checklist label {
  display: inline-block;
  margin-right: 10px;
}

.my-v-lecture .lec-list {
  margin-top: 40px;
}

.my-v-lecture .lec-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.my-v-lecture .lec-list > ul > li {
  margin-top: 20px;
  border: 2px solid #ddd;
  background-color: #fff;
  position: relative;
  padding: 40px 30px 20px 30px;
  border-radius: 10px;
  width: 48%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.my-v-lecture .lec-list > ul > li .lec-btn {
  border: 1px solid #0385d0;
  background: #f1faff;
  font-size: 15px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  width: 125px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 30px;
  top: 20px;
  font-weight: bold;
}

.my-v-lecture .lec-list > ul > li .lec-btn span::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../img/ico-btn-lec.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.my-v-lecture .lec-list > ul > li .lec-btn--pre {
  color: #999;
  border: none;
  background: transparent;
  width: auto;
}

.my-v-lecture .lec-list > ul > li .lec-btn--pre span::after {
  background: url("../img/ico-btn-lec-gray.png") no-repeat;
}

.my-v-lecture .lec-list > ul .lec-item .title {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.my-v-lecture .lec-list > ul .lec-item .title p {
  margin-top: 5px;
}

.my-v-lecture .lec-list > ul .lec-item .title .tag {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background: #36a4e4;
  height: 25px;
  line-height: 25px;
  padding: 0 4px;
}

.my-v-lecture .lec-list > ul .lec-item .title .tag-pre {
  background: #f5a100;
}

.my-v-lecture .lec-list > ul .lec-item .title .tag-fin {
  background: #999999;
}

.my-v-lecture .lec-list > ul .lec-item .desc li {
  padding-left: 12px;
  position: relative;
  margin-top: 5px;
  line-height: 1.5;
}

.my-v-lecture .lec-list > ul .lec-item .desc li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #333;
  position: absolute;
  left: 0;
  top: 9px;
}

.my-v-lecture .lec-list > ul .lec-item .desc .col-pink {
  color: #e62e8b;
}

@media screen and (max-width: 1280px) {
  .my-v-lecture {
    padding: 50px 2%;
  }
  .my-v-lecture .container {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .my-v-lecture .lec-list > ul > li {
    padding-top: 40px;
  }
  .my-v-lecture .lec-list > ul > li .lec-btn {
    font-size: 13px;
    width: auto;
    padding: 0 10px;
  }
  .my-v-lecture .lec-list > ul .lec-item .title {
    font-size: 20px;
  }
  .my-v-lecture .lec-list > ul .lec-item .title .tag {
    font-size: 12px;
  }
  .my-v-lecture .lec-list > ul .lec-item .desc li {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .my-v-lecture .lec-list {
    margin-top: 0;
  }
  .my-v-lecture .lec-list > ul .lec-item .title {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .my-v-lecture .lec-list > ul > li {
    padding-top: 30px;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 10px;
  }
  .my-v-lecture .lec-list > ul > li .lec-btn {
    font-size: 12px;
  }
  .my-v-lecture .lec-list > ul .lec-item .title {
    font-size: 18px;
  }
  .my-v-lecture .lec-list > ul .lec-item .desc li {
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .my-v-lecture .lec-list > ul > li {
    padding: 40px 20px 20px 20px;
  }
  .my-v-lecture .lec-list > ul .lec-item .title {
    font-size: 16px;
  }
}

.vod-plan-wrap .vod-plan {
  padding-left: 95px;
  position: relative;
  margin: 35px 0;
  line-height: 1.4;
  font-size: 17px;
  color: #666666;
}

.vod-plan-wrap .vod-plan strong {
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: #000;
  margin-bottom: 5px;
}

.vod-plan-wrap .vod-plan::before {
  content: "";
  background: url("../img/ico_cal_vodlecture.png") no-repeat;
  background-size: contain;
  width: 77px;
  height: 63px;
  position: absolute;
  left: 0;
  top: 0;
}

.vod-plan-wrap .plan-list {
  background: #f8f8f8;
  padding: 18px 20px;
  font-size: 20px;
}

.vod-plan-wrap .plan-list .col-navy {
  font-weight: bold;
}

.vod-plan-wrap .plan-list p::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #09426c;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .vod-plan-wrap .plan-list {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .vod-plan-wrap .plan-list {
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .vod-plan-wrap .vod-plan {
    padding-left: 65px;
    font-size: 13px;
  }
  .vod-plan-wrap .vod-plan::before {
    width: 47px;
    height: 39px;
  }
  .vod-plan-wrap .vod-plan strong {
    font-size: 16px;
  }
  .vod-plan-wrap .plan-list {
    font-size: 14px;
  }
}

.textbook-ref {
  border: 1px solid #ddd;
  background: #fff;
  padding: 25px;
}

.textbook-ref.bg-gray {
  background: #f8f8f8;
}

.textbook-ref strong {
  font-size: 20px;
  font-weight: bold;
}

.orderbox {
  font-size: 16px;
  padding: 25px;
  background: #fff;
  border: 1px solid #ddd;
}

.orderbox .tit {
  font-size: 20px;
  font-weight: bold;
  color: #2356a2;
}

.orderbox .tit::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #2356a2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.orderbox .input-quantity {
  margin-top: 15px;
}

.orderbox .input-quantity input {
  width: 67px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 10px;
}

.orderbox .input-quantity input::-webkit-outer-spin-button,
.orderbox .input-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.orderbox .input-quantity input[type="number"] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 640px) {
  .orderbox {
    font-size: 14px;
  }
  .orderbox .tit {
    font-size: 18px;
  }
}

.tb-delivery .col {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tb-delivery .th {
  width: 16%;
  background: #2356a2;
  color: #fff;
  padding: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tb-delivery .td {
  width: 84%;
  background: #fff;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tb-delivery .td .input-box {
  margin-top: 10px;
}

.tb-delivery .td .input-box:nth-of-type(1) {
  margin-top: 0;
}

.tb-delivery .td .input-box strong {
  font-weight: normal;
  margin-right: 10px;
  width: 110px;
  display: inline-block;
  vertical-align: middle;
}

.tb-delivery .td .input-box input {
  width: 550px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  border: 1px solid #d2d2d2;
  display: inline-block;
  vertical-align: middle;
}

.tb-delivery .td .input-box.input-post input {
  width: 350px;
}

.tb-delivery .td .input-box.input-post #findPostcode {
  background: #333;
  color: #fff;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .tb-delivery .col {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
  }
  .tb-delivery .col .th,
  .tb-delivery .col .td {
    width: 100%;
  }
  .tb-delivery .col .th {
    display: block;
    padding: 10px;
    text-align: center;
  }
  .tb-delivery .col .td {
    padding: 10px;
  }
  .tb-delivery .col .td .input-box strong {
    display: block;
    padding-bottom: 5px;
  }
  .tb-delivery .col .td .input-box input {
    width: 100%;
  }
  .tb-delivery .col .td .input-box.input-post input {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 480px) {
  .tb-delivery .col {
    font-size: 13px;
  }
}

.mylecture {
  background: #f5f5f5;
  padding: 50px 0;
}

.mylecture.no-mt {
  margin-top: -80px !important;
}

.mylecture.bg-white {
  background-color: #fff;
  padding: 0;
}

.mylecture .bbs-pager {
  margin-top: 30px;
}

.mylecture * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mylecture .inner {
  width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mylecture .side-left {
  width: 240px;
}

.mylecture .side-right {
  width: calc(100% - 275px);
}

.mylecture .side-right .tab-wrapper {
  width: auto;
}

.mylecture .side-right .btn-area {
  margin: 44px auto 0 auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mylecture .side-right .btn-area a {
  height: 45px;
  line-height: 45px;
  margin: 0 2px 0 3px;
  border-radius: 0;
}

.mylecture .side-right .no-lecture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  padding-top: 100px;
  background: #fff;
  height: 720px;
  text-align: center;
}

.mylecture .side-right .no-lecture .no-lecture-txt {
  text-align: center;
  font-size: 24px;
  color: #b4b4b4;
}

.mylecture .side-right .no-lecture .no-lecture-txt::before {
  content: "";
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 auto 20px auto;
  background: url("../img/lecroom_no_rec_big.png") no-repeat center;
}

.mylecture .my-lecture {
  background-color: #fff;
}

.mylecture .my-lecture .btn {
  text-align: right;
  padding: 0 10px 10px 10px;
}

.mylecture .my-lecture .btn .btn-del-selected-lec {
  display: inline-block;
  padding: 4px 20px;
  background: #999;
  color: #fff;
  font-size: 13px;
}

.mylecture .my-lecture .my-lecture-user {
  background: #0385d0;
  color: #fff;
  font-size: 18px;
  padding: 11px 15px 12px 15px;
}

.mylecture .my-lecture .my-lecture-user .user-name {
  font-size: 26px;
  margin-top: 8px;
}

.mylecture .my-lecture .my-lecture-user .user-name strong {
  font-weight: bold;
}

.mylecture .my-lecture .mycart-title {
  line-height: 46px;
  border-bottom: 1px solid #0385d0;
  padding-left: 56px;
  background: url("../img/lecroom_cart.png") no-repeat 20px 10px;
}

.mylecture .my-lecture .lecture-list {
  width: 100%;
  min-height: 270px;
}

.mylecture .my-lecture .lecture-list.no-lecture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #b4b4b4;
  text-align: center;
}

.mylecture .my-lecture .lecture-list.no-lecture > strong {
  display: block;
}

.mylecture .my-lecture .lecture-list.no-lecture > strong::before {
  content: "";
  width: 40px;
  height: 40px;
  background: url("../img/lecroom_no_rec.png") no-repeat;
  display: block;
  margin: 0 auto 10px auto;
}

.mylecture .my-lecture .lecture-list > ul {
  padding: 14px 10px 23px 10px;
}

.mylecture .my-lecture .lecture-list > ul > li:not(:nth-of-type(1)) {
  margin-top: 14px;
}

.mylecture .my-lecture .lecture-list > ul > li .check-container {
  padding-left: 21px;
}

.mylecture .my-lecture .lecture-list > ul > li .check-container .checkmark {
  top: 50%;
  margin-top: -9px;
}

.mylecture .my-lecture .lecture-list > ul > li .check-container input:checked + .lec-info {
  background: #eef9ff;
  color: #0385d0;
}

.mylecture .my-lecture .lecture-list .lec-info {
  padding: 5px 8px 9px 7px;
  font-size: 10px;
  background: #f5f5f5;
  color: #666666;
}

.mylecture .my-lecture .lecture-list .lec-info .txt-big {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 7px;
}

.mylecture .my-lecture .lecture-sum {
  padding: 16px 20px 35px 20px;
  border-top: 1px solid #0385d0;
  text-align: center;
}

.mylecture .my-lecture .lecture-sum .sum {
  font-size: 18px;
  color: #666;
}

.mylecture .my-lecture .lecture-sum .sum strong {
  color: #222;
}

.mylecture .my-lecture .lecture-sum .btn-apply-lec {
  display: block;
  background: #0385d0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.mylecture .my-lecture .my-lecture-nav a {
  display: block;
  color: #222;
  line-height: 50px;
  height: 50px;
  border-bottom: 1px solid #0385d0;
  padding-left: 20px;
}

.mylecture .my-lecture .my-lecture-nav li.on a {
  background: #eef9ff;
  color: #0385d0;
}

.mylecture .lec-list-wrap {
  /* 강좌리스트 item */
}

.mylecture .lec-list-wrap .lec-list-top {
  width: 100%;
  border: 3px solid #0385d0;
  padding: 27px 40px 27px 38px;
  margin-bottom: 33px;
  background: #fff;
}

.mylecture .lec-list-wrap .lec-list-top .maintit {
  display: block;
  color: #0385d0;
  font-size: 40px;
  font-weight: bold;
}

.mylecture .lec-list-wrap .lec-list-top .subtit {
  font-size: 24px;
  margin-top: 12px;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li {
  font-size: 18px;
  margin-left: 35px;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li:first-child {
  margin-left: 0;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li i,
.mylecture .lec-list-wrap .lec-list-top .ico-info li p {
  display: inline-block;
  vertical-align: middle;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li .ico {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li .ico--lec1 {
  background-image: url("../img/lec_icolist_ico_01.png");
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li .ico--lec2 {
  background-image: url("../img/lec_icolist_ico_02.png");
}

.mylecture .lec-list-wrap .lec-list-top .ico-info li .ico--lec3 {
  background-image: url("../img/lec_icolist_ico_03.png");
}

.mylecture .lec-list-wrap .lec-list-top .list-info {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mylecture .lec-list-wrap .lec-list-top .list-info li {
  font-size: 16px;
  padding-left: 15px;
  position: relative;
}

.mylecture .lec-list-wrap .lec-list-top .list-info li:not(:first-child) {
  margin-left: 52px;
}

.mylecture .lec-list-wrap .lec-list-top .list-info li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #073190;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50%;
}

.mylecture .lec-list-wrap .lec-item-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mylecture .lec-list-wrap .item-outer {
  width: 320px;
  margin-bottom: 53px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border: 1px solid #dedede;
  background-color: #fff;
  margin-left: 22px;
}

.mylecture .lec-list-wrap .item-outer:nth-of-type(3n + 1) {
  margin-left: 0;
}

.mylecture .lec-list-wrap .item {
  padding: 18px 20px 0 20px;
  display: block;
}

.mylecture .lec-list-wrap .item .lec-thumb {
  text-align: center;
  height: 200px;
}

.mylecture .lec-list-wrap .item .lec-thumb img {
  max-width: 100%;
  height: 100%;
}

.mylecture .lec-list-wrap .item .lec-tags {
  margin-top: 6px;
}

.mylecture .lec-list-wrap .item .lec-tags li {
  display: inline-block;
  min-width: 56px;
  height: 22px;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 1px;
  vertical-align: top;
  margin-bottom: 2px;
  padding: 0 4px;
}

.mylecture .lec-list-wrap .item .lec-tags li.nor {
  color: #333;
  border: 1px solid #073190;
}

.mylecture .lec-list-wrap .item .lec-tags li.able {
  background: #073190;
}

.mylecture .lec-list-wrap .item .lec-tags li.cert {
  background: #f5a100;
}

.mylecture .lec-list-wrap .item dl {
  border-top: 1px solid #c9c9c9;
  padding: 7px 0 10px 0;
  margin-top: 6px;
}

.mylecture .lec-list-wrap .item dl dt {
  font-size: 28px;
  line-height: 1.25;
  padding-bottom: 8px;
  height: 75px;
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.mylecture .lec-list-wrap .item dl dt .lec-subtit {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}

.mylecture .lec-list-wrap .item dl dd {
  font-size: 15px;
  margin-bottom: 4px;
  text-align: center;
}

.mylecture .lec-list-wrap .item dl dd.info1 p {
  color: #666;
  padding: 5px 0;
  font-size: 15px;
}

.mylecture .lec-list-wrap .item dl dd.info1 p > span {
  font-weight: bold;
}

.mylecture .lec-list-wrap .hash {
  text-align: center;
  border-top: 1px solid #c9c9c9;
  background: #fff;
  margin: 0 20px;
  padding: 12px 0 19px 0;
}

.mylecture .lec-list-wrap .hash a {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  margin: 0 2px;
}

.mylecture .lec-list-wrap .btns {
  margin-top: 17px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mylecture .lec-list-wrap .btns a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  margin: 0 4px;
  text-align: center;
  color: #fff;
}

.mylecture .lec-list-wrap .btns a.btn-dark {
  background: #333;
}

.mylecture .lec-list-wrap .btns a.btn-navy {
  background: #073190;
}

.mylecture .lec-list-wrap .lec-item-list2 {
  width: 100%;
}

.mylecture .lec-list-wrap .lec-item-list2 .item {
  overflow: hidden;
  width: 100%;
  padding: 14px 20px 0 20px;
  width: 100%;
  height: 240px;
  border: 2px solid #073190;
  position: relative;
  background: #fff;
  margin-bottom: 20px;
}

.mylecture .lec-list-wrap .lec-item-list2 .item .lec-tags {
  margin-top: 0;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl {
  margin-top: 9px;
  padding-top: 0;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dt {
  text-align: left;
  color: #073190;
  font-size: 34px;
  line-height: 1.3;
  height: auto;
  -webkit-line-clamp: unset;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dt a {
  color: #073190;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 {
  text-align: left;
  font-size: 20px;
  color: #666;
  margin: 10px 0 0 0;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 li {
  display: inline-block;
  padding-left: 12px;
  position: relative;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 li:not(:first-child) {
  margin-left: 35px;
}

.mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 li::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 8px;
  background: #073190;
  border-radius: 50%;
}

.mylecture .lec-list-wrap .lec-item-list2 .item .hash {
  position: absolute;
  right: 0;
  bottom: 0;
  background: transparent;
  border: none;
}

.mylecture .lec-list-wrap .lec-item-list2 .lec-thumb {
  width: 370px;
  height: 210px;
  float: left;
}

.mylecture .lec-list-wrap .lec-item-list2 .lec-thumb img {
  width: 100%;
  height: 100%;
}

.mylecture .lec-list-wrap .lec-item-list2 .lec-txt {
  float: right;
  width: calc(100% - 400px);
  margin-left: 30px;
  height: 180px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.mylecture .lec-detail {
  /* ratio 16 : 4  */
}

.mylecture .lec-detail.full {
  width: 100%;
}

.mylecture .lec-detail h4 {
  color: #073190;
  font-size: 32px;
  line-height: 1.4;
}

.mylecture .lec-detail h4.mt-77 {
  margin-top: 77px;
}

.mylecture .lec-detail h4.tit-line {
  border-bottom: 1px solid #073190;
  padding-bottom: 5px;
}

.mylecture .lec-detail h4.tit-ico-lec {
  position: relative;
  padding-left: 50px;
}

.mylecture .lec-detail h4.tit-ico-lec::before {
  content: "";
  width: 44px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 7px;
  background: url("../img/tit_ico_lec.png") no-repeat center/contain;
}

.mylecture .lec-detail .subtit {
  margin-top: 26px;
  font-size: 24px;
  font-weight: bold;
}

.mylecture .lec-detail .subtit:not(:nth-of-type(1)) {
  margin-top: 50px;
}

.mylecture .lec-detail .subtit2 {
  font-size: 24px;
  margin-top: 37px;
  font-weight: bold;
  padding-left: 40px;
  position: relative;
}

.mylecture .lec-detail .subtit2::before {
  content: "";
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url("../img/tit_icons.png");
  position: absolute;
  left: 0;
  top: -4px;
}

.mylecture .lec-detail .subtit2.tit-ico-certi::before {
  background-position: 0 0;
}

.mylecture .lec-detail .subtit2.tit-ico-renew::before {
  background-position: -32px 0;
}

.mylecture .lec-detail .subtit2.tit-ico-standard::before {
  background-position: -64px 0;
}

.mylecture .lec-detail .subtit2.tit-ico-eval::before {
  background-position: -96px 0;
}

.mylecture .lec-detail .subtit2.tit-ico-object::before {
  background-position: -128px 0;
}

.mylecture .lec-detail .txt {
  font-size: 20px;
  margin-top: 7px;
  color: #666;
  line-height: 1.5;
  font-weight: normal;
}

.mylecture .lec-detail .lec-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 13px;
  padding: 30px 35px;
  border-top: 1px solid #073190;
  background: #fff;
}

.mylecture .lec-detail .lec-summary.bg-type1 {
  background: #fcf9f9;
}

.mylecture .lec-detail .lec-summary .lec-summary-pic {
  width: 340px;
}

.mylecture .lec-detail .lec-summary .lec-summary-pic img {
  width: 100%;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail {
  width: calc(100% - 340px);
  padding-left: 35px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail h5 {
  color: #073190;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  padding-bottom: 14px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail li {
  padding-left: 20px;
  color: #666;
  position: relative;
  margin-top: 20px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail li:first-child {
  margin-top: 15px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #0385d0;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li {
  padding-right: 130px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li .state {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 16px;
  width: 100px;
  height: 28px;
  line-height: 28px;
  border-radius: 9px;
  display: block;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li .state--done {
  background: #073190;
  color: #fff;
}

.mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li .state--ing {
  background: #fff;
  color: #073190;
  border: 1px solid #073190;
}

.mylecture .lec-detail .lec-instructor {
  margin-top: 16px;
}

.mylecture .lec-detail .lec-instructor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mylecture .lec-detail .lec-instructor ul li {
  width: 23.6%;
  margin-left: 1.8%;
  text-align: left;
  margin-bottom: 37px;
  padding: 28px 20px 20px 20px;
  font-size: 17px;
  background: #fff;
  border-top: 2px solid #073190;
  position: relative;
  height: 140px;
}

.mylecture .lec-detail .lec-instructor ul li:nth-child(4n + 1) {
  margin-left: 0;
}

.mylecture .lec-detail .lec-instructor ul li .ins-name {
  font-size: 24px;
  padding-left: 11px;
  color: #1c4abe;
  position: relative;
}

.mylecture .lec-detail .lec-instructor ul li .ins-name::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1c4abe;
  position: absolute;
  left: 0;
  top: 10px;
}

.mylecture .lec-detail .lec-instructor ul li .ins-pos {
  font-size: 17px;
  margin-top: 14px;
  color: #666;
  line-height: 1.3;
}

.mylecture .lec-detail .lec-intro {
  border-top: 1px solid #073190;
  background: #fff;
  padding: 29px 33px 32px 30px;
  margin-top: 12px;
  overflow: hidden;
}

.mylecture .lec-detail .lec-intro h5 {
  color: #073190;
  font-size: 24px;
}

.mylecture .lec-detail .lec-intro h5 span {
  color: #666;
  display: block;
  font-size: 16px;
  padding-bottom: 10px;
}

.mylecture .lec-detail .lec-intro p {
  color: #666;
  margin-top: 28px;
  line-height: 1.6;
}

.mylecture .lec-detail .lec-intro .lec-intro-pic {
  width: 400px;
  height: 220px;
  float: right;
}

.mylecture .lec-detail .lec-intro .lec-intro-txt {
  width: calc(100% - 400px);
  padding-right: 20px;
  float: left;
}

.mylecture .lec-detail .lec-intro-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-top: 20px;
}

.mylecture .lec-detail .lec-intro-video video,
.mylecture .lec-detail .lec-intro-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mylecture .lec-detail .mid-apply-box {
  margin-top: 40px;
  border: 1px solid #0385d0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #0385d0;
}

.mylecture .lec-detail .mid-apply-box .box {
  border-left: 1px solid #0385d0;
  width: 33.33333%;
  padding: 8px 30px 22px 30px;
  background: #fff;
}

.mylecture .lec-detail .mid-apply-box .box:nth-of-type(1) {
  border-left: none;
}

.mylecture .lec-detail .mid-apply-box .box .box-ico {
  display: block;
  position: relative;
  color: #0385d0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.mylecture .lec-detail .mid-apply-box .box .box-ico::before {
  content: "";
  display: block;
  height: 62px;
  margin: 0 auto 10px auto;
  background-repeat: no-repeat;
  background-position: center;
}

.mylecture .lec-detail .mid-apply-box .box .box-ico-01::before {
  width: 54px;
  background-image: url("../img/prolec_midapply_ico_01.png");
}

.mylecture .lec-detail .mid-apply-box .box .box-ico-02::before {
  width: 33px;
  background-image: url("../img/prolec_midapply_ico_02.png");
}

.mylecture .lec-detail .mid-apply-box .box p {
  color: #666;
  margin-top: 12px;
  line-height: 1.4;
  text-align: center;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply {
  background: #0385d0;
  padding-left: 50px;
  padding-right: 50px;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply .price {
  font-size: 20px;
  color: #fff;
  text-align: left;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply .price span {
  display: block;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply .price strong {
  font-size: 30px;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply a.btn-cart {
  border: 1px solid #222222;
  background: #fff;
}

.mylecture .lec-detail .mid-apply-box .box.box-apply a.btn-apply {
  border: 1px solid #222222;
  background: #222;
}

.mylecture .lec-detail .lec-how {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}

.mylecture .lec-detail .lec-how .lec-how-txt {
  width: calc(100% - 400px);
  padding-right: 45px;
  line-height: 1.4;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.mylecture .lec-detail .lec-how .lec-how-txt h5 {
  font-size: 28px;
}

.mylecture .lec-detail .lec-how .lec-how-txt p {
  margin-top: 19px;
  color: #666;
}

.mylecture .lec-detail .lec-how .lec-how-img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 400px;
}

.mylecture .mylec_certificate h4 {
  color: #073190;
  font-size: 32px;
  line-height: 1.4;
}

.mylecture .mylec_certificate h4 small {
  display: block;
  color: #000;
  font-size: 22px;
}

.mylecture .mylec_certificate .mylec_content {
  margin-top: 13px;
  padding: 30px 35px;
  border-top: 1px solid #073190;
  background: #fff;
}

.mylecture .mylec_certificate .mylec_content h5 {
  text-align: center;
  font-size: 22px;
}

.mylecture .mylec_certificate .mylec_content h5 b {
  color: #073190;
  font-weight: 700;
}

.mylecture .mylec_certificate .select_year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}

.mylecture .mylec_certificate .select_year select {
  width: 110px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .mylecture .mylec_certificate h4 {
    font-size: 22px;
  }
  .mylecture .mylec_certificate h4 small {
    font-size: 14px;
  }
  .mylecture .mylec_certificate .mylec_content {
    padding: 10px;
  }
  .mylecture .mylec_certificate .mylec_content p {
    font-size: 13px;
  }
  .mylecture .mylec_certificate .mylec_content h5 {
    font-size: 16px;
  }
  .mylecture .mylec_certificate .mylec_content h5 br {
    display: none;
  }
  .mylecture .mylec_certificate .mylec_content table {
    font-size: 13px;
  }
  .mylecture .mylec_certificate .mylec_content table th, .mylecture .mylec_certificate .mylec_content table td {
    padding: 8px;
  }
  .mylecture .mylec_certificate .select_year {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .mylecture .mylec_certificate h4 {
    font-size: 20px;
  }
}

.mylecture .lec-cancel-info {
  border-top: 1px solid #073190;
  background: #fff;
  margin-top: 10px;
  padding: 25px 25px 30px 32px;
}

.mylecture .lec-cancel-info > ul > li {
  line-height: 1.7;
  color: #666;
}

.mylecture .lec-cancel-info > ul > li:not(:first-child) {
  margin-top: 10px;
}

.mylecture .lec-cancel-info > ul > li > strong {
  display: block;
  color: #073190;
  font-size: 20px;
  font-weight: bold;
}

.mylecture .my-lecture-list .lec-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 15px;
  background: #fff;
  margin-top: 20px;
  padding: 24px 20px 30px 28px;
  border: 1px solid #dedede;
}

.mylecture .my-lecture-list .lec-item .lec-item--state .state {
  font-size: 14px;
  text-align: center;
  padding: 8px 11px;
}

.mylecture .my-lecture-list .lec-item .lec-item--state .state-done {
  background: #f5a100;
  color: #fff;
}

.mylecture .my-lecture-list .lec-item .lec-item--sbj {
  position: relative;
  width: calc(100% - 70px);
  padding-left: 16px;
}

.mylecture .my-lecture-list .lec-item .lec-item--sbj .go-lec {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #333;
  color: #fff;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.mylecture .my-lecture-list .lec-item .lec-item--sbj .sbj-sml {
  color: #666;
}

.mylecture .my-lecture-list .lec-item .lec-item--sbj .sbj {
  display: block;
  padding: 9px 0 14px 0;
  font-size: 24px;
  font-weight: bold;
  color: #073190;
}

.mylecture .my-lecture-list .lec-item .lec-item--sbj .progress {
  color: #0385d0;
}

.mylecture .my-progress-rate .lec-item-sbj {
  font-size: 20px;
  border-bottom: 1px solid #333;
  padding-bottom: 12px;
}

.mylecture .my-progress-rate .lec-item-sbj .sbj {
  color: #073190;
  font-size: 32px;
  display: block;
  margin-top: 10px;
}

.mylecture .my-progress-rate .progress-rate-box {
  padding: 40px 30px 10px 30px;
  border: 1px solid #dedede;
  background: #fff;
  height: 132px;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar {
  position: relative;
  color: #666;
  width: 100%;
  height: 30px;
  background: #62bff5;
  background: -webkit-gradient(linear, left top, right top, from(#62bff5), to(#073090));
  background: linear-gradient(to right, #62bff5 0%, #073090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63c0f6', endColorstr='#073090', GradientType=1);
  border: 1px solid #cccccc;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-bar-progress-mask {
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  width: 65%;
  background: #fff;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-start {
  position: absolute;
  top: -28px;
  left: 3px;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-cur {
  position: absolute;
  bottom: -43px;
  left: 0%;
  -webkit-transform: translateX(-17px);
          transform: translateX(-17px);
  width: 32px;
  text-align: center;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-cur::before {
  content: "▲";
  display: block;
  text-align: center;
  color: #0385d0;
  margin-bottom: 7px;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-end {
  position: absolute;
  right: 0;
  top: -28px;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--blue .rate-start strong {
  color: #63c1f6;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--blue .rate-cur::before {
  color: #0385d0;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--blue .rate-end strong {
  color: #073190;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--pink {
  background: #ff7dbe;
  background: -webkit-gradient(linear, left top, right top, from(#ff7dbe), to(#770790));
  background: linear-gradient(to right, #ff7dbe 0%, #770790 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7dbe', endColorstr='#770790', GradientType=1);
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--pink .rate-start strong {
  color: #ff7dbf;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--pink .rate-cur::before {
  color: #e62e8b;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--pink .rate-end strong {
  color: #760790;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--orange {
  background: #ffc251;
  background: -webkit-gradient(linear, left top, right top, from(#ffc251), to(#f54a00));
  background: linear-gradient(to right, #ffc251 0%, #f54a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc251', endColorstr='#f54a00', GradientType=1);
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--orange .rate-start strong {
  color: #ffc351;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--orange .rate-cur::before {
  color: #f5a100;
}

.mylecture .my-progress-rate .progress-rate-box .rate-bar--orange .rate-end strong {
  color: #f54b00;
}

.mylecture .my-progress-rate .lec-complete-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px -10px 0 -10px;
  text-align: center;
  justify-items: center;
}

.mylecture .my-progress-rate .lec-complete-check .lec-item {
  width: calc(33.33% - 10px);
  margin-left: 10px;
  margin-top: 30px;
  text-align: left;
}

.mylecture .my-progress-rate .lec-complete-check .complete-check {
  margin-top: 5px;
  color: #073190;
  font-weight: bold;
  padding-left: 21px;
  position: relative;
}

.mylecture .my-progress-rate .lec-complete-check .complete-check::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 1px solid #333;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mylecture .my-progress-rate .lec-complete-check .complete-check.complete {
  color: #333;
}

.mylecture .my-progress-rate .lec-complete-check .complete-check.complete::before {
  background: #073190;
  border-color: #073190;
}

@media screen and (max-width: 1280px) {
  .mylecture {
    margin-left: -1%;
    margin-right: -1%;
    padding: 20px 1% 40px 1%;
  }
  .mylecture.no-mt {
    margin-top: -50px !important;
  }
  .mylecture .inner {
    width: auto;
    display: block;
  }
  .mylecture .side-left {
    width: 100%;
  }
  .mylecture .side-right {
    width: 100%;
    padding: 0 10px;
  }
  .mylecture .my-lecture {
    margin-bottom: 20px;
  }
  .mylecture .my-lecture .my-lecture-user {
    font-size: 16px;
  }
  .mylecture .my-lecture .my-lecture-user p {
    display: inline;
  }
  .mylecture .my-lecture .my-lecture-user .user-name {
    font-size: 16px;
  }
  .mylecture .my-lecture .lecture-list.no-lecture {
    min-height: 100px;
  }
  .mylecture .lec-list-wrap {
    width: 100%;
  }
  .mylecture .lec-list-wrap .item-outer {
    width: 32%;
    margin-bottom: 20px;
    margin-left: 2%;
  }
  .mylecture .lec-list-wrap .item dl dt {
    font-size: 22px;
    height: 56px;
  }
}

@media screen and (max-width: 1024px) {
  .mylecture .my-lecture-list .lec-item {
    margin-top: 15px;
    padding: 20px 15px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .sbj {
    font-size: 20px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .go-lec {
    width: auto;
    padding: 0 50px;
  }
  .mylecture .my-progress-rate .lec-item-sbj {
    font-size: 18px;
  }
  .mylecture .my-progress-rate .lec-item-sbj .sbj {
    font-size: 25px;
  }
  .mylecture .lec-list-wrap .lec-list-top {
    padding: 25px;
  }
  .mylecture .lec-list-wrap .lec-list-top .maintit {
    font-size: 30px;
  }
  .mylecture .lec-list-wrap .lec-list-top .subtit {
    font-size: 18px;
  }
  .mylecture .lec-list-wrap .lec-list-top .ico-info li {
    font-size: 16px;
  }
  .mylecture .lec-list-wrap .lec-list-top .list-info li {
    font-size: 14px;
    width: 100%;
    margin-left: 0 !important;
    margin-top: 10px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dt {
    font-size: 28px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 {
    font-size: 16px;
  }
  .mylecture .lec-detail .lec-instructor ul li {
    padding: 28px 15px 15px 15px;
  }
  .mylecture .lec-detail .lec-instructor ul li .ins-name {
    font-size: 20px;
  }
  .mylecture .lec-detail .lec-instructor ul li .ins-pos {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .mylecture .my-lecture {
    border: 1px solid #0385d0;
  }
  .mylecture .my-lecture .mycart-title {
    font-size: 13px;
    line-height: 35px;
    background: none;
    padding-left: 10px;
  }
  .mylecture .lec-list-wrap .item-outer {
    width: 48%;
    margin: 0 1% 20px 1% !important;
  }
  .mylecture .lec-list-wrap .item {
    padding: 13px 13px 0 13px;
  }
  .mylecture .lec-list-wrap .item .lec-tags li {
    font-size: 12px;
  }
  .mylecture .lec-list-wrap .item dl dt {
    font-size: 16px;
    height: 40px;
  }
  .mylecture .lec-list-wrap .item dl dd {
    font-size: 13px;
  }
  .mylecture .lec-list-wrap .item .hash {
    padding-top: 6px;
  }
  .mylecture .lec-list-wrap .item .hash a {
    font-size: 12px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-thumb {
    width: 245px;
    height: 177px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-txt {
    height: 177px;
    width: calc(100% - 265px);
    margin-left: 20px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dt {
    font-size: 22px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 {
    font-size: 14px;
  }
  .mylecture .lec-detail h4 {
    font-size: 25px;
  }
  .mylecture .lec-detail .subtit {
    font-size: 20px;
  }
  .mylecture .lec-detail .subtit2 {
    font-size: 18px;
    padding-left: 37px;
  }
  .mylecture .lec-detail .subtit2::before {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    top: -6px;
  }
  .mylecture .lec-detail .txt {
    font-size: 16px;
  }
  .mylecture .lec-detail .lec-summary {
    padding: 20px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail h5 {
    font-size: 18px;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail li {
    font-size: 14px;
    margin-top: 15px;
  }
  .mylecture .lec-detail .lec-intro {
    padding: 20px 15px;
    font-size: 14px;
  }
  .mylecture .lec-detail .lec-intro h5 {
    font-size: 20px;
  }
  .mylecture .lec-detail .mid-apply-box {
    display: block;
  }
  .mylecture .lec-detail .mid-apply-box .box {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    border-bottom: 1px solid #0385d0;
  }
  .mylecture .lec-detail .mid-apply-box .box .box-ico {
    font-size: 18px;
    margin-top: 0;
  }
  .mylecture .lec-detail .mid-apply-box .box p > br {
    display: none;
  }
  .mylecture .lec-detail .mid-apply-box .box.box-apply {
    padding: 15px;
  }
  .mylecture .lec-detail .mid-apply-box .box.box-apply .price {
    font-size: 16px;
  }
  .mylecture .lec-detail .mid-apply-box .box.box-apply .price strong {
    font-size: 20px;
  }
  .mylecture .lec-detail .mid-apply-box .box.box-apply .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mylecture .lec-detail .mid-apply-box .box.box-apply a {
    font-size: 14px;
    width: 49%;
  }
  .mylecture .lec-detail .lec-how {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mylecture .lec-detail .lec-how .lec-how-img {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    background: url("../img/prolec_intro_how.png") no-repeat center top;
    background-size: cover;
    height: 200px;
  }
  .mylecture .lec-detail .lec-how .lec-how-img img {
    display: none;
  }
  .mylecture .lec-detail .lec-how .lec-how-txt {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 20px;
    padding-right: 0;
    font-size: 14px;
  }
  .mylecture .lec-detail .lec-how .lec-how-txt h5 {
    font-size: 20px;
  }
  .mylecture .lec-detail .lec-how .lec-how-txt h5 br {
    display: none;
  }
  .mylecture .lec-detail .lec-cancel-info {
    padding: 20px 15px;
    font-size: 14px;
  }
  .mylecture .lec-detail .lec-cancel-info > ul > li > strong {
    font-size: 16px;
  }
  .mylecture .lec-detail .lec-instructor ul li {
    width: 48%;
    height: 115px;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .mylecture .lec-detail .lec-instructor ul li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .mylecture .lec-detail .lec-instructor ul li .ins-name {
    font-size: 18px;
  }
  .mylecture .lec-detail .lec-instructor ul li .ins-pos {
    font-size: 13px;
  }
  .mylecture .my-lecture-list .lec-item {
    margin-top: 10px;
    display: block;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--state .state {
    display: inline-block;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .sbj {
    font-size: 16px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .go-lec {
    position: static;
    width: 100%;
    margin-top: 15px;
    -webkit-transform: none;
            transform: none;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 640px) {
  .mylecture .lec-detail h4 {
    font-size: 20px;
  }
  .mylecture .lec-detail h4.tit-ico-lec {
    padding-left: 40px;
  }
  .mylecture .lec-detail h4.tit-ico-lec::before {
    width: 30px;
    height: 23px;
    top: 4px;
  }
  .mylecture .lec-detail .subtit {
    font-size: 18px;
  }
  .mylecture .lec-detail .txt {
    font-size: 13px;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-pic {
    width: 100%;
    text-align: center;
    height: auto;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail h5 {
    font-size: 16px;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail li {
    font-size: 13px;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li {
    padding-right: 90px;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail.lec-state li .state {
    font-size: 13px;
    width: 78px;
    line-height: 24px;
    height: 24px;
  }
  .mylecture .lec-detail .lec-intro .lec-intro-pic {
    display: none;
  }
  .mylecture .lec-detail .lec-intro .lec-intro-txt {
    width: 100%;
    padding: 0;
  }
  .mylecture .lec-detail .lec-instructor ul li {
    width: 100%;
    padding-left: 0;
    padding: 20px 20px 20px 20px !important;
    height: auto;
    margin: 5px 0 !important;
  }
  .mylecture .lec-detail .lec-instructor ul li .ins-name::before {
    width: 3px;
    height: 3px;
    top: 8px;
  }
  .mylecture .side-right .btn-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mylecture .side-right .btn-area a {
    margin: 2px;
    width: 48%;
  }
  .mylecture .side-right .no-lecture {
    height: auto;
    padding: 80px 0;
  }
  .mylecture .side-right .no-lecture .no-lecture-txt {
    font-size: 15px;
  }
  .mylecture .my-lecture {
    border-bottom: none;
  }
  .mylecture .my-lecture .my-lecture-nav a {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--state .state {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 3px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj {
    font-size: 13px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .sbj {
    font-size: 15px;
  }
  .mylecture .my-lecture-list .lec-item .lec-item--sbj .go-lec {
    font-size: 13px;
  }
  .mylecture .my-progress-rate .progress-rate-box {
    height: 118px;
  }
  .mylecture .my-progress-rate .lec-item-sbj {
    font-size: 13px;
  }
  .mylecture .my-progress-rate .lec-item-sbj .sbj {
    font-size: 18px;
  }
  .mylecture .my-progress-rate .progress-rate-box .rate-bar {
    font-size: 13px;
  }
  .mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-end,
  .mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-start {
    top: -22px;
  }
  .mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-cur {
    bottom: -32px;
  }
  .mylecture .my-progress-rate .progress-rate-box .rate-bar .rate-cur::before {
    margin-bottom: 2px;
  }
  .mylecture .my-progress-rate .lec-complete-check {
    margin-right: 0;
  }
  .mylecture .my-progress-rate .lec-complete-check .lec-item {
    width: calc(50% - 10px);
    margin-top: 15px;
  }
  .mylecture .lec-list-wrap .lec-list-top {
    padding: 20px;
  }
  .mylecture .lec-list-wrap .lec-list-top .maintit {
    font-size: 20px;
  }
  .mylecture .lec-list-wrap .lec-list-top .subtit {
    font-size: 16px;
  }
  .mylecture .lec-list-wrap .lec-list-top .ico-info {
    margin-top: 10px;
  }
  .mylecture .lec-list-wrap .lec-list-top .ico-info li {
    font-size: 14px;
    width: 100%;
    margin-left: 0 !important;
    margin-top: 10px;
  }
  .mylecture .lec-list-wrap .lec-list-top .ico-info li .ico {
    width: 30px;
    height: 30px;
    margin-right: 3px;
  }
  .mylecture .lec-list-wrap .lec-list-top .list-info {
    margin-top: 0;
  }
  .mylecture .lec-list-wrap .lec-list-top .list-info li {
    font-size: 13px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item {
    height: auto;
    padding: 20px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item .hash {
    position: static;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 5px 0;
    border-top: 1px solid #ddd;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-thumb {
    width: 100%;
    height: auto;
    float: none;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-thumb img {
    width: auto;
    height: auto;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-txt {
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0;
    margin-top: 15px;
    border: none;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dt {
    font-size: 22px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .mylecture .lec-list-wrap .item-outer {
    width: 100%;
    margin-bottom: 10px;
  }
  .mylecture .lec-list-wrap .item .lec-thumb {
    height: 105px;
  }
  .mylecture .lec-list-wrap .item .lec-thumb img {
    width: 100%;
  }
  .mylecture .lec-list-wrap .item .lec-tags li {
    font-size: 11px;
    width: auto;
    padding: 0 4px;
  }
  .mylecture .lec-list-wrap .item dl dt {
    font-size: 15px;
    overflow: visible;
    height: auto;
    text-overflow: initial;
    -webkit-line-clamp: unset;
  }
  .mylecture .lec-list-wrap .item dl dd {
    font-size: 12px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item {
    height: auto;
    padding: 20px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item .hash {
    position: static;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 5px 0;
    border-top: 1px solid #ddd;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-thumb {
    width: 100%;
    height: auto;
    float: none;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-thumb img {
    width: auto;
    height: auto;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .lec-txt {
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0;
    margin-top: 15px;
    border: none;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dt {
    font-size: 18px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 {
    font-size: 13px;
  }
  .mylecture .lec-list-wrap .lec-item-list2 .item dl dd.info1 li::before {
    width: 4px;
    height: 4px;
    top: 5px;
  }
  .mylecture .lec-detail .lec-summary {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-pic {
    width: 100%;
    text-align: center;
  }
  .mylecture .lec-detail .lec-summary .lec-summary-detail {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .mylecture .my-progress-rate .progress-rate-box {
    padding: 50px 20px 10px 20px;
    height: 142px;
  }
  .mylecture .my-progress-rate .lec-complete-check .complete-check.complete {
    font-size: 13px;
    padding-left: 15px;
  }
  .mylecture .my-progress-rate .lec-complete-check .complete-check.complete::before {
    width: 8px;
    height: 8px;
    top: 2px;
  }
}

.c-apply {
  width: 1280px;
  margin: 0 auto;
}

.c-apply .tit-basic {
  color: #333;
  padding-bottom: 10px;
  font-weight: bold;
}

.c-apply .c-borderbox {
  border: 1px solid #dedede;
  padding: 27px 29px 36px 30px;
  margin-top: 12px;
}

.c-apply .btn-area {
  margin-top: 50px;
}

.c-apply .btn-area a {
  border-radius: 0;
  min-width: 170px;
  margin: 0 1px;
  font-weight: bold;
}

.c-apply .btn-area a.btn-white2 {
  min-width: 260px;
}

.c-apply .btn-area .check-container {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

@media screen and (max-width: 1280px) {
  .c-apply {
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  .c-apply .c-borderbox {
    padding: 0;
    border: none;
    margin-top: 30px;
  }
  .c-apply .btn-area .check-container {
    font-size: 13px;
  }
  .c-apply .btn-area a {
    font-size: 13px;
    min-width: 100px;
  }
}

@media screen and (max-width: 480px) {
  .c-apply .btn-area .check-container {
    display: block;
    text-align: left;
  }
  .c-apply .btn-area a {
    width: 48%;
    margin-top: 10px;
    font-size: 13px !important;
    letter-spacing: -1px;
    min-width: initial !important;
  }
}

.events-outer {
  background: #f5f5f5;
  padding: 25px 0;
}

.events-outer .events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1280px;
  margin: 0 auto;
}

.events-outer .events .event-item {
  width: 25%;
}

.events-outer .events .event-item a {
  display: block;
  padding: 20px;
}

.events-outer .events .no-events {
  text-align: center;
  color: #888888;
  font-size: 30px;
  padding: 200px 0;
  width: 100%;
}

.events-outer .events .no-events::before {
  content: "";
  width: 62px;
  height: 62px;
  background: url("../img/alert.svg") no-repeat;
  display: block;
  margin: 0 auto 20px auto;
}

@media screen and (max-width: 1280px) {
  .events-outer .events {
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  .events-outer {
    padding: 10px 0;
  }
  .events-outer .events .event-item {
    width: 33%;
  }
  .events-outer .events .event-item a {
    display: block;
    padding: 10px;
  }
  .events-outer .events .no-events {
    font-size: 18px;
    padding: 100px 0;
  }
  .events-outer .events .no-events::before {
    content: "";
    width: 42px;
    height: 42px;
    background: url("../img/alert.svg") no-repeat center/contain;
    display: block;
    margin: 0 auto 10px auto;
  }
}

.tab-faq {
  padding-top: 27px !important;
}

.faq-list {
  border-bottom: 1px solid #dedede;
}

.faq-list li .faq-q,
.faq-list li .faq-a {
  padding: 12px 20px;
  border-top: 1px solid #dedede;
  position: relative;
}

.faq-list li .faq-q,
.faq-list li .faq-q *,
.faq-list li .faq-a,
.faq-list li .faq-a * {
  font-family: OpenSans, NanumBG, "Nanum Gothic", "Malgun Gothic", dotum, arial, sans-serif !important;
}

.faq-list li .faq-q p,
.faq-list li .faq-a p {
  line-height: 1.6;
}

.faq-list li .faq-q {
  background: #eef9ff;
  color: #222222;
  padding-left: 58px;
  cursor: pointer;
}

.faq-list li .faq-q strong {
  font-size: 0;
  width: 28px;
  height: 28px;
  background: url("../img/faq_q.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 10px;
}

.faq-list li .faq-a {
  color: #666;
  padding-left: 81px;
}

.faq-list li .faq-a::before {
  content: "";
  position: absolute;
  left: 62px;
  top: 20px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #0385d0;
  border-bottom: 1px solid #0385d0;
}

@media screen and (max-width: 640px) {
  .faq-list {
    font-size: 13px;
  }
  .faq-list li .faq-q {
    padding-left: 33px;
  }
  .faq-list li .faq-q strong {
    width: 20px;
    height: 20px;
    left: 8px;
    top: 13px;
  }
  .faq-list li .faq-a {
    padding-left: 35px;
  }
  .faq-list li .faq-a::before {
    left: 15px;
    top: 17px;
    width: 7px;
    height: 7px;
  }
}

.textbox-blue {
  border: 1px solid #a0defc;
  background: #f1fafe;
  padding: 25px 40px 30px 40px;
  text-align: center;
  width: 1200px;
  margin: 0 auto 30px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.textbox-blue.alert-unable strong {
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: #222;
}

.textbox-blue.alert-unable strong::before {
  content: "";
  width: 51px;
  height: 47px;
  background: url("../img/ico_error.png") no-repeat;
  display: block;
  margin: 0 auto 18px auto;
}

.textbox-blue.alert-unable p {
  color: #666666;
  margin-top: 11px;
  line-height: 1.4;
}

@media screen and (max-width: 1280px) {
  .textbox-blue {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .textbox-blue.alert-unable strong {
    font-size: 18px;
  }
  .textbox-blue.alert-unable p {
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .textbox-blue.alert-unable strong {
    font-size: 16px;
  }
  .textbox-blue.alert-unable p {
    font-size: 13px;
  }
}

.title01 {
  font-size: 22px;
  color: #073190;
  padding-bottom: 10px;
}

.title02 {
  font-size: 24px;
  margin-top: 48px;
  color: #000;
  padding-left: 4px;
}

.top-apply-complete {
  text-align: center;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  font-size: 34px;
  padding: 37px 0;
}

.txt01-line {
  font-size: 17px;
  line-height: 1.5;
  padding-bottom: 15px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px;
}

.tb-title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
}

.li-dot02 > li {
  font-size: 16px;
  color: #000;
  padding-left: 16px;
  position: relative;
  margin-top: 5px;
  line-height: 1.5;
}

.li-dot02 > li:not(:first-child) {
  margin-top: 3px;
}

.li-dot02 > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  background: #148dd3;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.li-dot02 > li > p {
  color: #666;
  font-size: 14px;
}

.li-dot02 > li > .li-basic {
  color: #666;
  font-size: 14px;
}

.li-dot02 > li > .li-basic > li {
  margin-top: 4px;
}

.check-title {
  padding-left: 25px;
  position: relative;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #DEDEDE;
}

.check-title::before {
  content: '';
  width: 18px;
  height: 18px;
  background: url("../img/ico_check_tit.png") no-repeat center;
  position: absolute;
  left: 0;
  /* 20230919 top 값 변경*/
  top: 8px;
}

.td-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.td-files input[type="file"] {
  width: 460px;
}

.td-files input,
.td-files button {
  height: 38px;
  line-height: 38px;
}

.td-files button.del {
  background: #B8B8B8;
  color: #fff;
  width: 100px;
}

.td-files .help {
  font-weight: 14px;
}

.btn-area.btn-sq {
  text-align: center;
  margin-top: 20px;
}

.btn-area.btn-sq > button,
.btn-area.btn-sq > a {
  display: inline-block;
  width: 170px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  border-radius: 0;
  margin: 0 2px;
}

.btn-area.btn-sq > button.btn-navy,
.btn-area.btn-sq > a.btn-navy {
  background: #073190;
}

.btn-area.btn-sq > button.btn-gray,
.btn-area.btn-sq > a.btn-gray {
  background: #707070;
}

.help2 {
  margin-top: 8px;
  color: #e62e8b;
}

@media screen and (max-width: 1024px) {
  .title01 {
    font-size: 18px;
  }
  .title02 {
    font-size: 18px;
  }
  .txt01-line {
    font-size: 14px;
  }
  .tb-navy.tb-seperate {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tb-navy.tb-seperate table {
    font-size: 13px;
  }
  .li-dot02 > li {
    font-size: 14px;
  }
  .li-dot02 > li > .li-basic {
    font-size: 13px;
  }
  .td-files {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .td-files input[type="file"] {
    width: 100%;
  }
  .td-files button.del {
    background: #B8B8B8;
    color: #fff;
    width: 100px;
  }
  .td-files .help {
    font-weight: 14px;
    margin: 10px 0;
    width: 100%;
  }
  .btn-area.btn-sq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .btn-area.btn-sq > button,
  .btn-area.btn-sq > a {
    width: 100%;
  }
}

.linebox-title {
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  font-size: 34px;
  font-weight: normal;
  text-align: center;
  padding: 40px 20px 36px 20px;
  font-family: NanumBG, "Nanum Gothic", "Malgun Gothic", dotum, sans-serif;
}

.linebox-title p {
  line-height: 1.45;
}

.linebox-title strong {
  color: #E62E8B;
}

/* 20230919 */
.con_area {background-color: #fbfbfb; border-top: 2px solid #073190; border-bottom: 1px solid #000000; padding: 30px 15px 30px 35px;}
.con_area .inner {}
.con_area .inner .list {}
.con_area .inner .list li {margin: 10px 0 0;}
.con_area .inner .list li:first-child {margin: 0;}
.con_area .inner .list li .text {position: relative; display: inline-block; padding: 0 0 0 16px; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000;}
.con_area .inner .list li .text .gray {color: #888888;}
.con_area .inner .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #0383cd;}

@media screen and (max-width: 1024px) {
	.con_area {padding: 15px;}
	.con_area .inner .list li .text {font-size: 14px; line-height: 21px;}
}
/* //20230919 */

/* 20230922 */
.certificate_pop_area {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.5);	}
.certificate_pop_area .pop_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 520px; }
.certificate_pop_area .pop_inner .logo_box {padding: 10px 0 0px; background-color: #073190; text-align: center;}
.certificate_pop_area .pop_inner .logo_box img {}
.certificate_pop_area .pop_inner .info_area {background-color: #ecf2fd; border: 5px solid #073190; padding: 30px 35px 50px;}
.certificate_pop_area .pop_inner .info_area .title {border-radius: 18px; background-color: #ffb400;font-weight: 700; font-size: 22px; line-height: 35px; color: #ffffff; text-align: center;}
.certificate_pop_area .pop_inner .info_area .info_box {margin: 20px 0 0; padding: 15px; border-radius: 13px; border: 2px solid #1c4abe; background-color: #fff;}
.certificate_pop_area .pop_inner .info_area .info_box .text_box {}
.certificate_pop_area .pop_inner .info_area .info_box .text_box .list {}
.certificate_pop_area .pop_inner .info_area .info_box .text_box .list li {position: relative; margin: 5px 0 0; padding: 0 0 0 15px; font-weight: 400; font-size: 18px; line-height: 30px; color: #222222;}
.certificate_pop_area .pop_inner .info_area .info_box .text_box .list li:first-child {margin: 0;}
.certificate_pop_area .pop_inner .info_area .info_box .text_box .list li .etc {position: absolute; left: 0; top: 0; }
.certificate_pop_area .pop_inner .info_area > .text {position: relative; margin: 15px 0 0; padding: 0 0 0 15px; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.certificate_pop_area .pop_inner .info_area > .text .etc {position: absolute; left: 0; top: 0;}
.certificate_pop_area .pop_inner .info_area > .text a {display: inline-block; color: #073190;}
.certificate_pop_area .pop_inner .info_area .btn_area {display: flex; column-gap: 10px; justify-content: center; margin: 25px 0 0;}
.certificate_pop_area .pop_inner .info_area .btn_area .btn {display: inline-block; padding: 0 45px; border-radius: 23px; background-color: #8f8e8e; cursor: pointer}
.certificate_pop_area .pop_inner .info_area .btn_area .btn .text {font-weight: 700; font-size: 18px; line-height: 45px; color: #ffffff;}
.certificate_pop_area .pop_inner .info_area .btn_area .btn.app_btn {padding: 0 30px; background-color: #ee3897;}
.certificate_pop_area .pop_inner .info_area .btn_area .btn.app_btn .text {padding: 0 40px 0 0; background-image: url("../img/pop_btn_n.png"); background-repeat: no-repeat; background-position: right center;}


.title03 {margin: 0 0 20px; font-weight: 700; font-size: 24px; line-height: 30px; color: #000000;}

.hits_btn {display: block; width: 80px; margin: 3px auto; background-color: #0385d0; font-weight: 400; font-size: 15px; line-height: 25px; color: #ffffff; text-align: center; cursor: pointer}
.change_btn {display: block; width: 80px; margin: 3px auto; background-color: #939393; font-weight: 400; font-size: 15px; line-height: 25px; color: #ffffff; text-align: center; cursor: pointer}


@media screen and (max-width: 1024px) {
	.certificate_pop_area .pop_inner .info_area {padding: 20px; }
	.certificate_pop_area .pop_inner .info_area .title {font-size: 18px; line-height: 30px;}
	.certificate_pop_area .pop_inner .info_area .info_box {margin: 10px 0 0; padding: 10px; }
	.certificate_pop_area .pop_inner .info_area .info_box .text_box .list li {font-size: 16px; line-height: 24px;}
	.certificate_pop_area .pop_inner .info_area > .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}
	.certificate_pop_area .pop_inner .info_area .btn_area {margin: 15px 0 0;}
	.certificate_pop_area .pop_inner .info_area .btn_area .btn {padding: 0 20px;}
	.certificate_pop_area .pop_inner .info_area .btn_area .btn.app_btn {padding: 0 20px;}
	.certificate_pop_area .pop_inner .info_area .btn_area .btn .text {font-size: 16px; line-height: 40px;}

	.title03  {margin: 0 0 10px; font-size: 20px; line-height: 24px;}
}
/* 2023-11-03 */
@media screen and (max-width: 768px) {
	.hits_btn {display: inline-block; font-size: 13px;}
	.change_btn {display: inline-block; font-size: 13px; margin: 0 0 0 5px;}
}
/* // 2023-11-03 */

@media screen and (max-width: 520px) {
	.certificate_pop_area .pop_inner {max-width: 100%; width: 97%;}
}
/* // 20230922 */




@media screen and (max-width: 640px) {
  .linebox-title {
    font-size: 20px;
    padding: 20px 10px;
  }
}
/*# sourceMappingURL=qins.css.map */

/* 2024-12-11 */
.site_area {}
.site_area .list {display: flex; flex-wrap: wrap; gap: 25px 15px}
.site_area .list li {width: calc(16.6666% - 12.5px);}
.site_area .list li .box {display: block;}
.site_area .list li .box .img_box {border: 1px solid #dddddd; padding: 5px;}
.site_area .list li .box .img_box .img_inner {position: relative; padding-bottom: 30.18%; overflow: hidden;}
.site_area .list li .box .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;}
.site_area .list li .box .img_box .logo_text {position: relative; padding-bottom: 30.18%; overflow: hidden;}
.site_area .list li .box .img_box .logo_text .logo {font-weight: 700; font-size: 18px; line-height: 20px; color: #2457a2; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; word-break: break-all;}
.site_area .list li .box .text_box {margin: 5px 0 0; text-align: center;}
.site_area .list li .box .text_box .text {font-weight: 700; font-size: 15px; line-height: 24px; color: #222222;}


@media screen and (max-width: 1280px) {
	.site_area .list li {width: calc(20% - 12px);}

}

@media screen and (max-width: 1080px) {
	.site_area .list {gap: 20px 10px;}
	.site_area .list li {width: calc(25% - 7.5px);}
	.site_area .list li .box .img_box .logo_text .logo {font-size: 16px; line-height: 17px;}
	.site_area .list li .box .text_box {margin: 3px 0 0;}
	.site_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
}

@media screen and (max-width: 767px) {
	.site_area .list {gap: 10px 5px;}
	.site_area .list li {width: calc(33.3333% - 3.3333px);}
	.site_area .list li .box .img_box .logo_text .logo {font-size: 14px; line-height: 14px;}
}

@media screen and (max-width: 480px) {
	.site_area .list li {width: calc(50% - 5px);}
	.site_area .list li .box .img_box .logo_text .logo {font-size: 13px; line-height: 14px;}
}

/* // 2024-12-11 */


@media print {
	@page {size: A4; page-break-after: always;}

	.bbs-apply-form {width: 991px !important;}

	.c-borderbox {width: 991px !important}
	.c-apply .btn-area {display: none !important;}


}
@media print and (color) {
   * {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
   }
}