@charset "UTF-8";
.inner {
  max-width: 1220px;
  margin: 0 auto;
}

.wrapper {
  padding-bottom: 200px;
}

header {
  position: relative;
}
header .header__wrapper .header__inner {
  margin: 0 auto;
  max-width: 1220px;
  position: relative;
}
header .header__wrapper .header__bottom .header__bottom__logo a {
  line-height: 82px;
  height: 82px;
  display: inline-block;
  vertical-align: middle;
}
header .header__wrapper .header__bottom .header__bottom__logo a img {
  display: inline-block;
  vertical-align: middle;
}
header .header__wrapper .header__bottom nav {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  font-size: 0;
}
header .header__wrapper .header__bottom nav ul.gnb__menu li.gnb__menu-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item.with-sub
  .gnb__menu-item-btn {
  padding-right: 20px;
  background: url("/design/img/ic_nav_arrow.png") no-repeat right center;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item.menu-my {
  margin-left: 30px !important;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item.menu-my
  .gnb__menu-item-btn {
  background-color: #ff6600;
  color: #fff;
  text-align: center;
  width: 100px;
  line-height: 30px;
  font-size: 16px;
  letter-spacing: -0.8px;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  + li.gnb__menu-item {
  margin-left: 60px;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  + li.gnb__menu-item:hover
  .sub__menu-box {
  display: block;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  a.gnb__menu-item-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: -0.875px;
  line-height: 30px;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  div.sub__menu-box {
  display: none;
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  padding: 15px;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  div.sub__menu-box
  ul {
  background-color: #fff;
  border: 1px solid #a4a4a4;
  padding: 15px 13px;
  min-width: 224px;
  z-index: 100;
}
header
  .header__wrapper
  .header__bottom
  nav
  ul.gnb__menu
  li.gnb__menu-item
  div.sub__menu-box
  li
  a {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  background: url("/design/img/ic_sub_nav_arrow.png") no-repeat left center;
  line-height: 24px;
  font-size: 14px;
  letter-spacing: -0.7px;
}
header .header__wrapper .header__top {
  background-color: #f7f7f9;
  border-bottom: 1px solid #ececf1;
}
header .header__wrapper .header__top .header__top__type {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
header .header__wrapper .header__top .header__top__type a {
  position: relative;
  vertical-align: top;
  background-color: #999999;
  width: 103px;
  height: 38px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.65px;
}
header .header__wrapper .header__top .header__top__type a .txt {
  display: block;
}
header .header__wrapper .header__top .header__top__type a.on {
  background-color: #fff;
  color: #000000;
  border-left: 1px solid #ececf1;
}
header .header__wrapper .header__top .header__top__type a.on .choice {
  margin-top: 3px;
  display: block;
  text-align: center;
  width: 7px;
  height: 4px;
  background: url("/design/img/ic_header_select_mark.png") no-repeat center;
}
header .header__wrapper .header__top .header__top__type a .choice {
  display: none;
}
header .header__wrapper .header__top .header__top__type a + a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  width: 1px;
}
header .header__wrapper .header__top .header__top__menu {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
header .header__wrapper .header__top .header__top__menu .menu-btn {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 12px;
  color: #898989;
  font-weight: 700;
}
header .header__wrapper .header__top .header__top__menu .menu-btn + .menu-btn {
  margin-left: 16px;
}
header
  .header__wrapper
  .header__top
  .header__top__menu
  .menu-btn
  + .menu-btn:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #cacacc;
}
header .header__wrapper .header__top .header__top__menu .cafe-btn {
  display: inline-block;
  vertical-align: middle;
  background-color: #03c75a;
  text-align: center;
  width: 170px;
  margin-left: 17px;
}
header .header__wrapper .header__top .header__top__menu .cafe-btn .ic_cafe {
  width: 30px;
  height: 30px;
  background: url("/design/img/ic_cafe.png") no-repeat center;
}
header .header__wrapper .header__top .header__top__menu .cafe-btn .txt {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 38px;
  font-weight: 700;
  font-size: 13px;
  padding: 0 11px 0 4px;
}
header .header__wrapper .header__top .header__top__menu .cafe-btn .ic_arrow {
  width: 4px;
  height: 7px;
  background: url("/design/img/ic_cafe_link_arrow.png") no-repeat center;
}

article.page__header {
  height: 150px;
  background-color:#1945A8;
}
article.page__header.introduce .page__header__box {
  background: url("/design/img/img_page_header_introduce.png")
    no-repeat right 50px bottom;
	mix-blend-mode:luminosity;
}
article.page__header.course .page__header__box {
  background: url("/design/img/img_page_header_course.png")
    no-repeat right 0 bottom;
	mix-blend-mode:luminosity;
}
article.page__header.room .page__header__box {
  background: url("/design/img/img_page_header_room.png")
    no-repeat right 10px bottom;
	mix-blend-mode:luminosity;
}
article.page__header .page__inner {
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}
article.page__header .page__inner .page__header__box {
  font-family:'Gmarket';
  line-height: 150px;
  color: #fff;
  font-size: 34px;
  letter-spacing: -1.7px;
  font-weight: 900;
}

article.direct__search__form {
  margin: 12px 0 65px;
  text-align: right;
  font-size: 0;
}
article.direct__search__form .searchBox {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
article.direct__search__form .searchBox .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
  font-size: 15px;
  letter-spacing: -0.75px;
  margin-right: 12px;
}
article.direct__search__form .searchBox input {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  padding: 0 6px;
  font-size: 14px;
  letter-spacing: -0.35px;
  border: 1px solid #525252;
}
article.direct__search__form .searchBox a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 80px;
  line-height: 28px;
  font-size: 14px;
  letter-spacing: -0.35px;
  background-color: #525252;
}

article.subject__select {
  margin-top: 40px;
}
article.subject__select .subject__select__box {
  border: 1px solid #d5d5d5;
  position: relative;
  font-size: 0;
}
article.subject__select .subject__select__box .subject__select__tit {
  height: 200px;
  line-height: 200px;
  width: 210px;
  background-color: #68939c;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.9px;
}
article.subject__select .subject__select__box .subject__select__tit.type2 {
  background-color: #366acc;
}
article.subject__select .subject__select__box .subject__select__con {
  width: calc(100% - 210px);
  display: inline-block;
  vertical-align: middle;
  padding: 17px 60px;
  overflow: hidden;
}
article.subject__select
  .subject__select__box
  .subject__select__con
  .subject__list {
  margin: -5px;
}
article.subject__select
  .subject__select__box
  .subject__select__con
  .subject__list
  a {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  width: calc(16.66% - 10px);
  border: 1px solid #d5d5d5;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  letter-spacing: -0.75px;
}
article.subject__select
  .subject__select__box
  .subject__select__con
  .subject__list
  a.on {
  background-color: #000000;
  color: #fff;
}

article.professor__list {
  padding-top: 64px;
}
article.professor__list .professor__list__tit {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.6px;
  padding-bottom: 26px;
}
article.professor__list .professor__list__con {
  font-size: 0;
  overflow: hidden;
}
article.professor__list .professor__list__con ul {
  margin: -12.5px;
}
article.professor__list .professor__list__con ul li {
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 25px);
  margin: 10.5px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 20px 0 160px;
}
article.professor__list .professor__list__con ul li .con-info {
  position: relative;
  padding: 13px 0 0;
  margin-left: 40px;
}
article.professor__list
  .professor__list__con
  ul
  li
  .con-info
  .con-info-name
  .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: -0.45px;
  font-weight: 700;
}
article.professor__list
  .professor__list__con
  ul
  li
  .con-info
  .con-info-name
  .ic_home {
  width: 16px;
  height: 16px;
  background: url("/design/img/ic_home.png") no-repeat center/cover;
  margin-left: 6px;
}
article.professor__list .professor__list__con ul li .con-info .con-info-des {
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 17px;
  height: 34px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  height: 34px;
  letter-spacing: -0.375px;
  color: #555;
  margin: 12px 0 8px;
}
article.professor__list .professor__list__con ul li .con-info-label {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  /*   border:1px solid #000; */
  width: 200px;
}

article.professor__list .professor__list__con ul li .con-info-label .label {
  display: inline-block;

  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #0097c8;
  color: #0097c8;
  font-weight: 700;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  letter-spacing: -0.3px;
}
article.professor__list
  .professor__list__con
  ul
  li
  .con-info
  .con-info-label
  .label
  + .label {
  margin-left: 8px;
}

article.course__list .course__list__box + .course__list__box {
  margin-top: 56px;
}

article.course__list .course__title {
  color: #000000;
  font-size: 20px;
  letter-spacing: -0.5px;
  padding-bottom: 12px;
  font-weight: 700;
}

article.course__list ul {
  border-top: 2px solid #000000;
}
article.course__list ul li {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 0 0 150px;
  border-bottom: 1px solid #aaaaaa;
  height: 130px;
  width: 100%;
}
article.course__list ul li .course__profile {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
article.course__list ul li .course__profile img {
  width: 100%;
  height: 100%;
}
article.course__list ul li .course__info .course__label {
  font-size: 0;
  padding-bottom: 8px;
}
article.course__list ul li .course__info .course__label .label {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  padding: 0 8px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -0.275px;
}
article.course__list ul li .course__info .course__label .label + .label {
  margin-left: 4px;
}
article.course__list ul li .course__info .course__label .label.type1 {
  background-color: #676767;
}
article.course__list ul li .course__info .course__label .label.type2 {
  background-color: #006dd3;
}
article.course__list ul li .course__info .course__label .label.type3 {
  background-color: #ff6600;
}
article.course__list ul li .course__info .course__subject {
  font-size: 18px;
  letter-spacing: -0.45px;
  padding-bottom: 11px;
  font-weight: 700;
}
article.course__list ul li .course__info .course__sub {
  font-size: 0;
}
article.course__list ul li .course__info .course__sub .course__sub-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
}
article.course__list
  ul
  li
  .course__info
  .course__sub
  .course__sub-box
  + .course__sub-box {
  margin-left: 35px;
}
article.course__list ul li .course__price {
  margin-left: 170px;
  text-align: center;
  position: relative;
}
article.course__list ul li .course__price .course__price-txt-box {
  position: relative;
  margin-bottom: 13px;
}
article.course__list
  ul
  li
  .course__price
  .course__price-txt-box
  .course__price-sale-txt {
  font-size: 20px;
  letter-spacing: -0.5px;
  font-weight: 700;
}
article.course__list
  ul
  li
  .course__price
  .course__price-txt-box
  .course__price-origin-txt {
  position: absolute;
  right: 110px;
  text-align: right;
  width: 110px;
  top: 3.5px;
  text-decoration: line-through;
  color: #676767;
  font-size: 16px;
  letter-spacing: -0.4px;
}
article.course__list ul li .course__price .course__price__menu .menu-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 18px;
  background-color: #fff;
  border: 1px solid #ababab;
  width: 55px;
}
article.course__list ul li .course__price .course__book-info {
  display: none;
  text-align: left;
  padding: 15px 20px;
  background-color: #f5f5f5;
  border: 1px solid #ababab;
  position: absolute;
  top:73px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  min-width: 530px;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  + .course__book-info-box {
  margin-top: 10px;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-subject {
  min-width: 240px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.35px;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-price {
  display: inline-block;
  vertical-align: middle;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-price
  span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-price
  .origin-price {
  text-decoration: line-through;
  color: #535353;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-price
  .sale-price {
  margin-left: 10px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
article.course__list
  ul
  li
  .course__price
  .course__book-info
  .course__book-info-box
  .book-more-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #858585;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 18px;
  width: 88px;
}
article.course__list ul li .course__menu {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
article.course__list ul li .course__menu .cart-btn {
  border: 1px solid #0086d3;
  line-height: 28px;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
}
article.course__list ul li .course__menu .apply-btn {
  margin-top: 3px;
  border: 1px solid #0086d3;
  background-color: #0086d3;
  line-height: 28px;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #fff;
}

section.course__view {
  margin-top: 65px;
}
section.course__view .course__view__tit {
  padding-bottom: 32px;
  border-bottom: 2px solid #000;
}
section.course__view .course__view__tit .tit-txt {
  font-size: 24px;
  letter-spacing: -0.6px;
}
section.course__view .course__view__top {
  position: relative;
  padding: 20px 0 26px;
  font-size: 0;
}
section.course__view .course__view__top .top-info-box {
  position: relative;
  width: calc(100% - 470px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 50px;
  height: 250px;
}
section.course__view .course__view__top .top-info-box .course__share-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  border: 1px solid #a4a4a4;
  text-align: center;
  font-size: 0;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__share-btn
  .ic_share {
  width: 13px;
  height: 14px;
  background: url("/design/img/ic_share.png") no-repeat center/cover;
}
section.course__view .course__view__top .top-info-box .course__share-btn .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #3c3c3c;
  font-size: 13px;
  letter-spacing: -0.325px;
  padding-left: 6px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label {
  font-size: 0;
  padding-bottom: 8px;
  padding-top: 15px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label
  .label {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  padding: 0 8px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -0.275px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label
  .label
  + .label {
  margin-left: 4px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label
  .label.type1 {
  background-color: #676767;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label
  .label.type2 {
  background-color: #006dd3;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__label
  .label.type3 {
  background-color: #ff6600;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__subject {
  font-size: 24px;
  letter-spacing: -0.6px;
  padding-bottom: 19px;
  font-weight: 700;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__sub {
  font-size: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #bbbbbb;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__sub
  .course__sub-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__info
  .course__sub
  .course__sub-box
  + .course__sub-box {
  margin-left: 35px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__price
  .course__price__row {
  padding: 38px 0;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__price
  .course__price__row
  .course__price-tit-box {
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  color: #000;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__price
  .course__price__row
  .course__price-txt-box {
  display: inline-block;
  vertical-align: middle;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__price
  .course__price__row
  .course__price-txt-box
  .course__price-sale-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  letter-spacing: -0.5px;
  font-weight: 700;
}
section.course__view
  .course__view__top
  .top-info-box
  .course__price
  .course__price__row
  .course__price-txt-box
  .course__price-origin-txt {
  display: inline-block;
  vertical-align: middle;
  text-decoration: line-through;
  color: #676767;
  font-size: 16px;
  padding-right: 12px;
  letter-spacing: -0.4px;
}
section.course__view .course__view__top .top-info-box .course__menu .cart-btn {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #0086d3;
  line-height: 28px;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.course__view .course__view__top .top-info-box .course__menu .apply-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  text-align: center;
  border: 1px solid #0086d3;
  background-color: #0086d3;
  line-height: 28px;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #fff;
}
section.course__view .course__view__top .top-img-box {
  position: relative;
  width: 470px;
  display: inline-block;
  vertical-align: middle;
}
section.course__view .course__view__top .top-img-box .img-info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  text-align: center;
}
section.course__view .course__view__top .top-img-box .img-info .subject,
section.course__view .course__view__top .top-img-box .img-info .professor {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 24px;
}
section.course__view .course__view__top .top-img-box .img-info .menu {
  font-size: 0;
  padding-top: 10px;
}
section.course__view .course__view__top .top-img-box .img-info .menu a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #000;
  width: 90px;
  line-height: 28px;
  border: 1px solid #7e7e7e;
  font-size: 16px;
  letter-spacing: -0.4px;
  background-color: #fff;
}
section.course__view .course__view__top .top-img-box .img-info .menu a + a {
  margin-left: 10px;
}
section.course__view .course__view__book {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 17px 0 17px 134px;
  position: relative;
}
section.course__view .course__view__book .book-tit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  + .course__book-info-box {
  margin-top: 10px;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-subject {
  min-width: 240px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.35px;
  font-weight: 700;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-price {
  display: inline-block;
  vertical-align: middle;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-price
  span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-price
  .origin-price {
  text-decoration: line-through;
  color: #535353;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-price
  .sale-price {
  margin-left: 10px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
section.course__view
  .course__view__book
  .course__book-info
  .course__book-info-box
  .book-more-btn {
  margin-left: 23px;
  background-color: #858585;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 18px;
  width: 88px;
}
section.course__view .course__view__bottom .course__view__bottom-info {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.35px;
}
section.course__view .course__view__bottom .course__view__bottom-info .accent {
  font-size: 18px;
  font-weight: 700;
  color: #002aff;
  letter-spacing: -0.45px;
}
section.course__view article.course__tabs {
  margin: 80px 0 45px;
}
section.course__view article.course__tabs ul {
  font-size: 0;
  margin-right: -3px;
}
section.course__view article.course__tabs ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  border: 1px solid #ccc;
  margin-left: -1px;
}
section.course__view article.course__tabs ul li.on {
  border-bottom: 1px solid transparent;
}
section.course__view article.course__tabs ul li.on a {
  background-color: #fff;
  color: #000;
}
section.course__view article.course__tabs ul li a {
  text-align: center;
  background-color: #e5e5e5;
  color: #666666;
  letter-spacing: -0.45px;
  line-height: 60px;
  width: 100%;
  font-size: 18px;
}

article.table-list table {
  table-layout: fixed;
  border-top: 2px solid #cccccc;
}
article.table-list table thead {
  background-color: #f7f7f7;
}
article.table-list table thead tr th {
  height: 50px;
  text-align: center;
}
article.table-list table tbody tr {
  border-top: 1px solid #ccc;
}
article.table-list table tbody tr:last-child {
  border-bottom: 1px solid #ccc;
}
article.table-list table tbody tr td {
  text-align: center;
  height: 48px;
  padding: 0 20px;
}
article.table-list table tbody tr td .rate {
  color: #cccccc;
}
article.table-list table tbody tr td .rate.on {
  color: #e02d02;
}
article.table-list table tbody tr td.left {
  text-align: left;
}

section.contents__wrapper {
  padding: 20px 0 0;
  /* font-size: 0;  ---- board 때문에 ywkim*/
}

section.page__content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 205px);
  padding-left: 30px;
}
section.page__content article.contents__tit {
  line-height: 57px;
  font-size: 23px;
  letter-spacing: -1.15px;
}
section.page__content article.room__popup {
  position: fixed;
  /* left: 0; */
  /* right: 0; */
  top: 112px;
  /* height: 1000px; */
  bottom: 50px;
  background-color: #fff;
  border: 2px solid #333854;
  z-index: 80;
}
section.page__content article.room__popup .room__popup__wrap {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 29px 22px;
}
section.page__content
  article.room__popup
  .room__popup__wrap
  .room__popup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #000;
  color: #fff;
  line-height: 40px;
  width: 74px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.page__content article.room__popup .room__popup__wrap .room__popup__tit {
  font-size: 18px;
  letter-spacing: -0.45px;
  font-weight: 700;
  margin-bottom: 20px;
}
section.page__content article.room__popup .room__popup__wrap .titleArea{text-align:center}
section.page__content article.room__popup .room__popup__wrap .sbox{width:26%}
section.page__content article.room__popup .room__popup__wrap .search{margin-top:10px;width:100%}
section.page__content article.room__popup .room__popup__wrap .search input{width:70%}
section.page__content article.room {
  position: relative;
}
section.page__content article.room .room__lecture__select {
  position: relative;
  padding: 23px 220px 23px 30px;
  background-color: #bfe1ef;
  border: 1px solid #a4a4a4;
  height: 108px;
}
section.page__content article.room .room__lecture__select select {
  width: 540px;
  height: 30px;
  padding: 0 11px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.4px;
  border: 1px solid #000;
  background: #fff url("/design/img/ic_select.png") no-repeat right 6px center;
  appearance: none;
  outline: none;
}
section.page__content article.room .room__lecture__select .row {
  font-size: 0;
}
section.page__content article.room .room__lecture__select .row + .row {
  margin-top: 15px;
}
section.page__content article.room .room__lecture__select .room__lecture-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
  line-height: 22px;
}
section.page__content article.room .room__lecture__select .room__lecture-menu {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
section.page__content
  article.room
  .room__lecture__select
  .room__lecture-menu
  a {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  border: 1px solid #000;
  text-align: center;
  background-color: #ffffff;
  width: 69px;
  font-size: 13px;
  letter-spacing: -0.325px;
}
section.page__content
  article.room
  .room__lecture__select
  .room__lecture-menu
  a
  + a {
  margin-left: 7px;
}
section.page__content article.room .room__lecture__select .select-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 80px;
  text-align: center;
  color: #fff;
  background-color: #333854;
  font-size: 16px;
  letter-spacing: -0.4px;
  width: 150px;
}
section.page__content article.room__tabs {
  margin: 20px 0 28px;
}
section.page__content article.room__tabs ul {
  font-size: 0;
  margin-right: -3px;
}
section.page__content article.room__tabs ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  border: 1px solid #a4a4a4;
  margin-left: -1px;
}
section.page__content article.room__tabs ul li.on {
  border-bottom: 1px solid transparent;
}
section.page__content article.room__tabs ul li.on a {
  background-color: #fff;
  color: #000;
}
section.page__content article.room__tabs ul li a {
  text-align: center;
  background-color: #e5e5e5;
  color: #666666;
  letter-spacing: -0.4px;
  line-height: 60px;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
}
section.page__content article.room__filter {
  font-size: 0;
}
section.page__content article.room__filter .sbox {
  display: inline-block;
  vertical-align: middle;
  width:180px;
   margin-right: 1%;
}
section.page__content article.room__filter .sbox select {
  width: 100%;
  height: 40px;
  padding: 0 11px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  border: 1px solid #cfcfcf;
  background: #fcfcfc url("/design/img/ic_select.png") no-repeat right 6px
    center;
  appearance: none;
  outline: none;
}
section.page__content article.room__filter .search{display:block;width:100%;text-align:right}
section.page__content article.room__filter .search .txt{font-size:16px;vertical-align:middle;margin-right:10px}
section.page__content article.room__filter .search input{font-size:16px;padding:7px 11px;border:1px solid #cfcfcf}
section.page__content article.room__list {
	overflow-y:auto;
	overflow-x:hidden;
  margin-top: 20px;
  background: #fcfcfc;
  height:80%
}
section.page__content article.room__list.room__popup__list ul li {
  height: 110px;
}
section.page__content article.room__list .room__list__order {
  font-size: 0;
  margin-bottom: 13px;
}
section.page__content article.room__list .room__list__order a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
}
section.page__content article.room__list .room__list__order a.on {
  color: #7f19a8;
}
section.page__content article.room__list .room__list__order a + a {
  margin-left: 50px;
}
section.page__content article.room__list .room__list__order a + a:after {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #e4e4e4;
}
section.page__content article.room__list ul {
  border-top: 2px solid #000000;
}
section.page__content article.room__list ul li {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 0 0 150px;
  border-bottom: 1px solid #aaaaaa;
  height: 130px;
  width: 100%;
}
section.page__content article.room__list ul li .course__profile {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
section.page__content article.room__list ul li .course__profile img {
  width: 100%;
  height: 100%;
}
section.page__content article.room__list ul li .course__info .course__label {
  font-size: 0;
  padding-bottom: 8px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__label
  .label {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  padding: 0 8px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -0.275px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__label
  .label
  + .label {
  margin-left: 4px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__label
  .label.type1 {
  background-color: #676767;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__label
  .label.type2 {
  background-color: #006dd3;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__label
  .label.type3 {
  background-color: #ff6600;
}
section.page__content article.room__list ul li .course__info .course__subject {
  position: relative;
  font-size: 0;
  margin-bottom: 11px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: -0.45px;
  font-weight: 700;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .toggle-txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  width: 55px;
  line-height: 18px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.3px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info {
  display: none;
  text-align: left;
  padding: 8px 15px;
  background-color: #f5f5f5;
  border: 1px solid #ababab;
  position: absolute;
  top: 22px;
  left: 70%;
  transform: translateX(-50%);
  z-index: 50;
  min-width: 530px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  + .course__book-info-box {
  margin-top: 10px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-subject {
  min-width: 240px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.35px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-price {
  display: inline-block;
  vertical-align: middle;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-price
  span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-price
  .origin-price {
  text-decoration: line-through;
  color: #535353;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-price
  .sale-price {
  margin-left: 10px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course__subject
  .course__book-info
  .course__book-info-box
  .book-more-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #858585;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 18px;
  width: 88px;
}
section.page__content article.room__list ul li .course__info .course_progress {
  font-size: 0;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course_progress
  .progress__box {
  width: 300px;
  position: relative;
  height: 18px;
  background-color: #c2c2c2;
  display: inline-block;
  vertical-align: middle;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course_progress
  .progress__box
  .progress__bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #1945A8;
  z-index: 11;
}
section.page__content
  article.room__list
  ul
  li
  .course__info
  .course_progress
  .progress-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #3c3c3c;
  padding-left: 12px;
  font-weight: 500;
}
section.page__content article.room__list ul li .course__info .course_current {
  color: #3c3c3c;
  font-size: 14px;
  letter-spacing: -0.35px;
  padding-top: 8px;
}
section.page__content article.room__list ul li .course_ing {
  position: absolute;
  right: 126px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
section.page__content article.room__list ul li .course_ing .ing-btn {
  background-color: #0086d3;
  line-height: 70px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.4px;
  width: 120px;
}
section.page__content article.room__list ul li .course__menu {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
section.page__content article.room__list ul li .course__menu .menu-btn {
  border: 1px solid #0086d3;
  line-height: 28px;
  width: 120px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
}
section.page__content article.room__list .course__add__box {
  margin-top: 40px;
  text-align: center;
}
section.page__content article.room__list .course__add__box a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #a4a4a4;
  background-color: #eeeeee;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.45px;
  width: 210px;
  line-height: 38px;
}

nav.lnb {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  font-size: 0;
}
nav.lnb .lnb__tit {
  line-height: 55px;
  padding: 0 0 0 20px;
  color: #7f19a8;
  background-color: #f4eff8;
  font-weight: 700;
  font-size: 24px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
nav.lnb .lnb__menu__list .lnb__menu {
  padding: 24px 0 20px 22px;
}
nav.lnb .lnb__menu__list .lnb__menu + .lnb__menu {
  border-top: 1px solid #dddddd;
}
nav.lnb .lnb__menu__list .lnb__menu .lnb__menu-tit {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.45px;
}
nav.lnb .lnb__menu__list .lnb__menu ul li a {
  margin-top: 18px;
  color: #707070;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.375px;
}

@media all and ( max-width:1000px ){
	article.course__list ul li .course__price .course__book-info{top:23px}
}
@media all and ( max-width:750px ){
	article.course__list ul li .course__price .course__book-info {
	  padding: 1.5rem 2rem;
	  top:9rem;
	  min-width:100%;
	}
	article.course__list
	  ul
	  li
	  .course__price
	  .course__book-info
	  .course__book-info-box
	  + .course__book-info-box {
	  margin-top: 1rem;
	}
	article.course__list
	  ul
	  li
	  .course__price
	  .course__book-info
	  .course__book-info-box
	  .book-subject {
	  min-width:60%;
	  width:60%;
	  font-size: 2.4rem;
	  line-height:3rem;
	  text-indent:-1.4rem;
	  margin-left:1.4rem
	}
	article.course__list
	  ul
	  li
	  .course__price
	  .course__book-info
	  .course__book-info-box
	  .book-price
	  span {
	  font-size: 2.4rem;
	}
	article.course__list ul li .course__price .course__book-info .course__book-info-box .book-more-btn{font-size:2.2rem;width:13rem;line-height:3rem}
}