@charset "UTF-8";
.subPageTitle {
  background: #ffffff;
}
.subPageTitle h2 {
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: -0.8px;
  padding: 37px 0;
}
.subPage .subpageCont {
  padding: 40px 0 100px;
  min-height: calc(100vh - 400px);
  border-top: 1px solid #efefef;
}
.subPage .shadowBox.commonSearchForm {
  padding: 10px 12px;
}
.subPage .shadowBox {
  padding: 30px 40px 80px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.subPage .shadowBox:last-child {
  margin-bottom: 0;
}
.subPage .shadowBox .font-18 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.5px;
}
.subPage .shadowBox .title-underLine {
  padding-bottom: 18px;
  border-bottom: 1px solid #000;
}
.subPage .viewPageTitle {
  padding-bottom: 18px;
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subPage .viewPageTitle > p {
  flex-grow: 1;
}
.subPage .viewPageTitle .boardReadCheck {
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.36px;
  width: 100px;
  height: 32px;
  flex-shrink: 0;
}
.subPage .viewPageTitle > span {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  padding-top: 1px;
}
@media screen and (max-width: 1099px) {
  .subPageTitle {
    padding: 0 21px;
  }
  .subPageTitle h2 {
    padding: 31px 0;
  }
  .subPage {
    padding-top: 56px;
  }
  .subPage .shadowBox {
    padding: 12px 16px 30px;
  }
  .subPage .shadowBox .title-underLine {
    padding-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .subPageTitle h2 {
    padding: 29px 0;
  }
  .scrollTab {
    padding: 12px 0 11px;
    height: 57px;
    position: relative;
    overflow: hidden;
  }
  .scrollTab .linkTab {
    white-space: nowrap;
    overflow-x: auto;
    margin-top: 0 !important;
  }
  .scrollTab .linkTab::-webkit-scrollbar-thumb,
  .scrollTab .linkTab::-webkit-scrollbar-track,
  .scrollTab .linkTab::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .subPage {
    overflow-x: hidden;
  }
  .subPage .subpageCont {
    padding: 28px 0 53px;
  }
  .subPage .subpageCont .container {
    padding: 0;
    max-width: 500px;
    margin: auto;
  }
  .subPage .shadowBox {
    padding: 0 10px 30px;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .subPage.eduInfo .subpageCont {
    padding-top: 60px;
  }
}
.type-list {
  width: 936px;
  margin: 0 auto;
}
.type-list .process-album {
  position: relative;
  padding: 26px;
  border-bottom: 1px solid #cfcfcf;
}
.type-list .process-album .top {
  float: left;
  position: relative;
}
.type-list .process-album .top .imgWrap {
  position: relative;
  overflow: hidden;
  width: 192px;
  height: 136px;
}
.type-list .process-album .top .imgWrap a img {
  width: auto;
  max-width: inherit;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.type-list .process-album .top .likeBtn {
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 10px;
  left: 8px;
  padding: 0 11px;
  height: 24px;
  line-height: 24px;
}
.type-list .process-album .top .likeBtn i.icon {
  width: 16px;
  height: 13px;
}
.type-list .process-album .top .likeBtn .num {
  color: #ffffff;
  font-size: 14px;
  vertical-align: middle;
  padding-left: 4px;
}
.type-list .process-album .text-cont {
  float: left;
  padding: 0 128px 0 20px;
  width: calc(100% - 192px);
}
.type-list .process-album .text-cont .type {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #787878;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
.type-list .process-album .text-cont > p {
  max-height: 40px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.41px;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 10px;
}
.type-list .process-album .text-cont .class-info1 .credit {
  color: #3385FF;
  border: 1px solid #3385FF;
  margin-left: 8px;
}
.type-list .process-album .text-cont .class-info1 .book {
  margin-left: 8px;
}
.type-list .process-album .text-cont .class-info2 {
  margin-top: 20px;
}
.type-list .process-album .text-cont .class-info2 > span {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.36px;
  padding-left: 17px;
}
.type-list .process-album .text-cont .class-info2 > span::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #cfcfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 7.5px;
}
.type-list .process-album .text-cont .class-info2 > span:first-child {
  padding-left: 0;
}
.type-list .process-album .text-cont .class-info2 > span:first-child::before {
  display: none;
}
.type-list .process-album .text-cont .hover-cont {
  width: 120px;
  right: 26px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.type-list .process-album .text-cont .hover-cont a,
.type-list .process-album .text-cont .hover-cont button {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
}
.type-list .process-album .text-cont .hover-cont a.pre-view,
.type-list .process-album .text-cont .hover-cont button.pre-view {
  margin-bottom: 10px;
  background: #3385FF;
  border: 1px solid #3385FF;
  color: #ffffff;
}
.type-list .process-album::after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 1099px) {
  .type-list {
    width: 100%;
  }
  .type-list .process-album .top .imgWrap a {
    pointer-events: all;
  }
  .type-list .process-album .text-cont > p.tablet-block {
    font-size: 14px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.6em;
  }
}
@media screen and (max-width: 767px) {
  .type-list {
    width: 100%;
  }
  .type-list .process-album {
    padding: 16px 6px;
  }
  .type-list .process-album > div {
    position: relative;
  }
  .type-list .process-album > div::after {
    content: "";
    display: block;
    clear: both;
  }
  .type-list .process-album .top {
    width: 39%;
  }
  .type-list .process-album .top .imgWrap {
    width: 100%;
    padding-top: 102.3%;
    position: relative;
    height: 0;
  }
  .type-list .process-album .top .imgWrap a img {
    width: auto;
    max-width: inherit;
    height: 100%;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .type-list .process-album .text-cont {
    width: calc(100% - 39%);
    padding: 0 0 0 8px;
    position: relative;
  }
  .type-list .process-album .text-cont .type {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.3px;
  }
  .type-list .process-album .text-cont .hover-cont {
    width: 100%;
    height: 100%;
    right: 0;
  }
  .type-list .process-album .text-cont .hover-cont a {
    display: none;
  }
}
.type-card {
  margin-top: 32px;
}
.type-card > ul {
  width: 960px;
  margin: 0 auto;
  font-size: 0;
}
.type-card > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-left: 24px;
  margin-bottom: 80px;
}
.type-card > ul > li:first-child,
.type-card > ul > li:nth-child(3n + 1) {
  margin-left: 0;
}
.type-card .process-album {
  width: 304px;
  height: 344px;
  position: relative;
}
.type-card .process-album > div {
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  overflow: hidden;
}
.type-card .process-album > div .top {
  position: relative;
}
.type-card .process-album > div .top .imgWrap {
  position: relative;
  padding-top: 55.267%;
  overflow: hidden;
}
.type-card .process-album > div .top .imgWrap a img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.type-card .process-album > div .top .likeBtn {
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 10px;
  left: 8px;
  padding: 0 11px;
  height: 24px;
  line-height: 24px;
}
.type-card .process-album > div .top .likeBtn i.icon {
  width: 16px;
  height: 13px;
}
.type-card .process-album > div .top .likeBtn .num {
  color: #ffffff;
  font-size: 14px;
  vertical-align: middle;
  padding-left: 4px;
}
.type-card .process-album > div .text-cont {
  padding: 12px 8px 0;
}
.type-card .process-album > div .text-cont span.type {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #787878;
}
.type-card .process-album > div .text-cont p.font-bold.pc-block {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.41px;
  margin: 4px 0 12px;
  word-break: break-all;
  overflow: hidden;
}
.type-card .process-album > div .text-cont .class-info1 .credit {
  color: #3385FF;
  border: 1px solid #3385FF;
  margin-left: 8px;
}
.type-card .process-album > div .text-cont .class-info2 {
  padding: 20px 0 48px;
}
.type-card .process-album > div .text-cont .class-info2 .score {
  font-size: 0;
  height: 24px;
}
.type-card .process-album > div .text-cont .class-info2 .score > i.icon-like {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.type-card .process-album > div .text-cont .class-info2 .score .rate-smile,
.type-card .process-album > div .text-cont .class-info2 .score span {
  display: inline-block;
  vertical-align: middle;
}
.type-card .process-album > div .text-cont .class-info2 .score span {
  margin-left: 8px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.36px;
}
.type-card .process-album > div .text-cont .class-info2 > span {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.36px;
  padding-left: 17px;
}
.type-card .process-album > div .text-cont .class-info2 > span::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #cfcfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 7.5px;
}
.type-card .process-album > div .text-cont .class-info2 > span:first-child {
  padding-left: 0;
}
.type-card .process-album > div .text-cont .class-info2 > span:first-child::before {
  display: none;
}
.type-card .process-album > div .text-cont .hover-cont {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px;
}
.type-card .process-album > div .text-cont .hover-cont a {
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  vertical-align: top;
  width: 160px;
}
.type-card .process-album > div .text-cont .hover-cont a.pre-view {
  width: 120px;
  margin-right: 8px;
}
.type-card .process-album:hover > div {
  z-index: 2;
  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.18);
  height: 424px;
}
.type-card .process-album:hover > div .top .imgWrap a img {
  transform: translate(-50%, -50%) scale(1.1);
}
.type-card .process-album:hover > div .text-cont .hover-cont {
  opacity: 1;
  visibility: visible;
}
.type-card .process-album:hover > div .text-cont > p {
  text-decoration: underline;
}
@media screen and (max-width: 1099px) {
  .type-card .process-album {
    position: relative;
    width: 240px;
    height: auto;
  }
  .type-card .process-album > div {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    transform: translateX(0%);
  }
  .type-card .process-album > div .top .imgWrap {
    padding-top: 74.267%;
  }
  .type-card .process-album > div .top .imgWrap a {
    pointer-events: all;
  }
  .type-card .process-album > div .top .imgWrap a img {
    width: auto;
    height: 100%;
  }
  .type-card .process-album > div .text-cont {
    padding: 12px 8px;
    position: relative;
  }
  .type-card .process-album > div .text-cont p.font-bold.tablet-block {
    font-size: 14px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.38;
    margin-bottom: 12px;
    word-break: break-all;
  }
  .type-card .process-album > div .text-cont .class-info2 {
    padding-bottom: 0;
  }
  .type-card .process-album > div .text-cont .hover-cont {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: visible;
    background: none;
  }
  .type-card .process-album > div .text-cont .hover-cont a {
    font-size: 0;
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .type-card .process-album > div .text-cont .hover-cont a.pre-view {
    display: none;
  }
  .type-card .process-album:hover > div {
    width: 100%;
    height: 100%;
  }
  .type-card .process-album:hover > div .text-cont .hover-cont {
    opacity: 0;
  }
  .type-card > ul {
    width: 100%;
  }
  .type-card > ul > li {
    width: 32%;
    height: auto;
    margin-left: 2%;
    margin-bottom: 60px;
  }
  .type-card > ul > li .process-album {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .type-card {
    margin-top: 20px;
  }
  .type-card > ul > li {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 5%;
  }
  .type-card > ul > li:nth-child(3n + 1) {
    margin-left: 4%;
  }
  .type-card > ul > li:nth-child(2n + 1) {
    margin-left: 0;
  }
  .type-card .process-album {
    width: 220px;
  }
  .type-card .process-album > div .top .imgWrap {
    padding-top: 81.267%;
  }
  .type-card .process-album > div .top .likeBtn {
    left: 4px;
    bottom: 4px;
  }
  .type-card .process-album > div .text-cont {
    padding: 6px 6px 9px;
  }
  .type-card .process-album > div .text-cont span.type {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.25px;
  }
  .type-card .process-album > div .text-cont .class-info2 div,
  .type-card .process-album > div .text-cont .class-info2 span {
    float: none;
  }
  .type-card .process-album > div .text-cont .class-info2 > span {
    display: block;
    padding: 6px 0 0;
  }
  .type-card .process-album > div .text-cont .class-info2 > span::before {
    display: none;
  }
  .type-card .process-album > div .text-cont p.font-bold.tablet-block {
    margin-bottom: 8px;
  }
}
.like-notice {
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  position: fixed;
  z-index: 99;
  line-height: 20px;
  font-size: 14px;
  padding: 6px 0;
  min-width: 186px;
  text-align: center;
  color: #fff;
  display: none;
}
.like-notice::after {
  content: "찜이 취소 되었습니다";
}
.like-notice.like-on {
  min-width: 235px;
}
.like-notice.like-on::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url("/assets/svg/newGetSmart/btn-zzim-on.svg") no-repeat 50%;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}
.like-notice.like-on::after {
  content: "찜 한 과정에 등록 되었습니다.";
}
.first-login-pop {
  width: 680px;
}
.first-login-pop .popupHead {
  border-bottom: 1px solid #cfcfcf;
  position: relative;
}
.first-login-pop .popupHead h1 {
  height: 68px;
  padding: 23px 40px;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.51px;
}
.first-login-pop .popupHead > button {
  width: 18px;
  height: 19px;
  right: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.first-login-pop .popCont {
  padding: 30px 40px;
  background: #ffffff;
}
.first-login-pop .popCont .agreeCheckBox p.inputWrap {
  display: block;
  height: 60px;
  padding: 14px 20px 12px;
  border: 1px solid #efefef;
  border-bottom: none;
}
.first-login-pop .popCont .agreeCheckBox p.inputWrap input[type="checkbox"] + label {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.41px;
  display: block;
}
.first-login-pop .popCont .agreeCheckBox p.inputWrap input[type="checkbox"] + label span {
  width: 34px;
  height: 34px;
  background: url("/assets/img/getSmart/btn-terms-check-off.png") no-repeat 50%;
  border: none;
}
.first-login-pop .popCont .agreeCheckBox p.inputWrap input[type="checkbox"]:checked + label span {
  background: url("/assets/svg/newGetSmart/btn-terms-check-on.svg");
  background-size: contain;
}
.first-login-pop .popCont .agreeCheckBox ul {
  background: #f9f9f9;
  padding: 0 20px;
  border: 1px solid #efefef;
  margin-bottom: 50px;
}
.first-login-pop .popCont .agreeCheckBox ul li button {
  height: 47px;
  width: 100%;
  position: relative;
}
.first-login-pop .popCont .agreeCheckBox ul li button:hover {
  background: #efefef;
}
.first-login-pop .popCont .agreeCheckBox ul li button::after {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  background: url("/assets/img/getSmart/invalid-name.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 20px;
}
.first-login-pop .popCont .agreeCheckBox button[type="submit"] {
  font-size: 16px;
}
.first-login-pop .popCont .writeForm .writeWrap > li {
  padding: 0;
  border-bottom: none;
}
.first-login-pop .popCont .writeForm .writeWrap > li .write-td {
  float: none;
  width: 100%;
  padding: 0;
}
.first-login-pop .popCont .writeForm .writeWrap > li .write-td ul {
  margin-bottom: 36px;
}
.first-login-pop .popCont .writeForm .writeWrap > li .write-td ul li > span i {
  font-size: 12px;
  font-style: normal;
  padding-left: 5px;
}
.first-login-pop .popCont .writeForm button[type="submit"] {
  width: 100px;
  line-height: 38px;
  height: 40px;
}
.first-agree-pop {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  background: #ffffff;
  width: 680px;
  height: 572px;
  display: none;
}
.first-agree-pop > div.popCont {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.36px;
  height: 505px;
  overflow-y: scroll;
}
.first-agree-pop > div.popCont pre {
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}
.first-agree-pop .gear-policy > b {
  display: block;
}
.first-agree-pop .gear-policy table {
  border: 1px solid #787878;
  border-top: none;
  border-left: none;
  width: 100%;
}
.first-agree-pop .gear-policy table th,
.first-agree-pop .gear-policy table td {
  transform: rotate(0.03deg);
  border-top: 1px solid #787878;
  padding: 5px;
}
.first-agree-pop .gear-policy table th {
  border-left: 1px solid #787878;
}
.first-agree-pop .gear-policy table td {
  border-left: 1px solid #787878;
}
@media screen and (max-width: 767px) {
  .first-login-pop .popupHead h1 {
    padding: 22px 25px;
  }
  .first-login-pop .popCont {
    padding: 24px 10px;
  }
  .first-login-pop .popCont .writeForm .writeWrap > li .write-td > ul {
    margin: 0;
  }
  .first-agree-pop {
    width: 100%;
    height: 100%;
  }
  .first-agree-pop > div.popCont {
    height: calc(100% - 69px);
  }
}
@media screen and (max-width: 767px) {
  .eduInfo .subPageTitle {
    padding: 0;
  }
  .eduInfo .subPageTitle h2 {
    display: none;
  }
}
.educationalSystemTab1 {
  overflow-y: hidden;
  font-size: 0;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  position: relative;
  padding: 0 25px 13px;
}
.educationalSystemTab1 div {
  overflow: hidden;
  width: 100%;
}
.educationalSystemTab1 div span {
  font-size: 16px;
  display: inline-block;
  letter-spacing: -0.41px;
  margin-left: 54px;
  cursor: pointer;
  transform: rotate(0.03deg);
}
.educationalSystemTab1 div span:first-child {
  margin-left: 0;
}
.educationalSystemTab1 div span.active {
  color: #3385FF;
  font-weight: bold;
}
.educationalSystemTab1 button {
  overflow: visible;
  position: absolute;
  top: -4px;
  width: 15px;
  height: 34px;
  outline: 0;
}
.educationalSystemTab1 button.button_prev {
  left: 0;
  background: #ffffff url("/assets/img/getSmart/btn-box-left.png") no-repeat 50%;
}
.educationalSystemTab1 button.button_next {
  right: 0;
  background: #ffffff url("/assets/img/getSmart/btn-box-right.png") no-repeat 50%;
}
.educationalSystemTab2 {
  background: #efefef;
  height: 52px;
  line-height: 52px;
  font-size: 0;
  display: none;
}
.educationalSystemTab2 span {
  font-size: 16px;
  letter-spacing: -0.41px;
  color: #cfcfcf;
  padding-left: 49px;
  position: relative;
}
.educationalSystemTab2 span::before {
  content: "";
  display: block;
  background: #cfcfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 23px;
  width: 2px;
  height: 14px;
}
.educationalSystemTab2 span.on {
  color: #3385FF;
}
.educationalSystemTab2 span:first-child {
  padding-left: 0;
}
.educationalSystemTab2 span:first-child::before {
  display: none;
}
.educationalSystem .shadowBox .imgscrollBox {
  overflow-x: auto;
}
.educationalSystem .shadowBox .imgscrollBox img {
  max-width: inherit;
}
.educationalSystem .shadowBox .link-img-wrap {
  position: relative;
  display: inline-block;
}
.educationalSystem .shadowBox .link-img-wrap.scroll-img {
  overflow-x: auto;
  width: 100%;
}
.educationalSystem .shadowBox .link-img-wrap.scroll-img .img-box {
  min-width: 1200px;
}
.educationalSystem .shadowBox .link-img-wrap a {
  position: absolute;
  display: block;
}
@media screen and (max-width: 1099px) {
  .educationalSystemTab1 {
    padding: 0 20px 13px;
    width: 97%;
  }
  .educationalSystemTab1 .educationalSystemTab {
    overflow-x: auto;
    padding: 0;
  }
  .educationalSystemTab1 .educationalSystemTab span {
    margin-left: 20px;
  }
  .educationalSystemTab1 button {
    opacity: 0.5;
    pointer-events: none;
  }
  .educationalSystemTab2 {
    font-size: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    padding: 0 20px;
  }
  .educationalSystemTab2 span {
    padding-left: 39px;
  }
  .educationalSystemTab2 span::before {
    left: 18px;
  }
}
@media screen and (max-width: 767px) {
  .educationalSystem .shadowBox .link-img-wrap.scroll-img .img-box {
    min-width: 100%;
  }
}
.eduGuide .eduGuideBannerWrap {
  width: 838px;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .bannerText {
  display: none;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .bannerText b {
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.61px;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .bannerText > p {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.41px;
  margin: 16px 0 40px;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .bannerImgWrap {
  background: #ffffff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.07);
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-nav button {
  bottom: 280px;
  position: absolute;
  width: 56px;
  height: 56px;
  border: 1px solid #000000;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-nav button.owl-prev {
  left: -97px;
  background: #ffffff url('/assets/img/getSmart/btn-box-left.png') no-repeat 50%;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-nav button.owl-next {
  right: -97px;
  background: #ffffff url('/assets/img/getSmart/btn-box-right.png') no-repeat 50%;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-nav button > span {
  font-size: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-dots {
  font-size: 0;
  text-align: center;
  margin-top: 24px;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-dots button {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #d8d8d8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 12px;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-dots button:first-child {
  margin-left: 0;
}
.eduGuide .eduGuideBannerWrap .eduGuideBanner .owl-dots button.active {
  background: #3385FF;
}
.eduGuide .blueBtn {
  width: 239px;
  height: 40px;
  line-height: 38px;
  margin: 40px auto 60px;
}
.eduGuide .linkBtns {
  width: 838px;
}
.eduGuide .linkBtns > p {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
  margin-bottom: 28px;
}
.eduGuide .linkBtns a {
  font-size: 18px;
  padding: 23px 0;
  line-height: 1.22;
  letter-spacing: -0.46px;
  width: 396px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffffff;
}
@media screen and (max-width: 1099px) {
  .eduGuide .eduGuideBannerWrap {
    width: 100%;
  }
  .eduGuide .eduGuideBannerWrap .owl-nav {
    display: none;
  }
  .eduGuide .linkBtns {
    width: 100%;
  }
  .eduGuide .linkBtns a {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .eduGuide .eduGuideBannerWrap .eduGuideBanner .bannerText {
    display: none;
  }
  .eduGuide .blueBtn {
    width: 100%;
  }
  .eduGuide .linkBtns a {
    width: 100%;
    padding: 15px 0;
  }
}
.eduschedule .fc-day-grid-event .fc-time {
  transform: rotate(0.03deg);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .eduschedule .fc-event .fc-content {
    font-size: 12px;
    letter-spacing: -1px;
  }
  .eduschedule .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
    padding: 0 2px;
    font-size: 11px;
  }
}
.courseApprovalPop .popcontent {
  max-height: 95%;
  overflow-y: auto;
}
.courseApprovalPop .popcontent.miniPop {
  padding: 48px 30px 36px;
  width: 380px;
  min-height: 228px;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.4px;
}
.courseApprovalPop .popcontent.miniPop p {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.4px;
}
.courseApprovalPop .popcontent.miniPop p span.pc-block {
  font-size: 13px;
}
.courseApprovalPop .popcontent.miniPop p.inputWrap {
  margin-top: 20px;
}
.courseApprovalPop .popcontent > form {
  padding: 24px 40px;
  width: 850px;
}
.courseApprovalPop .popcontent > form > p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.4px;
}
.courseApprovalPop .popcontent > form .formTable {
  margin-top: 40px;
}
.courseApprovalPop .popcontent > form .formTable > .text-break {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
}
.courseApprovalPop .popcontent > form .formTable > .text-break button {
  width: 72px;
  height: 24px;
  border-radius: 4px;
  float: right;
}
.courseApprovalPop .popcontent > form .formTable table {
  text-align: left;
}
.courseApprovalPop .popcontent > form .formTable table.text-left th,
.courseApprovalPop .popcontent > form .formTable table.text-left td {
  padding-left: 32px;
}
.courseApprovalPop .popcontent > form .formTable table td {
  word-break: break-all;
}
.courseApprovalPop .popcontent > form .formTable table td input {
  width: 100%;
}
.courseApprovalPop .popcontent > form .formTable table td.noResult {
  padding: 58px 0 36px;
  border-bottom: none;
  text-align: center;
}
.courseApprovalPop .popcontent > form .formTable table td .main-bg-btn {
  border-radius: 4px;
  width: 40px;
  height: 29px;
  line-height: 26px;
}
.courseApprovalPop .popcontent > form .formTable > div {
  margin-top: 4px;
}
.courseApprovalPop .popcontent > form .formTable > div .inputWrap input[type="checkbox"] + label span {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.courseApprovalPop .popcontent > form .formTable > div .black-line-btn {
  width: 48px;
  height: 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: 16px;
}
.courseApprovalPop .popcontent > form .formTable textarea {
  padding: 10px;
  border: 1px solid #c0c5c9;
  width: 100%;
  height: 100px;
}
.courseApprovalPop .popcontent > form .gray-line-box {
  padding: 10px;
  border: 1px solid #c0c5c9;
  width: 100%;
  min-height: 100px;
}
.courseApprovalPop .btnWrap {
  margin-top: 52px;
  text-align: center;
  font-size: 0;
}
.courseApprovalPop .btnWrap button {
  margin-right: 28px;
  width: 80px;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.courseApprovalPop .btnWrap button:last-child {
  margin-right: 0;
}
.slelectPopupWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.slelectPopupWrap .slelectPopup {
  background: #ffffff;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
  width: 700px;
  padding: 24px 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
}
.slelectPopupWrap .slelectPopup > .text-break {
  line-height: 1.2;
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 32px;
}
.slelectPopupWrap .slelectPopup .searchBox {
  margin-top: 24px;
}
.slelectPopupWrap .slelectPopup .searchBox span {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  display: block;
  margin-bottom: 12px;
}
.slelectPopupWrap .slelectPopup .searchBox div {
  font-size: 0;
}
.slelectPopupWrap .slelectPopup .searchBox div input {
  width: 78%;
  height: 32px;
  border: solid 1px #c0c5c9;
  margin-right: 4%;
}
.slelectPopupWrap .slelectPopup .searchBox div button {
  width: 18%;
  height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slelectPopupWrap .slelectPopup .resultTalbe {
  margin-top: 24px;
}
.slelectPopupWrap .slelectPopup .resultTalbe .noResult {
  padding: 58px 0 36px;
  border-bottom: none;
  text-align: center;
}
.slelectPopupWrap .slelectPopup .resultTalbe .hasResult:hover,
.slelectPopupWrap .slelectPopup .resultTalbe .hasResult:focus {
  background: #f9f9f9;
}
.slelectPopupWrap .slelectPopup .resultTalbe .hasResult:hover td,
.slelectPopupWrap .slelectPopup .resultTalbe .hasResult:focus td {
  background: #f9f9f9;
  text-decoration: underline;
  cursor: pointer;
}
.slelectPopupWrap .slelectPopup .pageNation {
  margin-top: 19px;
}
.slelectPopupWrap .slelectPopup .btnWrap {
  margin-top: 32px;
}
.slelectPopupWrap .slelectPopup .btnWrap .black-line-btn:first-child {
  margin-right: 0;
}
.slectDisablePopWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.slectDisablePopWrap .slectDisablePop {
  width: 440px;
  height: 172px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  z-index: 99;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
  padding: 42px 30px 28px;
}
.slectDisablePopWrap .slectDisablePop p {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  margin-bottom: 49px;
}
.slectDisablePopWrap .slectDisablePop .main-bg-btn {
  width: 80px;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .courseApprovalPop .popcontent {
    padding: 40px 14px;
  }
  .courseApprovalPop .popcontent.miniPop {
    width: 300px;
    min-height: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%);
  }
  .courseApprovalPop .popcontent > form {
    padding: 0;
    width: 100%;
  }
  .courseApprovalPop .popcontent > form .formTable {
    margin-top: 32px;
  }
  .courseApprovalPop .popcontent > form .formTable .text-break {
    line-height: 1.57;
    letter-spacing: -0.36px;
    padding-bottom: 12px;
    border-bottom: 1px solid #000000;
    margin-bottom: 8px;
  }
  .courseApprovalPop .popcontent > form .formTable .text-break.no-line {
    border-bottom: none;
  }
  .courseApprovalPop table tr td {
    padding-left: 38% !important;
    height: 32px;
    line-height: 32px;
    margin-bottom: 6px;
  }
  .courseApprovalPop table tr td::before {
    content: attr(data-label);
    display: inline-block;
    width: 38%;
    position: absolute;
    left: 0;
    top: 0;
    color: #787878;
    line-height: 32px;
  }
  .courseApprovalPop .slelectPopupWrap .slelectPopup {
    padding: 24px 10px;
    width: 93.75%;
    max-height: 80%;
    overflow-y: auto;
  }
  .courseApprovalPop .slelectPopupWrap .slelectPopup .resultTalbe {
    border-top: 1px solid #000000;
  }
  .courseApprovalPop .slelectPopupWrap .slelectPopup .resultTalbe .noResult {
    padding: 35px 0 !important;
    margin-bottom: 0;
  }
  .courseApprovalPop .slelectPopupWrap .slelectPopup .resultTalbe .hasResult td {
    height: 27px;
    line-height: 27px;
  }
  .courseApprovalPop .slelectPopupWrap .slelectPopup .resultTalbe .hasResult td:first-child {
    display: none;
  }
  .courseApprovalPop .slectDisablePopWrap .slectDisablePop {
    width: 93%;
    height: auto;
    padding: 42px 30px 28px;
  }
  .courseApprovalPop .slectDisablePopWrap .slectDisablePop p {
    text-align: left;
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
}
.application-tab {
  padding-bottom: 13px;
}
.application-tab > ul {
  padding: 0;
}
.application-tab > ul > li {
  display: inline-block;
  letter-spacing: -0.41px;
  margin-right: 40px;
}
.application-tab > ul > li button {
  font-size: 16px;
  display: block;
}
.application-tab > ul > li > a {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  padding-left: 24px;
  background: url('/assets/svg/newGetSmart/ic-allmenu.svg') no-repeat 0 50%;
}
.application-tab > ul > li > a:hover,
.application-tab > ul > li > a.active {
  color: #3385FF;
  font-weight: bold;
  transform: rotate(0.03deg);
  background: url('/assets/svg/newGetSmart/ic-allmenu-on.svg') no-repeat 0 50%;
}
.application-tab > ul > li.on button {
  color: #3385FF;
  font-weight: bold;
  transform: rotate(0.03deg);
}
.application-tab > ul > li:last-child {
  margin-right: 0;
}
.courseTab {
  width: 1060px;
  background: #ffffff;
  position: absolute;
  top: 218px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
}
.courseTab.active {
  height: 440px;
  padding: 10px 0;
}
.courseTab > div > div {
  float: left;
  width: 258px;
}
.courseTab > div > div ul {
  height: 430px;
  padding: 0 10px;
  overflow-y: auto;
}
.courseTab > div > div ul::-webkit-scrollbar-track {
  background: #ffffff;
}
.courseTab > div > div ul li {
  line-height: 38px;
  padding: 0 20px;
  cursor: pointer;
}
.courseTab > div > div ul li.on {
  background: #efefef;
}
.courseTab > div > div ul li span {
  color: #787878;
}
.courseTab > div > div.select-tab2 {
  display: none;
}
.courseTab > div > div.select-tab2.active {
  display: block;
}
.courseTab > div > div.select-tab2 ul li:hover {
  background: #efefef;
}
.courseTab .m-dimmmed {
  display: none;
}
@media screen and (max-width: 1099px) {
  .application-tab {
    padding: 12px 0 11px;
    height: 58px;
    position: relative;
  }
  .application-tab::after {
    content: "";
    display: block;
    width: 15px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6));
    background-image: -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6));
    background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.6));
  }
  .application-tab > ul {
    white-space: nowrap;
    overflow-x: auto;
  }
  .application-tab > ul::-webkit-scrollbar-thumb,
  .application-tab > ul::-webkit-scrollbar-track,
  .application-tab > ul::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .courseTab {
    width: 100%;
    top: 215px;
    background: #ffffff;
    height: 450px !important;
    padding: 0 !important;
  }
  .courseTab > div {
    z-index: 1;
    position: relative;
    padding: 10px 20px;
  }
  .courseTab > div > div {
    width: 248px;
  }
  .courseTab > div > div ul {
    padding: 0 10px 0 0;
  }
  .courseTab > div > div.select-tab2 ul li:focus {
    background: #efefef;
  }
  .courseTab.active .m-dimmmed {
    display: block;
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .application-tab {
    padding: 12px 0 11px;
    height: 58px;
    position: relative;
  }
  .application-tab > ul li {
    margin-right: 34px;
  }
  .application-tab > ul li:last-child {
    margin-right: 15px;
  }
  .application-tab > ul li button,
  .application-tab > ul li a {
    line-height: 2.13;
  }
  .courseTab {
    top: 115px;
  }
  .courseTab > div.container {
    padding: 0;
  }
  .courseTab > div.container > div {
    position: absolute;
    width: 100%;
    background: #ffffff;
  }
  .courseTab > div.container > div.select-tab2 > button {
    height: 38px;
    width: 100%;
    padding-left: 20px;
  }
  .courseTab > div.container > div.select-tab2 > button::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url('/assets/img/getSmart/btn-back.png');
    background-size: contain;
    margin-right: 6px;
  }
  .courseTab > div.container > div.select-tab2 ul {
    height: 386px;
  }
  .courseTab.active {
    height: 434px !important;
  }
}
.courseApplication .recommendCourse:last-child .courseList-banner {
  min-height: 428px;
}
.courseList-banner {
  padding-top: 12px;
  margin-top: 0;
}
.courseList-banner .owl-stage-outer {
  overflow: visible;
}
.courseList-banner .owl-stage-outer .owl-item:last-child {
  margin-right: 0 !important;
}
.courseList-banner .owl-nav {
  margin-top: 32px;
  text-align: center;
  font-size: 0;
}
.courseList-banner .owl-nav button {
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  margin-left: 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.courseList-banner .owl-nav button:first-child {
  margin-left: 0;
}
.courseList-banner .owl-nav button.owl-prev {
  background: url('/assets/img/getSmart/invalid-name2.png') no-repeat 50%;
}
.courseList-banner .owl-nav button.owl-prev:hover {
  background: #efefef url('/assets/img/getSmart/invalid-name2.png') no-repeat 50%;
}
.courseList-banner .owl-nav button.owl-next {
  background: url('/assets/img/getSmart/invalid-name.png') no-repeat 50%;
}
.courseList-banner .owl-nav button.owl-next:hover {
  background: #efefef url('/assets/img/getSmart/invalid-name.png') no-repeat 50%;
}
@media screen and (max-width: 1099px) {
  .courseApplication .recommendCourse:last-child .courseList-banner {
    min-height: inherit;
  }
  .courseList-banner .process-album {
    width: 304px;
    height: 344px;
  }
  .courseList-banner .process-album > div {
    width: 100%;
    height: 344px;
  }
  .courseList-banner .process-album > div .top .imgWrap {
    padding-top: 56.267%;
  }
  .courseList-banner .process-album > div .top .imgWrap a img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .courseList-banner {
    margin-top: 16px;
  }
  .courseList-banner .process-album {
    width: 200px;
    height: auto;
  }
  .courseList-banner .process-album > div {
    width: 200px;
    height: auto;
  }
}
.courseApplication .shadowBox {
  padding: 24px;
  overflow: hidden;
}
.courseApplication .recommendCourse {
  position: relative;
  margin-top: 80px;
}
.courseApplication .recommendCourse:first-child {
  margin-top: 0;
}
.courseApplication .recommendCourse .online-top-btn-wrap {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.courseApplication .recommendCourse .online-top-btn-wrap .main-bg-btn {
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
}
.courseApplication .recommendCourse > p {
  font-size: 24px;
  line-height: 1.83;
  letter-spacing: -0.61px;
}
.courseApplication .recommendCourse > p .resultNum {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.2;
  color: #787878;
}
.courseApplication .recommendCourse .moreBtn {
  position: absolute;
  top: 10px;
  right: 0;
  color: #3385FF;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
}
.courseApplication .recommendCourse .showType {
  width: 960px;
  margin: 32px auto 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #cfcfcf;
}
.courseApplication .recommendCourse .showType .float-left > ul {
  display: inline-block;
  vertical-align: middle;
}
.courseApplication .recommendCourse .showType .float-left > ul li {
  margin-left: 15px;
}
.courseApplication .recommendCourse .showType .float-left > ul li.on a {
  color: #3385FF;
}
.courseApplication .recommendCourse .showType .float-left > ul li.on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
}
.courseApplication .recommendCourse .showType .float-right select {
  vertical-align: middle;
}
.courseApplication .recommendCourse .showType .float-right > button {
  font-size: 14px;
  height: 28px;
  border: solid 1px #cfcfcf;
  padding: 0 9px 0 10px;
  vertical-align: middle;
}
.courseApplication .recommendCourse .showType .float-right > button i {
  margin-right: 6px;
}
.courseApplication .recommendCourse .showType .float-right .type_btns {
  vertical-align: middle;
}
.courseApplication .recommendCourse .showType .float-right .type_btns > button {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_cardveiw {
  background: url('/assets/img/getSmart/btn-cardveiw.png') no-repeat;
}
.courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_cardveiw.on {
  background: url('/assets/svg/newGetSmart/btn-cardveiw_on.svg') no-repeat;
}
.courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_listveiw {
  background: url('/assets/img/getSmart/btn-listveiw.png') no-repeat;
}
.courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_listveiw.on {
  background: url('/assets/svg/newGetSmart/btn-listveiw_on.svg') no-repeat;
}
@media screen and (max-width: 1099px) {
  .courseApplication .shadowBox {
    padding: 20px 13px;
  }
  .courseApplication .type-list {
    overflow: hidden;
  }
  .courseApplication .type-list .moreBtn {
    position: relative;
    top: 0;
    width: 180px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #3385FF;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
    display: block;
    margin: 32px auto 0;
  }
  .courseApplication .recommendCourse .moreBtn {
    position: relative;
    width: 180px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    margin: 32px auto 0;
    display: block;
    top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #3385FF;
  }
  .courseApplication .recommendCourse .showType {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .courseApplication .subPageTitle h2 {
    display: none;
  }
  .courseApplication .shadowBox {
    padding: 20px 0;
  }
  .courseApplication .recommendCourse > p {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: -0.46px;
    padding: 0 6px;
  }
  .courseApplication .recommendCourse .online-top-btn-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .courseApplication .recommendCourse .online-top-btn-wrap .main-bg-btn {
    margin: 0 0 10px 8px;
  }
  .courseApplication .recommendCourse .showType {
    margin-top: 16px;
    padding: 0 6px 12px;
  }
  .courseApplication .recommendCourse .showType .float-left {
    position: relative;
  }
  .courseApplication .recommendCourse .showType .float-left > button {
    height: 24px;
    color: #3385FF;
  }
  .courseApplication .recommendCourse .showType .float-left > button::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
  }
  .courseApplication .recommendCourse .showType .float-left > ul {
    position: absolute;
    top: 100%;
    width: 131px;
    height: 72px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    z-index: 5;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.19);
    display: none;
  }
  .courseApplication .recommendCourse .showType .float-left > ul.on {
    display: block;
  }
  .courseApplication .recommendCourse .showType .float-left > ul li {
    float: none;
    margin-left: 0;
    line-height: 36px;
  }
  .courseApplication .recommendCourse .showType .float-left > ul li.on::before {
    display: none;
  }
  .courseApplication .recommendCourse .showType .float-left > ul li a {
    display: block;
    padding: 0 17px ;
  }
  .courseApplication .recommendCourse .showType .float-right > button {
    font-size: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    text-align: center;
  }
  .courseApplication .recommendCourse .showType .float-right > button i {
    width: 18px;
    height: 18px;
    margin-right: 0;
    background: url('/assets/img/getSmart/ic-categorysetting-m.png') no-repeat;
  }
  .courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_cardveiw {
    background: url('/assets/svg/newGetSmart/btn-listveiw_on.svg') no-repeat;
  }
  .courseApplication .recommendCourse .showType .float-right .type_btns > button#btn_listveiw {
    background: url('/assets/svg/newGetSmart/btn-cardveiw_on.svg') no-repeat;
  }
  .courseApplication .recommendCourse .showType .float-right .type_btns > button.on {
    display: none;
  }
  .courseApplication .recommendCourse .type-card {
    padding: 0 6px;
  }
}
@media (min-width: 767px) {
  .courseApplication .recommendCourse .showType .float-left > ul {
    display: inline-block !important;
  }
}
.courseTop {
  padding: 43px 0 0px;
}
.courseTop h2 {
  padding: 0 380px 0 0;
  margin-bottom: 24px;
  word-break: break-all;
}
.courseTop .class-score {
  margin: 0px 0 20px;
  font-size: 0;
}
.courseTop .class-score p.star span {
  vertical-align: middle;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  letter-spacing: -0.41px;
}
.courseTop .class-score .score {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-right: 24px;
}
.courseTop .class-score .score .rate-smile {
  position: relative;
}
.courseTop .class-score .score .rate-smile::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #cfcfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.courseTop .class-score .score .rate-smile li {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 12px;
}
.courseTop .class-score .score .rate-smile li:first-child {
  margin-left: 0;
}
.courseTop .class-score .score span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  margin-left: 8px;
}
.courseTop .class-score .likeBtn {
  width: 72px;
  height: 26px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #cfcfcf;
  color: #cfcfcf;
}
.courseTop .class-score .likeBtn::after {
  content: "찜";
}
.courseTop .class-score .likeBtn.on {
  border: 1px solid #3385FF;
  color: #3385FF;
}
.courseTop .class-score .likeBtn.on::after {
  content: "찜";
}
.courseTop .detailTab {
  display: none;
  font-size: 0;
}
.courseTop .detailTab li {
  margin-left: 44px;
  display: inline-block;
  padding-bottom: 8px;
}
.courseTop .detailTab li a {
  font-size: 16px;
  line-height: 2.13;
  letter-spacing: -0.41px;
  display: block;
  padding: 0 5px;
}
.courseTop .detailTab li.on {
  border-bottom: 2px solid #3385FF;
}
.courseTop .detailTab li.on a {
  color: #3385FF;
  font-weight: bold;
  transform: rotate(0.03deg);
}
.courseTop .detailTab li:first-child {
  margin-left: 0;
}
.courseTop .hashTag {
  font-size: 0;
  margin-bottom: 29px;
}
.courseTop .hashTag li {
  display: inline-block;
  color: #000000;
  margin-right: 17px;
}
.courseTop .hashTag li:last-child {
  margin-right: 0;
}
.classCardWrap {
  position: fixed;
  width: 1060px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  top: 100px;
  height: 0;
}
.classCardWrap .classCard {
  padding: 16px 16px 24px 16px;
  width: 312px;
  background: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
  margin-right: 20px;
}
.classCardWrap .classCard .imgWrap {
  width: 280px;
  height: 180px;
  margin-bottom: 18px;
  overflow: hidden;
}
.classCardWrap .classCard .imgWrap img {
  width: 100%;
  height: 100%;
}
.classCardWrap .classCard ul li {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
  padding-left: 18px;
  position: relative;
  margin-top: 10px;
}
.classCardWrap .classCard ul li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 9px;
}
.classCardWrap .classCard ul li:first-child {
  margin-top: 0;
}
.classCardWrap .classCard div.clear {
  font-size: 0;
  margin-top: 24px;
}
.classCardWrap .classCard div.clear a {
  line-height: 38px;
  height: 40px;
}
.classCardWrap .classCard div.clear a.lineblackBtn {
  width: 96px;
}
.classCardWrap .classCard div.clear a.blueBtn,
.classCardWrap .classCard div.clear a.disableBtn {
  width: 168px;
}
.classCardWrap .classCard div.clear a.blueBtn.book-disable-btn,
.classCardWrap .classCard div.clear a.disableBtn.book-disable-btn {
  width: 100%;
}
.mobile-scroll-btn {
  display: none;
}
.c_detailCont .shadowBox {
  padding: 20px 40px;
  min-height: 600px;
}
.c_detailCont .shadowBox .detailTab {
  border-bottom: 1px solid #cfcfcf;
}
.c_detailCont .shadowBox .detailTab li {
  margin-left: 44px;
  display: inline-block;
  padding-bottom: 8px;
}
.c_detailCont .shadowBox .detailTab li a {
  font-size: 16px;
  line-height: 2.13;
  letter-spacing: -0.41px;
  display: block;
  padding: 0 5px;
}
.c_detailCont .shadowBox .detailTab li.on {
  border-bottom: 2px solid #3385FF;
}
.c_detailCont .shadowBox .detailTab li.on a {
  color: #3385FF;
  font-weight: bold;
  transform: rotate(0.03deg);
}
.c_detailCont .shadowBox .detailTab li:first-child {
  margin-left: 0;
}
.c_detailCont .shadowBox .detailCont {
  padding: 30px 380px 0 0;
}
.c_detailCont .shadowBox .detailCont > div {
  margin-top: 60px;
}
.c_detailCont .shadowBox .detailCont > div:first-child {
  margin-top: 0;
}
.c_detailCont .shadowBox .detailCont > div h3 {
  font-size: 18px;
  transform: rotate(0.03deg);
  line-height: 1.33;
  letter-spacing: -0.46px;
  margin-bottom: 11px;
}
.c_detailCont .shadowBox .detailCont > div > div {
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: -0.36px;
  word-break: break-all;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .list-info {
  margin-bottom: 30px;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .list-info li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .list-info li:last-child {
  margin-bottom: 0;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .list-info li b {
  transform: rotate(0.03deg);
  padding-right: 24px;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .list-info li b::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #787878;
  top: 6px;
  right: 12px;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .table-info table {
  width: 100%;
  text-align: center;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .table-info thead tr th {
  transform: rotate(0.03deg);
  background-color: #efefef;
  padding: 10px;
}
.c_detailCont .shadowBox .detailCont .course-detail-info .table-info tbody tr td {
  padding: 10px 5px;
  border-bottom: 1px solid #efefef;
}
.c_detailCont .shadowBox .detailCont .grayTable {
  width: 360px;
}
.c_detailCont .shadowBox .detailCont .grayTable th {
  font-weight: normal;
}
.c_detailCont .shadowBox .detailCont .total_review > p {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.46px;
}
.c_detailCont .shadowBox .detailCont .total_review .star .icon-star {
  width: 24px;
  height: 24px;
  background: url('/assets/img/getSmart/star-24-px-off.png') no-repeat 50%;
}
.c_detailCont .shadowBox .detailCont .total_review .star .icon-star.on {
  background: url('/assets/img/icon/getSmart/star-24-px-on.png') no-repeat 50%;
}
.c_detailCont .shadowBox .detailCont .total_review .star span {
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
}
.c_detailCont .shadowBox .detailCont .total_review .score {
  font-size: 0;
  margin-top: 8px;
}
.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile {
  vertical-align: middle;
  position: relative;
}
.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: #cfcfcf;
}
.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile li {
  width: 40px;
  height: 40px;
  margin-left: 20px;
  position: relative;
}
.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile li:first-child {
  margin-left: 0;
}
.c_detailCont .shadowBox .detailCont .total_review .score span {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  vertical-align: middle;
  margin-left: 12px;
}
.c_detailCont .shadowBox .detailCont .total_review2 {
  margin-top: 32px;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType {
  padding-bottom: 12px;
  border-bottom: solid 1px #cfcfcf;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul {
  display: inline-block;
  vertical-align: middle;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul li {
  margin-left: 15px;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul li.on a {
  color: #3385FF;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul li.on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
}
.c_detailCont .shadowBox .detailCont .total_review2 .showType .float-right select {
  vertical-align: middle;
  background: url('/assets/img/getSmart/btn-myinfo-down.png') no-repeat center;
  background-position: right 13px center;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li {
  padding: 20px 12px;
  border-bottom: 1px solid #cfcfcf;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .info {
  margin-bottom: 8px;
  font-size: 0;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .info > .score {
  display: inline-block;
  vertical-align: middle;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .info > .score span {
  display: inline-block;
  vertical-align: middle;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .info > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.36px;
  line-height: 1.71;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .info .date {
  color: #cfcfcf;
  margin: 0 20px 0 8px;
}
.c_detailCont .shadowBox .detailCont .total_review2 .score_result > li .text {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.36px;
  word-break: break-all;
}
@media only screen and (min-width: 1025px) {
  .courseApplication.pc-scroll .courseTop {
    position: fixed;
    width: 100%;
    top: 0;
    background: #ffffff;
    z-index: 1;
    padding: 28px 0 0;
    border-bottom: 1px solid #cfcfcf;
  }
  .courseApplication.pc-scroll .courseTop h2 {
    padding-right: 0;
    margin-bottom: 6px;
  }
  .courseApplication.pc-scroll .courseTop > div {
    width: 1060px;
    margin: 0 auto;
  }
  .courseApplication.pc-scroll .courseTop .scroll-active .class-score {
    display: inline-block;
  }
  .courseApplication.pc-scroll .courseTop .scroll-active .detailTab {
    display: block;
  }
  .courseApplication.pc-scroll .courseTop .hashTag {
    display: none;
  }
  .courseApplication.pc-scroll .subpageCont {
    background: #ffffff;
    padding-top: 180px;
  }
  .courseApplication.pc-scroll .subpageCont .container {
    width: 100%;
  }
  .courseApplication.pc-scroll .subpageCont .container .shadowBox {
    box-shadow: none;
    width: 100%;
    padding: 0;
  }
  .courseApplication.pc-scroll .subpageCont .container .shadowBox .detailTabWrap {
    display: none;
  }
  .courseApplication.pc-scroll .subpageCont .container .shadowBox .detailCont {
    width: 1060px;
    margin: 0 auto;
    padding: 30px 380px 0 40px;
  }
  .c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1099px) {
  .courseTop {
    position: fixed;
    width: 100%;
    padding: 26px 26px 0;
    z-index: 4;
    background: #ffffff;
  }
  .courseTop h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.65px;
    padding: 0;
  }
  .courseTop .scroll-active p {
    font-size: 16px;
  }
  .classCardWrap {
    padding: 32px 0;
    width: 100%;
    left: 0%;
    transform: translateX(0%);
    top: 0;
    position: relative;
    height: auto;
    background: #f9f9f9;
    margin-top: 180px;
  }
  .classCardWrap .classCard {
    float: none;
    width: 622px;
    margin: 0 auto;
  }
  .classCardWrap .classCard::after {
    content: "";
    clear: both;
    display: block;
  }
  .classCardWrap .classCard .imgWrap {
    float: left;
  }
  .classCardWrap .classCard > div {
    float: left;
    padding-left: 16px;
    width: 303px;
  }
  .classCardWrap .classCard > div ul li {
    margin-top: 6px;
  }
  .classCardWrap .classCard > div ul li:first-child {
    margin-top: 0;
  }
  .classCardWrap .classCard > div div a {
    margin-left: 16px;
  }
  .classCardWrap .classCard > div div a:first-child {
    margin-left: 0;
  }
  .subPage .subpageCont.c_detailCont {
    border-top: 0;
    padding-top: 0;
  }
  .subPage .subpageCont.c_detailCont .shadowBox {
    padding: 20px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .pc-scroll .courseTop {
    padding: 26px 26px 0 26px;
  }
  .pc-scroll .courseTop h2 {
    margin-bottom: 12px;
  }
  .pc-scroll .courseTop .scroll-active > p {
    display: inline-block;
  }
  .pc-scroll .courseTop .scroll-active .class-score {
    display: inline-block;
  }
  .pc-scroll .courseTop .hashTag {
    display: none;
  }
  .m-scroll .courseTop {
    border-bottom: 1px solid #cfcfcf;
  }
  .m-scroll .courseTop .detailTab {
    display: block;
  }
  .m-scroll .classCardWrap {
    position: fixed;
    width: 265px;
    height: 226px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 0;
    top: inherit;
    left: inherit;
    right: 12px;
    bottom: 330px;
    padding: 0;
  }
  .m-scroll .classCardWrap .classCard {
    width: 100%;
    padding: 14px 11px 8px 14px;
  }
  .m-scroll .classCardWrap .classCard .imgWrap {
    float: none;
    width: 100%;
    height: 156px;
    margin-bottom: 8px;
  }
  .m-scroll .classCardWrap .classCard div {
    padding-left: 0;
    width: 100%;
  }
  .m-scroll .classCardWrap .classCard div ul {
    display: none;
  }
  .m-scroll .classCardWrap .classCard div div.clear {
    margin-top: 0;
  }
  .m-scroll .classCardWrap .classCard div div.clear a.lineblackBtn {
    width: 84px;
  }
  .m-scroll .classCardWrap .classCard div div.clear a.blueBtn,
  .m-scroll .classCardWrap .classCard div div.clear a.disableBtn {
    width: 133px;
  }
  .m-scroll .classCardWrap .classCard div div.clear a.blueBtn.book-disable-btn,
  .m-scroll .classCardWrap .classCard div div.clear a.disableBtn.book-disable-btn {
    width: 100%;
  }
  .m-scroll .subpageCont .container {
    padding: 0;
  }
  .m-scroll .subpageCont .container .shadowBox {
    padding: 20px 30px;
  }
  .m-scroll .subpageCont .container .shadowBox .detailTabWrap {
    display: none;
  }
  .m-scroll .subpageCont.c_detailCont {
    padding-top: 580px;
    width: 100%;
  }
  .c_detailCont .shadowBox .detailCont .total_review2 .showType .float-left > ul {
    display: inline-block !important;
  }
}
@media screen and (max-width: 767px) {
  .detail-page footer .container {
    padding-bottom: 100px !important;
  }
  .courseTop {
    padding: 32px 20px 0;
  }
  .courseTop h2 {
    display: block !important;
    font-size: 20px;
    letter-spacing: -0.54px;
    margin-bottom: 16px;
    word-wrap: break-all;
    line-height: 1.3em;
  }
  .courseTop .class-score {
    margin: 16px 0;
  }
  .courseTop .class-score .score {
    margin-right: 8px;
  }
  .classCardWrap {
    margin-top: 166px;
  }
  .classCardWrap .classCard {
    width: 97.5%;
    max-width: 500px;
  }
  .classCardWrap .classCard .imgWrap {
    float: none;
    width: 100%;
    text-align: center;
  }
  .classCardWrap .classCard .imgWrap > img {
    max-width: auto;
    max-height: 100%;
  }
  .classCardWrap .classCard > div {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .subPage .subpageCont.c_detailCont .shadowBox {
    padding: 20px 10px;
    min-height: 400px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailTab {
    font-size: 0;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailTab li {
    margin-left: 15px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailTab li:first-child {
    margin-left: 0;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailTab li a {
    font-size: 14px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .grayTable {
    width: 100%;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont {
    padding: 30px 0;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType {
    margin-top: 16px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left {
    position: relative;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > button {
    height: 24px;
    color: #3385FF;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > button::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > ul {
    position: absolute;
    top: 100%;
    width: 131px;
    height: 72px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    z-index: 5;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.19);
    display: none;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > ul.on {
    display: block;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > ul li {
    float: none;
    margin-left: 0;
    line-height: 36px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > ul li.on::before {
    display: none;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .showType .float-left > ul li a {
    display: block;
    padding: 0 17px ;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile::before {
    height: 2px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile li {
    width: 24px;
    height: 24px;
    margin-left: 12px;
  }
  .subPage .subpageCont.c_detailCont .shadowBox .detailCont .total_review .score .rate-smile li:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pc-scroll .courseTop .hashTag {
    display: none;
  }
  .m-scroll .courseTop {
    padding: 0 10px 0;
    border-bottom: 1px solid #cfcfcf;
  }
  .m-scroll .courseTop h2 {
    display: none !important;
  }
  .m-scroll .courseTop .class-score {
    display: none;
  }
  .m-scroll .courseTop .hashTag {
    display: none;
  }
  .m-scroll .courseTop .detailTab {
    display: block;
    margin-top: 5px;
  }
  .m-scroll .courseTop .detailTab li {
    margin-left: 16px;
  }
  .m-scroll .courseTop .detailTab li:first-child {
    margin-left: 0;
  }
  .m-scroll .courseTop .detailTab li a {
    font-size: 14px;
  }
  .m-scroll .detailTabWrap {
    display: none;
  }
  .m-scroll .mobile-scroll-btn {
    display: block;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 16px;
  }
  .detail-Footer {
    padding-bottom: 30px;
  }
}
.enrollApply .courseTop {
  padding: 40px 30px 24px 25px;
}
.enrollApply .courseTop .imgWrap {
  width: 220px;
  height: 148px;
}
.enrollApply .courseTop .imgWrap img {
  width: 100%;
  height: 100%;
}
.enrollApply .courseTop > .leftCont {
  padding-left: 24px;
  width: calc(100% - 220px);
}
.enrollApply .courseTop > .leftCont h2 {
  padding: 0;
  white-space: inherit;
  text-overflow: inherit;
}
.enrollApply h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.51px;
  margin-bottom: 24px;
}
.applyTable {
  margin-bottom: 37px;
}
.applyTable .book-delivery > div {
  display: inline-block;
  width: 100%;
}
.applyTable .book-delivery > div:first-child {
  margin-top: 0;
}
.applyTable .book-delivery > div > strong {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
  margin-bottom: 16px;
  display: block;
}
.applyTable .book-delivery > div .selectAddress {
  margin-bottom: 20px;
}
.applyTable .book-delivery > div .selectAddress li {
  margin-left: 20px;
}
.applyTable .book-delivery > div .selectAddress li:first-child {
  margin-left: 0;
}
.applyTable .book-delivery > div .delivery-write {
  max-width: 596px;
}
.applyTable .book-delivery > div .delivery-write li {
  padding-bottom: 20px;
}
.applyTable .book-delivery > div .delivery-write li b {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 4px;
}
.applyTable .book-delivery .write-form {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0;
}
.applyTable .book-delivery .privacy-form ul li {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-top: 4px;
}
.applyTable .book-delivery .privacy-form ul li:first-child {
  margin-top: 0;
}
.applyTable .book-delivery .privacy-form > div {
  padding: 20px 0;
  margin-top: 20px;
}
.applyTable .book-delivery .privacy-form > div p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
}
.applyTable .book-delivery .privacy-form > div ul li {
  margin-left: 20px;
  font-size: 14px;
}
.applyTable .book-delivery .privacy-form > div ul li:first-child {
  margin-left: 0;
}
.applyTable tr td {
  height: 60px;
}
.applyTable tr td .checkBtn {
  width: 34px;
  height: 34px;
  background: url("/assets/img/getSmart/btn-terms-check-off.png");
}
.applyTable tr td .checkBtn.on {
  background: url("/assets/svg/newGetSmart/btn-terms-check-on.svg");
  background-size: contain;
}
.applyTable tr td b {
  display: inline-block;
  transform: rotate(0.03deg);
  font-size: 16px;
}
.applyTable tr .call-checkinfo {
  padding: 24px 0;
}
.applyTable tr .call-checkinfo .inputWrap label {
  color: #787878;
}
.applyTable tr .call-checkinfo .inputWrap label span {
  border: 1px solid #787878;
}
.applyTable tr .call-checkinfo .inputWrap input[type="checkbox"]:checked + label {
  color: #000000;
}
.applyTable tr .call-checkinfo .inputWrap input[type="checkbox"]:checked + label span {
  border: none;
}
.applyTable tr form > div {
  margin-top: 40px;
}
.applyTable tr form > div:last-child {
  margin-top: 24px;
}
.applyTable tr form > div:first-child {
  margin-top: 0;
}
.applyTable tr form > div.enroll-check-form strong {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 8px;
  text-indent: 0;
  font-weight: bold;
}
.applyTable tr form > div.enroll-check-form .borderbox {
  margin-bottom: 10px;
  padding: 9px 20px;
  border: 1px solid #efefef;
}
.applyTable .view-tr td:first-child {
  padding-left: 10px;
}
.applyTable .view-tr.click td {
  background: #f9f9f9;
}
.applyTable .fold-tr {
  display: none;
  padding: 32px 0;
  height: 118px;
}
.applyTable .fold-tr.show {
  display: table-row;
}
.prevBtn {
  width: 100px;
  height: 40px;
  line-height: 38px;
}
.popupActive .enrollApplypop {
  background: rgba(0, 0, 0, 0);
}
.popupActive .enrollApplypop .popcontent {
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
  width: 280px;
  min-height: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  padding-bottom: 28px;
}
.popupActive .enrollApplypop .popcontent > p {
  padding: 32px 0 40px;
}
.popupActive .enrollApplypop .popcontent > div {
  font-size: 0;
  text-align: center;
}
.popupActive .enrollApplypop .popcontent > div button {
  font-size: 16px;
  width: 80px;
  height: 40px;
  text-align: center;
}
.popupActive .enrollApplypop .popcontent > div button:first-child {
  margin-right: 28px;
}
.popupActive .enrollApplypop .popcontent > div button.l-btn {
  width: 95%;
  margin-right: 0;
  border: 1px solid #000;
}
@media screen and (max-width: 1099px) {
  .enrollApply .courseTop {
    position: relative;
  }
  .enrollApply .subpageCont.c_detailCont {
    padding-top: 40px;
  }
  .applyTable .view-tr td:first-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .enrollApply .subpageCont.c_detailCont .shadowBox {
    padding: 24px 0;
  }
  .enrollApply .subpageCont.c_detailCont .shadowBox h3 {
    padding: 0 10px;
  }
  .enrollApply .courseTop {
    padding: 16px 20px;
  }
  .enrollApply .courseTop > div {
    float: none;
  }
  .enrollApply .courseTop > div.imgWrap {
    margin: 0 auto 10px;
  }
  .enrollApply .courseTop > div.leftCont {
    width: 100%;
    padding: 0;
  }
  .enrollApply .courseTop > div.leftCont h2 {
    height: auto;
  }
  .enrollApply .courseTop > div.leftCont .hashTag {
    display: block;
    margin-top: 16px;
  }
  .applyTable {
    border-top: 1px solid #000000;
  }
  .applyTable tbody tr {
    padding: 20px 10px 14px;
  }
  .applyTable tbody tr td {
    height: auto;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .applyTable tbody tr td::before {
    content: attr(data-label);
    display: inline-block;
    width: 48%;
    position: absolute;
    left: 0;
    top: 0;
    color: #787878;
  }
  .applyTable tbody tr.view-tr td {
    padding-left: 48%;
  }
  .applyTable tbody tr.view-tr td:first-child {
    padding-left: 48%;
  }
  .applyTable tbody tr.view-tr td:last-child {
    text-align: right;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .applyTable tbody tr.view-tr td:last-child b {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.51px;
  }
  .applyTable tbody tr.view-tr.click {
    border-bottom: none;
    background: #f9f9f9;
  }
  .applyTable tbody tr form > div {
    margin-top: 32px;
  }
  .applyTable tbody tr form > div:last-child {
    margin-top: 24px;
  }
  .applyTable tbody tr form > div:first-child {
    margin-top: 0;
  }
  .applyTable tbody tr form > div.enroll-check-form > strong {
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .applyTable tbody tr form > div.enroll-check-form .borderbox {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .applyTable tbody tr form > div.enroll-check-form .borderbox li {
    margin-top: 0;
  }
  .applyTable tbody tr form > div.enroll-check-form .borderbox li strong {
    margin-bottom: 0;
  }
  .applyTable tbody tr.fold-tr.show {
    display: block;
    height: auto;
    padding: 35px 10px 35px;
  }
  .applyTable tbody tr.fold-tr.show td {
    text-align: center;
  }
}
.edit_category {
  width: 766px;
  max-height: 804px;
  overflow-y: auto;
}
.edit_category .popCont {
  padding: 26px 25px;
}
.edit_category .popCont > p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
  margin: 0px;
}
.edit_category .popCont .category1 {
  font-size: 0;
  width: 524px;
  margin: 0 auto 48px;
}
.edit_category .popCont .category1 ul li {
  display: inline-block;
  margin-left: 35px;
  margin-top: 21px;
}
.edit_category .popCont .category1 ul li:first-child,
.edit_category .popCont .category1 ul li:nth-child(3n + 1) {
  margin-left: 0;
}
.edit_category .popCont .category1 ul li button {
  width: 148px;
  height: 32px;
  border: 1px solid #787878;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.edit_category .popCont .category1 ul li button.on {
  color: #ffffff;
  font-weight: bold;
  transform: rotate(0.03deg);
  border: 1px solid #3385FF;
  background: #3385FF;
}
.edit_category .popCont .accordion-Container .accordionWrap {
  margin-top: 30px;
}
.edit_category .popCont .accordion-Container .accordionWrap:first-child {
  margin-top: 0;
}
.edit_category .popCont .accordion-Container .accordionWrap .accordionBtn::after {
  width: 13px;
  height: 13px;
  background: url("/assets/img/getSmart/btn-plus-black.png") no-repeat 50%;
}
.edit_category .popCont .accordion-Container .accordionWrap .accordionBtn.active::after {
  background: url("/assets/img/getSmart/btn-m-black.png") no-repeat 50%;
}
.edit_category .popCont .accordion-Container .accordioncont {
  padding: 14px 0;
  background: #ffffff;
}
.edit_category .popCont .accordion-Container .accordioncont ul {
  font-size: 0;
  max-height: 176px;
  overflow-y: auto;
}
.edit_category .popCont .accordion-Container .accordioncont ul li {
  display: inline-block;
  margin-right: 24px;
  margin-bottom: 18px;
}
.edit_category .popCont .accordion-Container .accordioncont ul li button {
  min-height: 26px;
  padding: 0 8px;
}
.edit_category .popCont .accordion-Container .accordioncont ul li button.on {
  background: #3385FF;
  color: #ffffff;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
}
.edit_category .popFooter {
  font-size: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 22px 0;
}
.edit_category .popFooter button {
  margin-left: 32px;
  width: 100px;
  height: 40px;
  font-size: 16px;
}
.edit_category .popFooter button:first-child {
  margin-left: 0;
}
.my_categoryList {
  width: 766px;
  max-height: 804px;
  overflow-y: auto;
}
.my_categoryList .popCont {
  padding: 25px;
}
.my_categoryList .popCont > ul > li {
  margin-top: 32px;
}
.my_categoryList .popCont > ul > li:first-child {
  margin-top: 0;
}
.my_categoryList .popCont > ul > li > p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 10px;
}
.my_categoryList .popCont > ul > li ul {
  font-size: 0;
}
.my_categoryList .popCont > ul > li ul li {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  background: #3385FF;
  color: #ffffff;
  padding: 0 8px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  margin-right: 20px;
}
.my_categoryList .popFooter {
  padding: 30px 0;
}
.my_categoryList .popFooter .btns {
  font-size: 0;
}
.my_categoryList .popFooter .btns .btn {
  min-width: 100px;
  padding: 0 22px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  margin-left: 33px;
}
.my_categoryList .popFooter .btns .btn:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .edit_category {
    width: 100%;
    height: auto;
  }
  .edit_category .popCont {
    padding: 20px 12px;
    background: #ffffff;
    height: calc(100vh - 136px);
    overflow-y: auto;
  }
  .edit_category .popCont .category1 {
    width: 100%;
  }
  .edit_category .popCont .category1 ul li {
    width: 46%;
    margin-left: 4%;
  }
  .edit_category .popCont .category1 ul li:nth-child(3n + 1) {
    margin-left: 5%;
  }
  .edit_category .popCont .category1 ul li:first-child,
  .edit_category .popCont .category1 ul li:nth-child(2n + 1) {
    margin-left: 0%;
  }
  .edit_category .popCont .category1 ul li button {
    width: 100%;
  }
  .edit_category .popCont .accordion-Container .accordioncont ul {
    max-height: fit-content;
  }
  .edit_category .popCont .accordion-Container .accordioncont ul li {
    width: 50%;
    margin-left: 0;
  }
  .my_categoryList {
    height: 100%;
  }
  .my_categoryList .popCont > ul > li ul li {
    margin-bottom: 20px;
  }
}
.applyFinish .applyFinishCont {
  width: 838px;
  margin: 100px auto 0;
}
.applyFinish .applyFinishCont h2 {
  font-size: 28px;
  line-height: 0.79;
  letter-spacing: -0.71px;
  margin-bottom: 60px;
  transform: rotate(0.03deg);
}
.applyFinish .applyFinishCont .applyInfoWrap {
  margin-top: 40px;
}
.applyFinish .applyFinishCont .applyInfoWrap:first-child {
  margin-top: 0;
}
.applyFinish .applyFinishCont .applyInfoWrap .subTit {
  margin-bottom: 16px;
  position: relative;
}
.applyFinish .applyFinishCont .applyInfoWrap .subTit strong {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.51px;
}
.applyFinish .applyFinishCont .applyInfoWrap .subTit a {
  position: absolute;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  right: 0;
  top: 2px;
}
.applyFinish .applyFinishCont .applyInfoWrap ul {
  background: #f9f9f9;
}
.applyFinish .applyFinishCont .applyInfoWrap ul li {
  font-size: 0;
  padding: 22px 0;
}
.applyFinish .applyFinishCont .applyInfoWrap ul li b,
.applyFinish .applyFinishCont .applyInfoWrap ul li span {
  display: inline-block;
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
  vertical-align: top;
  transform: rotate(0.03deg);
}
.applyFinish .applyFinishCont .applyInfoWrap ul li b i,
.applyFinish .applyFinishCont .applyInfoWrap ul li span i {
  font-style: normal;
}
.applyFinish .applyFinishCont .applyInfoWrap ul li b {
  width: 205px;
  padding-left: 40px;
}
.applyFinish .applyFinishCont .applyInfoWrap ul li span {
  width: calc(100% - 205px);
}
.applyFinish .applyFinishCont .applyInfoWrap ul li span .more-info {
  display: block;
  margin-top: 4px;
}
.applyFinish .applyFinishCont > p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  margin: 20px 0 80px;
}
.applyFinish .applyFinishCont > p b {
  display: inline-block;
}
.applyFinish .applyFinishCont > .text-center a {
  font-size: 18px;
  width: 200px;
  height: 48px;
  line-height: 48px;
}
@media screen and (max-width: 1099px) {
  .applyFinish .applyFinishCont {
    width: 81.59%;
    margin-top: 60px;
  }
  .applyFinish .applyFinishCont ul li b {
    width: 168px;
  }
  .applyFinish .applyFinishCont ul li span {
    width: calc(100% - 168px);
  }
}
@media screen and (max-width: 767px) {
  .applyFinish .applyFinishCont {
    width: 100%;
    margin-top: 23px;
  }
  .applyFinish .applyFinishCont h2 {
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.51px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap .subTit {
    padding: 0 16px;
    margin-bottom: 11px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap .subTit strong {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap .subTit a {
    right: 12px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap ul {
    margin-top: 0;
    padding: 29px 25px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap ul li {
    padding: 0;
    margin-top: 28px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap ul li:first-child {
    margin-top: 0;
  }
  .applyFinish .applyFinishCont .applyInfoWrap ul li span,
  .applyFinish .applyFinishCont .applyInfoWrap ul li b {
    display: block;
    width: 100%;
    padding-left: 0;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
  }
  .applyFinish .applyFinishCont .applyInfoWrap ul li b {
    margin-bottom: 4px;
  }
  .applyFinish .applyFinishCont p {
    padding: 0 10px;
  }
}
.paymentForm {
  border-top: 1px solid #efefef;
  padding-top: 40px;
}
.paymentForm .subTit {
  margin-bottom: 16px;
}
.paymentForm .subTit b {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
}
.paymentForm .ulTable {
  border-top: solid 1px #eceef0;
}
.paymentForm .ulTable li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: solid 1px #eceef0;
}
.paymentForm .ulTable li > span {
  padding: 24px 16px;
  background: #f9f9f9;
  flex-shrink: 0;
  width: 148px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
}
.paymentForm .ulTable li > div {
  flex-grow: 1;
  padding: 20px 16px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
}
.paymentForm .ulTable li > div > strong {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.4px;
}
.paymentForm .ulTable li > div.usePoint {
  padding: 12px 16px;
}
.paymentForm .ulTable li > div.usePoint > div {
  margin-bottom: 4px;
}
.paymentForm .ulTable li > div.usePoint > div > div {
  display: inline-block;
  position: relative;
}
.paymentForm .ulTable li > div.usePoint > div > div input {
  width: 144px;
  height: 32px;
  margin-right: 5px;
  text-align: right;
}
.paymentForm .ulTable li > div.usePoint > div > div i {
  font-style: normal;
}
.paymentForm .ulTable li > div.usePoint > div button {
  width: 80px;
  height: 32px;
  font-weight: bold;
  margin-left: 23px;
  transform: rotate(0.03deg);
}
.paymentForm .ulTable li:last-child {
  font-weight: bold;
  background: #f9f9f9;
  transform: rotate(0.03deg);
}
.paymentForm .ulTable li:last-child > span {
  font-size: 16px;
}
.paymentForm .ulTable li:last-child > div {
  padding-top: 24px;
  font-size: 16px;
}
.paymentForm .methods {
  margin-top: 40px;
}
.paymentForm .methods .grayBox {
  padding: 18px 16px;
  background: #f9f9f9;
  border-top: solid 1px #eceef0;
  border-bottom: solid 1px #eceef0;
  margin-bottom: 10px;
}
.paymentPop .popcontent {
  width: 404px;
  padding: 24px 40px;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
}
.paymentPop .popcontent strong {
  font-size: 20px;
  display: block;
  line-height: 1.2;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.paymentPop .popcontent > .text-info {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
}
.paymentPop .popcontent .text-center {
  margin-top: 40px;
}
.paymentPop .popcontent .text-center .black-line-btn {
  width: 80px;
  height: 40px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .paymentForm .ulTable li > span {
    width: 94px;
    padding: 18px 8px;
  }
  .paymentForm .ulTable li > div {
    padding: 18px 4px 18px 14px;
  }
  .paymentForm .ulTable li > div.usePoint {
    padding: 12px 4px 12px 14px;
  }
  .paymentForm .ulTable li > div.usePoint > div {
    font-size: 0;
  }
  .paymentForm .ulTable li > div.usePoint > div > div {
    width: calc(100% - 90px);
    max-width: 180px;
  }
  .paymentForm .ulTable li > div.usePoint > div > div input {
    padding-right: 25px;
    margin-right: 0;
    width: 100%;
  }
  .paymentForm .ulTable li > div.usePoint > div > div i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 9px;
  }
  .paymentForm .ulTable li > div.usePoint > div button {
    margin-left: 3px;
  }
  .paymentForm .ulTable li > div.usePoint p {
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: -0.3px;
    word-break: keep-all;
  }
  .paymentForm .ulTable li:last-child {
    background: #f9f9f9;
  }
  .paymentForm .ulTable li:last-child > span {
    width: 108px;
    padding: 24px 8px;
  }
  .paymentForm .ulTable li:last-child > div {
    padding: 24px 8px;
  }
  .paymentPop .popcontent {
    width: 300px !important;
    min-height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 24px 14px;
  }
  .paymentPop .popcontent strong {
    margin-bottom: 28px;
  }
}
.courseTemplate-list.courseApplication .recommendCourse .showType {
  width: 980px;
}
.courseTemplate-list .type-list {
  width: 980px;
}
.courseTemplate-list .type-list .process-album {
  border-bottom: none;
}
.courseTemplate-list .type-list .process-album > .clear {
  position: relative;
}
.courseTemplate-list .type-list .process-album .imgWrap {
  width: 246px;
  height: 136px;
}
.courseTemplate-list .type-list .process-album .imgWrap .img-link {
  pointer-events: none;
}
.courseTemplate-list .type-list .process-album .text-cont {
  position: relative;
  min-height: 136px;
  width: calc(100% - 246px);
}
.courseTemplate-list .type-list .process-album .text-cont .font-bold i {
  font-style: normal;
  font-size: 14px;
}
.courseTemplate-list .type-list .process-album .text-cont .score {
  display: flex;
  align-items: center;
}
.courseTemplate-list .type-list .process-album .text-cont .score > span {
  padding-left: 8px;
}
.courseTemplate-list .type-list .process-album .text-cont .class-info1 {
  display: flex;
}
.courseTemplate-list .type-list .process-album .text-cont .class-info1 .icon {
  margin-left: 5px;
}
.courseTemplate-list .type-list .process-album .hover-cont {
  width: 120px;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.courseTemplate-list .type-list .process-album .hover-cont a,
.courseTemplate-list .type-list .process-album .hover-cont button {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
}
.courseTemplate-list .type-list .process-album .hover-cont a.pre-view,
.courseTemplate-list .type-list .process-album .hover-cont button.pre-view {
  margin-bottom: 10px;
  background: #3385FF;
  border: 1px solid #3385FF;
  color: #ffffff;
}
.courseTemplate-list ul.cate_depth {
  margin-bottom: 12px;
}
.courseTemplate-list ul.cate_depth li {
  font-size: 24px;
  line-height: 1.83;
  letter-spacing: -0.61px;
  font-weight: bold;
  transform: rotate(0.03deg);
}
.courseTemplate-list ul.cate_depth li::before {
  content: ">";
  display: inline-block;
  padding: 0 4px;
}
.courseTemplate-list ul.cate_depth li:first-child::before {
  display: none;
}
.courseTemplate-list .filter_list_wrap {
  margin-bottom: 30px;
}
.courseTemplate-list .accordion-btn-wrap {
  padding: 24px 0;
  border-bottom: 1px solid #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.courseTemplate-list .accordion-btn-wrap > p {
  font-weight: bold;
  transform: rotate(0.03deg);
  font-size: 16px;
}
.courseTemplate-list .accordion-btn-wrap .accordion-btn {
  display: flex;
  align-items: center;
}
.courseTemplate-list .accordion-btn-wrap .accordion-btn span {
  color: #000000;
}
.courseTemplate-list .accordion-btn-wrap .accordion-btn i.icon {
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background: url('/assets/svg/course-accordion-btn.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: 4px;
}
.courseTemplate-list .accordion-btn-wrap .accordion-btn.on i.icon {
  transform: rotate(180deg);
}
.courseTemplate-list .accordion-btn-wrap::after {
  display: none !important;
}
.courseTemplate-list .accordion-cont {
  padding-top: 24px;
}
.courseTemplate-list .applyTable .view-tr.click td {
  background-color: #ffffff;
}
.courseTemplate-list .applyTable .view-tr td .main-bg-btn,
.courseTemplate-list .applyTable .view-tr td .black-line-btn,
.courseTemplate-list .applyTable .view-tr td .grayBtn {
  width: 60px;
  height: 30px;
  line-height: 28px;
}
.courseTemplate-list .applyTable .fold-tr {
  background-color: #efefef;
}
.courseTemplate-list .applyTable .fold-tr td {
  padding: 24px;
}
.courseTemplate-list .applyTable .fold-tr form > div {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
}
.courseTemplate-list .applyTable .fold-tr form > div:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
.courseTemplate-list .applyTable .fold-tr form > div:last-child {
  border-top: none;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info {
  display: flex;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info strong {
  transform: rotate(0.03deg);
  line-height: 1.57;
  width: 60px;
  flex-shrink: 0;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info ul {
  display: flex;
  flex-grow: 1;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info ul li {
  color: #787f84;
  padding-left: 20px;
  line-height: 1.57;
  position: relative;
  max-width: 310px;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info ul li::before {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  background-color: #787f84;
  left: 10px;
  top: 5px;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info ul li:first-child::before {
  display: none;
}
.courseTemplate-list .applyTable .fold-tr form > div.course-list-info ul li b {
  display: inline-block;
  font-size: 14px;
  padding-right: 4px;
}
.courseTemplate-list .applyTable .fold-tr form > div.enroll-check-form .borderbox {
  padding-left: 0;
}
.courseTemplate-list .type-list .process-album.hide-div .accordion-cont {
  display: none;
}
.courseTemplate-list .ul-table-warp .table-header {
  display: flex;
}
.courseTemplate-list .select-filter {
  display: flex;
  margin-bottom: 12px;
}
.courseTemplate-list .select-filter .filter {
  display: block;
  padding: 0 15px;
  height: 32px;
  line-height: 30px;
  color: #787878;
  border-radius: 16px;
  border: 1px solid #ddd;
  margin-right: 8px;
}
.courseTemplate-list .select-filter .filter:last-child {
  margin-right: 0;
}
.courseTemplate-list .select-filter .filter.on {
  background-color: #3385FF;
  color: #ffffff;
  border: 1px solid #3385FF;
}
.courseTemplate-list .top-select-filter {
  display: flex;
  margin-bottom: 10px;
}
.courseTemplate-list .top-select-filter a {
  display: block;
  padding: 0 15.5px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #ddd;
  color: #787878;
  margin-right: 8px;
  border-radius: 16px;
}
.courseTemplate-list .top-select-filter a:last-child {
  margin-right: 0;
}
.courseTemplate-list .top-select-filter a.active {
  background-color: #043B72;
  color: #ffffff;
  border: 1px solid #043B72;
}
.courseTemplate-list .filter_list_wrap {
  margin-bottom: 12px;
}
.courseTemplate-list .hash-filter {
  display: flex;
}
.courseTemplate-list .hash-filter a {
  display: block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 1.43;
}
.courseTemplate-list .hash-filter a:last-child {
  margin-right: 0;
}
.courseTemplate-list .hash-filter a.active {
  color: #3385FF;
}
.lodgment-pop {
  width: 544px;
}
.lodgment-pop .popupCont {
  padding: 20px;
}
.lodgment-pop .popupCont > .d-flex {
  padding: 22px 24px;
  border-radius: 4px;
}
.lodgment-pop .popupCont > .d-flex > b {
  display: block;
  transform: rotate(0.03deg);
  width: 80px;
}
.lodgment-pop .popupCont > .d-flex i {
  font-style: normal;
}
.lodgment-pop .popupCont .d-flex {
  display: flex;
}
.lodgment-pop .popupCont .d-flex .inputWrap {
  margin-right: 24px;
}
.lodgment-pop .popupCont .d-flex .inputWrap:last-child {
  margin-right: 0;
}
.lodgment-pop .popupCont .date-check-list {
  border-top: 1px solid #efefef;
}
.lodgment-pop .popupCont .date-check-list.hide {
  display: none;
}
.lodgment-pop .popupCont .date-check-list ul {
  padding: 24px;
  max-height: 400px;
  overflow-y: auto;
}
.lodgment-pop .popupCont .date-check-list ul li {
  margin-top: 16px;
}
.lodgment-pop .popupCont .date-check-list ul li:first-child {
  margin-top: 0;
}
.lodgment-pop .popupCont .redFont {
  padding-left: 24px;
  line-height: 1.43;
  letter-spacing: -0.35px;
}
.lodgment-pop .popupCont .btns-wrap {
  display: flex;
  margin-top: 32px;
  justify-content: center;
  align-items: center;
}
.lodgment-pop .popupCont .btns-wrap .btn {
  width: 80px;
  height: 40px;
  line-height: 38px;
  margin-right: 16px;
}
.lodgment-pop .popupCont .btns-wrap .btn:last-child {
  margin-right: 0;
}
.courseapply-popup {
  width: 280px;
  height: 208px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
}
.courseapply-popup p {
  padding: 47px 29px 0;
}
.courseapply-popup p strong {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: -0.4px;
  text-align: center;
}
.courseapply-popup .popBtnsWrap {
  position: absolute;
  bottom: 9px;
  width: 100%;
  left: 0;
}
.courseapply-popup .popBtnsWrap .btn {
  font-size: 16px;
  width: 50%;
  height: 48px;
  line-height: 48px;
}
.courseListPop-info {
  width: 650px;
}
.courseListPop-info .popcont-top-title {
  padding: 15px 20px 0;
}
.courseListPop-info .popcont-top-title .type {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #787878;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
.courseListPop-info .popcont-top-title h2 {
  font-size: 18px;
  letter-spacing: -0.54px;
  margin-bottom: 16px;
  word-wrap: break-all;
  line-height: 1.3em;
}
.courseListPop-info .popcont-top-title .class-score {
  margin: 0px 0 20px;
  font-size: 0;
}
.courseListPop-info .popcont-top-title .class-score p.star span {
  vertical-align: middle;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  letter-spacing: -0.41px;
}
.courseListPop-info .popcont-top-title .class-score .score {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-right: 8px;
}
.courseListPop-info .popcont-top-title .class-score .score .rate-smile {
  position: relative;
}
.courseListPop-info .popcont-top-title .class-score .score .rate-smile::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #cfcfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.courseListPop-info .popcont-top-title .class-score .score .rate-smile li {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 12px;
}
.courseListPop-info .popcont-top-title .class-score .score .rate-smile li:first-child {
  margin-left: 0;
}
.courseListPop-info .popcont-top-title .class-score .score span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  margin-left: 8px;
}
.courseListPop-info .popcont-top-title .class-score .likeBtn {
  width: 72px;
  height: 26px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #cfcfcf;
  color: #cfcfcf;
}
.courseListPop-info .popcont-top-title .class-score .likeBtn::after {
  content: "찜";
}
.courseListPop-info .popcont-top-title .class-score .likeBtn.on {
  border: 1px solid #3385FF;
  color: #3385FF;
}
.courseListPop-info .popcont-top-title .class-score .likeBtn.on::after {
  content: "찜";
}
.courseListPop-info .popcont-top-title .viewUltable {
  margin-bottom: 20px;
}
.courseListPop-info .popcont-top-title .viewUltable > ul > li > div > div {
  padding: 7px 15px;
  font-size: 13px;
}
.courseListPop-info .popcont-top-title .viewUltable > ul > li:nth-child(2) > div > div.bg-lightgray {
  transform: rotate(0deg);
}
.courseListPop-info .popcont-top-title .viewUltable > ul > li:nth-child(2) > div > div.bg-lightgray b {
  display: block;
  position: absolute;
  left: 15px;
  top: 7px;
}
.courseListPop-info .gray-bg-box {
  background-color: #efefef;
  padding: 20px 10px;
}
.courseListPop-info .gray-bg-box .detailTab {
  font-size: 0;
  padding: 10px 10px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #cfcfcf;
}
.courseListPop-info .gray-bg-box .detailTab li {
  margin-left: 20px;
  display: inline-block;
  padding-bottom: 8px;
}
.courseListPop-info .gray-bg-box .detailTab li a,
.courseListPop-info .gray-bg-box .detailTab li button {
  font-size: 16px;
  line-height: 2.13;
  letter-spacing: -0.41px;
  display: block;
  padding: 0 5px;
}
.courseListPop-info .gray-bg-box .detailTab li.on {
  border-bottom: 2px solid #3385FF;
}
.courseListPop-info .gray-bg-box .detailTab li.on a,
.courseListPop-info .gray-bg-box .detailTab li.on button {
  color: #3385FF;
  font-weight: bold;
  transform: rotate(0.03deg);
}
.courseListPop-info .gray-bg-box .detailTab li:first-child {
  margin-left: 0;
}
.courseListPop-info .gray-bg-box .detailCont {
  padding: 30px 10px;
  background-color: #ffffff;
  height: 500px;
  overflow-y: auto;
}
.courseListPop-info .gray-bg-box .detailCont.h-300 {
  height: 300px;
}
.courseListPop-info .gray-bg-box .detailCont .grayTable {
  width: 100%;
}
.courseListPop-info .gray-bg-box .detailCont .grayTable th {
  transform: rotate(0.03deg);
}
.courseListPop-info .gray-bg-box .detailCont > div {
  display: none;
}
.courseListPop-info .gray-bg-box .detailCont > div.detailCont-show {
  display: block;
}
.courseListPop-info .gray-bg-box .detailCont > div > div {
  margin-top: 40px;
}
.courseListPop-info .gray-bg-box .detailCont > div > div:first-child {
  margin-top: 0;
}
.courseListPop-info .gray-bg-box .detailCont > div > div h3 {
  font-size: 16px;
  transform: rotate(0.03deg);
  line-height: 1.33;
  letter-spacing: -0.46px;
  margin-bottom: 7px;
}
.courseListPop-info .gray-bg-box .detailCont > div > div > div {
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: -0.36px;
  word-break: break-all;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .list-info {
  margin-bottom: 30px;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .list-info li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .list-info li:last-child {
  margin-bottom: 0;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .list-info li b {
  transform: rotate(0.03deg);
  padding-right: 24px;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .list-info li b::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #787878;
  top: 6px;
  right: 12px;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .table-info table {
  width: 100%;
  text-align: center;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .table-info thead tr th {
  transform: rotate(0.03deg);
  background-color: #efefef;
  padding: 10px;
}
.courseListPop-info .gray-bg-box .detailCont .course-detail-info .table-info tbody tr td {
  padding: 10px 5px;
  border-bottom: 1px solid #efefef;
}
.courseListPop-info .gray-bg-box .detailCont .total_review > p {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.46px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .star .icon-star {
  width: 24px;
  height: 24px;
  background: url('/assets/img/getSmart/star-24-px-off.png') no-repeat 50%;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .star .icon-star.on {
  background: url('/assets/img/icon/getSmart/star-24-px-on.png') no-repeat 50%;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .star span {
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score {
  font-size: 0;
  margin-top: 8px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score .rate-smile {
  vertical-align: middle;
  position: relative;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score .rate-smile::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background: #cfcfcf;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score .rate-smile li {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  position: relative;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score .rate-smile li:first-child {
  margin-left: 0;
}
.courseListPop-info .gray-bg-box .detailCont .total_review .score span {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  vertical-align: middle;
  margin-left: 12px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 {
  margin-top: 32px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType {
  padding-bottom: 12px;
  border-bottom: solid 1px #cfcfcf;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul {
  display: inline-block;
  vertical-align: middle;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li {
  margin-left: 15px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li.on a {
  color: #3385FF;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li.on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-right select {
  vertical-align: middle;
  background: url('/assets/img/getSmart/btn-myinfo-down.png') no-repeat center;
  background-position: right 13px center;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li {
  padding: 20px 12px;
  border-bottom: 1px solid #cfcfcf;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .info {
  margin-bottom: 8px;
  font-size: 0;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .info > .score {
  display: inline-block;
  vertical-align: middle;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .info > .score span {
  display: inline-block;
  vertical-align: middle;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .info > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.36px;
  line-height: 1.71;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .info .date {
  color: #cfcfcf;
  margin: 0 20px 0 8px;
}
.courseListPop-info .gray-bg-box .detailCont .total_review2 .score_result > li .text {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.36px;
  word-break: break-all;
}
.courseListPop-info .gray-bg-box .black-line-btn {
  display: block;
  width: 90px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
}
.book-delivery-popup {
  width: 550px;
  padding: 24px 30px 10px;
}
.book-delivery-popup .popheader p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.book-delivery-popup .popCont {
  padding-right: 5px;
  margin: 29px 0 0;
  max-height: 600px;
  overflow-y: auto;
}
.book-delivery-popup .popCont form > div {
  margin-bottom: 20px;
}
.book-delivery-popup .popCont form > div:last-child {
  margin-bottom: 0;
}
.book-delivery-popup .popCont form .writeWrap {
  margin-bottom: 20px;
}
.book-delivery-popup .popCont form .enroll-check-form strong {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 8px;
  text-indent: 0;
  font-weight: bold;
}
.book-delivery-popup .popCont form .enroll-check-form .borderbox {
  margin-bottom: 10px;
  padding: 9px 20px;
  border: 1px solid #efefef;
}
@media screen and (max-width: 1099px) {
  .courseTemplate-list.courseApplication .recommendCourse .showType {
    width: 100%;
  }
  .courseTemplate-list .type-list {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .courseTemplate-list ul.cate_depth {
    padding: 0 8px;
  }
  .courseTemplate-list ul.cate_depth li {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: -0.46px;
  }
  .courseTemplate-list .type-list .process-album .top .imgWrap {
    width: 100%;
    height: auto;
  }
  .courseTemplate-list .top-select-filter,
  .courseTemplate-list .hash-filter,
  .courseTemplate-list .select-filter {
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
  }
  .courseTemplate-list .filter_list_wrap {
    padding: 0 8px;
  }
  .courseTemplate-list .recommendCourse .showType .float-right .type_btns > button.on {
    display: block;
  }
  .courseTemplate-list .type-list .process-album > .clear {
    display: flex;
    flex-wrap: wrap;
  }
  .courseTemplate-list .type-list .process-album > .clear .text-cont {
    position: initial;
    min-height: auto;
    width: calc(100% - 39%);
  }
  .courseTemplate-list .type-list .process-album > .clear .hover-cont {
    position: relative;
    top: inherit;
    transform: translateY(0);
    height: auto;
    width: 100%;
    margin-top: 16px;
    right: 0;
  }
  .courseTemplate-list .type-list .process-album > .clear .hover-cont .btn {
    height: 32px;
    line-height: 30px;
  }
  .courseTemplate-list .accordion-btn-wrap {
    padding: 13px 0;
  }
  .courseTemplate-list .accordion-btn-wrap .accordion-btn::after {
    display: none;
  }
  .courseTemplate-list .accordion-cont {
    padding-top: 0;
  }
  .courseTemplate-list .applyTable {
    border-top: none;
  }
  .courseTemplate-list .applyTable tbody tr.view-tr.click {
    background-color: #ffffff;
  }
  .courseTemplate-list .applyTable tbody tr td {
    padding-left: 0;
  }
  .courseTemplate-list .applyTable tbody tr td::before {
    width: auto;
    position: relative;
    padding-right: 5px;
  }
  .courseTemplate-list .applyTable tbody tr td:first-child {
    padding-left: 0;
    font-size: 16px;
  }
  .courseTemplate-list .applyTable tbody tr td:first-child::before {
    display: none;
  }
  .courseTemplate-list .applyTable tbody tr td:last-child {
    padding-right: 0;
    padding-top: 10px;
  }
  .courseTemplate-list .applyTable tbody tr td:last-child::before {
    display: none;
  }
  .courseTemplate-list .applyTable tbody tr td:last-child .enter-accodion,
  .courseTemplate-list .applyTable tbody tr td:last-child .grayBtn {
    width: 100%;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show {
    padding: 16px 14px;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td {
    padding: 0;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info {
    display: block;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info strong {
    display: block;
    margin-bottom: 12px;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info ul {
    display: block;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info ul li {
    padding-left: 0;
    margin-bottom: 12px;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info ul li:last-child {
    margin-bottom: 0;
  }
  .courseTemplate-list .applyTable tbody tr.fold-tr.show td .course-list-info ul li::before {
    display: none;
  }
  .courseListPop-info {
    background-color: #efefef !important;
  }
  .courseListPop-info .popupHead,
  .courseListPop-info .popupCont {
    background-color: #ffffff;
  }
  .courseListPop-info .popupCont {
    display: flex;
    flex-direction: column;
  }
  .courseListPop-info .popcont-top-title {
    padding: 15px 10px;
  }
  .courseListPop-info .popcont-top-title .viewUltable {
    margin-bottom: 10px;
  }
  .courseListPop-info .popcont-top-title .viewUltable > ul > li:nth-child(2) > div > div.bg-lightgray b {
    position: relative;
    top: 0;
    left: 0;
  }
  .courseListPop-info .gray-bg-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .courseListPop-info .gray-bg-box > div {
    max-height: 80%;
    overflow-y: auto;
  }
  .courseListPop-info .gray-bg-box .detailTab {
    padding: 10px  4px 0;
  }
  .courseListPop-info .gray-bg-box .detailTab li {
    margin-left: 16px;
  }
  .courseListPop-info .gray-bg-box .detailTab li button {
    font-size: 14px;
  }
  .courseListPop-info .gray-bg-box .dectailCont.h-300 {
    height: 400px;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType {
    margin-top: 16px;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left {
    position: relative;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > button {
    height: 24px;
    color: #3385FF;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > button::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url('/assets/svg/newGetSmart/check-recently.svg') no-repeat;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul {
    position: absolute;
    top: 100%;
    width: 131px;
    height: 72px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    z-index: 5;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.19);
    display: none;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul.on {
    display: block;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li {
    float: none;
    margin-left: 0;
    line-height: 36px;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li.on::before {
    display: none;
  }
  .courseListPop-info .gray-bg-box .detailCont .total_review2 .showType .float-left > ul li a {
    display: block;
    padding: 0 17px ;
  }
  .lodgment-pop .popupCont {
    padding: 20px 10px;
  }
  .lodgment-pop .popupCont > .d-flex {
    padding: 10px;
    display: block;
  }
  .lodgment-pop .popupCont > .d-flex b {
    padding-bottom: 5px;
  }
  .lodgment-pop .popupCont .date-check-list ul {
    max-height: inherit;
  }
  .book-delivery-popup {
    padding: 15px 10px;
  }
  .book-delivery-popup .popCont {
    max-height: none;
    margin-top: 15px;
  }
  .book-delivery-popup .popCont form {
    padding-top: 15px;
  }
  .book-delivery-popup .popCont form .enroll-check-form > strong {
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .book-delivery-popup .popCont form .enroll-check-form .borderbox {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .book-delivery-popup .popCont form .enroll-check-form .borderbox li {
    margin-top: 0;
  }
  .book-delivery-popup .popCont form .enroll-check-form .borderbox li strong {
    margin-bottom: 0;
  }
}
.faq .accordion-Container .accordionWrap .accordionBtn {
  padding: 16px 66px 16px 48px;
  line-height: 1.14;
  height: auto;
  transform: rotate(0.03deg);
}
.faq .accordion-Container .accordionWrap .accordionBtn.active {
  font-weight: bold;
}
.faq .accordion-Container .accordionWrap .accordionBtn::after {
  right: 48px;
}
.faq .accordion-Container .accordionWrap .accordioncont {
  padding: 20px 48px;
  line-height: 1.57;
}
.faq .faq-bottom-btn {
  font-size: 0;
  margin-top: 28px;
}
.faq .faq-bottom-btn a {
  width: 396px;
  height: 68px;
  line-height: 68px;
  font-size: 18px;
  margin-left: 48px;
}
.faq .faq-bottom-btn a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 18px;
  vertical-align: middle;
  margin-left: 15px;
  background: url('/assets/img/getSmart/invalid-name.png') no-repeat;
}
.faq .faq-bottom-btn a:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1099px) {
  .faq .shadowBox .font-18 {
    padding-top: 18px;
  }
  .faq .accordion-Container .accordionWrap .accordionBtn {
    padding: 16px 60px 16px 38px;
  }
  .faq .faq-bottom-btn {
    padding-bottom: 14px;
  }
  .faq .faq-bottom-btn a {
    width: 320px;
    height: 68px;
    line-height: 68px;
    font-size: 18px;
    margin-left: 48px;
  }
}
@media screen and (max-width: 767px) {
  .supportCenter .subPageTitle {
    padding-top: 10px;
  }
  .supportCenter .subPageTitle h2 {
    display: none;
  }
  .faq {
    padding-top: 0 !important;
  }
  .faq .shadowBox .font-18 {
    padding-top: 18px;
  }
  .faq .accordion-Container .accordionWrap .accordionBtn {
    padding: 16px 36px 16px 14px;
  }
  .faq .accordion-Container .accordionWrap .accordionBtn::after {
    right: 10px;
  }
  .faq .accordion-Container .accordionWrap .accordioncont {
    padding: 20px 14px;
  }
  .faq .faq-bottom-btn a {
    width: 100%;
    height: 52px;
    line-height: 50px;
    margin: 20px 0 0 0;
  }
  .faq .faq-bottom-btn a:first-child {
    margin-top: 0;
  }
}
.remoteService .shadowBox {
  padding: 74px 0px;
}
.remoteService .shadowBox > p {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: -0.51px;
}
.remoteService .shadowBox p.font-bold {
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.61px;
  margin-bottom: 45px;
}
.remoteService .shadowBox ol {
  font-size: 0;
  margin: 50px 0 66px;
}
.remoteService .shadowBox ol li {
  display: inline-block;
  width: 150px;
  vertical-align: top;
  margin-left: 60px;
  position: relative;
}
.remoteService .shadowBox ol li:first-child {
  margin-left: 0;
}
.remoteService .shadowBox ol li:first-child::before {
  display: none;
}
.remoteService .shadowBox ol li::before {
  content: "";
  display: block;
  position: absolute;
  width: 28px;
  height: 48px;
  left: -47px;
  top: 40px;
  background: url('/assets/img/getSmart/img-remotepage.png');
}
.remoteService .shadowBox ol li span.text {
  display: block;
  margin-top: 13px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.41px;
}
.remoteService .shadowBox a {
  width: 320px;
  height: 48px;
  line-height: 46px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .remoteService p span {
    display: block;
  }
  .remoteService p br {
    display: none;
  }
  .remoteService .shadowBox {
    padding: 40px 10px;
  }
  .remoteService .shadowBox ol li {
    display: block;
    text-align: center;
    margin: 0 auto 40px;
  }
  .remoteService .shadowBox ol li:first-child {
    margin: 0 auto 40px;
  }
  .remoteService .shadowBox ol li::before {
    display: none;
  }
  .remoteService .shadowBox a {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .noticeList .commonTableStyle tr {
    text-align: right;
    font-size: 0;
  }
  .noticeList .commonTableStyle tr::after {
    content: "";
    clear: both;
    display: block;
  }
  .noticeList .commonTableStyle tr td {
    vertical-align: top;
    font-size: 16px;
  }
}
.event .event-tab {
  padding: 0 20px;
}
.event .event-tab li {
  float: left;
  padding-left: 32px;
  position: relative;
  transform: rotate(0.03deg);
}
.event .event-tab li:first-child {
  padding-left: 0;
}
.event .event-tab li:first-child::before {
  display: none;
}
.event .event-tab li::before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: #787878;
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.event .event-tab li a {
  line-height: 1.57;
  letter-spacing: -0.36px;
  color: #cfcfcf;
}
.event .event-tab li.on a {
  font-weight: bold;
  color: #000000;
}
.event .noresult {
  padding: 263px 0;
}
@media screen and (max-width: 1099px) {
  .event .event-tab {
    padding: 18px 8px 12px;
    border-bottom: 1px solid #cfcfcf;
  }
}
@media screen and (max-width: 767px) {
  .event .event-tab {
    padding: 20px 0 12px;
  }
}
.boardsPage p.font-bold {
  font-size: 24px;
  line-height: 1.83;
  letter-spacing: -0.61px;
}
.boardsPage p.font-bold .resultNum {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.2;
  color: #787878;
}
.boardsPage .showType {
  width: 960px;
  margin: 32px auto 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #cfcfcf;
}
.boardsPage .showType .float-right select {
  vertical-align: middle;
}
.boardsPage .showType .float-right > button {
  font-size: 14px;
  height: 28px;
  border: solid 1px #cfcfcf;
  padding: 0 9px 0 10px;
  vertical-align: middle;
}
.boardsPage .showType .float-right > button i {
  margin-right: 6px;
}
.boardsPage .showType .float-right .type_btns {
  vertical-align: middle;
}
.boardsPage .showType .float-right .type_btns > button {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.boardsPage .showType .float-right .type_btns > button#btn_cardveiw {
  background: url("/assets/img/getSmart/btn-cardveiw.png") no-repeat;
}
.boardsPage .showType .float-right .type_btns > button#btn_cardveiw.on {
  background: url("/assets/svg/newGetSmart/btn-cardveiw_on.svg") no-repeat;
}
.boardsPage .showType .float-right .type_btns > button#btn_listveiw {
  background: url("/assets/img/getSmart/btn-listveiw.png") no-repeat;
}
.boardsPage .showType .float-right .type_btns > button#btn_listveiw.on {
  background: url("/assets/svg/newGetSmart/btn-listveiw_on.svg") no-repeat;
}
.boardsPage .viewType {
  width: 960px;
  margin: 0 auto;
}
.boardsPage .viewType.type-table {
  margin-bottom: 40px;
}
.boardsPage .viewType.type-table .talbeType-th {
  display: table;
  width: 100%;
  border-bottom: 1px solid #787878;
}
.boardsPage .viewType.type-table .talbeType-th ul {
  display: table-header-group;
}
.boardsPage .viewType.type-table .talbeType-th ul li {
  display: table-cell;
  padding: 0 10px;
  height: 38px;
  vertical-align: middle;
  color: #787878;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c1 {
  width: 5%;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c2 {
  width: 60%;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c3 {
  width: 8%;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c4 {
  width: 8%;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c5 {
  width: 12%;
}
.boardsPage .viewType.type-table .talbeType-th ul li.c6 {
  width: 7%;
}
.boardsPage .viewType.type-table .talbeType-th ul .d-flex {
  display: flex;
}
.boardsPage .viewType.type-table .boardsList {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.boardsPage .viewType.type-table .boardsList li {
  display: table-row;
}
.boardsPage .viewType.type-table .boardsList li span {
  display: table-cell;
  height: 66px;
  padding: 0 10px;
  vertical-align: middle;
  border-bottom: 1px solid #efefef;
  word-break: break-all;
}
.boardsPage .viewType.type-table .boardsList li span.c1 {
  width: 5%;
}
.boardsPage .viewType.type-table .boardsList li span.c2 {
  width: 60%;
}
.boardsPage .viewType.type-table .boardsList li span.c2 a {
  display: inline-block;
  max-width: 81%;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.boardsPage .viewType.type-table .boardsList li span.c2 a.mobile {
  display: none;
}
.boardsPage .viewType.type-table .boardsList li span.c2 i {
  vertical-align: middle;
  font-style: normal;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.48px;
  color: #3385FF;
}
.boardsPage .viewType.type-table .boardsList li span.c3 {
  width: 8%;
}
.boardsPage .viewType.type-table .boardsList li span.c4 {
  width: 8%;
}
.boardsPage .viewType.type-table .boardsList li span.c5 {
  width: 12%;
}
.boardsPage .viewType.type-table .boardsList li span.c6 {
  width: 7%;
}
.boardsPage .viewType.type-table .boardsList li span.c6 i {
  display: none;
}
.boardsPage .viewType.type-table .boardsList li a:hover {
  font-weight: bold;
  text-decoration: underline;
}
.boardsPage .viewType.type-table .boardsList li .cardType-link {
  display: none;
}
.boardsPage .viewType.type-table .boardsList .imgWrap {
  display: none;
}
.boardsPage .viewType.type-card {
  border-bottom: 1px solid #efefef;
}
.boardsPage .viewType.type-card .talbeType-th {
  display: none;
}
.boardsPage .viewType.type-card .boardsList {
  margin-top: 32px;
}
.boardsPage .viewType.type-card .boardsList li {
  display: inline-block;
  width: 220px;
  margin-left: 26px;
  min-height: 264px;
  margin-bottom: 40px;
  position: relative;
}
.boardsPage .viewType.type-card .boardsList li:first-child,
.boardsPage .viewType.type-card .boardsList li:nth-child(4n + 1) {
  margin-left: 0;
}
.boardsPage .viewType.type-card .boardsList li span {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
  color: #787878;
}
.boardsPage .viewType.type-card .boardsList li span.c1,
.boardsPage .viewType.type-card .boardsList li span.c3 {
  display: none;
}
.boardsPage .viewType.type-card .boardsList li span.c2 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.36px;
  padding: 8px 6px;
  color: #000;
}
.boardsPage .viewType.type-card .boardsList li span.c2 .mobile {
  display: none;
}
.boardsPage .viewType.type-card .boardsList li span.c2 a {
  word-break: break-all;
  display: inline;
  padding-right: 6px;
}
.boardsPage .viewType.type-card .boardsList li span.c2 .count {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.48px;
  color: #3385FF;
  margin: 0 6px 0 0;
}
.boardsPage .viewType.type-card .boardsList li span.c4 {
  display: block;
  padding: 0 6px;
  margin-bottom: 2px;
}
.boardsPage .viewType.type-card .boardsList li span.c5 {
  padding: 0 12px 0 6px;
}
.boardsPage .viewType.type-card .boardsList li span.c6 i {
  font-style: normal;
}
.boardsPage .viewType.type-card .boardsList li span.imgWrap {
  display: block;
  width: 100%;
  padding-top: 63.6%;
  position: relative;
}
.boardsPage .viewType.type-card .boardsList li span.imgWrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.boardsPage .viewType.type-card .boardsList li > .cardType-link {
  display: none;
}
.boardsPage .viewType.type-card .boardsList li:hover {
  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.18);
}
.boardsPage .viewType.type-card .boardsList li:hover > .cardType-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.boardsPage .viewType.type-card .boardsList li:hover span a {
  font-weight: bold;
  text-decoration: underline;
}
.boardsPage .btnsWrap {
  margin-top: 26px;
}
.boardsPage .btnsWrap a {
  width: 100px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
}
.boardsPage .btnsWrap a:last-child {
  margin-left: 32px;
}
.boardsPage .mentoringSelect .input-select-box {
  width: 264px;
  border-radius: 4px;
}
.boardsPage .mentoringSelect select {
  width: 264px;
  height: 32px;
  border: 1px solid #000;
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat 93% 50%;
  font-size: 14px;
}
.boardsPage .mentoringSelect button {
  width: 80px;
  height: 32px;
  font-size: 14px;
  margin-left: 20px;
  vertical-align: top;
}
.boardsPage .mentoringSelect .input-select-box .select2-container--default .select2-selection--single {
  border: 1px solid #000000;
}
.boardsPage .mentoring-info {
  border-bottom: 1px solid #000;
  padding: 14px 0 12px;
}
.boardsPage .mentoring-info li {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.36px;
  color: #000000;
  display: inline-block;
}
.boardsPage .mentoring-info li:first-child {
  margin-right: 24px;
}
.boardsPage .mentoring-info li i {
  color: #fff;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.3px;
  display: inline-block;
  font-style: normal;
  min-width: 36px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  margin-right: 5px;
  border-radius: 4px;
  padding: 0 7px;
}
.boardsPage .mentoring-info li i.mentor {
  background-color: #00a2ac;
}
.boardsPage .mentoring-info li i.mentee {
  background-color: #873cc1;
}
.boardsPage .mentoringTab {
  margin: 24px 0 32px;
  padding: 0;
}
.boardsPage .mentoringTab .filter_list {
  overflow-x: auto;
}
.boardsPage .mentoringTab .filter {
  width: 64px;
  padding: 0;
  height: 32px;
  line-height: 30px;
}
.boardsPage .mentoringTab .filter.active {
  border: 1px solid #3385FF;
  color: #3385FF;
}
.boardsPage .mentoringTab .filter.active2 {
  border: 1px solid #3385FF;
  background: #3385FF;
  color: #ffffff;
}
.boardsPage #datepicker,
.boardsPage .date-picker {
  vertical-align: middle;
  width: 180px !important;
}
.boardsPage .ui-datepicker-trigger {
  vertical-align: middle;
  margin-left: 8px;
}
.boardsPage .mentoringComment {
  margin-bottom: 20px;
}
.boardsPage .mentoringComment .writeBox > p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 6px;
}
.boardsPage .mentoringComment .mentor {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #3385FF;
  color: #ffffff;
}
.boardsPage .mentoringComment .mentee {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #873cc1;
  color: #ffffff;
}
.boardsPage .mentoringComment .commentList i {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.3px;
  color: #ffffff;
  min-width: 36px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  padding: 0 7px;
}
.boardsPage .mentoringComment .commentList i.mentor {
  background: #3385FF;
}
.boardsPage .mentoringComment .commentList i.mentee {
  background: #873cc1;
}
.boardsPage .writeForm .writeWrap > li .write-th {
  width: 19.5%;
}
.boardsPage .writeForm .writeWrap > li .write-td {
  width: 80.5%;
  padding-right: 30px;
}
.boardsPage .writeForm .writeWrap > li .write-td .w-30 {
  width: 30%;
}
.boardsPage .writeForm .writeWrap > li .write-td .w-50 {
  width: 50%;
}
.boardsPage .writeForm .writeWrap > li .write-td .d-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.boardsPage .writeForm .writeWrap > li .write-td .d-flex i {
  padding: 0 10px;
}
.boardsPage .writeForm .writeWrap > li .write-td .d-flex span {
  padding: 0 5px;
}
.boardsPage .writeForm .writeWrap > li .write-td .write-File {
  max-width: 520px;
}
.boardsPage .marginBtnsWrap {
  margin-top: 40px;
}
@media screen and (max-width: 1099px) {
  .boardsPage .showType {
    width: 100%;
    margin-top: 16px;
    padding: 0 6px 12px;
  }
  .boardsPage .showType .float-left {
    position: relative;
  }
  .boardsPage .showType .float-left > button {
    height: 24px;
    color: #3385FF;
  }
  .boardsPage .showType .float-left > button::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url("/assets/img/icon/getSmart/check-recently.png") no-repeat;
  }
  .boardsPage .showType .float-right > button {
    font-size: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    text-align: center;
  }
  .boardsPage .showType .float-right > button i {
    width: 18px;
    height: 18px;
    margin-right: 0;
    background: url("/assets/img/getSmart/ic-categorysetting-m.png") no-repeat;
  }
  .boardsPage .showType .float-right .type_btns > button#btn_cardveiw {
    background: url("/assets/svg/newGetSmart/btn-listveiw_on.svg") no-repeat;
  }
  .boardsPage .showType .float-right .type_btns > button#btn_listveiw {
    background: url("/assets/svg/newGetSmart/btn-cardveiw_on.svg") no-repeat;
  }
  .boardsPage .showType .float-right .type_btns > button.on {
    display: none;
  }
  .boardsPage .viewType {
    width: 100%;
  }
  .boardsPage .viewType.type-table .boardsList li {
    position: relative;
  }
  .boardsPage .viewType.type-table .boardsList li:focus .cardType-link,
  .boardsPage .viewType.type-table .boardsList li:hover .cardType-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .boardsPage .viewType.type-table .boardsList li:focus span a,
  .boardsPage .viewType.type-table .boardsList li:hover span a {
    font-weight: bold;
    text-decoration: underline;
  }
  .boardsPage .viewType.type-card .boardsList {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
  }
  .boardsPage .viewType.type-card .boardsList li {
    width: 32%;
    margin-left: 2%;
    min-height: auto;
    padding-bottom: 8px;
  }
  .boardsPage .viewType.type-card .boardsList li:nth-child(4n + 1) {
    margin-left: 2%;
  }
  .boardsPage .viewType.type-card .boardsList li:nth-child(3n + 1) {
    margin-left: 0%;
  }
  .boardsPage .viewType.type-card .boardsList li span.c2 a.pc {
    display: none;
  }
  .boardsPage .viewType.type-card .boardsList li span.c2 a.mobile {
    display: block;
    line-height: 1.43;
    font-size: 14px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.9em;
  }
  .boardsPage .viewType.type-card .boardsList li span.c2 .count {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .boards .subPageTitle h2 {
    display: none;
  }
  .boardsPage .shadowBox {
    padding: 20px 8px;
  }
  .boardsPage .viewType.type-table .talbeType-th {
    display: none;
  }
  .boardsPage .viewType.type-table .boardsList {
    display: block;
    table-layout: inherit;
  }
  .boardsPage .viewType.type-table .boardsList li {
    display: block;
    padding: 16px 6px;
    border-bottom: 1px solid #ddd;
  }
  .boardsPage .viewType.type-table .boardsList li span {
    display: inline-block;
    border-bottom: none;
    height: auto;
  }
  .boardsPage .viewType.type-table .boardsList li span.c1 {
    display: none;
  }
  .boardsPage .viewType.type-table .boardsList li span.c2 {
    display: block;
    width: 100%;
    margin-bottom: 18px;
    padding: 0;
  }
  .boardsPage .viewType.type-table .boardsList li span.c2 a {
    display: block;
    max-width: 100%;
    text-overflow: initial;
    white-space: inherit;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
  }
  .boardsPage .viewType.type-table .boardsList li span.c2 a.pc {
    display: none;
  }
  .boardsPage .viewType.type-table .boardsList li span.c2 a.mobile {
    display: block;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.9em;
  }
  .boardsPage .viewType.type-table .boardsList li span.c2 .icon-new {
    margin-left: 6px;
  }
  .boardsPage .viewType.type-table .boardsList li span.c3 {
    padding: 0;
    width: auto;
  }
  .boardsPage .viewType.type-table .boardsList li span.c3 i {
    margin-right: 8px;
  }
  .boardsPage .viewType.type-table .boardsList li span.c4,
  .boardsPage .viewType.type-table .boardsList li span.c5,
  .boardsPage .viewType.type-table .boardsList li span.c6 {
    width: auto;
    padding: 0 8px 0 0;
    font-size: 13px;
  }
  .boardsPage .viewType.type-table .boardsList li span.c6 i {
    display: inline-block;
    font-style: normal;
  }
  .boardsPage .viewType.type-table .boardsList li span.c6 i::after {
    content: ":";
    padding: 0 3px;
  }
  .boardsPage .viewType.type-card .boardsList li {
    width: 49%;
    margin-left: 2%;
    min-height: 240px;
  }
  .boardsPage .viewType.type-card .boardsList li:nth-child(2n) {
    margin-left: 2%;
  }
  .boardsPage .viewType.type-card .boardsList li:nth-child(2n - 1) {
    margin-left: 0%;
  }
  .boardsPage .viewType.type-card .boardsList li span {
    font-size: 13px;
  }
  .boardsPage .viewType.type-card .boardsList li span.c2 {
    padding: 8px 2px;
  }
  .boardsPage .viewType.type-card .boardsList li span.c4 {
    padding: 0 2px;
  }
  .boardsPage .viewType.type-card .boardsList li span.c5 {
    padding-left: 2px;
  }
  .boardsPage .btnsWrap a {
    width: 80px;
  }
  .boardsPage .btnsWrap a:first-child {
    margin-right: 20px;
  }
  .boardsPage .writeForm .btnswrap a {
    width: 80px;
  }
  .boardsPage .mentoringSelect select {
    width: 77%;
    font-size: 14px;
    padding: 0 38px 0 10px;
  }
  .boardsPage .mentoringSelect button {
    width: 20%;
    margin-left: 3%;
  }
  .boardsPage .mentoringTab .filter {
    margin-left: 10px;
  }
  .boardsPage .mentoringTab .filter:first-child {
    margin-left: 0;
  }
  .mobile-fixed-btnWrap {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #ffffff;
    padding: 12px 8px;
    z-index: 5;
    box-shadow: 0 0 5px 0 rgb(0 0 0%);
  }
  .mobile-fixed-btnWrap a {
    width: 100%;
  }
}
.coaching .coachingTab {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 25px;
}
.coaching .coachingTab li {
  display: inline-block;
  padding: 0 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.13;
  letter-spacing: -0.41px;
  margin-left: 44px;
}
.coaching .coachingTab li:first-child {
  margin-left: 0;
}
.coaching .coachingTab li a {
  transform: rotate(0.03deg);
  padding-bottom: 10px;
  display: block;
}
.coaching .coachingTab li a.on {
  color: #3385FF;
}
.coaching .coachingSearch {
  margin-bottom: 32px;
}
.coaching .coachingSearch form {
  float: left;
}
.coaching .coachingSearch form > div {
  width: 240px;
  position: relative;
  vertical-align: middle;
}
.coaching .coachingSearch form > div input {
  width: 100%;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.coaching .coachingSearch form > div input:not(:placeholder-shown) + button {
  display: block;
}
.coaching .coachingSearch form > div button {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat;
  background-size: contain;
  right: 12px;
  top: 12px;
  display: none;
}
.coaching .coachingSearch form button {
  width: 80px;
  height: 40px;
  vertical-align: middle;
  margin-left: 16px;
}
.coaching .coachingSearch > button {
  float: right;
  width: 160px;
  height: 40px;
  font-size: 16px;
}
.coachingListTable .mobile-none div {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  max-height: 42px;
}
.coachingApplyList .select {
  cursor: pointer;
  height: 40px;
  width: 374px;
  margin-bottom: 32px;
  position: relative;
}
.coachingApplyList .select .selected-option {
  border: solid 1px #a2a2a2;
  border-radius: 6px;
  display: block;
  height: 40px;
  letter-spacing: -0.35px;
  line-height: 40px;
  padding: 0 30px 0 14px;
  background: url(/assets/svg/btn-years-down.svg) no-repeat 96% 50%;
}
.coachingApplyList .select ul {
  overflow: hidden;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  cursor: pointer;
  width: 100%;
  background: #fff;
  border-radius: 6px;
  border: solid 1px #a2a2a2;
  z-index: 1;
  display: none;
}
.coachingApplyList .select ul li {
  font-size: 14px;
  letter-spacing: -0.44px;
  height: 40px;
  line-height: 40px;
  padding: 0 13px;
}
.coachingApplyList .select ul li:hover {
  background: #eeeeee;
}
.coachingApplyList .select ul.active {
  display: block;
}
.coachingApplyList .commonTableStyle tbody tr td {
  color: #787878;
}
.coachingApplyList .commonTableStyle tbody tr td.title {
  color: #000000;
}
.coachingApplyList .commonTableStyle .hover-cont {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  border-radius: 8px;
  z-index: 1;
  color: #000;
}
.coachingApplyList .commonTableStyle .hover-cont.active {
  display: block;
}
.coachingApplyList .commonTableStyle .hover-cont.coach-list {
  text-align: center;
  min-width: 125px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 67%;
  padding: 20px 12px;
  box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05);
}
.coachingApplyList .commonTableStyle .hover-cont.coach-list li {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.36px;
  margin-top: 20px;
}
.coachingApplyList .commonTableStyle .hover-cont.coach-list li:first-child {
  margin-top: 0;
}
.coachingApplyList .commonTableStyle .hover-cont.reason-cont {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.36px;
  width: 212px;
  padding: 20px;
  border-radius: 4px;
  top: 67%;
  left: -20px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
}
.coachingApplyList .commonTableStyle .btn {
  padding: 0 10px;
  height: 32px;
}
.coachingPop {
  width: 480px;
  max-width: 480px;
  padding: 24px 30px;
  border-radius: 8px;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.38);
}
.coachingPop.s-coachingPop {
  width: 780px;
  max-width: 780px;
}
.coachingPop .popheader p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.coachingPop .popheader > button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat 50%;
  background-size: contain;
}
.coachingPop .liForm li {
  font-size: 0;
  margin-top: 20px;
}
.coachingPop .liForm li:first-child {
  margin-top: 0;
}
.coachingPop .liForm li span {
  display: inline-block;
  width: 50px;
  font-size: 14px;
  letter-spacing: -0.35px;
  line-height: 40px;
  vertical-align: top;
}
.coachingPop .liForm li > div {
  display: inline-block;
  width: calc(100% - 50px);
}
.coachingPop .liForm li > div select {
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat 93% 50%;
}
.coachingPop .liForm li > div input,
.coachingPop .liForm li > div select {
  height: 40px;
  width: 100%;
  border: 1px solid #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.coachingPop .btnsWrap {
  margin-top: 40px;
}
.coachingPop .btnsWrap .btn {
  width: 120px;
  height: 40px;
}
.coachingPop .btnsWrap .btn:first-child {
  margin-right: 24px;
}
.coachingInfo .coachingInfo-top {
  margin: 32px 0;
}
.coachingInfo .coachingInfo-top .porfileImg {
  width: 100px;
  padding-top: 134px;
  float: left;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #a2a2a2;
}
.coachingInfo .coachingInfo-top .porfileImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.coachingInfo .coachingInfo-top .porfileInfo {
  margin-left: 24px;
  float: left;
}
.coachingInfo .coachingInfo-top .porfileInfo span,
.coachingInfo .coachingInfo-top .porfileInfo b {
  display: block;
  margin-top: 4px;
}
.coachingInfo .coachingInfo-top .porfileInfo b.name {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.45px;
  margin-top: 0;
}
.coachingInfo .coachingInfo-top .porfileInfo ul {
  margin-top: 16px;
}
.coachingInfo .coachingInfo-top .porfileInfo ul li {
  display: inline-block;
}
.coachingInfo .coachingInfo-top .porfileInfo ul li:first-child {
  margin-right: 30px;
}
.coachingInfo .coachingInfo-top .porfileInfo ul li span {
  font-size: 13px;
  letter-spacing: -0.32px;
  color: #787878;
  margin-top: 0;
  margin-bottom: 4px;
}
.coachingInfo .coachingCareer p {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.coachingInfo .coachingCareer > div {
  height: 356px;
  overflow-y: auto;
  padding: 12px 0 0;
}
.coachingInfo .coachingCareer > div.height-242 {
  height: 242px;
}
.coachingInfo .black-line-btn {
  width: 120px;
  height: 40px;
  display: block;
  margin: 42px auto 0;
}
.coachingApply {
  margin: 29px 0 0 0;
}
.coachingApply .selectTeacher {
  margin-top: 40px;
}
.coachingApply .selectTeacher p {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  margin-bottom: 15px;
}
.coachingApply .selectTeacher .liForm li > div {
  font-size: 0;
}
.coachingApply .selectTeacher .liForm li > div > div {
  display: inline-block;
  width: 240px;
  vertical-align: top;
  position: relative;
}
.coachingApply .selectTeacher .liForm li > div > div > input {
  padding-right: 40px;
}
.coachingApply .selectTeacher .liForm li > div > div > button {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/assets/svg/btn-close-black.svg) no-repeat;
  background-size: contain;
  right: 12px;
  top: 12px;
}
.coachingApply .selectTeacher .liForm li > div > button {
  vertical-align: top;
  width: 116px;
  height: 40px;
  margin-left: 14px;
}
.coachingSearch .coachingSearchForm {
  margin: 29px 0;
}
.coachingSearch .coachingSearchForm input {
  width: 316px;
  height: 40px;
  margin-right: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
}
.coachingSearch .coachingSearchForm button {
  width: 90px;
  height: 40px;
  vertical-align: top;
}
.coachingSearch .minHtable {
  min-height: 357px;
}
.coachingSearch .commonTableStyle thead th {
  padding: 0 8px 8px;
}
.coachingSearch .commonTableStyle tbody tr:hover td {
  background: #f9f9f9;
}
.coachingSearch .commonTableStyle tbody tr td {
  padding: 21px 8px;
}
.coachingSearch .commonTableStyle tbody tr td.name {
  cursor: pointer;
}
.coachingSearch .commonTableStyle tbody tr td.name:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1099px) {
  .coachingApplyList .commonTableStyle .hover-cont.reason-cont {
    right: 0;
    left: inherit;
  }
  .coachingListTable table .tablet-block {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    letter-spacing: -0.5px;
    max-height: 42px;
  }
  .coachingPop.s-coachingPop {
    width: 720px;
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .subPage .coaching h2 {
    display: none;
  }
  .subPage .coaching .shadowBox {
    padding: 0px 8px 16px;
  }
  .subPage .coaching .coachingTab {
    border-bottom: none;
    position: relative;
  }
  .subPage .coaching .coachingTab::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #cfcfcf;
    bottom: 0;
    left: 0;
  }
  .subPage .coaching .coachingSearch {
    margin: 16px 0 24px;
  }
  .subPage .coaching .coachingSearch form {
    float: none;
    width: 100%;
  }
  .subPage .coaching .coachingSearch form > div {
    width: calc(100% - 50px);
  }
  .subPage .coaching .coachingSearch form > button {
    font-size: 0;
    background: #3385FF url("/assets/svg/newGetSmart/search-mainbg-white.svg") no-repeat 50%;
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .subPage .coaching .coachingListTable {
    border-top: 1px solid #000;
  }
  .subPage .coaching .coachingListTable tbody tr {
    padding: 16px 111px 16px 10px;
  }
  .subPage .coaching .coachingListTable tbody tr td {
    display: inline-block;
    margin-bottom: 0;
    color: #787878;
    margin-right: 8px;
    margin-top: 4px;
  }
  .subPage .coaching .coachingListTable tbody tr td.m-left {
    margin-right: 0px;
  }
  .subPage .coaching .coachingListTable tbody tr td.name {
    display: block;
    color: #000;
    margin-right: 0px;
    margin-top: 0;
  }
  .subPage .coaching .coachingListTable tbody tr td.mobile-none {
    display: none;
  }
  .subPage .coaching .coachingListTable tbody tr td.text-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 20px;
    margin-top: 0;
  }
  .subPage .coaching .coachingListTable tbody tr td.text-center button {
    width: 78px;
    height: 36px;
    background: #f9f9f9;
  }
  .subPage .coaching .m-fixed-btn {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 12px 8px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
  }
  .subPage .coaching .m-fixed-btn button {
    width: 100%;
    height: 40px;
  }
  .subPage .mentoringSelect {
    margin-top: 30px;
  }
  .subPage .mentoringSelect select {
    width: 100%;
  }
  .subPage #datepicker,
  .subPage .date-picker {
    width: 134px !important;
  }
  .coachingApplyList .selectWrap {
    margin: 16px 0 24px;
  }
  .coachingApplyList .selectWrap .select {
    width: 100%;
  }
  .coachingApplyList .commonTableStyle {
    border-top: 1px solid #efefef;
  }
  .coachingApplyList .commonTableStyle tbody tr {
    padding-bottom: 52px;
    font-size: 0;
  }
  .coachingApplyList .commonTableStyle tbody tr td {
    font-size: 14px;
  }
  .coachingApplyList .commonTableStyle tbody tr td:first-child {
    display: none;
  }
  .coachingApplyList .commonTableStyle tbody tr td.blackFont,
  .coachingApplyList .commonTableStyle tbody tr td.title {
    display: block;
  }
  .coachingApplyList .commonTableStyle tbody tr td.blackFont {
    color: #787878 !important;
  }
  .coachingApplyList .commonTableStyle tbody tr td:nth-child(4) {
    width: 90px;
    display: inline-block;
  }
  .coachingApplyList .commonTableStyle tbody tr td:nth-child(5) {
    width: calc(100% - 90px);
    display: inline-block;
  }
  .coachingApplyList .commonTableStyle tbody tr td.m-td1,
  .coachingApplyList .commonTableStyle tbody tr td.m-td2 {
    position: absolute;
    bottom: 16px;
    margin-bottom: 0;
  }
  .coachingApplyList .commonTableStyle tbody tr td.m-td1 {
    left: 4px;
  }
  .coachingApplyList .commonTableStyle tbody tr td.m-td2 {
    right: 10px;
  }
  .coachingApplyList .commonTableStyle tbody tr .hover-cont.coach-list {
    left: 0;
    transform: translateX(0%);
  }
  .coachingPop {
    width: 87.5% !important;
    min-height: auto !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    transform: translate(-50%, -50%) scale(1, 1) !important;
    -ms-transform: translate(-50%, -50%) !important;
    padding: 24px 20px;
  }
  .coachingPop .popheader p {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .coachingPop .liForm li span {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    margin-bottom: 4px;
    line-height: 20px;
  }
  .coachingPop .liForm li > div {
    width: 100%;
  }
  .coachingPop .btnsWrap .btn {
    width: 41%;
  }
  .coachingPop.s-coachingPop {
    width: 100% !important;
    min-width: 100%;
    height: 100%;
    position: fixed !important;
    border-radius: 8px;
  }
  .coachingInfo .coachingInfo-top {
    margin: 32px 0;
  }
  .coachingInfo .coachingInfo-top .porfileImg {
    width: 82px;
    padding-top: 110px;
  }
  .coachingInfo .coachingInfo-top .porfileInfo {
    width: calc(100% - 82px);
    padding-left: 15px;
    margin-left: 0;
  }
  .coachingInfo .coachingInfo-top .porfileInfo span,
  .coachingInfo .coachingInfo-top .porfileInfo li {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #000000;
    word-break: break-all;
  }
  .coachingInfo .coachingInfo-top .porfileInfo ul {
    margin-top: 8px;
  }
  .coachingInfo .coachingInfo-top .porfileInfo ul li {
    display: block;
  }
  .coachingInfo .coachingInfo-top .porfileInfo ul li:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .coachingInfo .coachingInfo-top .porfileInfo ul li span {
    font-size: 12px;
    margin-bottom: 0;
  }
  .coachingInfo .coachingCareer > div {
    height: calc(100vh - 330px);
  }
  .coachingApply {
    margin: 12px 0 0 0;
  }
  .coachingApply .selectTeacher {
    margin-top: 32px;
  }
  .coachingApply .selectTeacher .liForm li > span {
    display: none;
  }
  .coachingApply .selectTeacher .liForm li > div {
    font-size: 0;
  }
  .coachingApply .selectTeacher .liForm li > div > div {
    width: 63%;
  }
  .coachingApply .selectTeacher .liForm li > div > button {
    width: 33%;
    margin-left: 9px;
  }
  .coachingSearch .minHtable {
    min-height: 392px;
  }
  .coachingSearch .coachingSearchForm {
    margin: 20px 0;
  }
  .coachingSearch .coachingSearchForm input {
    width: 75%;
    margin-right: 5%;
  }
  .coachingSearch .coachingSearchForm button {
    width: 20%;
    height: 40px;
    vertical-align: top;
  }
  .coachingSearch .commonTableStyle {
    border-top: 1px solid #000;
  }
  .coachingSearch .commonTableStyle tbody tr:hover {
    background: #f9f9f9;
  }
  .coachingSearch .commonTableStyle tbody tr td {
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
  }
  .coachingSearch .commonTableStyle tbody tr td:first-child {
    display: none;
  }
  .coachingSearch .commonTableStyle tbody tr td.name {
    display: block;
    margin-bottom: 6px;
  }
  .coachingSearch .commonTableStyle tbody tr td:last-child {
    margin-left: 5px;
  }
}
.community .educationalSystemTab1 {
  padding-bottom: 0;
}
.community .educationalSystemTab1 div span {
  min-width: auto;
  margin-left: 40px;
  padding: 0 3px 13px;
}
.community .educationalSystemTab1 div span:first-child {
  margin-left: 0;
}
.community .educationalSystemTab1 div span.active::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #3385FF;
  bottom: 0;
  left: 0;
}
.community .educationalSystemTab1 button {
  display: none;
}
.community .shadowBox .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.83;
  letter-spacing: -0.61px;
}
.community .shadowBox .title span {
  color: #787878;
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: -0.51px;
}
.community .shadowBox .sort-by {
  padding-bottom: 12px;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 8px;
}
.community .shadowBox .sort-by span {
  vertical-align: top;
}
.community .shadowBox .commonTableStyle a {
  max-width: 80%;
}
.community .shadowBox .commonTableStyle a,
.community .shadowBox .commonTableStyle i,
.community .shadowBox .commonTableStyle span {
  vertical-align: middle;
}
.community .shadowBox .m-fixedBox {
  margin-top: 32px;
}
.community .shadowBox .m-fixedBox .writeBtn {
  width: 160px;
  height: 40px;
  line-height: 40px;
}
.community .writeForm .writeWrap > li .write-th {
  width: 19.5%;
}
.community .writeForm .writeWrap > li .write-td {
  width: 80.5%;
  padding-right: 30px;
}
.community .writeForm .writeWrap > li .write-td .write-File {
  max-width: 520px;
}
.community .encoding {
  width: 100%;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  letter-spacing: -0.35px;
  text-align: center;
  margin-bottom: 20px;
}
.community .encoding > div b {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #00a2ac;
}
.community .encoding > div .progressbar {
  width: 200px;
  height: 6px;
  border-radius: 4px;
  background: #cfcfcf;
  position: relative;
  overflow: hidden;
  margin: 6px 0 12px;
}
.community .encoding > div .progressbar div {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #3385FF;
  border-radius: 4px;
}
.community .encoding > div p {
  margin: 2px 0 0 0;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
}
.community .linkBox {
  border: 1px solid #efefef;
  width: 100%;
  max-width: 418px;
  margin-bottom: 20px;
}
.community .linkBox .imgBox {
  height: 232px;
}
.community .linkBox .imgBox a {
  display: block;
  overflow: hidden;
  height: 232px;
  position: relative;
}
.community .linkBox .imgBox a img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.community .linkBox .textBox {
  padding: 12px 17px 23px;
}
.community .linkBox .textBox > b {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #000;
}
.community .linkBox .textBox > p {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #787878;
}
@media screen and (max-width: 1099px) {
  .community .educationalSystemTab1 button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .community .educationalSystemTab1 div span {
    margin-left: 20px;
  }
  .community .educationalSystemTab1 div span:first-child {
    margin-left: 0;
  }
  .community div.shadowBox {
    padding-top: 20px;
  }
  .community div.shadowBox .title {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: -0.46px;
    margin-bottom: 20px;
  }
  .community div.shadowBox .title span {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: -0.46px;
  }
  .community .sort-by ul {
    right: inherit;
    left: 0;
  }
  .community .sort-by ul li {
    display: block;
    float: none;
  }
  .community .commonTableStyle tr {
    text-align: left;
  }
  .community .commonTableStyle tr td {
    display: inline-block;
    margin-right: 8px;
  }
  .community .commonTableStyle tr td:first-child {
    display: none;
  }
  .community .commonTableStyle tr td.text-left {
    display: block;
    margin-right: 0;
  }
  .community .commonTableStyle tr td.file-td {
    margin-right: 0;
  }
  .community .commonTableStyle tr td.file-td i {
    margin-right: 8px;
  }
  .community .commonTableStyle tr td:last-child::before {
    content: "조회: ";
  }
  .community .commonTableStyle tr td a {
    display: block;
    max-width: 100% !important;
  }
}
.custom-popup {
  font-family: "Spoqa Han Sans", "Spoqa Han Sans JP", "Sans-serif";
}
.custom-popup .cke_dialog_title {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -0.51px;
  padding: 24px 20px;
  background: none;
  border-bottom: 1px solid #cfcfcf;
}
.custom-popup a.cke_dialog_close_button {
  width: 20px;
  height: 20px;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat 50%;
  background-size: contain;
  top: 22px;
  right: 24px;
}
.custom-popup .cke_dialog_footer {
  background: #fff;
  border-top: none;
}
.custom-popup .cke_dialog_footer .cke_resizer.cke_resizer_ltr {
  display: none;
}
.custom-popup .cke_dialog_footer .cke_dialog_footer_buttons {
  margin: 24px 28px;
}
.custom-popup .cke_dialog_footer .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first {
  padding-right: 16px;
}
.custom-popup .cke_dialog_footer a.cke_dialog_ui_button {
  width: 80px;
  height: 40px;
  border-radius: 4px;
  padding: 0;
  border: 1px solid #000000;
}
.custom-popup .cke_dialog_footer a.cke_dialog_ui_button span {
  font-weight: normal;
  display: block;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: -0.41px;
  text-align: center;
}
.custom-popup .cke_dialog_footer a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
  background: #3385FF;
  border: 1px solid #3385FF;
  color: #ffffff;
}
.editorPop {
  width: 496px;
}
.editorPop .popHeade {
  padding: 21px 24px;
  position: relative;
  border-bottom: 1px solid #cfcfcf;
}
.editorPop .popHeade p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.51px;
}
.editorPop .popHeade button {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/assets/svg/newGetSmart/btn-close-black-20px.svg") no-repeat 50%;
  background-size: contain;
  top: 22px;
  right: 24px;
}
.editorPop .popCont {
  padding: 28px;
  font-size: 0;
}
.editorPop .popCont .addFile {
  font-size: 0;
}
.editorPop .popCont .addFile > span {
  display: inline-block;
  padding: 0 16px;
  background: #efefef;
  border: 1px solid #cfcfcf;
  line-height: 38px;
  width: calc(100% - 120px);
  height: 40px;
  font-size: 14px;
  vertical-align: top;
}
.editorPop .popCont .addFile .main-line-btn {
  width: 104px;
  height: 40px;
  line-height: 38px;
  vertical-align: top;
  margin-left: 16px;
  font-weight: bold;
}
.editorPop .popCont .addFile input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.editorPop .popCont .addFile p {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.3px;
  color: #787878;
  margin-top: 8px;
}
.editorPop .popCont .addFile .sizeChange {
  margin-top: 24px;
}
.editorPop .popCont .addFile .sizeChange ul li {
  display: inline-block;
  vertical-align: middle;
}
.editorPop .popCont .addFile .sizeChange ul li span {
  display: inline-block;
  font-size: 12px;
  color: #787878;
  margin-right: 4px;
  vertical-align: middle;
}
.editorPop .popCont .addFile .sizeChange ul li input {
  display: inline-block;
  font-size: 12px;
  width: 110px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  color: #787878;
}
.editorPop .popCont .addFile .sizeChange ul li:first-child {
  padding-right: 24px;
}
.editorPop .popCont .addFile .sizeChange ul li:first-child input {
  width: 64px;
  color: #000000;
}
.editorPop .popCont .process {
  margin-bottom: 36px;
}
.editorPop .popCont .process b {
  display: block;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: -0.8px;
  text-align: center;
  font-weight: normal;
  color: #3385FF;
  margin: 22px 0 11px;
}
.editorPop .popCont .process .progressbar {
  width: 200px;
  height: 6px;
  border-radius: 4px;
  background: #cfcfcf;
  position: relative;
  overflow: hidden;
  margin: 6px auto 12px;
}
.editorPop .popCont .process .progressbar > div {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background: #3385FF;
  border-radius: 4px;
}
.editorPop .popCont .process p {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.35px;
  text-align: center;
}
.editorPop .popCont .hyperLink input {
  width: 100%;
  display: block;
  height: 40px;
  margin-bottom: 8px;
}
.editorPop .popCont .hyperLink p {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  color: #787878;
}
.editorPop .popCont .addLink {
  font-size: 0;
}
.editorPop .popCont .addLink input {
  width: calc(100% - 120px);
  height: 40px;
}
.editorPop .popCont .addLink .main-line-btn {
  width: 104px;
  height: 40px;
  line-height: 38px;
  vertical-align: top;
  margin-left: 16px;
  font-weight: bold;
}
.editorPop .popCont .addLink p {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.3px;
  color: #787878;
  margin-top: 8px;
}
.editorPop .popCont .addLink > div .imgBox {
  margin-top: 16px;
  width: 100%;
  height: 220px;
  background: #efefef;
}
.editorPop .popCont .addLink > div .imgBox button {
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #fff url("/assets/svg/newGetSmart/btn-close-black-16px.svg") no-repeat 50%;
  border: 1px solid #cfcfcf;
}
.editorPop .popCont .addLink > div p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #000;
}
.editorPop .popCont .btnsWrap {
  font-size: 0;
  padding: 40px 0 0;
}
.editorPop .popCont .btnsWrap button {
  width: 80px;
  height: 40px;
}
.editorPop .popCont .btnsWrap button:first-child {
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .community .subPageTitle {
    display: none;
  }
  .community .educationalSystemTab1 {
    padding-top: 12px;
    padding-bottom: 0px;
  }
  .community .educationalSystemTab1 button {
    top: 15px;
  }
  .community .educationalSystemTab1 span {
    padding: 0 3px 12px;
    line-height: 34px;
  }
  .community .shadowBox .m-fixedBox {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 8px;
    background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .community .shadowBox .m-fixedBox .writeBtn {
    width: 100%;
    height: 40px;
  }
  .community .popupActive .popupWrap .popcontent.editorPop {
    width: 93.75%;
    min-height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .community .popupActive .popupWrap .popcontent.editorPop .popCont {
    padding: 28px 16px 24px;
  }
}
.consulting .consultingTab {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 25px;
}
.consulting .consultingTab li {
  display: inline-block;
  padding: 0 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.13;
  letter-spacing: -0.41px;
  margin-left: 44px;
}
.consulting .consultingTab li:first-child {
  margin-left: 0;
}
.consulting .consultingTab li a {
  transform: rotate(0.03deg);
  padding-bottom: 10px;
  display: block;
}
.consulting .consultingTab li a.on {
  color: #3385FF;
}
.consulting .consultingSearch {
  margin-bottom: 32px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.consulting .consultingSearch form {
  float: left;
}
.consulting .consultingSearch form > div {
  width: 240px;
  position: relative;
  vertical-align: middle;
}
.consulting .consultingSearch form > div input {
  width: 100%;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.consulting .consultingSearch form > div input:not(:placeholder-shown) + button {
  display: block;
}
.consulting .consultingSearch form > div button {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat;
  background-size: contain;
  right: 12px;
  top: 12px;
  display: none;
}
.consulting .consultingSearch form button {
  width: 80px;
  height: 40px;
  vertical-align: middle;
  margin-left: 16px;
}
.consulting .consultingListTable .black-line-btn {
  width: 48px;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingView .viewTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.consulting .consultingView .viewTitle > div {
  max-width: 80%;
}
.consulting .consultingView .viewTitle > div > p {
  font-size: 24px;
  font-weight: bold;
  line-height: 0.92;
  letter-spacing: -0.61px;
  margin-bottom: 6px;
  word-break: break-all;
}
.consulting .consultingView .viewTitle > div span {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
}
.consulting .consultingView .viewTitle > .main-bg-btn {
  width: 88px;
  height: 40px;
  line-height: 38px;
}
.consulting .consultingView .view-content > p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.46px;
  padding-bottom: 8px;
  border-bottom: 1px solid #787878;
}
.consulting .consultingView .view-content .content-box {
  padding: 20px 16px;
  min-height: 317px;
}
.consulting .consultingView .viewUltable {
  border-top: 1px solid #e5e5e5;
}
.consulting .consultingApply {
  margin-top: 40px;
}
.consulting .consultingApply > p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.46px;
  margin-bottom: 16px;
}
.consulting .consultingApply .flexTable .flexThead {
  display: grid;
  grid-template-columns: 80px 15% auto 130px 130px;
  align-items: center;
  padding-bottom: 7px;
  border-bottom: 1px solid #787878;
}
.consulting .consultingApply .flexTable .flexThead span {
  color: #787878;
}
.consulting .consultingApply .flexTable .flexTbody > div {
  display: grid;
  grid-template-columns: 80px 15% auto 260px;
  align-items: center;
  padding: 17px 0 ;
  border-bottom: 1px solid #efefef;
}
.consulting .consultingApply .flexTable .flexTbody > div i {
  display: none;
}
.consulting .consultingApply .flexTable .flexTbody > div > div {
  display: flex;
  position: relative;
}
.consulting .consultingApply .flexTable .flexTbody > div > div > span {
  width: 50%;
}
.consulting .consultingApply .flexTable .flexTbody > div > div .btn {
  min-width: 88px;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingListTable2 td > span {
  display: inline-block;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingListTable2 td a {
  vertical-align: middle;
}
.consulting .consultingListTable2 td .btn {
  width: 48px;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingListTable2 td.on .reject-pop {
  display: block;
}
.consulting .consultingListTable2 .reject-pop {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: 40px;
  line-height: 40px;
  width: 355px;
  border: 1px solid #000000;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  bottom: -20px;
  z-index: 1;
  display: none;
  padding: 0 16px;
}
.consulting .filterContent > .text-center {
  font-size: 0;
}
.consulting .filterContent > .text-center button {
  width: 80px;
  height: 32px;
  line-height: 30px;
}
.consulting .filterContent > .text-center button:first-child {
  margin-right: 16px;
}
.consulting .filterContent .resultTable > .inputWrap {
  margin-bottom: 16px;
}
.consulting .filterContent .resultTable > .inputWrap input[type="checkbox"] + label span {
  width: 16px;
  height: 16px;
}
.consulting .consultingFilter {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
}
.consulting .consultingFilter li {
  margin-bottom: 20px;
}
.consulting .consultingFilter li:nth-child(odd) {
  width: 400px;
}
.consulting .consultingFilter li b {
  width: 90px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.41px;
}
.consulting .consultingFilter select {
  width: 132px;
  height: 32px;
  border: 1px solid #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat 90% 50%;
}
.consulting .consultingFilter .position-relative {
  width: 279px;
}
.consulting .consultingFilter .position-relative input {
  padding-right: 26px;
  width: 100%;
}
.consulting .consultingFilter .position-relative input:not(:placeholder-shown) + button {
  display: block;
}
.consulting .consultingFilter .position-relative button[type="button"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 8px;
  display: none;
}
.consulting .consultingFilter input {
  border: 1px solid #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.consulting .consultingComment {
  margin-top: 20px;
}
.consulting .consultingComment .notice-box {
  background-color: rgba(0, 162, 172, 0.1);
  padding: 12px 16px;
  margin-bottom: 32px;
}
.consulting .consultingComment .notice-box li {
  display: flex;
  align-items: center;
}
.consulting .consultingComment .notice-box li::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  border-radius: 50%;
  margin-right: 16px;
  background-color: #000000;
}
.consulting .consultingComment > p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.46px;
  margin-bottom: 13px;
}
.consulting .consultingComment .no-content {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #f9f9f9;
}
.consulting .consultingComment .has-content {
  background-color: #f9f9f9;
  padding: 32px 0;
  height: 502px;
  overflow-y: auto;
}
.consulting .consultingComment .has-content > div {
  display: flex;
  margin-top: 16px;
  padding: 0 32px;
}
.consulting .consultingComment .has-content > div:first-child {
  margin-top: 0;
}
.consulting .consultingComment .has-content > div.consult {
  justify-content: left;
}
.consulting .consultingComment .has-content > div.consult .top-info i {
  background: #3385FF;
}
.consulting .consultingComment .has-content > div.learner {
  justify-content: right;
}
.consulting .consultingComment .has-content > div.learner .top-info i {
  background: #873cc1;
}
.consulting .consultingComment .has-content > div.edit {
  background: #ffffff;
  padding: 16px 32px;
}
.consulting .consultingComment .has-content > div .commentBox {
  padding: 16px 20px;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  width: 690px;
  border-radius: 8px;
  position: relative;
}
.consulting .consultingComment .has-content > div .commentBox .top-info {
  display: flex;
  align-items: center;
}
.consulting .consultingComment .has-content > div .commentBox .top-info span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.36px;
  padding-right: 6px;
}
.consulting .consultingComment .has-content > div .commentBox .top-info i {
  padding: 2px 7px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.3px;
  font-style: normal;
}
.consulting .consultingComment .has-content > div .commentBox .comment-text {
  min-height: 50px;
  margin-top: 12px;
}
.consulting .consultingComment .has-content > div .commentBox .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.33px;
}
.consulting .consultingComment .has-content > div .commentBox .d-flex > div a {
  text-decoration: underline;
}
.consulting .consultingComment .has-content > div .commentBox .d-flex > span {
  color: #787878;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn {
  position: absolute;
  right: 24px;
  top: 20px;
  font-size: 0;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn > button {
  width: 25px;
  height: 20px;
  background: url("/assets/svg/newGetSmart/btn-board-menu.svg") no-repeat right 50%;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn ul {
  border: solid 1px #cfcfcf;
  position: absolute;
  right: 6px;
  top: 10px;
  background: #fff;
  display: none;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn ul li {
  width: 64px;
  height: 34px;
  line-height: 34px;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn ul li button {
  color: #787878;
}
.consulting .consultingComment .has-content > div .commentBox .editBtn.active ul {
  display: block;
}
.consulting .consultingComment .has-content > div .writeForm {
  width: 690px;
  padding: 0;
}
.consulting .consultingComment .writeForm {
  padding: 16px 32px;
}
.consulting .consultingComment .writeForm .writeBox {
  border: 1px solid #ddd;
  background: #ffffff;
  padding: 16px 20px;
  position: relative;
  height: 123px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.consulting .consultingComment .writeForm .writeBox .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.35px;
  display: block;
  margin-bottom: 10px;
}
.consulting .consultingComment .writeForm .writeBox .countNum {
  right: 0;
  top: 0;
  color: #787878;
}
.consulting .consultingComment .writeForm .writeBox > div.font0 {
  text-align: right;
}
.consulting .consultingComment .writeForm .writeBox > div textarea {
  height: 60px;
  border: none;
  width: 100%;
  padding: 0;
  float: left;
  vertical-align: top;
}
.consulting .consultingComment .writeForm .writeBox > div textarea:focus {
  outline: 0.5px solid #3385FF;
}
.consulting .consultingComment .writeForm .btnWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.consulting .consultingComment .writeForm .btnWrap > div > span {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.consulting .consultingComment .writeForm .btnWrap > div .file-del {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('/assets/img/getSmart/btn-fileclose.png') no-repeat 50%;
  background-size: contain;
  margin-left: 9px;
}
.consulting .consultingComment .writeForm .btnWrap .black-line-btn {
  width: 112px;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingComment .writeForm .btnWrap .main-line-btn {
  width: 80px;
  height: 32px;
  line-height: 30px;
}
.consulting .consultingComment .writeForm .btnWrap .left-cont {
  max-width: 50%;
}
.consulting .consultingComment .writeForm .btnWrap .right-btns-wrap .black-line-btn {
  width: 80px;
  height: 32px;
  line-height: 30px;
  margin-right: 6px;
}
.consulting .consulterbtn {
  border-top: 1px solid #cfcfcf;
  padding-top: 16px;
  display: flex;
  justify-content: right;
  margin-top: 24px;
}
.consulting .consulterbtn > button {
  width: 200px;
  height: 40px;
  line-height: 38px;
}
.consultPop {
  position: absolute;
  background-color: #ffffff;
  bottom: 34px;
  right: 0;
  display: none;
}
.consultPop.active {
  display: block;
}
.consult-finish-pop {
  width: 300px;
  height: 246px;
}
.consult-finish-pop .consult-finish-text {
  padding: 24px;
}
.consult-finish-pop .consult-finish-text > p {
  padding: 0;
  margin-bottom: 26px;
}
.consult-finish-pop .consult-finish-text > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.consult-finish-pop .consult-finish-text > div > b {
  padding-right: 10px;
}
.consult-finish-pop .consult-finish-text > div select {
  width: 113px;
  border: 1px solid #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat 90% 50%;
}
.consult-finish-pop .popBtnsWrap {
  bottom: 32px;
}
.consult-finish-pop .popBtnsWrap .btn {
  width: 80px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
}
.consult-finish-pop .popBtnsWrap .btn:first-child {
  margin-right: 16px;
}
@media screen and (max-width: 1099px) {
  .consulting .consultPop {
    width: 416px !important;
    right: 93%;
    bottom: -300px;
    z-index: 1;
    background: #ffffff;
  }
  .consulting .consultPop .coachingPop {
    width: 100%;
  }
  .consulting .consultingListTable2 .reject-pop {
    left: -286px;
    transform: translateX(0%);
    bottom: -26px;
  }
}
@media screen and (max-width: 767px) {
  .consulting .consultingSearch {
    margin: 16px 0 24px;
  }
  .consulting .consultingSearch form {
    float: none;
    width: 100%;
  }
  .consulting .consultingSearch form > div {
    width: calc(100% - 50px);
  }
  .consulting .consultingSearch form > button {
    font-size: 0;
    background: #3385FF url("/assets/svg/newGetSmart/search-mainbg-white.svg") no-repeat 50%;
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
  .consulting .consultingListTable1 tbody tr td:first-child {
    display: none !important;
  }
  .consulting .consultingListTable1 tbody tr td.text-p::before,
  .consulting .consultingListTable1 tbody tr td.text-num::before {
    content: attr(data-label);
    color: #787878;
    padding-right: 5px;
  }
  .consulting .consultingListTable1 tbody tr td:last-child {
    display: flex;
    justify-content: right;
  }
  .consulting .consultingListTable1 tbody tr td .black-line-btn {
    width: 80px;
  }
  .consulting .consultingListTable1 tbody tr td .black-line-btn::before {
    content: "상세";
  }
  .consulting .consultingApply .flexTable .flexThead {
    display: none;
  }
  .consulting .consultingApply .flexTable .flexTbody {
    border-top: 1px solid #787878;
  }
  .consulting .consultingApply .flexTable .flexTbody > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 10px;
  }
  .consulting .consultingApply .flexTable .flexTbody > div i {
    display: inline-block;
    color: #787878;
    padding-right: 4px;
    font-style: normal;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > span {
    margin-bottom: 8px;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > span:first-child {
    display: none;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > div {
    width: 100%;
    justify-content: right;
    margin-top: 10px;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > div > span {
    width: auto;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > div > span:first-child {
    margin-right: 10px;
  }
  .consulting .consultingApply .flexTable .flexTbody > div > div .btn {
    min-width: 80px;
  }
  .consulting .consultingListTable2 td {
    height: auto;
  }
  .consulting .consultingListTable2 td::before {
    content: attr(data-label);
    color: #787878;
  }
  .consulting .consultingListTable2 td:last-child {
    display: flex;
    justify-content: right;
  }
  .consulting .consultingListTable2 td:last-child span {
    width: 80px;
    text-align: center;
  }
  .consulting .consultingListTable2 td .btn {
    width: 80px;
  }
  .consulting .consultingListTable2 .reject-pop {
    width: 300px;
  }
  .consulting .consultingFilter {
    margin-top: 16px;
  }
  .consulting .consultingFilter li {
    width: 100%;
  }
  .consulting .consultingFilter li:nth-child(odd) {
    width: 100%;
  }
  .consulting .consultingFilter li .position-relative {
    width: 65%;
    max-width: 279px;
  }
  .consulting .filterContent .consultingListTable2 td a {
    display: inline-block;
    width: auto;
    padding-bottom: 0;
    max-width: 90%;
  }
  .consulting .filterContent .consultingListTable2 td span {
    width: auto;
  }
  .consulting .filterContent .consultingListTable2 td.m-d-flex {
    display: flex;
    justify-content: right;
    padding-right: 75px;
  }
  .consulting .filterContent .consultingListTable2 td:last-child {
    position: absolute;
    right: 21px;
    bottom: 14px;
  }
  .consulting .filterContent .resultTable {
    margin-top: 40px;
  }
  .consulting .filterContent .resultTable table {
    border-top: 1px solid #787878;
  }
  .consulting .consultingView {
    padding-top: 12px;
  }
  .consulting .consultingView .viewTitle {
    display: block;
    margin-bottom: 12px;
  }
  .consulting .consultingView .viewTitle > div {
    width: 100%;
  }
  .consulting .consultingView .viewTitle > div > p {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
  }
  .consulting .consultingView .viewTitle > div span {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.36px;
  }
  .consulting .consultingView .viewTitle .main-bg-btn {
    float: right;
    height: 32px;
    line-height: 30px;
  }
  .consulting .consultingView .viewTitle::after {
    content: "";
    display: block;
    clear: both;
  }
  .consulting .consultingView .view-content .content-box {
    padding: 8px 0;
  }
  .consulting .consultingComment .notice-box {
    padding: 12px 10px;
  }
  .consulting .consultingComment .notice-box li {
    display: block;
    padding-left: 11px;
    position: relative;
    font-size: 12px;
    line-height: 1.42;
    letter-spacing: -0.3px;
  }
  .consulting .consultingComment .notice-box li::before {
    position: absolute;
    left: 0;
    top: 6px;
  }
  .consulting .consultingComment .has-content {
    padding: 8px 0 20px;
  }
  .consulting .consultingComment .has-content > div {
    padding: 0 8px;
  }
  .consulting .consultingComment .has-content > div .commentBox {
    width: 100%;
    padding: 8px 10px;
  }
  .consulting .consultingComment .has-content > div .commentBox .d-flex {
    flex-direction: column;
    align-items: flex-end;
  }
  .consulting .consultingComment .has-content > div .commentBox .d-flex > div {
    width: 100%;
  }
  .consulting .consultingComment .has-content > div .commentBox .d-flex > span {
    padding-top: 5px;
  }
  .consulting .consultingComment .has-content > div.edit {
    padding: 18px 3px;
  }
  .consulting .consultingComment .writeForm {
    padding: 13px 0 ;
    width: 100% !important;
  }
  .consulting .consultingComment .writeForm .upload-file {
    flex-direction: column;
    align-items: flex-start;
  }
  .consulting .consultingComment .writeForm .upload-file .left-cont {
    max-width: 100%;
    width: 100%;
    margin-bottom: 16px;
  }
  .consulting .consultingComment .writeForm .upload-file .right-btns-wrap {
    display: block;
    margin-left: auto;
  }
  .consulting .consultingListTable2 {
    border-top: 1px solid #787878;
  }
  .consulting .consultingListTable2 .reject-pop {
    left: 0;
    width: 100%;
    bottom: -44px;
  }
  .consulting .consultPop {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    right: 0;
    bottom: 0;
    background: none;
  }
  .consulting .consultPop .coachingPop {
    background: #ffffff;
  }
}
.video-board-lists .shadowBox {
  padding-left: 27px;
  padding-right: 27px;
}
.video-board-lists .shadowBox .linkTab {
  border-bottom: 1px solid #cfcfcf;
}
.video-board-lists .shadowBox .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 24px 0;
}
.video-board-lists .shadowBox .d-flex > p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.51px;
}
.video-board-lists .shadowBox .d-flex .showType {
  border-bottom: none;
  width: auto;
  margin: 0;
  padding-bottom: 0;
}
.video-board-lists .shadowBox .d-flex .showType span.mobile-none {
  display: inline-block;
  vertical-align: top;
}
.video-board-lists .shadowBox .result-text {
  margin: 16px 0;
}
.video-board-lists .shadowBox .result-text b {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  display: block;
}
.video-board-lists .shadowBox .write-link-btn {
  margin-top: 33px;
  display: flex;
  justify-content: flex-end;
}
.video-board-lists .shadowBox .write-link-btn .btn {
  width: 160px;
  height: 40px;
  line-height: 36px;
}
@media screen and (max-width: 1099px) {
  .video-board-lists .shadowBox {
    padding-left: 16px;
    padding-right: 16px;
  }
  .video-board-lists .shadowBox .d-flex .showType .float-left {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .video-board .subPageTitle h2 {
    display: none;
  }
  .video-board .shadowBox {
    padding: 16px 8px;
  }
  .video-board .viewUltable > ul > li.col-3-2 {
    width: 66.3333%;
  }
  .video-board .viewUltable > ul > li.col-3 {
    width: 33.3333%;
  }
  .video-board .stateTable tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .video-board .stateTable tbody tr td {
    margin-right: 10px;
    margin-bottom: 0;
  }
  .video-board .stateTable tbody tr td.title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .video-board .stateTable tbody tr td::before {
    content: attr(data-label);
    color: #787878;
  }
  .video-board-lists .shadowBox > .d-flex {
    padding: 0 10px;
  }
  .video-board-lists .shadowBox > .d-flex .showType span.mobile-none {
    display: none;
  }
  .video-board-lists .shadowBox > .d-flex .showType .float-left {
    float: none;
  }
  .video-board-lists .shadowBox .viewType.type-card .boardsList li {
    width: 100%;
    margin: 0 0 55px 0;
  }
  .video-board-lists .shadowBox .viewType.type-card .boardsList li span.imgWrap {
    padding-top: 58.89%;
  }
}
.calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.calendar-header .calendar-header-left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.calendar-header .calendar-header-right select {
  height: 40px;
  background: url('/assets/img/btn-years-down.png') no-repeat right 50%;
}
.calendar-header .arrow-btn {
  width: 40px;
  height: 40px;
  transition: 0.4s;
  background: url('/assets/img/path-3.svg') no-repeat 50%;
}
.calendar-header .arrow-btn:hover {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
}
.calendar-header .arrow-btn:last-child {
  transform: rotate(180deg);
}
.calendar-header .date {
  padding: 0 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.51px;
}
.calendar-header .today-btn {
  width: 56px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  margin-left: 20px;
  flex-shrink: 0;
}
.calendar-header .today-btn > span {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
.calendar-header .calendar-header-right {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.calendar {
  border: 1px solid #ebeded;
  font-size: 14px;
}
.calendar .calendar-day {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ebeded;
}
.calendar .calendar-day > span {
  width: 14.28%;
  line-height: 1.43;
  letter-spacing: -0.36px;
  padding: 9px 10px 11px 9px;
}
.calendar .calendar-date .date-row {
  display: flex;
  border-bottom: 1px solid #ebeded;
}
.calendar .calendar-date .date-row:last-child {
  border-bottom: none;
}
.calendar .calendar-date .date-row > div {
  width: 14.28%;
  border-right: 1px solid #ebeded;
  height: 160px;
  padding: 6px 5px 12px  5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.calendar .calendar-date .date-row > div:last-child {
  border-right: none;
}
.calendar .calendar-date .date-row > div:first-child span.date {
  color: #e63131;
}
.calendar .calendar-date .date-row > div.today span.date::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #3385FF;
  border-radius: 50%;
  margin-right: 4px;
}
.calendar .calendar-date .date-row > div span.date {
  padding: 0 5px;
  line-height: 1.43;
  display: block;
  margin-bottom: 1px;
}
.calendar .calendar-date .date-row > div span.date.holiday {
  color: #e63131;
}
.calendar .calendar-date .date-row > div span.date.next-month {
  color: #787878;
}
.calendar .calendar-date .date-row > div div.pop-btn {
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: -0.28px;
  margin-top: 6px;
  cursor: pointer;
  position: relative;
}
.calendar .calendar-date .date-row > div div.pop-btn p {
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: -0.28px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-1 {
  background-color: #f6d3d3;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-2 {
  background-color: #f9efb8;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-3 {
  background-color: #ccdef4;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-4 {
  background-color: #cae7bc;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-5 {
  background-color: #f0cdf8;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-6 {
  background-color: #fad5ad;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-7 {
  background-color: #dadada;
}
.calendar .calendar-date .date-row > div div.pop-btn.bg-8 {
  background-color: #ff8d8d;
}
.calendar .calendar-date .date-row > div div.pop-btn.w-1 {
  width: 100%;
}
.calendar .calendar-date .date-row > div div.pop-btn.w-2 {
  width: calc(200% + 10px);
}
.calendar .calendar-date .date-row > div div.pop-btn.w-3 {
  width: calc(300% + 20px);
}
.calendar .calendar-date .date-row > div div.pop-btn.w-4 {
  width: calc(400% + 35px);
}
.calendar .calendar-date .date-row > div div.pop-btn.w-5 {
  width: calc(500% + 45px);
}
.calendar .calendar-date .date-row > div div.pop-btn.w-6 {
  width: calc(600% + 55px);
}
.calendar .calendar-date .date-row > div div.pop-btn.w-7 {
  width: calc(700% + 69px);
}
.calendar .calendar-date .date-row > div div.pop-btn.event-harness {
  margin-top: 36px;
}
.calendar .calendar-date .date-row > div div.pop-btn.event-harness2 {
  margin-top: 67px;
}
.calendar .calendar-date .date-row > div .more-event {
  cursor: pointer;
}
.calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn {
  display: flex;
  align-items: center;
}
.calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn .i-category {
  padding: 2px 8px;
  background-color: #043b72;
  color: #ffffff;
  border-radius: 10px;
  margin-right: 3px;
}
.calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn .i-category.type-edu {
  background-color: #f58220;
}
.calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn .i-category.type-deadline {
  background-color: #f52020;
}
.calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn .i-category.type-activity {
  background-color: #673AB7;
}
.calendar.fullcalendar-type {
  position: relative;
  border: none;
}
.calendar.fullcalendar-type .calendar-header-right {
  position: absolute;
  right: 0;
}
.calendar.fullcalendar-type .calendar-header-right select {
  height: 40px;
  background: url('/assets/img/btn-years-down.png') no-repeat right 50%;
}
.calendar.fullcalendar-type .fc-header-toolbar {
  display: block;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk {
  display: flex;
  align-items: center;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk > div {
  display: flex;
  align-items: center;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
  padding: 0 20px;
  font-size: 20px;
  font-weight: bold;
  transform: rotate(0.03deg);
  line-height: 1.1;
  letter-spacing: -0.51px;
  margin-left: 0;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary {
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  transition: 0.4s;
  background: url(/assets/img/path-3.svg) no-repeat 50%;
  border-radius: 0 ;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary.fc-next-button {
  transform: rotate(180deg);
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary .fc-icon {
  display: none;
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary:hover,
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary :focus {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
}
.calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary.fc-today-button {
  background: none;
  width: 56px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  margin-left: 20px;
  flex-shrink: 0;
  color: #000000;
  opacity: 1;
}
.calendar.fullcalendar-type .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0;
}
.calendar.fullcalendar-type .fc-day-sun .fc-daygrid-day-number {
  color: #e63131;
}
.calendar.fullcalendar-type .fc-scrollgrid {
  border: none;
  border-top: 1px solid #ebeded;
  border-left: 1px solid #ebeded;
}
.calendar.fullcalendar-type .fc-highlight {
  background: transparent;
}
.calendar.fullcalendar-type .fc-scroller-harness th {
  border: none;
  text-align: left;
}
.calendar.fullcalendar-type .fc-scroller-harness .fc-col-header-cell-cushion {
  line-height: 1.43;
  letter-spacing: -0.36px;
  padding: 9px 10px 11px 9px;
  font-weight: normal;
}
.calendar.fullcalendar-type td {
  border: 1px solid #ebeded;
  height: 160px;
}
.calendar.fullcalendar-type td:first-child {
  border-left: none;
}
.calendar.fullcalendar-type .fc-scrollgrid-section-body .fc-day {
  padding: 6px 5px 12px 5px;
}
.calendar.fullcalendar-type .fc-scrollgrid-section-body .fc-daygrid-day-top {
  flex-direction: row;
}
.calendar.fullcalendar-type .fc-scrollgrid-section-body .fc-daygrid-day-top .fc-daygrid-day-number {
  line-height: 1.43;
  margin-bottom: 1px;
  font-size: 14px;
  padding: 0 5px;
}
.calendar.fullcalendar-type .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  height: 120px;
  margin-bottom: 0 !important;
}
.calendar.fullcalendar-type .fc .fc-daygrid-body-natural .fc-daygrid-day-events .fc-daygrid-more-link:hover {
  background-color: transparent;
}
.calendar.fullcalendar-type .fc .fc-daygrid-day-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 0 !important;
}
.calendar.fullcalendar-type .fc-event {
  border: none;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: -0.28px;
  margin-top: 6px;
  background-color: pink;
}
.calendar.fullcalendar-type .fc-event.bg-1 {
  background-color: #f6d3d3;
}
.calendar.fullcalendar-type .fc-event.bg-2 {
  background-color: #f9efb8;
}
.calendar.fullcalendar-type .fc-event.bg-3 {
  background-color: #ccdef4;
}
.calendar.fullcalendar-type .fc-event.bg-4 {
  background-color: #cae7bc;
}
.calendar.fullcalendar-type .fc-event.bg-5 {
  background-color: #f0cdf8;
}
.calendar.fullcalendar-type .fc-event.bg-6 {
  background-color: #fad5ad;
}
.calendar.fullcalendar-type .fc-event.bg-7 {
  background-color: #dadada;
}
.calendar.fullcalendar-type .fc-event.bg-8 {
  background-color: #ff8d8d;
}
.calendar.fullcalendar-type .fc-event .fc-event-main {
  color: #000000;
}
.calendar.fullcalendar-type .fc-event .fc-event-main .fc-event-main-frame {
  align-items: center;
}
.calendar.fullcalendar-type .fc-event .fc-event-title {
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: -0.28px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar.fullcalendar-type .fc-event .i-category {
  padding: 2px 8px;
  background-color: #043b72;
  color: #ffffff;
  border-radius: 10px;
  margin-right: 3px;
  font-size: 11px;
}
.calendar.fullcalendar-type .fc-event .i-category.type-edu {
  background-color: #f58220;
}
.calendar.fullcalendar-type .fc-event .i-category.type-deadline {
  background-color: #f52020;
}
.calendar.fullcalendar-type .fc-event .i-category.type-activity {
  background-color: #673AB7;
}
.calendar.fullcalendar-type .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
.calendar.fullcalendar-type .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #3385FF;
  border-radius: 50%;
  margin-right: 4px;
}
.calendar-event-pop {
  width: 540px;
  height: 93vh;
  padding: 24px 32px;
  border-radius: 8px;
  box-shadow: 0 0 27px 0 rgba(148, 148, 148, 0.84);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.calendar-event-pop .d-flex {
  display: flex;
  align-items: center;
}
.calendar-event-pop .d-flex.right {
  justify-content: flex-end;
}
.calendar-event-pop .d-flex.right button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebeded;
  border-radius: 50%;
}
.calendar-event-pop .d-flex.right button span {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0;
  text-indent: -9999px;
  background: url('/assets/img/btn-search-x.png') no-repeat 50%;
  background-size: contain;
}
.calendar-event-pop .d-flex.center {
  justify-content: center;
}
.calendar-event-pop .d-flex.center button {
  height: 40px;
}
.calendar-event-pop .d-flex.center button.black-line-btn {
  width: 80px;
  margin-right: 16px;
}
.calendar-event-pop .d-flex.center button.main-bg-btn {
  width: 120px;
}
.calendar-event-pop .d-flex .selectBoxWrap {
  position: relative;
}
.calendar-event-pop .d-flex .selectBoxWrap .select.show .selectOptons {
  display: block;
}
.calendar-event-pop .d-flex .selectBoxWrap .selectOptons {
  position: absolute;
  width: 162px;
  padding: 6px 0;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25);
  bottom: 107%;
  left: -100%;
  background: #fff;
  display: none;
}
.calendar-event-pop .d-flex .selectBoxWrap .selectOptons li a {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
}
.calendar-event-pop .d-flex .selectBoxWrap .selectOptons li a:hover {
  background-color: #ebeded;
}
.calendar-event-pop .calendar-event-cont {
  margin: 8px 0 0 0;
}
.calendar-event-pop .calendar-event-cont h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.calendar-event-pop .calendar-event-cont > p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
  margin-bottom: 20px;
}
.calendar-event-pop .calendar-event-cont > p span {
  position: relative;
  padding-right: 14px;
}
.calendar-event-pop .calendar-event-cont > p span::after {
  content: "";
  display: block;
  position: absolute;
  right: 7px;
  width: 1px;
  height: 14px;
  background-color: #000000;
  top: 4px;
}
.calendar-event-pop .calendar-event-cont .img-cont {
  width: 476px;
  height: 240px;
  border-radius: 8px;
  overflow: hidden;
}
.calendar-event-pop .calendar-event-cont .img-cont img {
  width: 100%;
  height: 100%;
}
.calendar-event-pop .calendar-event-cont .scroll-cont {
  border-radius: 8px;
  background-color: #f7f7f7;
  height: 330px;
  padding: 15px 20px;
  overflow-y: auto;
  margin: 20px 0 24px;
}
.calendar-more-event {
  width: 540px;
  max-height: 93vh;
  padding: 24px 32px;
  border-radius: 8px;
  box-shadow: 0 0 27px 0 rgba(148, 148, 148, 0.84);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.calendar-more-event .d-flex {
  display: flex;
  align-items: center;
}
.calendar-more-event .d-flex.right {
  justify-content: flex-end;
}
.calendar-more-event .d-flex.right button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebeded;
  border-radius: 50%;
}
.calendar-more-event .d-flex.right button span {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0;
  text-indent: -9999px;
  background: url('/assets/img/btn-search-x.png') no-repeat 50%;
  background-size: contain;
}
.calendar-more-event .more-event-cont > p {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -0.51px;
  margin-bottom: 16px;
}
.calendar-more-event .more-event-cont .label-wrap > div,
.calendar-more-event .more-event-cont .label-wrap > a {
  display: block;
  font-size: 16px;
  line-height: 1.29;
  padding: 10px 17px;
  position: relative;
  letter-spacing: -0.36px;
  border-radius: 4px;
  margin-top: 16px;
  cursor: pointer;
}
.calendar-more-event .more-event-cont .label-wrap > div p,
.calendar-more-event .more-event-cont .label-wrap > a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex {
  align-items: flex-start;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex .type,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex .type {
  font-size: 13px;
  padding: 2px 8px;
  background-color: #043b72;
  color: #ffffff;
  border-radius: 10px;
  margin-right: 3px;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex .type.type-edu,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex .type.type-edu {
  background-color: #f58220;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex .type.type-deadline,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex .type.type-deadline {
  background-color: #f52020;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex .type.type-activity,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex .type.type-activity {
  background-color: #673AB7;
}
.calendar-more-event .more-event-cont .label-wrap > div .d-flex > p,
.calendar-more-event .more-event-cont .label-wrap > a .d-flex > p {
  white-space: inherit;
  text-overflow: inherit;
  overflow: hidden;
}
.calendar-more-event .more-event-cont .label-wrap > div .class-infos,
.calendar-more-event .more-event-cont .label-wrap > a .class-infos {
  margin-top: 10px;
}
.calendar-more-event .more-event-cont .label-wrap > div .class-infos li,
.calendar-more-event .more-event-cont .label-wrap > a .class-infos li {
  display: flex;
  font-size: 13px;
  margin-bottom: 5px;
}
.calendar-more-event .more-event-cont .label-wrap > div .class-infos li:last-child,
.calendar-more-event .more-event-cont .label-wrap > a .class-infos li:last-child {
  margin-bottom: 0;
}
.calendar-more-event .more-event-cont .label-wrap > div .class-infos li span,
.calendar-more-event .more-event-cont .label-wrap > a .class-infos li span {
  display: block;
  width: 85px;
}
.calendar-more-event .more-event-cont .label-wrap > div .class-infos li i,
.calendar-more-event .more-event-cont .label-wrap > a .class-infos li i {
  font-style: normal;
}
.calendar-more-event .more-event-cont .label-wrap > div:hover,
.calendar-more-event .more-event-cont .label-wrap > a:hover {
  background-color: #ebeded;
}
.calendar-more-event .more-event-cont .label-wrap > div:first-child,
.calendar-more-event .more-event-cont .label-wrap > a:first-child {
  margin-top: 0;
}
.calendar-more-event .more-event-cont .label-wrap > div::before,
.calendar-more-event .more-event-cont .label-wrap > a::before {
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-1::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-1::before {
  background-color: #f6d3d3;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-2::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-2::before {
  background-color: #f9efb8;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-3::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-3::before {
  background-color: #ccdef4;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-4::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-4::before {
  background-color: #cae7bc;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-5::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-5::before {
  background-color: #f0cdf8;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-6::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-6::before {
  background-color: #fad5ad;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-7::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-7::before {
  background-color: #dadada;
}
.calendar-more-event .more-event-cont .label-wrap > div.bg-8::before,
.calendar-more-event .more-event-cont .label-wrap > a.bg-8::before {
  background-color: #ff8d8d;
}
@media screen and (max-width: 767px) {
  .calendar-header {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .calendar-header .calendar-header-left {
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
  }
  .calendar-header .today-btn {
    margin-left: 0;
  }
  .calendar-header .mobile-dot-info {
    margin-left: 10px;
  }
  .calendar-header .mobile-dot-info li {
    display: flex;
    align-items: center;
    font-size: 12px;
  }
  .calendar-header .mobile-dot-info li i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #043b72;
    margin-right: 5px;
  }
  .calendar-header .mobile-dot-info li i.edu {
    background-color: #f58220;
  }
  .calendar .calendar-day > span {
    font-size: 11px;
    line-height: 1.36;
    letter-spacing: -0.28px;
    padding: 8px 4px;
  }
  .calendar .calendar-date .date-row > div {
    height: 64px;
    padding: 3px 1px 1px 1px;
  }
  .calendar .calendar-date .date-row > div span.date {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: -0.25px;
    padding-bottom: 1px;
  }
  .calendar .calendar-date .date-row > div div.pop-btn {
    margin-top: 1px;
    font-size: 8px;
    letter-spacing: -0.2px;
    padding: 2px;
    border-radius: 2px;
    height: 14px;
    line-height: 14px;
    padding: 0 1px;
  }
  .calendar .calendar-date .date-row > div div.pop-btn p {
    display: none;
  }
  .calendar .calendar-date .date-row > div .more-event {
    padding-left: 1px;
    font-size: 8px;
  }
  .calendar .calendar-date .date-row > div.today span.date::before {
    display: none;
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn p {
    font-size: 10px;
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn .i-category {
    flex-shrink: 0;
    display: block;
    padding: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    font-size: 0;
    margin-left: 1px;
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.event-harness {
    margin-top: 16px;
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.event-harness2 {
    margin-top: 32px;
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-2 {
    width: calc(200% + 3px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-3 {
    width: calc(300% + 6px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-4 {
    width: calc(400% + 9px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-5 {
    width: calc(500% + 12px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-6 {
    width: calc(600% + 16px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn.w-7 {
    width: calc(700% + 18px);
  }
  .calendar.calendar-type2 .calendar-date .date-row > div div.pop-btn p {
    display: block;
  }
  .calendar.fullcalendar-type .calendar-header-right {
    top: 64px;
    display: flex;
    align-items: center;
  }
  .calendar.fullcalendar-type .calendar-header-right .mobile-dot-info {
    margin-right: 10px;
  }
  .calendar.fullcalendar-type .calendar-header-right .mobile-dot-info li {
    display: flex;
    align-items: center;
    font-size: 12px;
  }
  .calendar.fullcalendar-type .calendar-header-right .mobile-dot-info li i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #043b72;
    margin-right: 5px;
  }
  .calendar.fullcalendar-type .calendar-header-right .mobile-dot-info li i.edu {
    background-color: #f58220;
  }
  .calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk {
    flex-wrap: wrap;
  }
  .calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk > div {
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
  }
  .calendar.fullcalendar-type .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary.fc-today-button {
    margin-left: 0;
  }
  .calendar.fullcalendar-type .fc-scroller-harness .fc-col-header-cell-cushion {
    font-size: 11px;
    line-height: 1.36;
    letter-spacing: -0.28px;
    padding: 8px 4px;
  }
  .calendar.fullcalendar-type .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    height: 58px;
  }
  .calendar.fullcalendar-type .fc-scrollgrid-section-body .fc-day {
    padding: 3px 1px 1px 1px;
  }
  .calendar.fullcalendar-type .fc-scrollgrid-section-body .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: -0.25px;
    padding-bottom: 1px;
  }
  .calendar.fullcalendar-type .fc-daygrid-day.fc-day-today .fc-daygrid-day-number::before {
    display: none;
  }
  .calendar.fullcalendar-type td {
    height: 64px;
  }
  .calendar.fullcalendar-type .fc-event {
    margin-top: 1px;
    font-size: 8px;
    letter-spacing: -0.2px;
    padding: 2px;
    border-radius: 2px;
    height: 14px;
    line-height: 14px;
    padding: 0 1px;
  }
  .calendar.fullcalendar-type .fc-event .fc-event-main-frame {
    align-items: center;
  }
  .calendar.fullcalendar-type .fc-event .fc-event-main-frame .fc-event-title {
    font-size: 10px;
  }
  .calendar.fullcalendar-type .fc-event .fc-event-main-frame .i-category {
    flex-shrink: 0;
    display: block;
    padding: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    font-size: 0;
    margin-left: 1px;
  }
  .calendar.fullcalendar-type .fc .fc-daygrid-more-link {
    padding: 0;
    font-size: 8px;
  }
  .calendar-event-pop {
    padding: 16px;
    height: 100%;
    justify-content: flex-start;
  }
  .calendar-event-pop .calendar-event-cont .img-cont {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50%;
  }
  .calendar-event-pop .calendar-event-cont .img-cont img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .calendar-event-pop .d-flex .selectBoxWrap .selectOptons {
    left: 0%;
  }
  .calendar-more-event {
    width: 100%;
    padding: 12px;
  }
}
.categoryBoard .roundBtns-wrap {
  margin-bottom: 30px;
}
.categoryBoard .roundBtns-wrap .btnswrap {
  position: relative;
  width: 100%;
}
.categoryBoard .roundBtns-wrap .btnswrap.active {
  background: rgba(255, 255, 255, 0.3);
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.categoryBoard .roundBtns-wrap .btnswrap .item {
  display: inline-block;
  width: 108px;
  height: 40px;
  background: #ffffff;
  margin-right: 12px;
  border: solid 1px #bbbbbb;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.categoryBoard .roundBtns-wrap .btnswrap .item:last-child {
  margin-left: 0;
}
.categoryBoard .roundBtns-wrap .btnswrap .item.on {
  background: #3385FF;
  color: #ffffff;
  border: 1px solid #3385FF;
}
.categoryBoard .cate_depth .resultNum {
  color: #787878;
  font-size: 18px;
}
.categoryBoard .categoryBoard-list-wrap {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.categoryBoard .categoryBoard-list-wrap li {
  display: inline-block;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 8px;
}
.categoryBoard .categoryBoard-list-wrap li:nth-child(odd) {
  margin-left: 0;
}
.categoryBoard .m-fixedBox {
  border-top: 1px solid #efefef;
  padding-top: 32px;
}
.categoryBoard .m-fixedBox .writeBtn {
  width: 160px;
  height: 40px;
  line-height: 40px;
}
.categoryBoard .showType {
  margin-bottom: 30px;
}
.categoryBoard-list {
  padding: 12px 24px;
  width: 100%;
  word-break: break-all;
  transition: box-shadow 0.3s ease;
}
.categoryBoard-list:hover {
  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.18);
}
.categoryBoard-list a {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.categoryBoard-list a > div {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.categoryBoard-list .series-thumbnail {
  width: 220px;
  height: 148px;
}
.categoryBoard-list .series-thumbnail img {
  width: 100%;
  height: 100%;
}
.categoryBoard-list .series-thumbnail.welaaa-thumbnail {
  text-align: center;
}
.categoryBoard-list .series-thumbnail.welaaa-thumbnail img {
  width: auto;
}
.categoryBoard-list .serise-info {
  padding-left: 12px;
  width: calc(100% - 220px);
  white-space: normal;
  background: #ffffff;
  z-index: 1;
  font-size: 0;
}
.categoryBoard-list .serise-info .type {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.5px;
  color: #787878;
  display: inline-block;
}
.categoryBoard-list .serise-info .title {
  display: block;
  margin: 8px 0 16px;
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: -0.5px;
  max-height: 42px;
  transform: rotate(0.03deg);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.categoryBoard-list .serise-info .text {
  line-height: 1.29;
  letter-spacing: -0.5px;
  max-height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #787878;
}
.categoryBoard-list .serise-info .total-video-num {
  bottom: 0px;
  left: 12px;
}
.categoryBoard-list .serise-info .total-video-num span {
  color: #787878;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
@media screen and (max-width: 1099px) {
  .categoryBoard .filter_list_wrap {
    padding-top: 20px;
  }
  .categoryBoard .roundBtns-wrap {
    position: relative;
    overflow: hidden;
  }
  .categoryBoard .roundBtns-wrap .btnswrap {
    white-space: nowrap;
    overflow-x: auto;
    padding-left: 10px;
  }
  .categoryBoard .roundBtns-wrap .btnswrap .item {
    width: auto;
    padding: 0 20px;
    margin-right: 8px;
    height: 40px;
  }
  .categoryBoard .cate_depth .resultNum {
    font-size: 14px;
  }
  .categoryBoard .categoryBoard-list-wrap li {
    width: 100%;
    margin-left: 0%;
  }
  .series-list {
    width: 100%;
  }
  .series-list .serise-info {
    height: 148px;
    position: relative;
  }
  .series-list .serise-info .title.tablet-block {
    font-size: 16px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.31;
    letter-spacing: -0.5px;
    max-height: 40px;
    margin: 4px 0 8px;
    white-space: inherit;
    transform: rotate(0.03deg);
  }
  .series-list .serise-info .text.tablet-block {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 40px;
    height: auto;
    white-space: inherit;
  }
  .series-list .serise-info .total-video-num {
    position: relative;
    margin-top: 13px;
    bottom: inherit;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .categoryBoard .roundBtnTab .btnswrap {
    display: block;
  }
  .categoryBoard .shadowBox {
    padding-top: 16px;
  }
  .categoryBoard-list {
    padding: 16px 0;
  }
  .categoryBoard-list > div {
    float: none;
    width: 100% !important;
  }
  .categoryBoard-list .series-thumbnail {
    position: relative;
    height: 0;
    width: 39%;
    padding-top: 40%;
    overflow: hidden;
  }
  .categoryBoard-list .series-thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-font-smoothing: subpixel-antialiased;
    transform: translate(-50%, -50%) scale(1, 1);
    -ms-transform: translate(-50%, -50%);
    max-width: inherit;
    width: 100%;
    height: 100%;
  }
  .categoryBoard-list .serise-info {
    width: 61%;
    padding: 0 0 0 10px;
    height: 108px;
  }
  .categoryBoard-list .serise-info .type {
    font-size: 14px;
    line-height: 1.5;
  }
  .categoryBoard-list .serise-info .title.tablet-block {
    font-size: 14px;
    line-height: 1.29;
    max-height: 36px;
  }
  .categoryBoard-list .serise-info .text.tablet-block {
    display: none;
  }
  .categoryBoard-list .serise-info .total-video-num {
    font-size: 13px;
    margin-top: 17px;
  }
  .categoryTable {
    border-top: 1px solid #000000;
  }
  .categoryTable .notice-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .data-label-table tr {
    position: relative;
  }
  .data-label-table td::before {
    content: attr(data-label);
    color: #787878;
  }
  .data-label-table .file {
    position: absolute;
    right: 5px;
    bottom: 15px;
  }
}
.freshBoard.boardList .writeBtn {
  margin: 0 0 30px auto;
  height: 40px;
  line-height: 40px;
  width: 160px;
  display: block;
}
.freshBoard.boardList table tr:hover td {
  background: #f9f9f9;
}
.freshBoard.boardView > p {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
}
.freshBoard.boardView > p span {
  padding-right: 6px;
}
.freshBoard.boardView > p b {
  display: inline-block;
  transform: rotate(0.03deg);
}
.freshBoard.boardView .ul-viewTable .gear-content a {
  color: #0287dd;
  text-decoration: underline;
}
.freshBoard.boardView .ul-viewTable .file-wrap {
  display: block;
  margin-top: 10px;
  word-break: break-all;
}
.freshBoard.boardView .ul-viewTable .file-wrap:first-child {
  margin-top: 0;
}
.freshBoard.boardView .ul-viewTable .file-wrap a {
  color: #0287dd;
  text-decoration: underline;
}
.freshBoard .icon.icon-file {
  width: 16px;
  height: 20px;
  background: url("/assets/svg/newGetSmart/fresh/icon-fileupload.svg");
}
.freshBoard .ul-viewTable {
  border-top: 1px solid #000000;
  margin-top: 16px;
  width: 100%;
}
.freshBoard .ul-viewTable ul li {
  display: table;
  table-layout: fixed;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}
.freshBoard .ul-viewTable ul li > strong,
.freshBoard .ul-viewTable ul li > div {
  display: table-cell;
  vertical-align: top;
  padding: 15px 30px;
}
.freshBoard .ul-viewTable ul li > strong {
  width: 173px;
  background: #f9f9f9;
}
.freshBoard .ul-viewTable ul li > div {
  word-break: break-all;
}
.freshBoard .ul-viewTable ul li > div p {
  transform: rotate(0.03deg);
}
.freshBoard .ul-viewTable ul.row-2 li {
  width: 50%;
  float: left;
}
.freshBoard .btnsWrap {
  margin-top: 32px;
}
.freshBoard .btnsWrap a {
  width: 100px;
  height: 40px;
  line-height: 38px;
  margin-left: 32px;
  font-size: 16px;
}
.boardAlert {
  background: none !important;
}
.boardAlert > div > div {
  padding: 9px 0;
}
.boardAlert > div > div p {
  font-size: 16px;
  margin: 55px 0 59px;
}
.boardAlert > div > div button {
  width: 140px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .freshBoard {
    padding: 16px 10px !important;
  }
  .freshBoard .commonTableStyle {
    border-top: 1px solid #f9f9f9;
  }
  .freshBoard .commonTableStyle tbody tr td {
    margin-right: 16px;
  }
  .freshBoard .commonTableStyle tbody tr td.mobile-floatLeft {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0;
    width: auto;
    min-width: 28px;
    padding-right: 6px;
    font-size: 14px;
  }
  .freshBoard .commonTableStyle tbody tr td.mobile-block {
    display: block;
    padding-left: 28px;
    margin-right: 0;
    clear: both;
  }
  .freshBoard .commonTableStyle tbody tr td.mobile-block a {
    min-height: 44px;
  }
  .freshBoard .commonTableStyle tbody tr td:last-child {
    margin-right: 0;
  }
  .freshBoard .commonTableStyle tbody tr:focus,
  .freshBoard .commonTableStyle tbody tr:hover {
    background: #f9f9f9;
  }
  .freshBoard.boardView > p {
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: -0.46px;
  }
  .freshBoard.boardView > p span {
    display: block;
    margin-bottom: 6px;
  }
  .freshBoard .ul-viewTable ul li > strong,
  .freshBoard .ul-viewTable ul li > div {
    display: block;
    padding: 10px;
    width: 100%;
  }
}
.assessmentLayout .announcementLnb {
  font-size: 0;
  margin-bottom: 24px;
}
.assessmentLayout .announcementLnb .container {
  font-size: 0;
}
.assessmentLayout .announcementLnb .container a {
  font-size: 14px;
  display: inline-block;
  color: #787878;
  border: 1px solid #787878;
  line-height: 1.43;
  letter-spacing: -0.36px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px 20px;
  margin-left: 20px;
}
.assessmentLayout .announcementLnb .container a:first-child {
  margin-left: 0;
}
.assessmentLayout .announcementLnb .container a.on {
  color: #ffffff;
  border: 1px solid #3385FF;
  background: #3385FF;
}
.assessmentLayout .assessmentTab {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 25px;
}
.assessmentLayout .no-list-table tbody td {
  text-align: center;
  padding: 20px 0 20px;
}
@media screen and (max-width: 1099px) {
  .assessmentLayout .announcementLnb {
    padding: 0 10px;
    overflow: hidden;
  }
  .assessmentLayout .announcementLnb .container {
    white-space: nowrap;
    overflow-x: auto;
  }
}
@media screen and (max-width: 767px) {
  .assessmentLayout .no-list-table {
    border-top: 1px solid #efefef;
  }
  .assessmentLayout .no-list-table tbody tr {
    display: block !important;
    padding: 50px 0 !important;
  }
  .assessmentLayout .no-list-table tbody tr td {
    display: block !important;
    position: relative !important;
    padding: 0;
    bottom: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 14px !important;
  }
  .assessmentLayout .no-list-table tbody tr td::before {
    display: none !important;
  }
}
.announcement {
  padding-top: 24px !important;
}
.announcement .announcementSelect {
  display: flex;
  margin-bottom: 32px;
}
.announcement .announcementSelect li b {
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.41px;
}
.announcement .announcementSelect li:first-child {
  margin-right: 100px;
}
.announcement .announcementSelect select {
  width: 132px;
  height: 32px;
  border: 1px solid #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat 90% 50%;
}
.announcement .announcementSelect .position-relative {
  width: 279px;
}
.announcement .announcementSelect .position-relative input {
  padding-right: 26px;
  width: 100%;
}
.announcement .announcementSelect .position-relative input:not(:placeholder-shown) + button {
  display: block;
}
.announcement .announcementSelect .position-relative button[type="button"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 8px;
  display: none;
}
.announcement .announcementSelect input {
  border: 1px solid #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.announcement .announcementSelect .main-bg-btn {
  width: 80px;
  height: 32px;
  vertical-align: top;
  margin-left: 15px;
}
.announcement .commonTableStyle td i {
  font-style: normal;
}
.announcement .commonTableStyle td span {
  display: block;
}
.announcement .commonTableStyle td a {
  width: 60px;
  height: 32px;
  line-height: 30px;
}
.announcement .btnsWrap {
  margin-top: 32px;
}
.announcement .btnsWrap .black-line-btn {
  width: 100px;
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.announcement .btnsWrap .black-line-btn:first-child {
  margin-right: 32px;
}
.announcement .resultTable .black-line-btn {
  width: 60px;
  height: 32px;
  line-height: 30px;
}
.feedbackPop .popcontent {
  width: 404px;
  padding: 24px 40px;
  box-shadow: 0 0 3px 0 rgb(103 103 1.22619048%);
}
.feedbackPop .popcontent strong {
  font-size: 20px;
  display: block;
  line-height: 1.2;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.feedbackPop .popcontent > .text-info {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  height: 140px;
  overflow-y: auto;
}
.feedbackPop .popcontent .text-center {
  margin-top: 40px;
}
.feedbackPop .popcontent .text-center > button {
  width: 80px;
  height: 40px;
  font-size: 16px;
}
@media screen and (max-width: 1099px) {
  .announcement .announcementSelect {
    justify-content: space-between;
  }
  .announcement .announcementSelect li:first-child {
    margin-right: 0;
  }
  .announcement .submitTable col:nth-child(7),
  .announcement .submitTable th:nth-child(7),
  .announcement .submitTable td:nth-child(7) {
    display: none;
  }
  .announcement .submitTable.no-list-table {
    padding-bottom: 56px;
    position: relative;
  }
  .announcement .submitTable.no-list-table td {
    position: absolute;
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .announcement .announcementSelect {
    flex-direction: column;
  }
  .announcement .announcementSelect li {
    font-size: 0;
  }
  .announcement .announcementSelect li b {
    padding-right: 12px;
  }
  .announcement .announcementSelect li:first-child {
    margin-bottom: 16px;
  }
  .announcement .announcementSelect .position-relative {
    width: 173px;
  }
  .announcement .announcementSelect input {
    width: 173px;
  }
  .announcement .announcementSelect .main-bg-btn {
    margin-left: 6px;
  }
  .announcement .submitTable {
    border-top: 1px solid #efefef;
  }
  .announcement .submitTable tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 68px;
  }
  .announcement .submitTable tr td {
    margin-top: 8px;
    margin-bottom: 0;
  }
  .announcement .submitTable tr td:first-child {
    padding-right: 24px;
  }
  .announcement .submitTable tr td:nth-child(1),
  .announcement .submitTable tr td:nth-child(2),
  .announcement .submitTable tr td:nth-child(3) {
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -0.41px;
  }
  .announcement .submitTable tr td:nth-child(3) {
    width: 100%;
    padding-bottom: 6px;
  }
  .announcement .submitTable tr td.hasDataLabel {
    width: 100%;
  }
  .announcement .submitTable tr td.hasDataLabel::before {
    content: attr(data-label);
    color: #787878;
  }
  .announcement .submitTable tr td.absolute-right {
    bottom: 17px;
    width: 60px;
    text-align: center;
  }
  .announcement .submitTable tr td span {
    display: inline-block;
  }
  .announcement .submitTable.no-list-table {
    padding-bottom: 0;
    position: relative;
  }
  .announcement .submitTable.no-list-table td {
    position: relative;
  }
  .announcement .writeForm .btnswrap .btn {
    width: 80px;
  }
  .announcement .btnsWrap .black-line-btn {
    width: 80px;
  }
  .announcement .btnsWrap .black-line-btn:first-child {
    margin-right: 20px;
  }
  .announcement .resultTable tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .announcement .resultTable tbody tr td:first-child {
    width: 34px;
  }
  .announcement .resultTable tbody tr td:nth-child(3) {
    padding-bottom: 6px;
  }
  .announcement .resultTable tbody tr td.w-100 {
    width: 100% !important;
  }
  .announcement .resultTable tbody tr td.f-16 {
    font-size: 16px;
  }
  .announcement .resultTable tbody tr td.hasDataLabel {
    width: 33%;
  }
  .announcement .resultTable tbody tr td.hasDataLabel::before {
    content: attr(data-label);
    color: #787878;
  }
  .announcement .resultTable tbody tr td.m-marginLeftAuto {
    margin-left: auto;
    margin-top: 12px;
  }
  .feedbackPop .popcontent {
    width: 300px !important;
    min-height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 24px 14px;
  }
  .feedbackPop .popcontent strong {
    margin-bottom: 16px;
  }
  .feedbackPop .popcontent .text-center {
    margin-top: 24px;
  }
}
.trainingCenter {
  padding-top: 24px !important;
}
.trainingCenter h3 {
  font-size: 24px;
  line-height: 1.83;
  letter-spacing: -0.61px;
  margin-bottom: 24px;
}
.trainingCenter .shadowBox .mb-8 {
  margin-bottom: 8px;
}
.trainingCenter .shadowBox .mb-10 {
  margin-bottom: 10px;
}
.trainingCenter .shadowBox .mt-40 {
  margin-top: 40px;
}
.trainingCenter .shadowBox p {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.35px;
  margin-bottom: 8px;
}
.trainingCenter .flexBox {
  display: flex;
  align-items: stretch;
  border-top: 1px solid #787878;
  border-bottom: solid 1px #e5e5e5;
  margin-bottom: 24px;
  word-break: break-all;
}
.trainingCenter .flexBox li {
  display: flex;
  align-items: stretch;
  flex: 1 1 0;
}
.trainingCenter .flexBox li > div {
  display: flex;
  align-items: center;
  padding: 16px 16px 16px 35px;
}
.trainingCenter .flexBox li > div.bg-lightgray {
  width: 140px;
}
.trainingCenter .flexBox li > div.bg-white {
  width: calc(100% - 140px);
  padding-left: 24px;
}
.trainingCenter .flexBox li > span {
  background: #fff;
}
.trainingCenter .trainingCenterTable {
  border-top: 1px solid #787878;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.35px;
  width: 100%;
}
.trainingCenter .trainingCenterTable th {
  background: #f9f9f9;
  font-weight: normal;
  padding: 16px 0;
  line-height: 0.93;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.trainingCenter .trainingCenterTable th:last-child {
  border-right: none;
}
.trainingCenter .trainingCenterTable td {
  height: 36px;
  padding: 8px 8px 9px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 1.29;
}
.trainingCenter .trainingCenterTable td:last-child {
  border-right: none;
}
.trainingCenter .trainingCenterTable td.fcOrg {
  color: #e63131;
}
.trainingCenter .second_tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.4px;
  padding-left: 16px;
  position: relative;
  margin-bottom: 13px;
}
.trainingCenter .second_tit::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #000000;
  left: 0;
  top: 7px;
}
.trainingCenter .ato_box {
  margin-top: 16px;
  background: #f9f9f9;
  padding: 20px 24px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.35px;
}
.trainingCenter .ato_box b {
  display: inline-block;
  transform: rotate(0.03deg);
}
.trainingCenter .ato_box .fcOrg {
  color: #ff8d2c;
}
.trainingCenter .pdfDownBtn {
  width: 120px;
  height: 32px;
  line-height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.trainingCenter .commonTableStyle td button {
  width: 60px;
  height: 32px;
}
.trainingCenter .completeState.commonTableStyle thead th {
  padding: 0 4px 10px;
}
.trainingCenter .completeState.commonTableStyle tbody td {
  padding: 13px 4px;
}
.trainingCenter .no-list-table tbody td {
  text-align: center;
  padding: 20px 0 20px;
}
@media screen and (max-width: 1099px) {
  .trainingCenter .flexBox li > div.bg-lightgray {
    width: 110px;
    padding: 16px 16px;
  }
  .trainingCenter .flexBox li > div.bg-white {
    width: calc(100% - 110px);
    padding: 16px 16px;
  }
  .trainingCenter .completeState.t-none {
    display: none !important;
  }
  .trainingCenter .completeState thead th {
    padding: 0 5px 10px;
  }
  .trainingCenter .completeState td {
    padding: 16px 5px;
  }
}
@media screen and (max-width: 767px) {
  .trainingCenter .tableScrollWrap {
    overflow-x: auto;
  }
  .trainingCenter .tableScrollWrap::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .trainingCenter .tableScrollWrap::-webkit-scrollbar:vertical {
    width: 12px;
  }
  .trainingCenter .tableScrollWrap::-webkit-scrollbar:horizontal {
    height: 12px;
  }
  .trainingCenter .tableScrollWrap::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
  .trainingCenter .tableScrollWrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }
  .trainingCenter .flexBox {
    flex-direction: column;
  }
  .trainingCenter .flexBox li {
    width: 100%;
    border-top: 1px solid #e5e5e5;
  }
  .trainingCenter .trainingInfoTable {
    display: block;
  }
  .trainingCenter .trainingInfoTable thead {
    display: none;
  }
  .trainingCenter .trainingInfoTable tbody {
    display: block;
  }
  .trainingCenter .trainingInfoTable tbody tr {
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: 1px solid #787878;
  }
  .trainingCenter .trainingInfoTable tbody tr td {
    border: none;
    padding: 0;
    display: block;
    height: 40px;
    line-height: 40px;
  }
  .trainingCenter .trainingInfoTable tbody tr td::before {
    display: inline-block;
    content: attr(data-label);
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: -0.35px;
    background: #f9f9f9;
    transform: rotate(0.03deg);
    width: 102px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    padding: 0 12px;
    margin-right: 12px;
  }
  .trainingCenter .trainingInfoTable tbody tr td:first-child {
    display: none;
  }
  .trainingCenter .completeState {
    border-top: 1px solid #787878;
  }
  .trainingCenter .completeState tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 68px;
  }
  .trainingCenter .completeState tr td {
    padding: 0;
  }
  .trainingCenter .completeState tr td:first-child {
    position: absolute;
    left: 5px;
    top: 10px;
  }
  .trainingCenter .completeState tr td.w-100 {
    width: 100%;
    padding-left: 34px;
  }
  .trainingCenter .completeState tr td:last-child {
    position: absolute;
    right: 0;
    bottom: 16px;
  }
  .trainingCenter .completeState tr .hasDataLabel {
    width: 33%;
  }
  .trainingCenter .completeState tr .hasDataLabel::before {
    content: attr(data-label);
    color: #787878;
    display: inline-block;
    line-height: 20px;
    padding-right: 8px;
  }
  .trainingCenter .completeState tr .hasDataLabel.w-100 {
    width: 100%;
    padding-left: 0;
  }
  .trainingCenter .completeState tr .hasDataLabel.w-50 {
    width: 50%;
  }
  .no-list-table tbody tr {
    display: block !important;
    padding: 20px 0 !important;
  }
  .no-list-table tbody tr td {
    display: block !important;
    position: relative !important;
    padding: 0;
    bottom: 0 !important;
  }
  .no-list-table tbody tr td::before {
    display: none !important;
  }
}
.myLecture .myLectureTop h2 {
  margin-top: 26px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.36;
  letter-spacing: -0.8px;
}
.myLecture .myLectureTop .linkTab {
  margin-top: 32px;
}
.myHomeIndex .mylecture-list > li {
  padding: 28px 20px;
  border-bottom: 1px solid #efefef;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp {
  width: 220px;
  padding-top: 148px;
  position: relative;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #ffffff;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.e-learing {
  background: #e47cb4;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.b-learing {
  background: #22a184;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.c-learing {
  background: #4472e5;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.m-learing {
  background: #8875e9;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.v-learing {
  background: #D91818;
}
.myHomeIndex .mylecture-list > li > div.clear .imgWrp .class-type.webinars {
  background: #F4A460;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont {
  padding-left: 25px;
  width: calc(100% - 220px);
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left {
  margin-bottom: 32px;
  min-height: 144px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue {
  line-height: 20px;
  padding: 2px 5px;
  font-size: 12px;
  margin-bottom: 7px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-right: 5px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue1 {
  background-color: rgba(0, 162, 172, 0.1);
  color: #3385FF;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue1::before {
  background: url('/assets/svg/newGetSmart/icon-tropy.svg');
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue2 {
  background-color: rgba(230, 49, 49, 0.1);
  color: #e63131;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue2::before {
  background: url('/assets/svg/newGetSmart/icon-undertropy.svg');
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue3 {
  color: #255ae0;
  background-color: rgba(37, 90, 224, 0.1);
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .statue.statue3::before {
  background: url('/assets/svg/newGetSmart/icon-undertropy2.svg');
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .type {
  font-size: 13px;
  color: #787878;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left p.booking {
  display: inline-block;
  line-height: 20px;
  padding: 2px 5px;
  font-size: 12px;
  margin-bottom: 7px;
  margin-left: 3px;
  color: #e91e63;
  background-color: #ffe8f0;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left p.title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.41px;
  word-break: break-all;
  margin-bottom: 10px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info {
  margin-top: 5px;
  display: flex;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info li {
  padding-right: 12px;
  position: relative;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info li::after {
  content: "";
  right: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #787878;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info li:last-child {
  padding-right: 0;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info li:last-child::after {
  display: none;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .off-info li i {
  font-style: normal;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .edu-period {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .edu-period i {
  font-style: normal;
  padding-right: 5px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left .edu-period b {
  padding-left: 12px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 {
  margin-top: 20px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li {
  display: inline-block;
  font-size: 14px;
  margin-right: 30px;
  letter-spacing: -0.36px;
  position: relative;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li span {
  color: #787878;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li i {
  font-style: normal;
  padding-left: 2px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:last-child {
  margin-right: 0;
  padding-left: 30px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:last-child::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #787878;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:first-child {
  padding-left: 0;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:first-child::before {
  display: none;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .btn {
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  margin-left: 16px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .btn:first-child {
  margin-left: 0;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .btn.black-line-btn {
  width: 120px;
}
.myHomeIndex .mylecture-list > li > div.clear .text-cont .btn.main-bg-btn {
  width: 160px;
}
.cp-list .classNotice b {
  font-size: 36px;
}
@media screen and (max-width: 1099px) {
  .myLecture .myLectureTop h2 {
    margin-top: 24px;
  }
  .myHomeIndex .mylecture-list > li {
    padding: 28px  0;
  }
  .myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left {
    margin-bottom: 29px;
    min-height: 0;
  }
  .myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li {
    margin-bottom: 8px;
    margin-right: 16px;
    line-height: 1.71;
  }
  .myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:last-child {
    padding-left: 16px;
  }
  .myHomeIndex .mylecture-list > li > div.clear .text-cont .text-left ul.font0 li:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .myLecture {
    overflow-x: hidden;
  }
  .myLecture .myLectureTop h2 {
    display: none;
  }
  .myHomeIndex .mylecture-list > li {
    padding: 28px 0 36px;
  }
  .myHomeIndex .mylecture-list > li .clear > div {
    float: none;
  }
  .myHomeIndex .mylecture-list > li .clear > div.imgWrp {
    width: 100%;
    padding-top: 67.3%;
    margin-bottom: 10px;
  }
  .myHomeIndex .mylecture-list > li .clear > div.imgWrp img {
    max-height: 100%;
  }
  .myHomeIndex .mylecture-list > li .clear > div.imgWrp .class-type {
    top: 8px;
    right: 8px;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont {
    width: 100%;
    padding-left: 0;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left .statue {
    margin-bottom: 6px;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left .edu-period {
    margin: 0;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left .off-info {
    display: block;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left .off-info li {
    margin-bottom: 4px;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left .off-info li::after {
    display: none;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left ul.font0 {
    margin-bottom: 28px;
  }
  .myHomeIndex .mylecture-list > li .clear > div.text-cont .text-left ul.font0 li i {
    padding: 0;
  }
  .myHomeIndex .shadowBox .noClass {
    background: #ffffff;
    padding: 99px 0;
  }
}
.myLecture .commonTableStyle {
  table-layout: auto;
}
.myLecture .endClass .commonTableStyle tbody tr td {
  padding: 16px 6px;
}
@media screen and (max-width: 767px) {
  .myLecture .commonTableStyle tbody tr {
    padding: 14px 0 58px;
  }
  .myLecture .commonTableStyle tbody tr td::before {
    content: attr(data-label);
    color: #cfcfcf;
  }
  .myLecture .endClass .commonTableStyle tbody tr td {
    padding: 0 0 0 8px;
  }
}
.courseList {
  padding-top: 40px;
}
.courseList .shadowBox {
  padding: 40px;
}
.courseList .shadowBox .commonTableStyle tbody tr td {
  padding: 16px 8px;
}
.courseList .shadowBox button.cancleBtn {
  width: 100px;
  height: 32px;
  line-height: 30px;
}
.courseList .shadowBox button.black-line-btn {
  width: 60px;
  height: 32px;
  line-height: 30px;
}
@media screen and (max-width: 1099px) {
  .courseList .shadowBox {
    padding: 17px;
  }
  .courseList .shadowBox button.cancleBtn {
    width: 60px;
    height: 32px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .courseList .shadowBox .commonTableStyle tbody tr td {
    padding: 0;
  }
  .courseList .shadowBox .commonTableStyle tbody tr td.type {
    margin-bottom: 0;
    font-size: 13px;
    color: #787878;
  }
  .courseList .shadowBox .commonTableStyle tbody tr td.type::before {
    content: "[";
    color: #787878;
  }
  .courseList .shadowBox .commonTableStyle tbody tr td.type::after {
    content: "]";
  }
  .courseList .shadowBox .detail-btn-wrap {
    right: 73px;
  }
}
.endClass {
  padding-top: 40px;
}
.endClass div.shadowBox {
  padding: 19px 16px 40px;
  min-height: 588px;
  position: relative;
}
.endClass div.shadowBox table {
  margin-top: 16px;
  padding: 0 24px;
}
.endClass div.shadowBox table .btn {
  width: 60px;
  height: 32px;
  line-height: 30px;
}
.endClass div.shadowBox table td.on .gradeBtn {
  background: #efefef;
}
.endClass div.shadowBox table td.on .grade-pop {
  display: block;
}
.endClass div.shadowBox table .grade-pop {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: 40px;
  line-height: 40px;
  width: 355px;
  border: 1px solid #000000;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  bottom: -20px;
  z-index: 1;
  display: none;
  padding: 0 16px;
}
.endClass div.shadowBox table .grade-pop b {
  display: inline-block;
  padding-left: 24px;
}
.endClass div.shadowBox .no-result {
  margin-top: 84px;
}
.endClass div.shadowBox .no-result > p {
  margin-bottom: 97px;
  font-size: 16px;
}
.endClass div.shadowBox .no-result > a {
  width: 160px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}
.b-modal {
  background: rgba(0, 0, 0, 0.26) !important;
}
#gear-bpopup {
  width: 550px !important;
  height: 750px !important;
}
#gear-bpopup .content,
#gear-bpopup iframe {
  width: 100%;
  height: 100%;
}
#gear-bpopup .b-close {
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #636363;
  right: -56px;
  top: 3px;
  cursor: pointer;
}
#gear-bpopup .b-close i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #636363 url("/assets/svg/newGetSmart/btn-close-white.svg") no-repeat 50%;
}
@media screen and (max-width: 1099px) {
  .endClass div.shadowBox {
    padding: 12px 16px;
  }
  .endClass div.shadowBox table {
    padding: 0;
  }
  .endClass div.shadowBox table .grade-pop {
    left: inherit;
    right: 0;
    transform: translateX(0%);
    -ms-transform: translateX(-50%);
  }
  .endClass .commonTableStyle.mn-print thead th.th-certificate,
  .endClass .commonTableStyle.mn-print tbody td.td-certificate {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .endClass div.shadowBox {
    padding: 4px 10px 36px;
    min-height: 0;
  }
  .endClass div.shadowBox p.resultText {
    margin-bottom: 6px;
  }
  .endClass div.shadowBox table {
    margin-top: 0;
  }
  .endClass div.shadowBox table tbody tr td .grade-pop {
    display: none;
    height: auto;
    bottom: -68px;
    padding: 12px 13px;
    left: 0px;
    line-height: 1.14;
    transform: translateX(0%);
    width: 268px;
  }
  .endClass div.shadowBox table tbody tr td .grade-pop b {
    display: block;
    padding-left: 0;
    margin-top: 16px;
  }
  .endClass .commonTableStyle tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 20px;
  }
  .endClass .commonTableStyle tbody tr td {
    margin-bottom: 0;
    padding-right: 8px;
  }
  .endClass .commonTableStyle tbody tr td.m-b-16 {
    margin-bottom: 16px;
  }
  .endClass .commonTableStyle tbody tr .mobile100 {
    width: 100%;
    margin-bottom: 8px;
  }
  .endClass .commonTableStyle tbody tr .mobile100.type {
    margin-bottom: 0;
    font-size: 13px;
    color: #787878;
  }
  .endClass .commonTableStyle tbody tr .lineBtn span {
    display: inline !important;
  }
  .endClass .commonTableStyle tbody tr .absolute-left::before {
    display: none;
  }
  .endClass .commonTableStyle tbody tr .absolute-right {
    position: absolute;
    right: 0;
    bottom: 20px;
    font-weight: bold;
    transform: rotate(0.03deg);
    padding-right: 0;
    min-width: 45px;
    text-align: right;
  }
  #gear-bpopup {
    width: 95% !important;
    height: 450px !important;
  }
  #gear-bpopup .b-close {
    width: 30px;
    height: 30px;
    background-size: contain;
    position: relative;
    right: 0px;
    top: 0;
    display: block;
    margin-left: auto;
    margin-bottom: 10px;
  }
  #gear-bpopup .b-close i {
    width: 20px;
    height: 20px;
  }
}
.print-certificate {
  overflow-x: auto;
  max-width: 735px;
  min-width: 735px;
  margin: 0 auto;
}
.certificate {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 141.27516779%;
}
.certificate h1,
.certificate p,
.certificate li {
  font-family: "SourceHanSerifKR";
  font-style: normal;
  font-weight: 500;
}
.certificate .certificate-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.certificate > div {
  position: absolute;
  background: none;
  z-index: 2;
  height: 100%;
  top: 0;
  padding: 7.3% 11.5%;
  width: 100%;
}
.certificate > div .num {
  font-size: 17px;
  letter-spacing: -0.15px;
  margin-bottom: 8%;
}
.certificate > div h1 {
  font-weight: 900;
  font-size: 62px;
  padding-bottom: 13%;
}
.certificate > div h1 span {
  padding: 0px 30px;
}
.certificate > div .info {
  margin-bottom: 12%;
}
.certificate > div .info li {
  font-size: 22px;
  margin-bottom: 24px;
  position: relative;
  padding-left: 30%;
}
.certificate > div .info li span {
  position: absolute;
  left: 0;
  top: 0;
  width: 26%;
  display: flex;
  justify-content: space-between;
}
.certificate > div .info li span i {
  font-style: normal;
}
.certificate > div .info li:last-child {
  margin-bottom: 0 !important;
}
.certificate > div .text {
  font-size: 29px;
  line-height: 2.1em;
  margin-bottom: 9%;
}
.certificate > div .date {
  font-size: 22px;
}
.certificate > div .position-relative {
  margin: 0 auto;
}
.certificate > div .position-relative img {
  position: absolute;
  right: 0;
  top: 0;
}
.certificate.ewha-certificate > div {
  padding: 8.3% 12%;
}
.certificate.ewha-certificate > div .num {
  margin-bottom: 7%;
}
.certificate.ewha-certificate > div h1 {
  padding-bottom: 8.4%;
}
.certificate.ewha-certificate > div .info {
  margin-bottom: 14%;
}
.certificate.ewha-certificate > div .info li {
  margin-bottom: 34px;
  font-size: 18px;
  padding-left: 25%;
  letter-spacing: -0.3px;
}
.certificate.ewha-certificate > div .info li span {
  width: 22%;
}
.certificate.ewha-certificate > div .text {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.31px;
  margin-bottom: 9%;
}
.certificate.ewha-certificate > div .date {
  font-size: 20px;
}
.certificate.certificate_jeju > div .info {
  margin-bottom: 10%;
}
.certificate.certificate_jeju > div .info li {
  font-size: 18px;
  margin-bottom: 18px;
}
.certificate.semas-certificate > div {
  padding: 14.3% 11.5%;
}
.certificate.semas-certificate > div .num {
  margin-bottom: 6%;
}
.certificate.semas-certificate > div h1 {
  font-size: 65px;
  padding-bottom: 10%;
}
.certificate.semas-certificate > div .info li {
  font-size: 17px;
  margin-bottom: 16px;
  padding-left: 18%;
}
.certificate.semas-certificate > div .info li span {
  width: 15%;
  padding-right: 2%;
}
.certificate.semas-certificate > div .info li span::after {
  content: ":";
  position: absolute;
  right: 0;
}
.certificate.semas-certificate > div .text {
  font-size: 29px;
  line-height: 1.9em;
  font-weight: bold;
  margin-bottom: 10%;
}
.certificate.kyf > div {
  padding: 7.3% 10.5%;
}
.certificate.kyf > div .num {
  font-size: 22px;
  margin-bottom: 5%;
  font-weight: 900;
}
.certificate.kyf > div h1 {
  padding-bottom: 10%;
}
.certificate.kyf > div .info li {
  margin-bottom: 9px;
  font-weight: 900;
  padding-left: 20%;
}
.certificate.kyf > div .text {
  font-weight: 900;
  letter-spacing: -1px;
  font-size: 27px;
  line-height: 35px;
  margin-bottom: 8%;
}
#print-btn-wrap {
  position: absolute;
  z-index: 99;
  top: 47px;
  right: 83px;
}
#print-btn-wrap.ewha-print {
  top: 98px;
}
.certificate_jeju2 .jeju-cer2 > p {
  position: absolute;
}
.certificate_jeju2 .jeju-cer2 > p.num {
  top: 9.7%;
  padding-left: 53%;
}
.certificate_jeju2 .jeju-cer2 > p.name {
  top: 32%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 35px;
}
.certificate_jeju2 .jeju-cer2 > p.date1 {
  font-size: 18px;
  padding-left: 42%;
  top: 55.7%;
  font-style: italic;
}
.certificate_jeju2 .jeju-cer2 > p.date2 {
  font-size: 18px;
  padding-left: 36%;
  top: 58.4%;
  font-style: italic;
}
.certificate_jeju2 .jeju-cer2 > p.instructor {
  bottom: 27%;
  left: 20%;
  font-size: 35px;
  width: 27%;
  padding: 0 2%;
  text-align: center;
  font-weight: bold;
}
.myorderlist-pop .delivery-write li {
  margin-top: 20px;
}
.myorderlist-pop .delivery-write li b {
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 4px;
}
.myorderlist-pop .privacy-info {
  margin-top: 20px;
  padding: 10px 0;
  border: 1px solid #cfcfcf;
  border-width: 1px 0;
}
.myorderlist-pop .privacy-info p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.46px;
  text-indent: 0;
  margin-bottom: 16px;
}
.myorderlist-pop .privacy-info ul li {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-top: 4px;
}
.myorderlist-pop .privacy-info ul li b {
  display: inline-block;
  transform: rotate(0.03deg);
  font-size: 16px;
}
.myorderlist-pop .privacy-info ul li:first-child {
  margin-top: 0;
}
.lookup-delivery-layer .common-pop {
  width: 500px;
  min-height: 400px;
  height: auto;
}
.lookup-delivery-layer .common-pop .pop-cont {
  padding: 35px 22px 63px;
  height: auto;
}
.lookup-delivery-layer .common-pop .pop-cont > table {
  border-top: 2px solid #787878;
}
.lookup-delivery-layer .common-pop .pop-cont > table th {
  border-bottom: 1px solid #efefef;
}
@media screen and (max-width: 767px) {
  .lookup-delivery-layer .common-pop {
    width: 100%;
    min-height: 100%;
  }
  .lookup-delivery-layer .common-pop .pop-cont {
    padding: 35px 22px 63px;
    height: auto;
  }
  .lookup-delivery-layer .common-pop .pop-cont > table {
    border-top: 2px solid #787878;
  }
  .lookup-delivery-layer .common-pop .pop-cont > table th {
    border-bottom: 1px solid #efefef;
  }
}
.annualCompletion .yearSelect {
  position: relative;
  margin-bottom: 32px;
}
.annualCompletion .yearSelect > button {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: -0.61px;
}
.annualCompletion .yearSelect > button::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url("/assets/svg/newGetSmart/btn-years-down.svg") no-repeat;
  background-size: contain;
  margin-left: 10px;
}
.annualCompletion .yearSelect > ul {
  display: none;
  position: absolute;
  z-index: 1;
  top: 54px;
  padding: 24px 32px;
  text-align: left;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.38);
  max-height: 201px;
  overflow-y: auto;
}
.annualCompletion .yearSelect > ul li {
  margin-top: 28px;
}
.annualCompletion .yearSelect > ul li:first-child {
  margin-top: 0;
}
.annualCompletion .yearSelect > ul li button {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.annualCompletion .yearSelect.active > ul {
  display: block;
}
.annualCompletion .table {
  padding-bottom: 40px;
  border-bottom: 1px solid #cfcfcf;
}
.annualCompletion .table > p {
  font-size: 11px;
  line-height: 1.18;
  letter-spacing: -0.28px;
  color: #e63131;
}
.annualCompletion .annualCompletionTable {
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
}
.annualCompletion .annualCompletionTable thead th {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: -0.3px;
  color: #919191;
  transform: rotate(0.03deg);
  padding: 0 32px 10px;
}
.annualCompletion .annualCompletionTable tbody tr {
  border-radius: 4px;
}
.annualCompletion .annualCompletionTable tbody tr:first-child td {
  font-weight: bold;
}
.annualCompletion .annualCompletionTable tbody tr td {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
  color: #000;
  background: #f4f4f4;
  padding: 10px 32px;
}
.annualCompletion .annualCompletionTable tbody tr td:first-child {
  border-radius: 4px 0 0 4px;
}
.annualCompletion .annualCompletionTable tbody tr td:last-child {
  color: #ff0a0a;
  border-radius: 0 4px 4px 0;
}
.annualCompletion .annualCompletionTable tbody tr:nth-child(even) td {
  background: #fff;
  padding: 15px 32px;
}
.annualCompletion .filterContent {
  margin-top: 40px;
}
.annualCompletion .filterContent > ul {
  font-size: 0;
  margin-bottom: 16px;
}
.annualCompletion .filterContent > ul li {
  display: inline-block;
  width: 50%;
  margin-bottom: 16px;
}
.annualCompletion .filterContent > ul li span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.36px;
  color: #000;
  transform: rotate(0.03deg);
  width: 67px;
}
.annualCompletion .filterContent > ul li select,
.annualCompletion .filterContent > ul li input {
  font-size: 14px;
  height: 32px;
  min-width: 240px;
  border-radius: 0;
  border: 1px solid #cfcfcf;
}
.annualCompletion .filterContent > ul li select {
  background-size: contain;
  background: url("/assets/svg/newGetSmart/btn-myinfo-down.svg") no-repeat 95% 50%;
}
.annualCompletion .filterContent > .text-center {
  font-size: 0;
}
.annualCompletion .filterContent > .text-center button {
  width: 100px;
  height: 32px;
}
.annualCompletion .filterContent > .text-center button:first-child {
  margin-right: 20px;
}
.annualCompletion .resultTable {
  margin-top: 16px;
}
.annualCompletion .resultTable > p {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: -0.51px;
  color: #000;
  margin-bottom: 16px;
}
.annualCompletion .resultTable table {
  text-align: left;
}
.annualCompletion .resultTable table td {
  padding: 16px 0 16px 12px;
}
.annualCompletion .resultTable table td p {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 16px;
  padding-bottom: 2px;
  max-height: 33px;
}
.annualCompletion .resultTable table td i {
  font-style: normal;
  display: inline-block;
}
.annualCompletion .resultTable table .black-line-btn {
  width: 60px;
  height: 32px;
}
.annualPop {
  padding: 24px 30px 40px;
  width: 480px;
  border-radius: 8px;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.38);
}
.annualPop h1 {
  font-size: 20px;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.annualPop .gear-btn-close {
  width: 24px;
  height: 24px;
  background: url("/assets/svg/newGetSmart/btn-close-black-16px.svg") no-repeat;
  background-size: contain;
}
.annualPop .pop-cont {
  margin-top: 29px;
}
.annualPop .pop-cont table {
  margin-bottom: 44px;
}
.annualPop .pop-cont table td p {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  padding-bottom: 3px;
}
.annualPop .pop-cont .pageNation {
  padding-bottom: 0;
}
@media screen and (max-width: 1099px) {
  .annualCompletion .resultTable table th {
    padding: 0 5px 10px;
  }
  .annualCompletion .resultTable table td {
    padding: 12px 5px;
  }
}
@media screen and (max-width: 767px) {
  .annualCompletion .shadowBox {
    padding-top: 20px;
  }
  .annualCompletion .yearSelect > button {
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: -0.46px;
  }
  .annualCompletion .yearSelect > ul {
    top: 35px;
  }
  .annualCompletion .table {
    padding-bottom: 32px;
  }
  .annualCompletion .annualCompletionTable {
    margin-bottom: 8px;
  }
  .annualCompletion .annualCompletionTable thead tr th {
    padding: 0 7px 16px;
  }
  .annualCompletion .annualCompletionTable tbody tr td {
    padding: 7px 14px;
    font-size: 13px;
  }
  .annualCompletion .annualCompletionTable tbody tr:nth-child(even) td {
    padding: 11px 14px;
  }
  .annualCompletion .filterContent {
    margin-top: 32px;
  }
  .annualCompletion .filterContent > ul {
    margin-bottom: 32px;
  }
  .annualCompletion .filterContent > ul li {
    display: block;
    width: 100%;
  }
  .annualCompletion .filterContent > ul li span {
    width: 67px;
  }
  .annualCompletion .filterContent > ul li select,
  .annualCompletion .filterContent > ul li input {
    width: calc(100% - 72px);
    min-width: 150px;
  }
  .annualCompletion .filterContent .resultTable {
    margin-top: 20px;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle {
    border-top: 1px solid #cfcfcf;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 52px;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td {
    margin-bottom: 8px;
    padding: 0;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td:nth-child(1),
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td:nth-child(2) {
    padding-right: 16px;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td:nth-child(4),
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td:nth-child(5) {
    width: 100%;
  }
  .annualCompletion .filterContent .resultTable .commonTableStyle tr td.mobileLabel::before {
    content: attr(data-label);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.36px;
    color: #787878;
  }
  .annualPop {
    width: 280px !important;
    height: auto !important;
    min-height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 24px 10px;
  }
  .annualPop .pop-header {
    position: relative;
    padding-bottom: 18px;
    border-bottom: 1px solid #cfcfcf;
  }
  .annualPop .pop-header > h1 {
    width: 100%;
    padding-right: 89px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .annualPop .pop-header .gear-btn-close {
    right: 0;
    top: 3px;
    position: absolute;
  }
  .annualPop .pop-cont {
    margin-top: 0;
  }
  .annualPop .pop-cont table td p {
    max-height: 44px;
    line-height: 22px;
  }
  .annualPop .pop-cont table td.mobileLabel::before {
    content: attr(data-label);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.36px;
    color: #787878;
  }
  .annualPop .pop-cont table td.mobile-absolute {
    right: 0;
    bottom: 18px !important;
  }
}
@media screen and (max-width: 767px) {
  .myPage .subPageTitle {
    padding-top: 10px;
  }
  .myPage .subPageTitle h2 {
    display: none;
  }
}
.qna .asktop {
  position: relative;
  padding: 20px 22px;
}
.qna .asktop::before {
  content: "";
  display: block;
  width: 72px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: url('/assets/img/getSmart/img-q-a.png') no-repeat 50%;
  left: 22px;
}
.qna .asktop > p {
  padding-left: 88px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.qna .asktop > p a {
  font-weight: bold;
  text-decoration: underline;
}
.qna .shadowBox {
  position: relative;
}
.qna .shadowBox .btn-size8 {
  margin-bottom: 30px;
}
.qna .shadowBox .commonTableStyle tbody td {
  padding: 25px 0;
}
.qna .shadowBox .q_table {
  margin: 20px 0 30px;
}
.qna .shadowBox .a_time {
  margin-bottom: 7px;
}
.qna .shadowBox .a_notie {
  margin: 11px 0 24px;
  position: relative;
  padding-left: 24px;
}
.qna .shadowBox .a_notie .icon-notice {
  position: absolute;
  left: 0;
  top: 2px;
}
.qna .shadowBox .btnsWrap {
  font-size: 0;
}
.qna .shadowBox .btnsWrap a {
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-left: 24px;
}
.qna .shadowBox .btnsWrap a:first-child {
  margin-left: 0;
}
.qna .qna-smallPop {
  width: 280px;
  height: 208px;
  background: #ffffff;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
}
.qna .qna-smallPop > p {
  height: 151px;
  padding: 59px 0;
}
.qna .qna-smallPop > div {
  font-size: 0;
}
.qna .qna-smallPop > div button {
  width: 50%;
  height: 48px;
}
@media screen and (max-width: 1099px) {
  .qna .asktop > p {
    padding-left: 116px;
  }
}
@media screen and (max-width: 767px) {
  .qna .asktop {
    padding: 13px 10px;
  }
  .qna .asktop::before {
    display: none;
  }
  .qna .asktop p {
    padding: 0;
  }
  .qna .shadowBox .btn-size8 {
    margin: 30px 0;
  }
  .qna .shadowBox .commonTableStyle {
    border-top: 1px solid #efefef;
  }
  .qna .shadowBox .commonTableStyle tbody td {
    padding: 0;
  }
}
.editInfoLogin .shadowBox {
  padding: 68px 0 175px;
}
.editInfoLogin .shadowBox > p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.41px;
  color: #2d2d2d;
}
.editInfoLogin .shadowBox form {
  width: 320px;
  margin-top: 61px;
}
.editInfoLogin .shadowBox form fieldset ul li {
  margin-top: 16px;
}
.editInfoLogin .shadowBox form fieldset ul li:first-child {
  margin-top: 0;
}
.editInfoLogin .shadowBox form fieldset ul li label {
  line-height: 1.43;
  letter-spacing: -0.35px;
  display: inline-block;
  margin-bottom: 4px;
}
.editInfoLogin .shadowBox form fieldset ul li input {
  display: block;
  width: 100%;
}
.editInfoLogin .shadowBox form fieldset > p {
  line-height: 1.14;
  letter-spacing: -0.35px;
  color: #1b252c;
  padding-left: 21px;
  position: relative;
  margin: 14px 0 64px;
}
.editInfoLogin .shadowBox form fieldset > p i.icon {
  position: absolute;
  left: 0;
}
.editInfoLogin .shadowBox form fieldset button {
  font-size: 18px;
}
.editInfo .writeForm .writeWrap {
  margin-bottom: 8px;
}
.editInfo .writeForm .writeWrap > li .write-td ul li select {
  padding-right: 30px;
  background: url('/assets/img/getSmart/btn-myinfo-down.png') no-repeat center;
  background-position: right 13px center;
}
.editInfo .writeForm > p {
  word-break: break-all;
}
@media screen and (max-width: 1099px) {
  .editInfo .shadowBox .title-underLine {
    padding-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .editInfoLogin .shadowBox {
    padding: 64px 0 140px;
  }
  .editInfoLogin .shadowBox form {
    margin-top: 44px;
    width: 260px;
  }
  .editInfoLogin .shadowBox form fieldset > p {
    margin: 8px 0 40px;
  }
}
.alarm-list {
  width: 680px;
}
.alarm-list .popupCont {
  padding: 30px 40px;
  background: #ffffff;
  max-height: 500px;
  overflow-y: scroll;
}
.alarm-list .popupCont ul {
  border: 1px solid #efefef;
}
.alarm-list .popupCont ul li {
  height: 47px;
  padding: 15px 29px;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.36px;
  position: relative;
}
.alarm-list .popupCont ul li::before {
  content: "";
  display: block;
  width: 560px;
  height: 1px;
  background: #efefef;
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.alarm-list .popupCont ul li:first-child::before {
  display: none;
}
@media screen and (max-width: 767px) {
  .alarm-list .popupCont {
    padding: 25px 10px;
    max-height: inherit;
  }
  .alarm-list .popupCont ul li {
    height: auto;
    padding: 8px 19px;
    line-height: 1.29;
    letter-spacing: -0.36px;
    position: relative;
  }
  .alarm-list .popupCont ul li::before {
    width: 96%;
  }
  .alarm-list .popupCont ul li b {
    display: block;
  }
  .alarm-list .popupCont ul li i {
    position: absolute;
    right: 20px;
    top: 8px;
    line-height: 1.14;
    letter-spacing: -0.36px;
  }
}
.likeCoursList.courseApplication .recommendCourse .showType {
  margin-top: 0;
}
.myPayment .commonTableStyle thead th {
  padding: 0 16px 10px;
}
.myPayment .commonTableStyle tbody td {
  padding: 17px 16px;
}
.myPayment .commonTableStyle tbody td button {
  width: 60px;
  height: 32px;
  border-radius: 4px;
}
.myPayment .commonTableStyle tbody td i {
  display: block;
  font-style: normal;
}
.myPayment .commonTableStyle tbody td i.price-cancle {
  color: #c0c5c9;
  text-decoration: line-through;
}
.my-paymentPop .popcontent {
  padding: 28px 0;
  width: 300px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.my-paymentPop .popcontent p {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.4px;
  padding: 0 50px;
}
.my-paymentPop .popcontent p.type1 {
  margin-bottom: 60px;
}
.my-paymentPop .popcontent p.type2 {
  margin-bottom: 36px;
}
.my-paymentPop .popcontent > div {
  font-size: 0;
}
.my-paymentPop .popcontent > div button {
  font-size: 16px;
  width: 80px;
  height: 40px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
  margin-left: 28px;
}
.my-paymentPop .popcontent > div button:first-child {
  margin-left: 0;
}
.paymentDetailPop {
  width: 544px;
  padding: 24px 28px;
  border-radius: 8px;
}
.paymentDetailPop .pop-header {
  position: relative;
  margin-bottom: 24px;
}
.paymentDetailPop .pop-header h1 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.paymentDetailPop .pop-header button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  width: 24px;
  height: 24px;
}
.paymentDetailPop .lectureInfo {
  font-size: 0;
}
.paymentDetailPop .lectureInfo .imgWrap {
  display: inline-block;
  width: 170px;
  height: 114px;
  border-radius: 8px;
  overflow: hidden;
}
.paymentDetailPop .lectureInfo .imgWrap img {
  height: 100%;
}
.paymentDetailPop .lectureInfo .textInfo {
  display: inline-block;
  vertical-align: top;
  padding-left: 18px;
  width: calc(100% - 170px);
}
.paymentDetailPop .lectureInfo .textInfo > p {
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.35px;
  margin-bottom: 16px;
}
.paymentDetailPop .lectureInfo .textInfo > i {
  font-style: normal;
}
.paymentDetailPop .paymentDetail > div {
  position: relative;
  margin: 22px 0 8px;
}
.paymentDetailPop .paymentDetail > div > p {
  font-size: 14px;
  letter-spacing: -0.35px;
}
.paymentDetailPop .paymentDetail > div > a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  font-size: 14px;
  letter-spacing: -0.36px;
  text-align: center;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
}
.paymentDetailPop .paymentDetail > ul {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 29px;
}
.paymentDetailPop .paymentDetail > ul li {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.paymentDetailPop .paymentDetail > ul li strong {
  width: 148px;
  background: #f9f9f9;
  padding: 12px 24px;
  font-weight: normal;
}
.paymentDetailPop .paymentDetail > ul li > div {
  padding: 12px 32px;
}
.paymentDetailPop .paymentDetail > ul li > div i {
  font-style: normal;
}
.paymentDetailPop .paymentDetail > ul li > div i.time {
  padding-left: 24px;
}
.paymentDetailPop .paymentDetail > ul li.refund {
  background: #f9f9f9;
  justify-content: flex-end;
  padding: 24px 24px 16px 24px;
}
.paymentDetailPop .paymentDetail > ul li.refund > div {
  text-align: right;
  padding: 0;
}
.paymentDetailPop .paymentDetail > ul li.refund > div .mainFont {
  border-bottom: 1px solid #c0c5c9;
  padding-bottom: 11px;
  font-size: 16px;
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}
.paymentDetailPop .paymentDetail > ul li.refund > div .mainFont strong {
  padding: 0 64px 0 0;
  width: auto;
}
.paymentDetailPop .paymentDetail > ul li.refund > div > p {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #74787a;
  margin-bottom: 8px;
}
.paymentDetailPop .text-center button {
  width: 80px;
  height: 40px;
  font-size: 16px;
}
@media screen and (max-width: 1099px) {
  .myPayment .commonTableStyle .mobileHide {
    display: none;
  }
  .myPayment .commonTableStyle thead th {
    padding: 0 8px 10px;
  }
  .myPayment .commonTableStyle tbody td {
    padding: 17px 8px;
  }
  .myPayment .commonTableStyle tbody td i {
    display: block;
    font-style: normal;
  }
}
@media screen and (max-width: 767px) {
  .myPayment .commonTableStyle tbody tr {
    padding: 16px 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .myPayment .commonTableStyle tbody tr td {
    padding: 0;
    width: 100%;
    margin: 8px 0 0 0;
  }
  .myPayment .commonTableStyle tbody tr td:nth-child(1),
  .myPayment .commonTableStyle tbody tr td:nth-child(2) {
    width: auto;
    margin-top: 0;
  }
  .myPayment .commonTableStyle tbody tr td:nth-child(1) {
    width: 34px;
  }
  .myPayment .commonTableStyle tbody tr td.mobile-label::before {
    content: attr(data-label);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.36px;
    color: #787878;
  }
  .myPayment .commonTableStyle tbody tr td.mobile-right {
    margin-left: auto !important;
  }
  .myPayment .commonTableStyle tbody tr td.text-center {
    width: auto;
    margin: 20px 0 0 0;
    min-width: 50px;
  }
  .myPayment .commonTableStyle tbody tr td.text-center button {
    font-size: 14px;
    width: auto;
    padding: 0 16px;
  }
  .myPayment .commonTableStyle tbody tr td.text-center button.black-line-btn {
    padding: 0 5px;
    margin-left: 20px;
  }
  .myPayment .commonTableStyle tbody tr td.text-center button span {
    display: inline-block;
  }
  .myPayment .commonTableStyle tbody tr td i {
    display: inline-block;
  }
  .my-paymentPop .popcontent {
    width: 300px !important;
    min-height: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1, 1) !important;
  }
  .paymentDetailPop {
    min-height: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 24px 20px;
  }
  .paymentDetailPop .lectureInfo .imgWrap {
    display: none;
  }
  .paymentDetailPop .lectureInfo .textInfo {
    padding-left: 0;
    width: 100%;
  }
  .paymentDetailPop .lectureInfo .textInfo > p {
    margin-bottom: 16px;
  }
  .paymentDetailPop .paymentDetail > ul li {
    align-items: stretch;
    font-size: 13px;
    line-height: 1.23;
    letter-spacing: -0.32px;
  }
  .paymentDetailPop .paymentDetail > ul li > strong {
    flex-shrink: 0;
    width: 100px;
    padding: 13px 8px;
  }
  .paymentDetailPop .paymentDetail > ul li > div {
    flex-grow: 1;
    padding: 13px 10px;
  }
  .paymentDetailPop .paymentDetail > ul li > div i.time {
    padding-left: 10px;
  }
  .paymentDetailPop .paymentDetail > ul li > div i.cardInfo {
    display: block;
  }
}
.myPoint .pagesubTit {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #1b252c;
  margin-bottom: 16px;
}
.myPoint .pointInfo {
  margin-bottom: 40px;
}
.myPoint .pointInfo ul {
  border-radius: 16px;
  background-color: #f8f8f8;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
  padding: 29px 0 18px;
}
.myPoint .pointInfo ul li {
  width: 33.3333%;
  position: relative;
}
.myPoint .pointInfo ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #eceef0;
  position: absolute;
  left: 0;
  top: 0;
}
.myPoint .pointInfo ul li > span {
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: -0.36px;
  color: #74787a;
}
.myPoint .pointInfo ul li > span i {
  font-style: normal;
}
.myPoint .pointInfo ul li > div {
  margin-top: 2px;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -0.61px;
}
.myPoint .pointInfo ul li > div > p {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: -0.3px;
  color: #74787a;
  margin-top: 2px;
}
.myPoint .filterWrap {
  margin-bottom: 21px;
}
.myPoint .filterWrap select {
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: url("/assets/svg/newGetSmart/btn-myinfo-down.svg") no-repeat 90% 50%;
}
.myPoint .commonTableStyle {
  letter-spacing: -0.36px;
}
.myPoint .commonTableStyle thead th {
  padding: 0 16px 10px;
}
.myPoint .commonTableStyle tbody tr td {
  padding: 25px 16px;
}
.myPoint .point-notice-box {
  padding-bottom: 40px;
}
.myPoint .point-notice-box > div {
  margin-bottom: 25px;
}
.myPoint .point-notice-box > div:last-child {
  margin-bottom: 0;
}
.myPoint .point-notice-box > div b {
  padding-bottom: 10px;
  font-size: 14px;
}
.myPoint .point-notice-box > div p {
  font-size: 13px;
  line-height: 1.4em;
  color: #74787a;
  margin-bottom: 6px;
}
.myPoint .point-notice-box > div p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1099px) {
  .myPoint .shadowBox {
    padding-top: 20px;
  }
  .myPoint .commonTableStyle thead th {
    padding: 0 6px 10px;
  }
  .myPoint .commonTableStyle tbody td {
    padding: 25px 6px;
  }
}
@media screen and (max-width: 767px) {
  .myPoint .pointInfo {
    margin-bottom: 24px;
  }
  .myPoint .pointInfo ul {
    padding-bottom: 51px;
  }
  .myPoint .pointInfo ul li:first-child::before {
    display: none;
  }
  .myPoint .pointInfo ul li > span {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.3px;
  }
  .myPoint .pointInfo ul li > div {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -0.36px;
    position: relative;
  }
  .myPoint .pointInfo ul li > div > p {
    position: absolute;
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: -0.25px;
    width: 190px;
    right: 18px;
    bottom: -32px;
  }
  .myPoint .filterWrap {
    margin-bottom: 16px;
  }
  .myPoint .commonTableStyle {
    border-top: 1px solid #efefef;
  }
  .myPoint .commonTableStyle tbody tr {
    padding: 10px 4px 16px;
  }
  .myPoint .commonTableStyle tbody tr td {
    padding: 0;
    margin: 8px 0 0 0;
  }
  .myPoint .commonTableStyle tbody tr td:first-child {
    display: none;
    margin-top: 0;
  }
  .myPoint .commonTableStyle tbody tr td:nth-child(4) {
    position: absolute;
    right: 4px;
    top: 36px;
  }
  .myPoint .commonTableStyle tbody tr td:last-child {
    margin-top: 0;
  }
  .myPoint .commonTableStyle tbody tr td .validContract {
    display: block;
    margin-top: 12px;
  }
  .myPoint .commonTableStyle tbody tr td .validContract::before {
    content: attr(data-label);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.36px;
    color: #787878;
  }
}
.policy pre {
  padding: 30px;
  font-size: 14px;
  line-height: 1.5em;
}
.policy pre > b {
  display: block;
}
.policy pre table {
  border: 1px solid #787878;
  border-top: none;
  border-left: none;
  width: 100%;
}
.policy pre table th,
.policy pre table td {
  transform: rotate(0.03deg);
  border-top: 1px solid #787878;
  padding: 5px;
}
.policy pre table th {
  border-left: 1px solid #787878;
}
.policy pre table td {
  border-left: 1px solid #787878;
}
@media screen and (max-width: 767px) {
  .policy pre {
    padding: 4.5% 0;
  }
}
.searchPage .searchPageBox {
  width: 800px;
  margin: 26px auto 58px;
  position: relative;
}
.searchPage .searchPageBox form {
  display: flex;
  border: 1px solid #cfcfcf;
  border-radius: 24px;
}
.searchPage .searchPageBox .selectBoxWrap {
  width: 150px;
  position: relative;
}
.searchPage .searchPageBox .selectBoxWrap .select {
  cursor: pointer;
  height: 100%;
  padding: 0 20px;
}
.searchPage .searchPageBox .selectBoxWrap .select .selected-option {
  display: block;
  height: 48px;
  letter-spacing: -0.38px;
  line-height: 48px;
  background: url("/assets/img/getSmart/btn-myinfo-down.png") no-repeat center right;
}
.searchPage .searchPageBox .selectBoxWrap .select ul {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  cursor: pointer;
  width: 140px;
  padding: 12px;
  background: #fff;
  border-radius: 6px;
  border: solid 1px #cfcfcf;
  display: none;
  z-index: 1;
}
.searchPage .searchPageBox .selectBoxWrap .select ul li {
  font-size: 14px;
  letter-spacing: -0.44px;
  margin-top: 8px;
}
.searchPage .searchPageBox .selectBoxWrap .select ul li:first-child {
  margin-top: 0;
}
.searchPage .searchPageBox .selectBoxWrap .select ul.active {
  display: block;
}
.searchPage .searchPageBox .selectBoxWrap .option-select {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px 0 0 20px;
}
.searchPage .searchPageBox .selectBoxWrap::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 9px;
  width: 1px;
  height: 20px;
  background-color: #ebeded;
}
.searchPage .searchPageBox .inputWrap {
  width: calc(100% - 150px);
  position: relative;
}
.searchPage .searchPageBox .searchIcon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  left: 24px;
  background: url("/assets/svg/newGetSmart/img-search.svg") no-repeat 50%;
  background-size: contain;
}
.searchPage .searchPageBox input {
  width: 100%;
  height: 48px;
  border: none;
  padding: 0 25px 0 52px;
  border-radius: 0 24px 24px 0;
}
.searchPage .searchPageBox input:not(:placeholder-shown) + button {
  display: block;
}
.searchPage .searchPageBox button {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 16px;
  right: 24px;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat;
  background-size: contain;
  display: none;
}
.searchPage .scrollContainer {
  width: 1060px;
  margin: 0 auto;
}
.searchPage .searchPageResult .shadowBox {
  padding: 32px 24px 80px;
}
.searchPage .searchPageResult .shadowBox .resultText {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: -0.61px;
  margin-bottom: 24px;
}
.searchPage .searchPageResult .shadowBox .showType {
  margin: 32px auto 0;
  padding-bottom: 16px;
  border-bottom: solid 1px #cfcfcf;
}
.searchPage .searchPageResult .shadowBox .showType > div > ul {
  display: inline-block;
  vertical-align: middle;
}
.searchPage .searchPageResult .shadowBox .showType > div > ul li {
  margin-left: 15px;
}
.searchPage .searchPageResult .shadowBox .showType > div > ul li.on a {
  color: #3385FF;
}
.searchPage .searchPageResult .shadowBox .showType > div > ul li.on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url("/assets/svg/newGetSmart/check-recently.svg") no-repeat;
}
.searchPage .searchPageResult .shadowBox .connectResult .connectClass:first-child {
  margin-bottom: 80px;
}
.searchPage .searchPageResult .shadowBox .connectResult .connectClass > p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.51px;
  margin-bottom: 16px;
}
.searchPage .searchPageResult .shadowBox .faq .accordion-Container {
  border-top: 1px solid #000000;
  margin-bottom: 50px;
}
.searchPage .searchPageResult .shadowBox .faq .accordion-Container .accordionWrap .accordionBtn {
  padding: 26px 32px;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap {
  width: 199px;
  height: 28px;
  position: relative;
  border: 1px solid #cfcfcf;
  padding: 0 12px;
  margin-bottom: 16px;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select {
  cursor: pointer;
  height: 28px;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select .selected-option {
  display: block;
  height: 26px;
  letter-spacing: -0.38px;
  line-height: 26px;
  background: url("/assets/img/getSmart/btn-myinfo-down.png") no-repeat center right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 14px;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select ul {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  cursor: pointer;
  width: 100%;
  padding: 12px;
  background: #fff;
  border-radius: 6px;
  border: solid 1px #cfcfcf;
  display: none;
  z-index: 1;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select ul li {
  font-size: 14px;
  letter-spacing: -0.44px;
  margin-top: 8px;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select ul li:first-child {
  margin-top: 0;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap .select ul.active {
  display: block;
}
.searchPage .searchPageResult .shadowBox .selectBoxWrap::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 9px;
  width: 1px;
  height: 20px;
  background-color: #ebeded;
}
.searchPage .searchPageResult .shadowBox .commonTableStyle {
  margin-bottom: 50px;
}
.searchPage .moreBtn {
  width: 320px;
  height: 40px;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  letter-spacing: -0.41px;
}
@media screen and (max-width: 1099px) {
  .searchPage .searchPageBox {
    width: 100%;
    margin-bottom: 46px;
  }
  .searchPage .scrollContainer {
    width: 100%;
  }
  .searchPage .scrollContainer .scrollTab {
    padding: 12px 0 11px;
    height: 56px;
    position: relative;
    overflow: hidden;
  }
  .searchPage .scrollContainer .scrollTab .linkTab {
    white-space: nowrap;
    overflow-x: auto;
    margin-top: 0 !important;
  }
  .searchPage .scrollContainer .scrollTab .linkTab::-webkit-scrollbar-thumb,
  .searchPage .scrollContainer .scrollTab .linkTab::-webkit-scrollbar-track,
  .searchPage .scrollContainer .scrollTab .linkTab::-webkit-scrollbar-track {
    background: #ffffff;
  }
  .searchPage .scrollContainer .commonTabStyle a:first-child {
    margin-left: 25px;
  }
  .searchPage .searchPageResult .shadowBox {
    padding: 24px 16px 60px;
  }
  .searchPage .searchPageResult .shadowBox .resultText {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .searchPage .searchPageBox {
    padding: 0;
    margin: 16px 0;
  }
  .searchPage .searchPageBox .searchIcon {
    left: 16px;
  }
  .searchPage .searchPageBox input {
    padding: 0 55px 0 42px;
  }
  .searchPage .scrollContainer .commonTabStyle {
    display: flex;
  }
  .searchPage .scrollContainer .commonTabStyle a {
    margin-left: 4%;
    min-width: auto;
  }
  .searchPage .scrollContainer .commonTabStyle a:first-child {
    margin-left: 8px;
  }
  .searchPage .searchPageResult .shadowBox {
    padding: 24px 8px 41px;
  }
  .searchPage .searchPageResult .shadowBox .resultText {
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: -0.46px;
  }
  .searchPage .searchPageResult .shadowBox .faq .accordion-Container .accordionWrap .accordionBtn {
    padding: 26px 36px 26px 12px;
  }
  .searchPage .searchPageResult .shadowBox .commonTableStyle {
    border-top: 1px solid #000000;
  }
  .searchPage .searchPageResult .shadowBox .commonTableStyle.allBoard tbody tr {
    padding: 12px 16px;
  }
  .searchPage .searchPageResult .shadowBox .commonTableStyle.allBoard tbody tr td:first-child {
    display: none;
  }
  .searchPage .searchPageResult .shadowBox .commonTableStyle.allBoard tbody tr td.boardType {
    display: block;
  }
  .searchPage .searchPageResult .shadowBox .commonTableStyle.allBoard tbody tr td.text-left {
    padding-left: 0 !important;
  }
  .searchPage .moreBtn {
    width: 100%;
  }
}
@keyframes fallPerspective {
  100% {
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
  }
}
.searchSocial .grid.effect-4 {
  perspective: 1300px;
}
.searchSocial .grid.effect-4 .grid-item {
  transform-style: preserve-3d;
}
.searchSocial .grid.effect-4 .grid-item.animate {
  transform: translateZ(400px) translateY(300px) rotateX(-90deg);
  animation: fallPerspective 0.8s ease-in-out forwards;
}
.searchSocial .socialLearning-list.search-list {
  padding: 12px 16px;
}
.searchSocial .socialLearning-list .filter_list_wrap {
  margin-bottom: 24px;
  padding-right: 0;
  position: relative;
  padding-left: 95px;
}
.searchSocial .socialLearning-list .filter_list_wrap .pop-text {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
.searchSocial .socialLearning-list .filter_list_wrap .filter_list {
  overflow-x: auto;
}
.searchSocial .writer {
  display: inline-block;
  vertical-align: middle;
}
.searchSocial .writer i,
.searchSocial .writer span {
  vertical-align: middle;
}
.searchSocial .writer span {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.searchSocial .writer .writer-name {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  font-style: normal;
}
.searchSocial .social-save-btn {
  display: inline-block;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}
.searchSocial .social-save-btn button {
  vertical-align: middle;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
  background: url("/assets/svg/newGetSmart/off.svg") no-repeat 50%;
}
.searchSocial .social-save-btn button:hover {
  background: url("/assets/svg/newGetSmart/over.svg") no-repeat 50%;
}
.searchSocial .social-save-btn button.on {
  background: url("/assets/svg/newGetSmart/on.svg") no-repeat 50%;
}
.searchSocial .social-save-btn i {
  font-style: normal;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
}
.searchSocial .grid-sizer {
  border: none;
}
.searchSocial .grid-item {
  margin-bottom: 60px;
}
.searchSocial .grid-sizer,
.searchSocial .grid-item {
  width: 30.831%;
  transition: all 0.2s ease;
  overflow: hidden;
}
.searchSocial .grid-sizer .page-Link,
.searchSocial .grid-item .page-Link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.searchSocial .grid-sizer img,
.searchSocial .grid-item img {
  width: 100%;
  max-height: 480px;
  transition: all 0.3s ease;
}
.searchSocial .grid-sizer .text-box,
.searchSocial .grid-item .text-box {
  padding: 16px 10px 20px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.searchSocial .grid-sizer .text-box > p,
.searchSocial .grid-item .text-box > p {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.46px;
  transform: rotate(0.03deg);
  margin-bottom: 20px;
  word-break: break-all;
}
.searchSocial .grid-sizer .text-box .bt-info .writer i,
.searchSocial .grid-item .text-box .bt-info .writer i,
.searchSocial .grid-sizer .text-box .bt-info .writer span,
.searchSocial .grid-item .text-box .bt-info .writer span {
  vertical-align: middle;
}
.searchSocial .grid-sizer .text-box .bt-info .writer span,
.searchSocial .grid-item .text-box .bt-info .writer span {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.searchSocial .grid-sizer .text-box .bt-info .writer .writer-name,
.searchSocial .grid-item .text-box .bt-info .writer .writer-name {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.36px;
  font-style: normal;
}
.searchSocial .grid-sizer:hover,
.searchSocial .grid-item:hover {
  box-shadow: 0px 1px 10px 7px rgba(0, 0, 0, 0.08);
}
.searchSocial .grid-sizer:hover > img,
.searchSocial .grid-item:hover > img {
  transform: scale(1.1);
}
.searchSocial .grid-sizer:hover .text-box > p,
.searchSocial .grid-item:hover .text-box > p {
  text-decoration: underline;
}
.searchSocial .gutter-sizer {
  width: 3.47%;
}
.searchSocial .search-info {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  margin-bottom: 15px;
}
.searchSocial .search-info b {
  font-weight: normal;
}
@media screen and (max-width: 1099px) {
  .searchSocial .socialLearning-list {
    padding: 32px;
  }
  .searchSocial .grid-sizer,
  .searchSocial .grid-item {
    width: 46.9%;
  }
  .searchSocial .grid-item {
    margin-bottom: 60px;
  }
  .searchSocial .gutter-sizer {
    width: 6.2%;
  }
}
@media screen and (max-width: 767px) {
  .searchSocial .subPageTitle h2 {
    display: none;
  }
  .searchSocial .socialLearning-list {
    padding: 16px 6px;
  }
  .searchSocial .socialLearning-list.search-list {
    padding: 16px 6px;
  }
  .searchSocial .socialLearning-list .filter_list_wrap {
    padding: 0;
  }
  .searchSocial .socialLearning-list .filter_list_wrap .pop-text {
    position: relative;
    top: 0;
    transform: translateY(0px);
    margin-bottom: 6px;
  }
  .searchSocial .socialLearning-list .filter_list_wrap .filter_list .filter {
    margin-left: 8px;
  }
  .searchSocial .socialLearning-list .filter_list_wrap .filter_list .filter:first-child {
    margin-left: 0;
  }
  .searchSocial .grid-sizer,
  .searchSocial .grid-item {
    width: 48.7%;
  }
  .searchSocial .grid-item {
    margin-bottom: 32px;
  }
  .searchSocial .grid-item .text-box {
    padding: 6px 4px 24px;
  }
  .searchSocial .grid-item .text-box > p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.36px;
  }
  .searchSocial .grid-item .bt-info .social-save-btn button {
    margin-right: 4px;
  }
  .searchSocial .gutter-sizer {
    width: 2.6%;
  }
}
.errorPage .type1 {
  padding-top: 140px;
}
.errorPage .type1 img {
  width: 556px;
}
.errorPage .type1 > p {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.43px;
  padding: 26px 0 100px;
  color: #787878;
}
.errorPage .type1 > div {
  font-size: 0;
}
.errorPage .type1 > div a {
  margin-left: 46px;
}
.errorPage .type1 > div a:first-child {
  margin-left: 0;
}
.errorPage .type2 {
  padding-top: 121px;
}
.errorPage .type2 > a {
  display: block;
  width: 126px;
  height: 38px;
}
.errorPage .type2 > a img {
  width: 100%;
}
.errorPage .type2 > img {
  width: 340px;
  margin: 51px 0;
}
.errorPage .type2 p {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.43px;
  color: #787878;
}
.errorPage .type2 p.bigFont {
  font-size: 32px;
  line-height: 0.81;
  letter-spacing: -0.86px;
  margin-bottom: 28px;
}
.errorPage .type2 > b {
  display: block;
  margin-top: 28px;
  font-size: 16px;
  color: #787878;
}
@media screen and (max-width: 1099px) {
  .errorPage .type1 {
    padding-top: 120px;
  }
  .errorPage .type1 img {
    width: 596px;
  }
  .errorPage .type1 > p {
    padding: 26px 0 100px;
  }
  .errorPage .type2 > img {
    margin: 33px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .errorPage .type1 {
    padding-top: 109px;
  }
  .errorPage .type1 img {
    width: 76.875%;
  }
  .errorPage .type1 > div a {
    margin-left: 24px;
  }
  .errorPage .type2 > img {
    width: 78.125%;
    max-width: 390px;
  }
}
.eduWindowlayout {
  max-width: 1100px;
  min-width: 1100px;
  margin: 0 auto;
  height: 100%;
}
.eduWindowlayout .homeTitle {
  height: 52px;
  line-height: 52px;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 1;
  letter-spacing: -0.46px;
  background: #ffffff;
  border-bottom: 1px solid #efefef;
}
.eduWindowlayout .homeTitle h1 {
  width: 1100px;
  padding: 0px 20px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eduWindowlayout > div.clear {
  height: 100%;
}
.eduWindowlayout .eduWindowMenuWrap {
  position: fixed;
  width: 228px;
  height: 100%;
  background: #ffffff;
  top: 0;
  padding-top: 72px;
}
.eduWindowlayout .eduWindowMenuWrap img {
  margin: 0 auto;
  width: 188px;
  height: 120px;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu {
  margin-top: 8px;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb {
  padding: 0 20px;
  margin-bottom: 45px;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb > li {
  height: 36px;
  line-height: 36px;
  position: relative;
  padding-left: 15px;
  color: #838383;
  font-size: 16px;
  transform: rotate(0.03deg);
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb > li.on {
  background: #f4f4f4;
  color: #000000;
  font-weight: bold;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb > li.on::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #3385FF;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb > li a {
  display: block;
}
.eduWindowlayout .eduWindowMenuWrap .eduWindowMenu ul.gnb > li:hover {
  background: #efefef;
}
.eduWindowlayout .eduWindowMenuWrap .menu-Info {
  padding: 0 14px;
}
.eduWindowlayout .eduWindowMenuWrap .menu-Info > a {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.eduWindowlayout .eduWindowMenuWrap .menu-Info > p {
  color: #3385FF;
  margin-top: 28px;
  line-height: 1.33;
  letter-spacing: -0.46px;
  font-size: 18px;
  transform: rotate(0.03deg);
}
.eduWindowlayout .eduWindowMenuWrap .menu-Info > p a {
  margin-top: 16px;
  font-size: 16px;
}
.eduWindowlayout .eduWindowContWrap {
  background: #f9f9f9;
  height: 100%;
  padding-left: 228px;
  overflow-y: auto;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont {
  padding: 40px 34px;
  padding-top: 72px;
  min-height: 100vh;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont > div {
  margin-top: 44px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont > div:first-child {
  margin-top: 0;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox {
  padding: 7px 24px;
  font-size: 14px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox {
  font-size: 0;
  padding: 12px 12px 12px 24px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox > div {
  color: #787878;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div {
  font-size: 0;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div span,
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div p {
  display: inline-block;
  font-size: 14px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div span b,
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div p b {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: -0.2px;
  color: #000000;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div span {
  padding-right: 86px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress .charts-wrap {
  margin-top: 8px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-period {
  margin-left: 52px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-period p b {
  font-size: 32px;
  line-height: 1.19;
  letter-spacing: -1.3px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-period span {
  font-size: 14px;
  display: block;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .blueBtn {
  float: right;
  vertical-align: middle;
  height: 96px;
  line-height: 96px;
  width: 166px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .disable-btn {
  float: right;
  vertical-align: middle;
  height: 96px;
  line-height: 96px;
  width: 166px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.length1 {
  padding: 0 24px;
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .box-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
  transform: rotate(0.03deg);
}
.eduWindowlayout .eduWindowContWrap .eduWindowCont .box-title.box-innter-title {
  font-size: 16px;
  line-height: 1.25;
  color: #000000;
  margin-bottom: 9px;
}
@media screen and (max-width: 1099px) {
  .eduWindowlayout {
    max-width: 100%;
    min-width: 320px;
  }
  .eduWindowlayout .homeTitle {
    width: 100%;
    padding-left: 77px;
  }
  .eduWindowlayout .homeTitle h1 {
    padding: 0;
    width: 100%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .common-progress > div span {
    padding-right: 0;
    width: calc(100% - 145px);
  }
  .eduWindowlayout .eduWindowMenuWrap {
    position: absolute;
    height: auto;
    z-index: 5;
    width: 100%;
    padding: 0;
    background: none;
  }
  .eduWindowlayout .eduWindowMenuWrap button.mobileBtn {
    position: fixed;
    width: 18px;
    height: 12px;
    background: url("/assets/img/getSmart/gnbBtn.png") no-repeat 50%;
    background-size: contain;
    font-size: 0;
    text-indent: -9999px;
    top: 21px;
    left: 21px;
  }
  .eduWindowlayout .eduWindowMenuWrap .mobileLnbWrap {
    position: fixed;
    display: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.54);
    height: 100%;
  }
  .eduWindowlayout .eduWindowMenuWrap .mobileLnbWrap .menuClose {
    position: absolute;
    height: 100%;
    width: calc(100% - 260px);
    background: url("/assets/img/getSmart/btn-menuclose-t.png") no-repeat 24px 24px;
    top: 0;
    right: 0;
    font-size: 0;
    text-indent: -9999px;
  }
  .eduWindowlayout .eduWindowMenuWrap .mobileLnbWrap > div {
    padding: 20px 0;
    width: 228px;
    height: 100%;
    background: #ffffff;
    overflow-y: auto;
  }
  .eduWindowlayout .eduWindowMenuWrap .mobileLnbWrap.menuActive {
    display: block;
  }
  .eduWindowlayout .eduWindowContWrap {
    padding: 0;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont {
    padding: 73px 10px 34px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox {
    padding: 0 20px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox > div.common-progress {
    width: 42%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox > div.common-period {
    margin-left: 5%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .blueBtn {
    width: 22%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .disable-btn {
    width: 22%;
  }
}
@media screen and (max-width: 767px) {
  .eduWindowlayout .homeTitle {
    padding: 0 17px 0 61px;
  }
  .eduWindowlayout .homeTitle h1 {
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.36px;
    height: 52px;
    line-height: 52px;
  }
  .eduWindowlayout .eduWindowMenuWrap img {
    width: 220px;
    height: 140px;
  }
  .eduWindowlayout .eduWindowMenuWrap .mobileLnbWrap > div {
    width: 260px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont {
    padding: 73px 0px 34px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont > div {
    max-width: 500px;
    margin: 40px auto 0;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .box-title {
    padding: 0 10px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .box-title.box-innter-title {
    padding: 0;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox {
    padding: 0 10px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox {
    padding: 14px 10px 24px;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox > div.common-progress {
    width: 100%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox > div.common-period {
    margin: 42px 0 32px 0%;
    width: 100%;
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .blueBtn {
    width: 100%;
    height: 48px;
    line-height: 46px;
    font-size: 14px;
    transform: rotate(0.03deg);
  }
  .eduWindowlayout .eduWindowContWrap .eduWindowCont .shadowBox.commonHomeBox .disable-btn {
    width: 100%;
    height: 48px;
    line-height: 46px;
    font-size: 14px;
    transform: rotate(0.03deg);
  }
}
.eduHome .home-states {
  padding: 15px 20px !important;
}
.eduHome .home-states ul {
  font-size: 0;
  display: inline-block;
  width: 100%;
}
.eduHome .home-states ul li {
  font-size: initial;
  display: inline-block;
  vertical-align: top;
  padding-left: 24px;
  position: relative;
}
.eduHome .home-states ul li:first-child {
  padding-left: 0;
}
.eduHome .home-states ul li > span {
  display: block;
  margin-bottom: 9px;
  color: #787878;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
.eduHome .home-states ul li .roundChartsWrap .roundCharts {
  width: 120px;
  height: 120px;
}
.eduHome .home-states ul li .roundChartsWrap .roundCharts .highcharts-color-0 {
  fill: #3385FF;
}
.eduHome .home-states ul li .roundChartsWrap .chart-innter-text {
  font-size: 14px;
  color: #cfcfcf;
}
.eduHome .home-states ul li .roundChartsWrap .chart-innter-text b {
  font-size: 32px;
  line-height: 1.2;
  color: #000000;
  letter-spacing: -0.7px;
}
.eduHome .home-states ul li .roundChartsWrap .chart-innter-text b i {
  font-size: 24px;
  letter-spacing: -0.52px;
}
.eduHome .home-states ul li .roundChartsWrap .chart-innter-text a {
  font-size: 12px;
  line-height: 26px;
  letter-spacing: -0.3px;
  display: inline-block;
  width: 80px;
  height: 28px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.eduHome .home-states ul li .redFont {
  font-size: 12px;
  text-align: center;
}
.eduHome .home-states ul li.score {
  padding-left: 65px;
  position: relative;
}
.eduHome .home-states ul li.score::before {
  content: "";
  display: block;
  width: 1px;
  height: 120px;
  background: #787878;
  position: absolute;
  top: 30px;
  left: 32.5px;
}
.eduHome .home-states ul li.score > div {
  min-width: 140px;
}
.eduHome .home-states ul li.score > div > span {
  margin-bottom: 20px;
  display: block;
  color: #787878;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.36px;
}
.eduHome .home-states ul li.score > div p {
  font-size: 20px;
  letter-spacing: -1px;
  color: #cfcfcf;
}
.eduHome .home-states ul li.score > div p b {
  font-size: 48px;
}
.eduHome .home-states ul li.score > div p b i {
  font-size: 32px;
}
.eduHome .home-states ul li.score > div p.redFont {
  margin-top: 8px;
  font-size: 12px;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordionBtn {
  color: #787878;
  border-bottom: none;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordionBtn::after {
  position: relative;
  display: inline-block;
  top: 0%;
  margin-left: 7px;
  transform: translateY(0%);
}
.eduHome .home-states .accordion-Container .accordionWrap .accordionBtn.active {
  font-size: 0;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordionBtn.active::before {
  content: "접기";
  display: inline-block;
  font-size: 14px;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont {
  padding: 28px 0 0;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div {
  width: 485px;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.36px;
  margin-bottom: 5px;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable {
  border: 1px solid #cfcfcf;
  border-bottom: none;
  width: 100%;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable th {
  background: #efefef;
  font-weight: normal;
  border-bottom: 1px solid #cfcfcf;
  height: 30px;
  padding: 0 14px;
}
.eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable td {
  border-bottom: 1px solid #cfcfcf;
  padding: 0 14px;
}
.eduHome .note {
  padding: 15px 0;
}
.eduHome .note > div {
  margin-top: 40px;
}
.eduHome .note > div:first-child {
  margin-top: 0;
}
.eduHome .note > div b {
  display: block;
  margin-bottom: 5px;
  transform: rotate(0.03deg);
}
.eduHome .note > div ul li {
  line-height: 25px;
}
@media screen and (max-width: 1099px) {
  .eduHome .home-states {
    padding: 16px !important;
  }
  .eduHome .home-states ul {
    text-align: center;
  }
  .eduHome .home-states ul li {
    padding-left: 13px;
  }
  .eduHome .home-states ul li.score {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .eduHome .home-states {
    padding: 16px 10px !important;
  }
  .eduHome .home-states ul {
    text-align: left;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
  }
  .eduHome .home-states ul li {
    width: auto;
    padding-left: 26px;
    text-align: left;
    line-height: 0.79;
    letter-spacing: -0.61px;
    margin-bottom: 22px;
    flex: 1 1 20%;
    padding-left: 0;
    text-align: center;
  }
  .eduHome .home-states ul li span {
    margin-bottom: 5px;
    line-height: 1.43;
    letter-spacing: -0.36px;
  }
  .eduHome .home-states ul li.score {
    float: right;
    text-align: right;
    clear: both;
    padding-left: 0;
    margin-bottom: 0;
  }
  .eduHome .home-states ul li.score::before {
    display: none;
  }
  .eduHome .home-states ul li.score > div {
    padding-left: 0;
    float: right;
    text-align: left;
  }
  .eduHome .home-states ul li.score > div span {
    text-align: left;
    margin-bottom: 0;
  }
  .eduHome .home-states ul li.score > div .charts-wrap {
    display: none;
  }
  .eduHome .home-states ul li.score > div p {
    text-align: left;
  }
  .eduHome .home-states ul li .roundChartsWrap .chart-innter-text {
    font-size: 0;
  }
  .eduHome .home-states ul li .roundChartsWrap .chart-innter-text b {
    font-size: 28px;
  }
  .eduHome .home-states ul li .roundChartsWrap .chart-innter-text b i {
    font-size: 20px;
  }
  .eduHome .home-states ul li .roundChartsWrap .chart-innter-text a {
    width: 56px;
  }
  .eduHome .home-states ul li .roundChartsWrap .btn {
    margin-bottom: 5px;
  }
  .eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div {
    width: 100%;
  }
  .eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable {
    word-break: break-all;
  }
  .eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable th {
    padding: 2px;
  }
  .eduHome .home-states .accordion-Container .accordionWrap .accordioncont > div .gradeTable td {
    padding: 2px 4px;
  }
}
.contentsList > li {
  padding: 18px 0;
}
.contentsList > li > div.roundChartsWrap {
  width: 84px;
}
.contentsList > li > div.roundChartsWrap .roundCharts {
  width: 84px;
  height: 84px;
}
.contentsList > li > div.roundChartsWrap .roundCharts .highcharts-color-0 {
  fill: #3385FF;
}
.contentsList > li > div.roundChartsWrap .chart-innter-text {
  margin-bottom: 0;
}
.contentsList > li > div.roundChartsWrap .chart-innter-text b {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.contentsList > li > div.roundChartsWrap .chart-innter-text.finish b {
  color: #3385FF;
}
@media screen and (max-width: 767px) {
  .contentsList > li > div.roundChartsWrap {
    padding: 0;
    width: auto;
  }
  .contentsList > li > div.roundChartsWrap .chart-innter-text b {
    float: none;
  }
  .contentsList > li > div.roundChartsWrap p {
    text-align: left;
  }
}
.exam .common-windowList > li > b,
.exam .common-windowList > li div {
  display: inline-block;
  vertical-align: middle;
}
.exam .common-windowList > li div b.orangeFont {
  display: block;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.5px;
}
.exam .common-windowList > li div i {
  color: #bdbdbd;
  font-size: 14px;
  margin-top: 8px;
  display: block;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .exam .common-windowList > li {
    padding: 15px 0 20px;
  }
  .exam .common-windowList > li .windowList-center ul li:first-child {
    width: 100%;
    padding-right: 0;
  }
  .exam .common-windowList > li .windowList-center ul li:first-child::before {
    display: none;
  }
  .exam .common-windowList > li .windowList-right span {
    text-align: right;
    line-height: 40px;
  }
}
.eduWindow-popUp {
  height: 590px;
  width: 766px;
  overflow-y: scroll;
  background: #ffffff;
}
.eduWindow-popUp .popupHead {
  padding: 0 25px;
  background: #ffffff;
  z-index: 1;
  border-bottom: 1px solid #dfdfdf;
  height: 60px;
  line-height: 60px;
  position: absolute !important;
  top: 0;
  width: 100%;
}
.eduWindow-popUp .popupHead h1 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.6px;
}
.eduWindow-popUp .popupHead button {
  width: 18px;
  height: 19px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.eduWindow-popUp .survey-period {
  margin-bottom: 10px;
  font-size: 12px;
  text-align: right;
}
.eduWindow-popUp .noticeText {
  margin-top: 0 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f1f1f1;
  padding: 10px 14px;
}
.eduWindow-popUp .noticeText > b {
  display: block;
  transform: rotate(0.03deg);
}
.eduWindow-popUp .popupCont {
  padding: 60px 21px 104px;
}
.eduWindow-popUp .popupCont > div {
  margin-top: 29px;
  position: relative;
}
.eduWindow-popUp .popupCont > div:first-child {
  margin-top: 10px !important;
}
.eduWindow-popUp .popupCont > div > p {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.4px;
  color: #2d2d2d;
  transform: rotate(0.03deg);
}
.eduWindow-popUp .popupCont table {
  width: 100%;
  border: 1px solid #e4e4e4;
  border-bottom: none;
}
.eduWindow-popUp .popupCont table tbody th {
  background: #f9f9f9;
  height: 30px;
  font-weight: normal;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.eduWindow-popUp .popupCont table tbody td {
  border-bottom: 1px solid #e4e4e4;
  padding-left: 14px;
}
.eduWindow-popUp .popupCont .scrollBox {
  height: 100px;
  padding: 9px 14px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.4px;
  border: 1px solid #efefef;
}
.eduWindow-popUp .popupCont button[type="submit"] {
  width: 160px;
  height: 40px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  display: block;
  margin-top: 46px;
  font-size: 16px;
}
.eduWindow-popUp .popupbottom {
  background: #ffffff;
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 104px;
  font-size: 0;
  padding: 32px 28px;
}
.eduWindow-popUp .popupbottom button {
  margin-left: 32px;
  width: 100px;
  height: 40px;
  line-height: 38px;
}
.eduWindow-popUp .popupbottom button:first-child {
  margin-left: 0;
}
.eduWindow-popUp .examstyleFrom ol li {
  margin-top: 52px;
}
.eduWindow-popUp .examstyleFrom ol li:first-child {
  margin-top: 0;
}
.eduWindow-popUp .examstyleFrom ol li b {
  transform: rotate(0.03deg);
  display: block;
}
.eduWindow-popUp .examstyleFrom ol li.input-error b {
  color: #e63131;
}
.eduWindow-popUp .examstyleFrom ol li ol {
  padding-left: 23px;
  margin-top: 22px;
}
.eduWindow-popUp .examstyleFrom ol li ol li {
  margin-top: 11px;
}
.eduWindow-popUp .examstyleFrom ol li ol li:first-child {
  margin-top: 0;
}
.eduWindow-popUp .examstyleFrom ol li ol li input[type="radio"] + label {
  font-weight: normal;
}
.eduWindow-popUp .examstyleFrom ol li textarea {
  margin-top: 7px;
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #efefef;
}
.eduWindow-popUp .examstyleFrom .criterion {
  max-width: 500px;
}
.eduWindow-popUp .examstyleFrom .criterion > b {
  margin-bottom: 10px;
}
.eduWindow-popUp .examstyleFrom .criterion .criterion_text {
  font-size: 14px;
  font-weight: bold;
  transform: rotate(0.03deg);
  padding-left: 23px;
  word-break: break-all;
}
.eduWindow-popUp .examstyleFrom .criterion ol {
  margin: 14px 0;
}
.eduWindow-popUp .examstyleFrom.timeCheckSurvey ol li {
  margin-bottom: 20px;
}
.eduWindow-popUp .examstyleFrom.timeCheckSurvey ol li:last-child {
  margin-bottom: 0;
}
.eduWindow-popUp .examstyleFrom.timeCheckSurvey ol li > div {
  font-weight: bold;
  margin-bottom: 13px;
  transform: rotate(0.03deg);
  display: flex;
}
.eduWindow-popUp .examstyleFrom.timeCheckSurvey ol li > div::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 3px;
  background-color: #3385FF;
  margin-top: 7px;
}
.eduWindow-popUp .examstyleFrom.timeCheckSurvey ol li > p {
  padding-left: 20px;
}
.eduWindow-popUp.large {
  width: 950px;
}
.eduWindow-popUp.large .criterion {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.eduWindow-popUp.large .criterion > b {
  width: 100%;
  margin-bottom: 20px;
}
.eduWindow-popUp.large .criterion .criterion_text,
.eduWindow-popUp.large .criterion > ol {
  padding: 0;
}
.eduWindow-popUp.large .criterion .criterion_text {
  word-break: break-word;
  display: flex;
  font-weight: normal;
  justify-content: center;
  width: 30%;
}
.eduWindow-popUp.large .criterion > ol {
  width: 40%;
  display: flex;
  padding: 0 10px;
  justify-content: space-around;
  margin: 0;
}
.eduWindow-popUp.large .criterion > ol .inputWrap {
  text-align: center;
}
.eduWindow-popUp.large .criterion > ol .inputWrap input[type="radio"] + label span {
  display: block;
  margin: 0 auto;
  margin-top: 0;
}
.eduWindow-popUp.large .criterion > ol li {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .eduWindow-popUp {
    width: 100%;
    height: 100vh;
  }
  .eduWindow-popUp .popupHead h1 {
    font-size: 20px;
  }
  .eduWindow-popUp .popupHead .noticeText {
    padding: 6px 14px;
  }
  .eduWindow-popUp .popupCont {
    padding: 60px 10px 104px;
  }
  .eduWindow-popUp .popupCont .examstyleFrom li b {
    padding: 0 14px;
  }
  .eduWindow-popUp .popupCont .examstyleFrom li textarea {
    height: 132px;
    border-width: 1px 0;
  }
  .eduWindow-popUp .popupCont .examstyleFrom button[type="submit"] {
    width: 100%;
  }
  .eduWindow-popUp.large {
    width: 100%;
  }
  .eduWindow-popUp.large .criterion {
    flex-direction: column;
  }
  .eduWindow-popUp.large .criterion .criterion_text {
    width: 100%;
    display: block;
    padding-left: 23px;
  }
  .eduWindow-popUp.large .criterion > ol {
    width: 100%;
    display: block;
    margin: 10px 0;
    padding-left: 23px;
  }
  .eduWindow-popUp.large .criterion > ol li {
    margin-top: 10px;
  }
  .eduWindow-popUp.large .criterion > ol li:first-child {
    margin-top: 0;
  }
  .eduWindow-popUp.large .criterion > ol .inputWrap input[type="radio"] + label span {
    display: inline-block;
  }
  .eduWindow-popUp .popupbottom {
    position: relative;
    padding-top: 0;
    height: auto;
  }
}
html {
  height: 100%;
}
.playerTitle {
  height: 52px;
  line-height: 52px;
  background: #22222a;
  color: #ffffff;
  padding: 0 21px;
  font-size: 20px;
  letter-spacing: -0.5px;
}
.videolayout {
  position: relative;
  height: calc(100vh - 52px);
}
.videolayout > div {
  height: 100%;
}
.videolayout .videocont {
  position: relative;
  width: calc(100% - 60px);
  padding: 30px 25px 0;
  margin-right: 250px;
}
.videolayout .videocont .videoWrap {
  height: calc(100% - 77px);
  max-width: 740px;
  margin: 0 auto;
}
.videolayout .videocont .videoWrap video {
  width: 100%;
  height: auto;
  max-width: 740px;
}
.videolayout .videocont .videoWrap .video-container video {
  width: 100%;
  height: auto;
  max-width: 740px;
}
.videolayout .videocont .video-bottom {
  max-width: 740px;
  height: 77px;
  background: #fff;
  font-size: 16px;
  margin: 0 auto;
}
.videolayout .videocont button.rigiht-toggle {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 16px;
}
.videolayout .rightcont {
  position: absolute;
  right: 0;
  width: 60px;
  top: 0;
  background: #fff;
  border-left: 1px solid #d8d8d8;
  display: flex;
}
.videolayout .rightcont .left-Tab {
  background: #f7f7f7;
  width: 60px;
}
.videolayout .rightcont .left-Tab .commonTab li {
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 8px;
  position: relative;
  height: 60PX;
  width: 60px;
}
.videolayout .rightcont .left-Tab .commonTab li.active {
  background: #ffffff;
}
.videolayout .rightcont .left-Tab .commonTab li i {
  display: block;
  width: 40px;
  height: 40px;
}
.videolayout .rightcont .left-Tab .commonTab li i.icon-1 {
  background: url('/assets/img/getSmart/ic-mycurriculum.png') no-repeat 50%;
  background-size: contain;
}
.videolayout .rightcont .left-Tab .commonTab li i.icon-2 {
  background: url('/assets/img/getSmart/ic-mylistcurriculum.png') no-repeat 50%;
  background-size: contain;
}
.videolayout .rightcont .commonTabCont {
  display: none;
  padding: 13px 9px 0;
  width: calc(100% - 60px);
}
.videolayout .rightcont .commonTabCont > div h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.4px;
}
.videolayout .rightcont .commonTabCont > div h4 {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.4px;
  margin-bottom: 3px;
}
.videolayout.right-open .videocont {
  width: calc(100% - 415px);
}
.videolayout.right-open .rightcont {
  width: 415px;
}
.videolayout.right-open .rightcont .commonTabCont {
  display: block;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress {
  padding-top: 10px;
  border-top: 1px solid #ddd;
  margin: 16px 0 26px;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear {
  display: flex;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear p,
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear span {
  flex: 0 0 auto;
  font-size: 14px;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear span {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear p {
  margin-left: auto;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress > .clear p b {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  letter-spacing: -0.2px;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary div.common-progress .charts-wrap {
  margin-top: 9px;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary table {
  word-break: break-all;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary table td,
.videolayout.right-open .rightcont .commonTabCont .coursesummary table th {
  letter-spacing: -0.4px;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary table th {
  font-weight: normal;
  padding: 7px 4px;
  line-height: 1.14;
}
.videolayout.right-open .rightcont .commonTabCont .coursesummary table td {
  line-height: 1.29;
  padding: 5.5px 0;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li {
  border-bottom: 1px solid #ddd;
  display: flex;
  padding: 20px 7px;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li.on {
  background: #f8f8f8;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li > div.text-center {
  padding-right: 13px;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li > div i {
  display: block;
  width: 18px;
  height: 18px;
  background: #2d2d2d;
  margin: 0 auto;
  letter-spacing: -0.4px;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li > div i.finish {
  background: #3385FF;
}
.videolayout.right-open .rightcont .commonTabCont .video-list li > div b {
  display: block;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li > p {
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.4px;
  margin-bottom: 4px;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info {
  cursor: pointer;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 210px;
  position: relative;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info i {
  font-style: normal;
  display: inline-block;
  position: relative;
  margin-left: 18px;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info i::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 11px;
  background: #000000;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info:hover p,
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info:hover i {
  color: #3385FF;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info:hover p::after,
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info:hover i::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #3385FF;
  left: 0;
  bottom: 0;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li .bookmark-info:hover i::before {
  background: #3385FF;
}
.videolayout.right-open .rightcont .commonTabCont .bookmark li button.delBtn {
  position: absolute;
  width: 20px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #ff8f63;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary > form > p {
  line-height: 1.43;
  letter-spacing: -0.4px;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary > form > div input {
  width: 275px;
  height: 28px;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary > form > div button {
  width: 52px;
  height: 28px;
  float: right;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary .accordion-Container .accordionWrap {
  border-bottom: 1px solid #d8d8d8;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary .accordion-Container .accordionWrap .accordionBtn {
  padding: 0 10px;
  text-decoration: underline;
  font-weight: bold;
  border-bottom: none;
}
.videolayout.right-open .rightcont .commonTabCont .dictionary .accordion-Container .accordionWrap .accordioncont {
  padding: 0 10px 12px;
}
@media screen and (max-width: 1099px) {
  .videolayout {
    height: auto;
  }
  .videolayout > div {
    height: auto;
  }
  .videolayout .videocont {
    width: 100%;
  }
  .videolayout .rightcont {
    position: relative;
    width: 100%;
    display: block;
  }
  .videolayout .rightcont > div {
    float: none;
  }
  .videolayout .rightcont .left-Tab {
    width: 100%;
    position: relative;
  }
  .videolayout .rightcont .left-Tab .commonTab {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #ffffff;
    z-index: 9;
  }
  .videolayout .rightcont .left-Tab .commonTab.open {
    display: block;
  }
  .videolayout .rightcont .left-Tab .commonTab li i {
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
    font-size: 16px;
  }
  .videolayout .rightcont .commonTabCont {
    display: block;
  }
  .videolayout.right-open .videocont,
  .videolayout.right-open .rightcont {
    width: 100%;
  }
}
.approvalList .btn-wrap.d-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 24px;
}
.approvalList .btn-wrap.d-flex button {
  padding: 0 15px;
  height: 32px;
  line-height: 30px;
}
.approvalList .btn-wrap.d-flex button:first-child {
  margin-right: 15px;
}
.approvalList .commonTableStyle .inputWrap input[type="checkbox"] + label span {
  margin-right: 0;
}
.approvalList .commonTableStyle td .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .approvalList .shadowBox {
    padding-top: 20px;
  }
  .approvalList .commonTableStyle {
    border-top: 1px solid #000000;
  }
  .approvalList .commonTableStyle tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
  }
  .approvalList .commonTableStyle tbody tr td {
    margin-bottom: 0;
    margin-top: 10px;
    padding-right: 10px;
  }
  .approvalList .commonTableStyle tbody tr td:first-child {
    margin-top: 0;
  }
  .approvalList .commonTableStyle tbody tr td::before {
    content: attr(data-label);
    color: #cfcfcf;
  }
  .approvalList .commonTableStyle tbody tr td.num {
    display: none;
  }
  .approvalList .commonTableStyle tbody tr td.text-left {
    width: 100%;
  }
  .approvalList .commonTableStyle tbody tr td.btn-td {
    position: absolute;
    right: 0;
    bottom: 9px;
  }
  .approvalList .commonTableStyle tbody tr td .text-ellipsis {
    white-space: normal;
    overflow: hidden;
    text-overflow: inherit;
    display: inline;
  }
}
.externalEdu .shadowBox > .d-flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 32px;
}
.externalEdu .shadowBox .list-top-btns .btn {
  height: 32px;
  line-height: 30px;
  padding: 0 20px;
  margin-right: 16px;
}
.externalEdu .shadowBox .list-top-btns .btn:last-child {
  margin-right: 0;
}
.externalEdu .boardsPage .title-underLine span {
  font-size: 14px;
  font-weight: normal;
  color: #e63131;
  padding-left: 10px;
}
.externalEdu .boardsPage .viewPageTitle a {
  line-height: 30px;
}
.externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex {
  flex-wrap: wrap;
}
.externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex > div:first-child {
  padding-right: 26px;
}
.externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex > div span {
  display: block;
  margin-bottom: 4px;
}
.externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex > div .w-s {
  width: 150px;
}
.externalEdu .boardsPage .m-b-20 {
  margin-bottom: 40px;
}
.externalEdu .boardsPage .q_table .btnsWrap {
  margin-top: 32px;
  padding-bottom: 32px;
}
.externalEdu .boardsPage .q_table .btnsWrap .btn {
  margin-right: 0;
  margin-left: 32px;
  font-size: 14px;
  line-height: 38px;
  width: 100px;
}
.externalEdu .boardsPage .q_table .btnsWrap .btn:first-child {
  margin-left: 0;
}
.externalEdu .boardsPage .resultBox {
  padding: 32px 0;
}
.externalEdu .boardsPage .resultBox .writeBox > div {
  margin-top: 16px;
}
.externalEdu .boardsPage .resultBox .writeBox > div:first-child {
  margin-top: 0;
}
.externalEdu .boardsPage .resultBox .writeBox > div p {
  padding-bottom: 10px;
}
.externalEdu .boardsPage .resultBox .writeBox > div .float-left {
  width: calc(100% - 118px);
}
.externalEdu .boardsPage .resultBox textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #787878;
}
.externalEdu .boardsPage .resultBox .write-File {
  width: 60%;
}
.externalEdu .boardsPage .resultBox .btnsWrap {
  border-top: 1px solid #cfcfcf;
  margin-top: 32px;
  padding-top: 32px;
}
.externalEdu .boardsPage .resultBox .btnsWrap .btn {
  width: 100px;
  height: 32px;
  line-height: 30px;
  margin-right: 0;
  margin-left: 32px;
  font-size: 14px;
}
.externalEdu .boardsPage .resultBox .btnsWrap .btn:first-child {
  margin-left: 0;
}
.resultWritePop {
  width: 780px;
  max-width: 780px;
  padding: 24px 30px;
  border-radius: 8px;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.38);
}
.resultWritePop .popheader p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
}
.resultWritePop .popheader > button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  background: url("/assets/svg/newGetSmart/btn-close-black.svg") no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox {
  padding: 32px 0;
}
.resultWritePop .popCont .resultBox .writeBox > div {
  margin-top: 16px;
}
.resultWritePop .popCont .resultBox .writeBox > div:first-child {
  margin-top: 0;
}
.resultWritePop .popCont .resultBox .writeBox > div p {
  padding-bottom: 10px;
}
.resultWritePop .popCont .resultBox .writeBox > div .float-left {
  width: calc(100% - 118px);
}
.resultWritePop .popCont .resultBox .qustion-rate-smile {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  margin-right: 10px;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #cfcfcf;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li {
  display: inline-block;
  position: relative;
  margin: 0 0 0 20px;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li:first-child {
  margin-left: 0;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p {
  padding-bottom: 0;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p input[type="radio"] {
  display: none;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p input[type="radio"] + label {
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p input[type="radio"] + label span {
  display: block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  cursor: pointer;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile1 span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-01-off-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile1 input:checked + label span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-01-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile2 span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-02-off-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile2 input:checked + label span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-02-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile3 span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-03-off-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile3 input:checked + label span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-03-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile4 span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-04-off-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile4 input:checked + label span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-04-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile5 span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-05-off-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox .qustion-rate-smile > li > p.rate-smile5 input:checked + label span {
  background: url('//d24x8kvt0el7da.cloudfront.net/front/assets/img/rate-smile-05-40-px.png') no-repeat 50%;
  background-size: contain;
}
.resultWritePop .popCont .resultBox textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #787878;
}
.resultWritePop .popCont .resultBox .write-File {
  width: 60%;
}
.resultWritePop .popCont .resultBox .btnsWrap {
  border-top: 1px solid #cfcfcf;
  margin-top: 32px;
  padding-top: 32px;
}
.resultWritePop .popCont .resultBox .btnsWrap .btn {
  width: 100px;
  height: 32px;
  line-height: 30px;
  margin-right: 0;
  margin-left: 32px;
  font-size: 14px;
}
.resultWritePop .popCont .resultBox .btnsWrap .btn:first-child {
  margin-left: 0;
}
.externalEduPop {
  width: 1008px;
}
.externalEduPop .popupHead > button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  background: url(/assets/svg/btn-close-black.svg) no-repeat 50%;
  background-size: contain;
}
.externalEduPop .popupCont {
  padding: 24px 32px;
  background: #ffffff;
}
.externalEduPop .popupCont .networkEduPoptext {
  color: #787878;
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 21px;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center {
  display: flex;
  position: relative;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center::before {
  content: "";
  position: absolute;
  width: 839px;
  left: 50%;
  margin-left: -419.5px;
  top: 15px;
  height: 12.57px;
  background: url('/assets/img/getSmart/orange-arrow.png');
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li {
  width: 160px;
  position: relative;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li i {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li b {
  display: block;
  transform: rotate(0.03deg);
  font-weight: 700;
  font-size: 16px;
  line-height: 23.68px;
  margin: 16px 0 24px;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li ul li {
  font-size: 14px;
  line-height: 20.72px;
  color: #787878;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li ul li::after {
  content: "";
  display: block;
  width: 100%;
  height: 32px;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li ul.dot-list li::after {
  background: url('/assets/img/getSmart/dot-dot.png') no-repeat 50%;
}
.externalEduPop .popupCont .externalEduPop-lists ul.text-center > li ul.dot-list li:last-child::after {
  display: none;
}
.externalEduPop .popupCont .commonTableStyle {
  border-top: 1px solid #000000;
}
.externalEduPop .popupCont .commonTableStyle ul li {
  padding-left: 10px;
  position: relative;
}
.externalEduPop .popupCont .commonTableStyle ul li span {
  display: block;
  font-size: 12px;
}
.externalEduPop .popupCont .commonTableStyle ul li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  .externalEdu .shadowBox {
    padding: 20px 8px;
  }
  .externalEdu .shadowBox.commonSearchForm select {
    width: 100%;
    margin-bottom: 8px;
  }
  .externalEdu .shadowBox > .d-flex {
    margin-bottom: 24px;
  }
  .externalEdu .shadowBox .eduListTable tbody tr td:first-child {
    display: none !important;
  }
  .externalEdu .shadowBox .eduListTable tbody tr td::before,
  .externalEdu .shadowBox .eduListTable tbody tr td::before {
    content: attr(data-label);
    color: #787878;
    padding-right: 5px;
  }
  .externalEdu .shadowBox .eduListTable tbody tr td.title::before {
    display: none;
  }
  .externalEdu .boardsPage .title-underLine span {
    display: block;
    padding-left: 0;
    margin-top: 10px;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td input[type="text"] {
    padding: 0 0.5em;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td .w-30 {
    width: 40%;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex > div:first-child {
    padding-right: 0;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex > div.w-s {
    margin-top: 10px;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex .date-picker {
    width: 106px !important;
  }
  .externalEdu .boardsPage .writeForm .writeWrap > li .write-td .d-flex .ui-datepicker-trigger {
    width: 23px;
  }
  .externalEdu .boardsPage .resultBox {
    padding: 32px 10px;
  }
  .externalEdu .boardsPage .resultBox .writeBox > div .float-left {
    width: 100%;
    margin-top: 10px;
  }
  .externalEdu .boardsPage .resultBox .write-File {
    width: 100%;
  }
  .externalEduPop .popupCont {
    padding: 32px 10px;
  }
  .externalEduPop .popupCont .commonTableStyle td:first-child {
    display: none;
  }
  .resultWritePop .popCont .resultBox .writeBox > div .float-left {
    width: 100%;
    margin-top: 10px;
  }
  .resultWritePop .popCont .resultBox .qustion-rate-smile > li {
    margin-left: 14px;
  }
  .resultWritePop .popCont .resultBox .qustion-rate-smile > li > p input[type="radio"] + label span {
    width: 35px;
    height: 35px;
  }
  .resultWritePop .popCont .resultBox .write-File {
    width: 100%;
  }
  .executives .shadowBox {
    padding: 20px 8px;
  }
  .executives .shadowBox.commonSearchForm select {
    width: 100%;
    margin-bottom: 8px;
  }
  .executives .shadowBox > .d-flex {
    margin-bottom: 24px;
  }
  .executives .shadowBox .eduListTable tbody tr td::before,
  .executives .shadowBox .eduListTable tbody tr td::before {
    content: attr(data-label);
    color: #787878;
    padding-right: 5px;
  }
  .executives .shadowBox .eduListTable tbody tr td.title::before {
    display: none;
  }
}
.socialContribution .commonTableStyle .btn {
  width: 80px;
  line-height: 30px;
  height: 32px;
}
.socialContribution .viewPageTitle .boardReadCheck {
  line-height: 30px;
}
.socialContribution .viewPage div .sub-title {
  font-weight: bold;
  font-size: 16px;
  transform: rotate(0.03deg);
  margin: 20px 0;
  word-break: break-all;
}
.socialContribution .viewPage div .viewTablesWrap > div {
  margin-bottom: 40px;
}
.socialContribution .viewPage div .viewTablesWrap > div:last-child {
  margin-bottom: 0;
}
.socialContribution .viewPage div .viewTablesWrap > div .person-info {
  display: flex;
}
.socialContribution .viewPage div .viewTablesWrap > div .person-info li {
  padding-right: 20px;
  position: relative;
}
.socialContribution .viewPage div .viewTablesWrap > div .person-info li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: #787878;
  top: 6px;
  right: 10px;
}
.socialContribution .viewPage div .viewTablesWrap > div .person-info li:last-child {
  padding-right: 0;
}
.socialContribution .viewPage div .viewTablesWrap > div .person-info li:last-child::after {
  display: none;
}
.socialContribution .viewPage div .btnsWrap {
  margin-top: 50px;
}
.socialContribution .viewPage div .btnsWrap .btn {
  width: 100px;
  height: 40px;
  line-height: 38px;
  margin-right: 16px;
}
.socialContribution .viewPage div .btnsWrap .btn:last-child {
  margin-right: 0;
}
.socialContribution .write-form {
  border-top: 1px solid #787878;
  padding: 30px 0 60px;
  border-bottom: 1px solid #cfcfcf;
}
.socialContribution .write-form > div {
  margin-bottom: 30px;
}
.socialContribution .write-form > div:last-child {
  margin-bottom: 0;
}
.socialContribution .write-form > div > strong {
  font-size: 18px;
  line-height: 1.22;
  letter-spacing: -0.46px;
  margin-bottom: 14px;
  display: block;
  transform: rotate(0.03deg);
}
.socialContribution .write-form > div .flex-select li {
  margin-right: 16px;
}
.socialContribution .write-form > div .flex-select li:last-child {
  margin-right: 0;
}
.socialContribution .write-form > div .flex-select li select {
  margin: 0 10px;
  border: 1px solid #cfcfcf;
  background: #ffffff url(/assets/img/getSmart/btn-years-down.png) no-repeat right 50%;
}
.socialContribution .write-form > div .person-write-info li {
  margin-bottom: 20px;
}
.socialContribution .write-form > div .person-write-info li:last-child {
  margin-bottom: 0;
}
.socialContribution .write-form > div .person-write-info li > p {
  margin-bottom: 6px;
  font-size: 16px;
}
.socialContribution .write-form > div .person-write-info li > div {
  display: flex;
}
.socialContribution .write-form > div .person-write-info li > div > div {
  margin-right: 16px;
  width: 197px;
}
.socialContribution .write-form > div .person-write-info li > div > div.birth {
  width: 100px;
}
.socialContribution .write-form > div .person-write-info li > div > div:last-child {
  margin-right: 0;
}
.socialContribution .write-form > div .person-write-info li > div > div input {
  width: 100%;
}
.socialContribution .write-form > div .person-write-info li > div > div.gender {
  width: 80px;
}
.socialContribution .write-form > div .person-write-info li > div > div.gender select {
  border-radius: 0;
  width: 100%;
  border: 1px solid #cfcfcf;
  height: 32px;
  padding-right: 30px;
  background: #ffffff url(/assets/img/getSmart/btn-years-down.png) no-repeat right 50%;
}
.socialContribution .write-form > div .person-write-info li > div b {
  display: block;
  font-weight: normal;
  margin-bottom: 4px;
}
@media screen and (max-width: 1099px) {
  .socialContribution .write-form > div .person-write-info li > div > div {
    width: 170px;
  }
}
@media screen and (max-width: 767px) {
  .socialContribution .subpageCont .shadowBox {
    padding-top: 20px;
  }
  .socialContribution .commonTableStyle tbody tr td.mobile-right {
    display: flex;
    flex-direction: row-reverse;
  }
  .socialContribution .commonTableStyle tbody tr td.mobile-right.position-absolute {
    position: absolute;
    bottom: 14px;
    right: 38px;
  }
  .socialContribution .commonTableStyle tbody tr td.mobile-text::before {
    content: attr(data-label);
    color: #787878;
    display: inline-block;
    line-height: 20px;
    padding-right: 8px;
  }
  .socialContribution .write-form > div .flex-select li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .socialContribution .write-form > div .flex-select li:last-child {
    margin-bottom: 0;
  }
  .socialContribution .write-form > div .flex-select li .totalText {
    display: block;
  }
  .socialContribution .write-form > div .person-write-info li > div {
    flex-wrap: wrap;
  }
  .socialContribution .write-form > div .person-write-info li > div > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4px;
  }
  .socialContribution .write-form > div .person-write-info li > div > div.gender {
    margin-right: 10px;
  }
}
.certificateSupport .supportTop {
  margin-bottom: 40px;
  position: relative;
}
.certificateSupport .supportTop > ol {
  width: 870px;
  margin: 0 auto;
  display: flex;
  position: relative;
  padding-bottom: 155px;
}
.certificateSupport .supportTop > ol::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 16px;
  background-color: #3385FF;
}
.certificateSupport .supportTop > ol > li {
  width: 25%;
  text-align: center;
  position: absolute;
  padding-top: 52px;
}
.certificateSupport .supportTop > ol > li b {
  background-color: #ffffff;
  color: #3385FF;
  border: 2px solid #3385FF;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  position: absolute;
  z-index: 1;
  align-items: center;
  justify-content: center;
  top: -23px;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.1);
}
.certificateSupport .supportTop > ol > li b span {
  font-size: 24px;
  font-weight: bold;
}
.certificateSupport .supportTop > ol > li p {
  font-weight: bold;
  text-align: center;
  transform: rotate(0.03deg);
}
.certificateSupport .supportTop > ol > li .btnwrap {
  margin-top: 15px;
}
.certificateSupport .supportTop > ol > li button,
.certificateSupport .supportTop > ol > li a {
  display: block;
  color: #043b72;
  text-decoration: underline;
  padding-right: 26.5px;
  position: relative;
  margin: 0 auto 5px;
}
.certificateSupport .supportTop > ol > li button:last-child,
.certificateSupport .supportTop > ol > li a:last-child {
  margin-bottom: 0;
}
.certificateSupport .supportTop > ol > li button::after,
.certificateSupport .supportTop > ol > li a::after {
  content: "";
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("/assets/svg/newGetSmart/arrow-up.svg");
}
.certificateSupport .supportTop > ol > li:nth-child(1) {
  left: -11%;
  left: -15%;
}
.certificateSupport .supportTop > ol > li:nth-child(2) {
  left: 21.5%;
  left: 19.5%;
}
.certificateSupport .supportTop > ol > li:nth-child(3) {
  right: 21.5%;
}
.certificateSupport .supportTop > ol > li:nth-child(4) {
  right: -11%;
  right: -15%;
}
.certificateSupport .supportTop ul {
  position: absolute;
  bottom: 0;
  left: 38px;
  width: 254%;
  top: 115%;
  text-align: left;
}
.certificateSupport .supportTop ul li {
  opacity: 0.5;
  font-size: 13px;
  line-height: 1.71;
  color: #000;
}
.certificateSupport .list-btn-wrap {
  margin-bottom: 30px;
}
.certificateSupport .list-btn-wrap .btn {
  width: 160px;
  height: 40px;
  line-height: 38px;
}
.certificateSupport .commonTableStyle .btn {
  width: 60px;
  height: 32px;
  line-height: 30px;
}
.certificateSupport .applicationForm .d-flex {
  display: flex;
  align-items: center;
}
.certificateSupport .applicationForm .d-flex.space-between {
  justify-content: space-between;
}
.certificateSupport .applicationForm .d-flex.space-between .btn {
  padding: 0 14px;
}
.certificateSupport .applicationForm .d-flex input {
  width: auto;
  flex-grow: 1;
}
.certificateSupport .applicationForm .d-flex input.m-l-12 {
  margin-left: 12px;
}
.certificateSupport .applicationForm .d-flex button {
  flex-shrink: 0;
  height: 32px;
  line-height: 30px;
  min-width: 144px;
  border-radius: 0;
  margin-left: 8px;
}
.certificateSupport .applicationForm .d-flex span.won {
  padding: 0 8px;
}
.certificateSupport .applicationForm .d-flex select {
  margin-right: 8px;
  flex-basis: 140px;
  flex-shrink: 0;
}
.certificateSupport .applicationForm .d-flex .ui-datepicker-trigger {
  margin-left: 6px;
}
.certificateSupport .applicationForm .d-flex .del {
  width: 30px;
  height: 30px;
  background: url('/assets/svg/newGetSmart/btn-close-black.svg') 50% no-repeat;
  min-width: auto;
}
.certificateSupport .applicationForm .total-result-price {
  align-items: stretch;
}
.certificateSupport .applicationForm .total-result-price > div {
  width: 180px;
}
.certificateSupport .applicationForm .total-result-price > div > p {
  margin-bottom: 4px;
}
.certificateSupport .applicationForm .total-result-price > div .d-flex input {
  width: 150px;
  flex-grow: 0;
}
.certificateSupport .applicationForm .total-result-price > div.last-div {
  width: 260px;
  flex-shrink: 0;
}
.certificateSupport .applicationForm .total-result-price .total-icon {
  display: block;
  margin-right: 10px;
  margin-top: 24px;
  font-style: normal;
  font-size: 18px;
}
.certificateSupport .applicationForm .max-price {
  line-height: 1.67;
  letter-spacing: -0.3px;
  margin-bottom: 12px;
}
.certificateSupport .applicationForm .form-notice {
  margin-top: 32px;
}
.certificateSupport .applicationForm .form-notice p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #787878;
  padding-top: 0;
  margin-bottom: 4px;
}
.certificateSupport .applicationForm .form-notice p:last-child {
  margin-bottom: 0;
}
.certificateSupport .applicationForm .date-picker {
  position: relative;
}
.certificateSupport .applicationForm .date-picker .ui-datepicker-trigger {
  position: absolute;
  right: 8px;
  top: 3px;
  width: 24px;
  height: 24px;
}
.certificateSupport .applicationForm .add-btn {
  margin-top: 10px;
  height: 32px;
  line-height: 30px;
  width: 144px;
  border-radius: 0;
}
.certificateSupport .applicationForm .hide-cont .agree-box {
  margin: 20px 0;
}
.certificateSupport .applicationForm .hide-cont .agree-box .inputWrap {
  margin-top: 12px;
}
.certificateSupport .applicationForm .hide-cont span.label-title {
  display: block;
  line-height: 1.43;
  letter-spacing: -0.35px;
  margin-bottom: 4px;
}
.certificateSupport .applicationForm .add-lists .add-list {
  margin-bottom: 8px;
}
.certificateSupport .applicationForm .add-lists .add-list:last-child {
  margin-bottom: 0;
}
.certificateSupport .applicationForm .form-btns-wrap {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.certificateSupport .applicationForm .form-btns-wrap.contet-right {
  justify-content: flex-end;
}
.certificateSupport .applicationForm .form-btns-wrap .btn {
  width: 100px;
  height: 40px;
  line-height: 38px;
  margin-right: 16px;
}
.certificateSupport .applicationForm .form-btns-wrap .btn:last-child {
  margin-right: 0;
}
.certificateSupport .applicationInfo .d-flex {
  display: flex;
  align-items: center;
}
.certificateSupport .applicationInfo .d-flex > p {
  margin-bottom: 0;
}
.certificateSupport .applicationInfo .total-price {
  margin-bottom: 0px;
}
.certificateSupport .applicationInfo .price-lists {
  margin-top: 10px;
}
.certificateSupport .applicationInfo .price-lists > div {
  margin-bottom: 8px;
}
.certificateSupport .applicationInfo .price-lists > div:last-child {
  margin-bottom: 0;
}
.certificateSupport .applicationInfo .max-price {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  color: #787878;
  margin-bottom: 12px;
}
.certificateSupport .applicationInfo .type {
  display: block;
  width: 90px;
  line-height: 24px;
  height: 26px;
  text-align: center;
  border: 1px solid #787878;
  margin-right: 8px;
}
.certificateSupport .applicationInfo .price {
  display: flex;
}
.certificateSupport .applicationInfo .date {
  margin-left: 8px;
  font-size: 13px;
  color: #787878;
}
.certificateSupport .applicationInfo .date span {
  padding-right: 4px;
}
.certificateSupport .applicationInfo .color-box {
  color: #ffffff;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  margin-left: 8px;
}
.certificateSupport .applicationInfo .color-box.approval {
  background: #043b72;
}
.certificateSupport .applicationInfo .color-box.refuse {
  background: #787878;
}
.certificateSupport .applicationInfo .object-agree {
  margin-top: 10px;
  max-width: 350px;
}
.certificateSupport .applicationInfo .form-notice {
  margin-top: 16px;
}
.certificateSupport .applicationInfo .form-notice p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.35px;
  color: #787878;
  padding-top: 0;
  margin-bottom: 0;
}
.certificateSupport .info-list-table {
  margin-top: 40px;
}
.certificateSupport .info-list-table .font-18 {
  padding-bottom: 16px;
}
.certificateSupport .info-list-table .view-bottom-btn {
  margin-top: 32px;
}
.certificateSupport .info-list-table .view-bottom-btn .btn {
  width: 100px;
  height: 40px;
  line-height: 38px;
}
.certificateSupportPop {
  width: 650px;
}
.certificateSupportPop .popupHead button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  background: url(/assets/svg/mirea/btn-close-black.svg) no-repeat 50%;
  background-size: contain;
}
.certificateSupportPop .popupCont {
  padding: 30px;
}
.certificateSupportPop .popupCont .scroll-y {
  max-height: 690px;
  overflow-y: auto;
}
.certificateSupportPop .popupCont form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.certificateSupportPop .popupCont form b {
  display: inline-block;
  letter-spacing: -0.41px;
  font-size: 16px;
  margin-right: 20px;
  transform: rotate(0.03deg);
}
.certificateSupportPop .popupCont form input {
  height: 32px;
  width: 280px;
  margin-right: 20px;
}
.certificateSupportPop .popupCont form .btn {
  width: 80px;
  height: 32px;
}
.certificateSupportPop .popupCont .commonTableStyle {
  text-align: center;
}
.certificateSupportPop .popupCont .eudrule-popupcont {
  max-height: 550px;
  overflow-y: auto;
  padding-right: 5px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div {
  margin-bottom: 40px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div:last-child {
  margin-bottom: 0;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div h2 {
  transform: rotate(0.03deg);
  font-size: 16px;
  margin-bottom: 14px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div {
  margin-bottom: 20px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div > p {
  font-size: 14px;
  margin-bottom: 10px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div table thead th {
  background-color: #787878;
  color: #ffffff;
  padding: 3px 10px;
  height: 40px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div table tbody td {
  padding: 10px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div ol {
  counter-reset: numList;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div ol li {
  font-size: 13px;
  padding-left: 19px;
  position: relative;
  margin-bottom: 7px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div ol li:last-child {
  margin-bottom: 0;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div ol li::before {
  position: absolute;
  left: 0;
  top: 4px;
  counter-increment: numList;
  content: counter(numList);
  display: inline-block;
  font-size: 10px;
  text-align: center;
  line-height: 12px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #000000;
  color: #000000;
  border-radius: 50%;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div > div ol li table {
  margin-top: 8px;
}
.certificateSupportPop .popupCont .eudrule-popupcont > div .black-line-btn {
  display: block;
  width: 80px;
  height: 40px;
  margin: 20px auto;
}
@media screen and (max-width: 1099px) {
  .certificateSupport .supportTop {
    margin-top: 21px;
  }
  .certificateSupport .supportTop ol {
    width: 580px;
  }
  .certificateSupport .supportTop ol li button,
  .certificateSupport .supportTop ol li a {
    font-size: 12px;
    letter-spacing: -0.6px;
    padding-right: 22px;
  }
  .certificateSupport .supportTop ol li button::after,
  .certificateSupport .supportTop ol li a::after {
    width: 20px;
    height: 20px;
  }
  .certificateSupport .supportTop ul {
    left: 0;
    width: 260%;
  }
  .certificateSupport .supportTop ul li {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: -0.4px;
  }
  .certificateSupport .commonTableStyle thead th,
  .certificateSupport .commonTableStyle tbody tr td {
    padding-left: 2px;
    padding-right: 2px;
  }
  .certificateSupport .applicationForm .writeForm .writeWrap > li .write-td ul {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .certificateSupport .supportTopMobile {
    overflow: scroll;
  }
  .certificateSupport .supportTopMobile .supportTop {
    padding-top: 3px;
    padding-left: 35%;
    padding-right: 5%;
  }
  .certificateSupport .commonTableStyle td::before {
    content: attr(data-label);
    color: #cfcfcf;
  }
  .certificateSupport .list-btn-wrap {
    padding: 16px 0;
    margin: 0;
  }
  .certificateSupport .list-btn-wrap .btn {
    width: 120px;
    height: 32px;
    line-height: 30px;
  }
  .certificateSupport .commonTableStyle {
    border-top: 1px solid #787878;
  }
  .certificateSupport .commonTableStyle tr {
    padding-bottom: 64px;
  }
  .certificateSupport .commonTableStyle td {
    padding: 0 0 0 0;
  }
  .certificateSupport .commonTableStyle td::before {
    color: #787878;
    padding-right: 4px;
  }
  .certificateSupport .commonTableStyle td.mobile-absolute {
    position: absolute;
    bottom: 16px;
    right: 0;
  }
  .certificateSupport .commonTableStyle td.mobile-absolute.state {
    right: 90px;
  }
  .certificateSupport .commonTableStyle .title {
    font-size: 16px;
  }
  .certificateSupport .commonTableStyle .title::before {
    display: none;
  }
  .certificateSupport .applicationForm .writeForm .writeWrap > li .write-td ul {
    padding: 0;
  }
  .certificateSupport .applicationForm .writeForm .d-flex {
    flex-wrap: wrap;
  }
  .certificateSupport .applicationForm .writeForm .d-flex div.m-w-100 {
    width: 100%;
  }
  .certificateSupport .applicationForm .writeForm .d-flex.mobile-flex {
    flex-wrap: nowrap;
  }
  .certificateSupport .applicationForm .writeForm .d-flex.mobile-flex input {
    width: calc(100% - 92px);
  }
  .certificateSupport .applicationForm .writeForm .d-flex.mobile-flex button {
    width: 80px;
    min-width: 80px;
    margin-top: 0;
    margin-left: 12px;
  }
  .certificateSupport .applicationForm .writeForm .d-flex button {
    width: 100%;
    margin-left: 0;
    margin-top: 12px;
  }
  .certificateSupport .applicationForm .writeForm .d-flex span.won {
    padding: 0 0 0 10px;
  }
  .certificateSupport .applicationForm .writeForm .date-picker {
    margin-top: 12px;
    width: 100% !important;
  }
  .certificateSupport .applicationForm .writeForm .date-picker input {
    width: 100%;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list {
    margin-bottom: 12px;
    justify-content: space-between;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list select {
    width: 108px;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list input {
    width: 40%;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list .date-picker {
    margin-top: 8px;
    width: 90% !important;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list .date-picker input {
    width: 100%;
  }
  .certificateSupport .applicationForm .writeForm .add-lists .add-list .del {
    width: 30px;
  }
  .certificateSupport .applicationForm .writeForm .add-btn {
    width: 100%;
    margin-top: 0;
  }
  .certificateSupport .applicationForm .writeForm .identityNum input {
    width: 100%;
    margin-left: 0;
  }
  .certificateSupport .applicationForm .writeForm .identityNum input.m-l-12 {
    margin-top: 12px;
  }
  .certificateSupport .applicationForm .writeForm .form-notice p {
    margin-bottom: 12px;
  }
  .certificateSupport .applicationForm .writeForm .form-notice p:last-child {
    margin-bottom: 0;
  }
  .certificateSupport .applicationForm .writeForm .form-btns-wrap .btn {
    width: 80px;
    height: 40px;
    margin-right: 12px;
  }
  .certificateSupport .applicationForm .writeForm .form-btns-wrap .btn:last-child {
    margin-right: 0;
  }
  .certificateSupport .applicationForm .total-result-price > div {
    width: 45%;
  }
  .certificateSupport .applicationForm .total-result-price > div .d-flex {
    flex-wrap: nowrap;
  }
  .certificateSupport .applicationForm .total-result-price > div .d-flex span.won {
    padding-left: 5px;
    padding-right: 5px;
  }
  .certificateSupport .applicationForm .total-result-price > div .d-flex input {
    width: 100%;
    flex-grow: 1;
  }
  .certificateSupport .applicationForm .total-result-price > div.last-div {
    margin-top: 10px;
    width: 100%;
  }
  .certificateSupport .applicationForm .total-result-price .total-icon {
    width: 5%;
    font-size: 14px;
    text-align: left;
    margin: 30px 0 0 0;
  }
  .certificateSupport .applicationInfo .type {
    width: 60px;
    margin-right: 4px;
  }
  .certificateSupport .applicationInfo .form-notice p {
    margin-bottom: 5px;
  }
  .certificateSupport .applicationInfo .form-notice p:last-child {
    margin-bottom: 0;
  }
  .certificateSupport .info-list-table .view-bottom-btn .btn {
    width: 80px;
  }
  .certificateSupportPop .popupCont {
    padding: 30px 16px;
  }
  .certificateSupportPop .popupCont form {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .certificateSupportPop .popupCont form b {
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 100%;
  }
  .certificateSupportPop .popupCont form input {
    width: calc(100% - 90px);
    margin-right: 0;
  }
  .certificateSupportPop .popupCont .commonTableStyle {
    border-top: 1px solid #000000;
  }
  .certificateSupportPop .popupCont .commonTableStyle td {
    margin-bottom: 8px;
  }
  .certificateSupportPop .popupCont .commonTableStyle td::before {
    content: attr(data-label);
    color: #cfcfcf;
  }
}
.qrAttend-back {
  min-height: 750px;
}
.qrAttend {
  width: 450px;
  padding: 24px 30px 10px;
}
.qrAttend .popheader p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #1b252c;
  transform: rotate(0.03deg);
}
.qrAttend .popCont {
  padding-right: 5px;
  margin: 29px 0 0;
}
.qrAttend .popCont .front-attend-pop {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 260px;
  justify-content: center;
  margin-top: 30px;
}
.qrAttend .popCont .front-attend-pop .icon {
  display: block;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
}
.qrAttend .popCont .front-attend-pop .icon.submit {
  background-image: url('/assets/svg/newGetSmart/icon-submit.svg');
}
.qrAttend .popCont .front-attend-pop > p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.41px;
  text-align: center;
  margin-bottom: 6px;
}
.qrAttend .popCont .front-attend-pop > span {
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: -0.41px;
  text-align: center;
}
.qrAttend .popCont .front-attend-pop .btn {
  padding: 0 10px;
  height: 40px;
  line-height: 38px;
  margin-top: 50px;
}
.qrAttend .popCont.eduWindow-pop-cont {
  margin-top: 0;
}
.qrAttend .popCont.eduWindow-pop-cont > div {
  min-height: 500px;
  display: flex;
  align-items: center;
}
.qrAttend .popCont.eduWindow-pop-cont .text-cont {
  justify-content: center;
}
.qrAttend .popCont.eduWindow-pop-cont .text-cont .front-attend-pop {
  margin-top: 0;
}
.qrAttend .popCont.eduWindow-pop-cont .camera-cont {
  justify-content: space-between;
  align-content: space-between;
  flex-direction: column;
}
.qrAttend .popCont.eduWindow-pop-cont .camera-cont .camera-box {
  margin-top: 25px;
  height: 435px;
  width: 100%;
  background-color: #ddd;
}
.qrAttend .popCont.eduWindow-pop-cont .camera-cont p {
  color: #3385FF;
}
@media screen and (max-width: 767px) {
  .qrAttend .popCont {
    padding-right: 0;
  }
  .qrAttend .popCont.eduWindow-pop-cont > div {
    min-height: auto;
    height: calc(100vh - 85px);
  }
  .qrAttend .popCont.eduWindow-pop-cont > div .camera-box {
    height: 90% !important;
  }
}
.dashBoard .top-info-cont {
  padding: 24px;
  display: flex;
  width: 100%;
  margin-bottom: 32px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #EFEFEF;
  box-shadow: -1px 2px 9px 3px #a1a1a126;
}
.dashBoard .top-info-cont .level-icon-wrap {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  margin-right: 24px;
  background-color: #F4F8FC;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon {
  display: block;
  width: 72px;
  height: 72px;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon.level-1 {
  background-image: url('/assets/img/getSmart/lv_1.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon.level-2 {
  background-image: url('/assets/img/getSmart/lv_2.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon.level-3 {
  background-image: url('/assets/img/getSmart/lv_3.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon.level-4 {
  background-image: url('/assets/img/getSmart/lv_4.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .top-info-cont .level-icon-wrap .level-icon.level-5 {
  background-image: url('/assets/img/getSmart/lv_5.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .top-info-cont .level-text {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
.dashBoard .top-info-cont .level-text .text-cont .level {
  border-radius: 100px;
  background: #f9f9f9;
  border: 1px solid #efefef;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  transform: rotate(0.03deg);
  margin-bottom: 6px;
}
.dashBoard .top-info-cont .level-text .text-cont p {
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
}
.dashBoard .top-info-cont .point {
  display: flex;
  align-items: flex-end;
}
.dashBoard .top-info-cont .point .point-num {
  display: flex;
}
.dashBoard .top-info-cont .point .point-num::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('/assets/svg/newGetSmart/point-icon.svg');
  margin-right: 6px;
}
.dashBoard .top-info-cont .point .point-num span {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.dashBoard .top-info-cont .point .point-num span a b {
  font-weight: 700;
  display: inline-block;
  transform: rotate(0.03deg);
}
.dashBoard .top-info-cont .point .point-btn {
  color: #00A2AC;
  width: 98px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #00A2AC;
  border-radius: 100px;
  margin-left: 12px;
  font-size: 16px;
}
.dashBoard .study-stateboard > .d-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.dashBoard .study-stateboard > .d-flex .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.dashBoard .study-stateboard > .d-flex select {
  background: #ffffff url('/assets/svg/newGetSmart/caretDown.svg') no-repeat 90% 50%;
}
.dashBoard .study-stateboard .end-class-board {
  display: flex;
  width: 522px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.dashBoard .study-stateboard .end-class-board > div {
  width: 253px;
  background-color: #ffffff;
  border-radius: 8px;
  font-weight: 700;
  margin-top: 16px;
  border: 1px solid #EFEFEF;
  box-shadow: -1px 2px 9px 3px #a1a1a126;
}
.dashBoard .study-stateboard .end-class-board > div > a {
  padding: 25px 24px 15px 20px;
  display: block;
}
.dashBoard .study-stateboard .end-class-board > div p {
  font-size: 16px;
  line-height: 20px;
  transform: rotate(0.03deg);
  display: flex;
}
.dashBoard .study-stateboard .end-class-board > div p::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dashBoard .study-stateboard .end-class-board > div p.icon-1::before {
  background: url('/assets/svg/medicalchart.svg') no-repeat 50%;
}
.dashBoard .study-stateboard .end-class-board > div p.icon-2::before {
  background: url('/assets/svg/foldercode.svg') no-repeat 50%;
}
.dashBoard .study-stateboard .end-class-board > div p.icon-3::before {
  background: url('/assets/svg/monitor.svg') no-repeat 50%;
}
.dashBoard .study-stateboard .end-class-board > div p.icon-4::before {
  background: url('/assets/svg/bookmarkadd.svg') no-repeat 50%;
}
.dashBoard .study-stateboard .end-class-board > div b {
  font-size: 48px;
  display: block;
  text-align: right;
  margin-top: 20px;
}
.dashBoard .study-stateboard .end-class-board > div b span {
  position: relative;
}
.dashBoard .study-stateboard .end-class-board > div b span::before {
  content: "";
  position: absolute;
  bottom: 5px;
  height: 2px;
  width: 0px;
  background-color: #3385FF;
  transition: width 0.4s;
}
.dashBoard .study-stateboard .end-class-board > div > a {
  position: relative;
}
.dashBoard .study-stateboard .end-class-board > div > a:hover b span::before {
  width: 100%;
}
.dashBoard .study-stateboard .end-class-board > div > a.zero {
  pointer-events: none;
}
.dashBoard .study-stateboard .end-class-board > div > a.zero b span {
  color: #787878;
}
.dashBoard .study-stateboard .end-class-board > div > a.zero b span::before {
  display: none;
}
.dashBoard .study-stateboard .end-class-board > div.state-box {
  margin-top: 0;
  background: #3385FF;
  width: 100%;
  padding: 24px;
  color: #ffffff;
  border: none;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > p {
  font-size: 16px;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > p::before {
  display: none;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 12px;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex > b {
  font-weight: 700;
  font-size: 48px;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex > div {
  padding-bottom: 10px;
  display: flex;
}
.dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex > div .check-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url('/assets/svg/newGetSmart/check-cr-white.svg');
}
.dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex > div span {
  font-size: 14px;
  line-height: 20px;
}
.dashBoard .study-stateboard .enter-class-board {
  width: 522px;
  padding: 24px 24px 0 24px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #EFEFEF;
  box-shadow: -1px 2px 9px 3px #a1a1a126;
}
.dashBoard .study-stateboard .enter-class-board > p {
  font-size: 16px;
  font-weight: 700;
  height: 194px ;
  background: url('/assets/img/enter-class-board-bg.png') no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-size: contain;
}
.dashBoard .study-stateboard .enter-class-board > a {
  border-top: 1px solid #EFEFEF;
  padding: 16px 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.dashBoard .study-stateboard .enter-class-board > a > span {
  font-size: 16px;
  line-height: 24px;
  transform: rotate(0.03deg);
  font-weight: bold;
  display: inline-block;
}
.dashBoard .study-stateboard .enter-class-board > a > p {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}
.dashBoard .study-stateboard .enter-class-board > a > p::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 0px;
  background-color: #3385FF;
  transition: width 0.4s;
}
.dashBoard .study-stateboard .enter-class-board > a:hover > p::before {
  width: 100%;
}
.dashBoard .study-challenges {
  margin-top: 32px;
}
.dashBoard .study-challenges > div {
  min-height: 264px;
}
.dashBoard .study-challenges > div.bg-1 {
  background: url('/assets/img/study-challenges-1.png') no-repeat;
  background-position: bottom right ;
}
.dashBoard .study-challenges .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.dashBoard .study-challenges .d-flex > p {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.dashBoard .study-challenges .d-flex .challenge-tab-btns {
  display: flex;
}
.dashBoard .study-challenges .d-flex .challenge-tab-btns li {
  margin-right: 8px;
}
.dashBoard .study-challenges .d-flex .challenge-tab-btns li:last-child {
  margin-right: 0;
}
.dashBoard .study-challenges .d-flex .challenge-tab-btns li button {
  padding: 5px 12px;
  font-size: 16px;
  line-height: 19px;
  border-radius: 17px;
  background-color: #f9f9f9;
  color: #787878;
}
.dashBoard .study-challenges .d-flex .challenge-tab-btns li button.on {
  background: #000000;
  color: #ffffff;
}
.dashBoard .study-challenges .no-list {
  margin-top: 16px;
  color: #787878;
  font-size: 16px;
  line-height: 24px;
  background: #ffffff;
  border-radius: 8px;
  padding: 24px;
  border: 1px solid #EFEFEF;
  min-height: 264px;
  background: #fff url('/assets/img/study-challenges-1.png') no-repeat;
  background-position: bottom right ;
  box-shadow: -1px 2px 9px 3px #a1a1a126;
}
.dashBoard .study-challenges .no-list.d-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashBoard .study-challenges .no-list.d-flex p {
  font-size: 18px;
  line-height: 1.5;
  color: #555555;
  text-align: center;
}
.dashBoard .study-challenges .study-challenge {
  background: #ffffff;
  border-radius: 8px;
  padding: 24px;
  box-shadow: -1px 2px 9px 3px #a1a1a126;
  border: 1px solid #EFEFEF;
  margin-bottom: 8px;
}
.dashBoard .study-challenges .study-challenge:last-child {
  margin-bottom: 0;
}
.dashBoard .study-challenges .study-challenge .hide-content {
  display: none;
}
.dashBoard .study-challenges .study-challenge .hide-content.show {
  display: block;
}
.dashBoard .study-challenges .study-challenge .show-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont {
  max-width: 60%;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 2px;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont > span {
  font-size: 16px;
  line-height: 23px;
  color: #787878;
  margin-right: 10px;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .reward-point {
  font-size: 13px;
  font-style: normal;
  border: 1px solid #043B72;
  background: #043B72;
  color: #ffffff;
  padding: 0 6px;
  border-radius: 12px;
  line-height: 18px;
  height: 20px;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont > div {
  display: flex;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-box {
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background: url('/assets/svg/info.svg') no-repeat;
  background-size: contain;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box {
  position: absolute;
  z-index: 1;
  width: 312px;
  display: none;
  padding: 16px 20px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 16px 30px 0 rgba(0, 0, 0, 0.15);
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box > b {
  font-size: 16px;
  transform: rotate(0.03deg);
  display: inline-block;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box > p {
  font-size: 14px;
  line-height: 20.72px;
  color: #787878;
}
.dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap:hover .hover-notice-box {
  display: block;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont {
  display: flex;
  align-items: center;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .d-flex {
  display: flex;
  margin: 0;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .num-list {
  padding: 4px 13px;
  background: #F6F6F6;
  border-radius: 100px;
  margin: 0 16px 0 0;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .num-list li {
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .num-list li:first-child {
  position: relative;
  padding-right: 16px;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .num-list li:first-child::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  background-color: #B8B8B8;
  right: 8px;
  top: 4px;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state {
  margin-right: 16px;
  padding: 6px 0;
  width: 92px;
  border-radius: 4px;
  font-weight: 700;
  display: block;
  text-align: center;
  transform: rotate(0.03deg);
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state.ing {
  color: #3385FF;
  background: rgba(51, 133, 255, 0.1);
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state.finish {
  border: 1px solid #3385FF;
  color: #3385FF;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state.end {
  border: 1px solid #EFEFEF;
  background: #EFEFEF;
  color: #787878;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state.apply {
  border: 1px solid #3385FF;
  background: #3385FF;
  color: #ffffff;
  transition: 0.5s ease-in-out;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .state.apply:hover {
  box-shadow: 0px 0px 0px 2.5px white inset, 0px 0px 0px 3px #3385FF;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .accordion-btn {
  font-size: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  background: url('/assets/svg/accordion-arrow.svg') no-repeat 50%;
  background-size: contain;
  border-radius: 4px;
  transform: rotate(180deg);
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .accordion-btn:hover {
  background: #f6f6f6 url('/assets/svg/accordion-arrow.svg') no-repeat 50%;
  background-size: contain;
}
.dashBoard .study-challenges .study-challenge .show-content .right-cont .accordion-btn.on {
  transform: rotate(0deg);
}
.dashBoard .study-challenges .study-challenge .hide-content {
  position: relative;
  margin-top: 24px;
}
.dashBoard .study-challenges .study-challenge .hide-content .notice {
  color: #787878;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: #f6f6f6;
  word-break: break-word;
  min-height: 44px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap {
  position: relative;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists {
  margin-top: 16px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #EFEFEF;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li > span {
  display: block;
  transform: rotate(0.03deg);
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .completion {
  padding: 5px 12px;
  color: #787878;
  background-color: #EFEFEF;
  border-radius: 17px;
  line-height: 29px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .completion.on {
  background-color: #00A2AC;
  color: #ffffff;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info span {
  line-height: 20px;
  color: #787878;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info .graph {
  margin: 0 8px;
  padding: 4px;
  border-radius: 100px;
  width: 280px;
  background-color: #F6F6F6;
  position: relative;
  height: 16px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info .graph i {
  position: absolute;
  top: 4px;
  left: 4px;
  height: 8px;
  background-color: #62ACF1;
  border-radius: 100px;
  max-width: calc(100% - 8px);
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info strong {
  color: #62ACF1;
  display: block;
  width: 40px;
  text-align: center;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-1 .graph i {
  background-color: #F1B362;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-1 strong {
  color: #F1B362;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-2 .graph i {
  background-color: #62ACF1;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-2 strong {
  color: #62ACF1;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-3 .graph i {
  background-color: #3EA9AF;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-3 strong {
  color: #3EA9AF;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-4 .graph i {
  background-color: #EC7BAA;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-4 strong {
  color: #EC7BAA;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-5 .graph i {
  background-color: #E4977F;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-5 strong {
  color: #E4977F;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-6 .graph i {
  background-color: #5ACAEE;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-6 strong {
  color: #5ACAEE;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-7 .graph i {
  background-color: #7BEC8D;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-7 strong {
  color: #7BEC8D;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-8 .graph i {
  background-color: #CF6AE9;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-8 strong {
  color: #CF6AE9;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-9 .graph i {
  background-color: #D8CE9D;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-9 strong {
  color: #D8CE9D;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-10 .graph i {
  background-color: #8B7BEC;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info.color-10 strong {
  color: #8B7BEC;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list {
  width: 100%;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list .process-album {
  padding: 0;
  border-bottom: none;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list .process-album .text-cont .hover-cont {
  width: auto;
  right: 0;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .finish-stamp {
  position: absolute;
  min-width: 160px;
  max-width: 175px;
  height: 150px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  background: url('/assets/svg/stamp.svg') no-repeat 50%;
  background-size: contain;
  top: -86px;
  right: 16px;
}
.dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .finish-stamp span {
  color: #787878;
  transform: rotate(12deg);
}
.dashBoard .level-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 99;
}
.dashBoard .level-popup {
  display: none;
  position: absolute;
  z-index: 99;
  left: 24px;
  top: 160px;
  background-color: #ffffff;
  width: 320px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #efefef;
  box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.16);
}
.dashBoard .level-popup .pop-header {
  margin-bottom: 24px;
}
.dashBoard .level-popup .pop-header b {
  font-size: 16px;
  line-height: 24px;
}
.dashBoard .level-popup .pop-cont > p {
  font-size: 16px;
  line-height: 24px;
}
.dashBoard .level-popup .pop-cont strong {
  font-size: 32px;
  line-height: 48px;
}
.dashBoard .level-popup .pop-cont > ul {
  margin-top: 16px;
  border-bottom: 1px solid #efefef;
}
.dashBoard .level-popup .pop-cont > ul li {
  border-top: 1px solid #efefef;
  display: flex;
  padding: 16px 0;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon {
  display: block;
  margin-right: 16px;
  width: 64px;
  height: 62px;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon.level-1 {
  background-image: url('/assets/img/getSmart/lv_1.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon.level-2 {
  background-image: url('/assets/img/getSmart/lv_2.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon.level-3 {
  background-image: url('/assets/img/getSmart/lv_3.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon.level-4 {
  background-image: url('/assets/img/getSmart/lv_4.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .level-popup .pop-cont > ul li .level-icon.level-5 {
  background-image: url('/assets/img/getSmart/lv_5.png');
  background-size: cover;
  background-position: 50%;
}
.dashBoard .level-popup .pop-cont > ul li > div {
  font-size: 16px;
  line-height: 24px;
}
.dashBoard .level-popup .pop-cont > ul li > div > span {
  display: block;
  margin-top: 4px;
  color: #787878;
}
.dashBoard .level-popup .pop-cont > span {
  display: block;
  margin-top: 16px;
  color: #787878;
}
.popupActive .popupWrap .dashBoardPointPop {
  width: 748px;
  padding: 0 16px 40px;
}
.popupActive .popupWrap .dashBoardPointPop .popupHead {
  padding: 24px 0 20px  ;
  height: auto;
  line-height: 14px;
}
.popupActive .popupWrap .dashBoardPointPop .popupHead > div h1 {
  font-size: 20px;
  line-height: 29.6px;
}
.popupActive .popupWrap .dashBoardPointPop .popupHead > div p {
  font-size: 14px;
  line-height: 20.74px;
  color: #787878;
}
.popupActive .popupWrap .dashBoardPointPop .popupHead > button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 24px;
  font-size: 0;
  background: url(/assets/svg/btn-close-black.svg) no-repeat 50%;
  background-size: contain;
  transform: translateY(0);
}
.popupActive .popupWrap .dashBoardPointPop .popupCont {
  padding-top: 16px ;
  max-height: 770px;
  padding-right: 9px;
  overflow-y: auto;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-selects {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select {
  width: 344px;
  margin-top: 10px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select:nth-child(2),
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select:first-child {
  margin-top: 0;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] {
  display: none;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label {
  height: 100%;
  border: 1px solid #EFEFEF;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  padding: 16px 32px 32px;
  border-radius: 8px;
  display: block;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label span {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 16px;
  vertical-align: middle;
  cursor: pointer;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label span {
  background: url('/assets/svg/point-radio.svg') no-repeat 50%;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"]:checked + label {
  background: #F6F6F6;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"]:checked + label span {
  background: url('/assets/svg/newGetSmart/point-radio-on.svg') no-repeat 50%;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select i {
  display: block;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 4px;
  transform: rotate(0.03deg);
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select i.naver {
  color: #00c75a;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select i.gs {
  color: #0e5f62;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select i.olive {
  color: #4a1e85;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select i.happy {
  color: #00c75b;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select .text-conts {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 14px;
  padding-top: 14px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select .text-conts b {
  font-size: 32px;
  line-height: 47.36px;
  color: #000000;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .item-select .text-conts p {
  font-size: 14px;
  line-height: 20.72px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .point-info {
  margin-top: 16px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .point-info li {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  font-size: 16px;
  line-height: 23.68px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .point-info li span {
  font-size: 16px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .point-info li span i {
  font-style: normal;
  font-size: 0.8em;
  padding-left: 5px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .point-notice {
  font-size: 14px;
  line-height: 20.72px;
  color: #787878;
  letter-spacing: -0.3px;
  margin: 12px 0 28px;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .btns-wrap {
  font-size: 0;
  display: flex;
  justify-content: space-between;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .btns-wrap .btn {
  width: 344px;
  height: 49px;
  font-size: 16px;
  font-weight: 700;
  transform: rotate(0.03deg);
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .btns-wrap .btn.cancle-btn {
  border: 1px solid #787878;
}
.popupActive .popupWrap .dashBoardPointPop .popupCont .btns-wrap .btn.submit-btn {
  background: #efefef;
  color: #787878;
}
@media screen and (max-width: 1099px) {
  .dashBoard .top-info-cont {
    padding: 20px;
  }
  .dashBoard .top-info-cont .level-icon-wrap {
    width: 104px;
    height: 104px;
  }
  .dashBoard .top-info-cont .level-text .text-cont .level {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
  }
  .dashBoard .top-info-cont .level-text .text-cont p {
    font-size: 20px;
    line-height: 28px;
  }
  .dashBoard .study-stateboard .state-top-box {
    flex-direction: column;
    margin-bottom: 16px;
  }
  .dashBoard .study-stateboard .end-class-board {
    margin-bottom: 16px;
    width: 100%;
  }
  .dashBoard .study-stateboard .end-class-board > div {
    width: 23.5%;
  }
  .dashBoard .study-stateboard .end-class-board > div > a {
    padding: 25px 24px 15px 20px;
  }
  .dashBoard .study-stateboard .enter-class-board {
    width: 100%;
    padding-bottom: 24px;
  }
  .dashBoard .study-stateboard .enter-class-board > p {
    height: 156px;
  }
  .dashBoard .study-stateboard .enter-class-board > a {
    padding: 16px 0 20px;
  }
  .dashBoard .study-challenges .study-challenge {
    padding: 20px;
  }
  .dashBoard .study-challenges .study-challenge .show-content {
    position: relative;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont {
    padding-bottom: 31px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont > p {
    font-size: 16px;
    line-height: 24px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont > span {
    font-size: 14px;
    line-height: 20.72px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont .num-list {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li > span {
    font-size: 14px;
    line-height: 20px;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .finish-stamp {
    width: 140px;
    height: 131px;
    font-size: 20px;
  }
  .dashBoard .level-popup {
    top: 130px;
  }
}
@media screen and (max-width: 767px) {
  .dashBoard .top-info-cont {
    padding: 14px 8px;
    flex-wrap: wrap;
  }
  .dashBoard .top-info-cont .level-icon-wrap {
    width: 88px;
    height: 88px;
  }
  .dashBoard .top-info-cont .level-text {
    flex-direction: column;
  }
  .dashBoard .top-info-cont .level-text .text-cont .level {
    margin: 0 0 4px 0;
    font-size: 12px;
    line-height: 16px;
    padding: 2px, 8px, 2px, 8px;
  }
  .dashBoard .top-info-cont .level-text .text-cont p {
    font-size: 16px;
    line-height: 22px;
  }
  .dashBoard .top-info-cont .point {
    width: 100%;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #ddd;
    justify-content: space-between;
  }
  .dashBoard .top-info-cont .point .point-num span {
    font-size: 14px;
  }
  .dashBoard .top-info-cont .point .point-btn {
    font-size: 12px;
    width: 86px;
    height: 27px;
    line-height: 25px;
  }
  .dashBoard .top-info-cont .point span {
    font-size: 14px;
    line-height: 18px;
  }
  .dashBoard .study-stateboard {
    padding: 0 10px;
  }
  .dashBoard .study-stateboard .end-class-board > div {
    width: 48%;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box {
    padding: 20px 8px 16px;
  }
  .dashBoard .study-stateboard .end-class-board > div > a {
    padding: 20px 8px 16px;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box {
    padding: 20px 16px;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box > p {
    font-size: 16px;
    line-height: 24px;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex {
    margin-top: 8px;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex b {
    font-size: 32px;
    line-height: 40px;
  }
  .dashBoard .study-stateboard .end-class-board > div.state-box > .d-flex > div {
    padding-bottom: 7px;
  }
  .dashBoard .study-stateboard .end-class-board > div > b {
    font-size: 32px;
    margin-top: 4px;
  }
  .dashBoard .study-stateboard .enter-class-board {
    padding: 16px 16px 0 16px;
  }
  .dashBoard .study-stateboard .enter-class-board > p {
    height: 149px;
    background: url('/assets/img/enter-class-board-bg_m.png') no-repeat right bottom;
  }
  .dashBoard .study-stateboard .enter-class-board > a > p {
    font-size: 20px;
    line-height: 24px;
  }
  .dashBoard .study-challenges {
    padding: 16px 10px;
  }
  .dashBoard .study-challenges .no-list {
    background: none;
  }
  .dashBoard .study-challenges .no-list.d-flex p {
    font-size: 16px;
  }
  .dashBoard .study-challenges > div.bg-1 {
    background-size: 210%;
  }
  .dashBoard .study-challenges .study-challenge {
    padding: 16px 12px;
  }
  .dashBoard .study-challenges .study-challenge .show-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0;
    padding-right: 34px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont > div > p {
    font-size: 15px;
    line-height: 22px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont > div > span {
    font-size: 13px;
    line-height: 19.24px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .reward-point {
    display: inline-block;
    margin-top: 3px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap {
    display: flex;
    align-items: center;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-box {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box {
    left: 0;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box > b {
    font-size: 12px;
    line-height: 17px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .left-cont .hover-wrap .hover-notice-box > p {
    font-size: 12px;
    line-height: 17px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont {
    width: 100%;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont > .d-flex {
    align-items: flex-start;
    flex-direction: column-reverse;
    width: 100%;
    margin-top: 8px;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont > .d-flex .num-list {
    position: relative;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont > .d-flex .state {
    margin: 0 0 8px 0;
    width: 100%;
  }
  .dashBoard .study-challenges .study-challenge .show-content .right-cont .accordion-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li {
    align-items: flex-start;
    flex-direction: column;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state {
    width: 100%;
    margin-top: 8px;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info {
    justify-content: space-between;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .check-state .graph-info span {
    width: 88px;
    font-size: 13px;
    text-align: left;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list .process-album > .clear {
    display: flex;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list .process-album .text-cont {
    float: none;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .type-list .process-album .text-cont .hover-cont {
    top: 0;
    transform: translateY(0);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .challenge-lists li .completion {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 12px;
  }
  .dashBoard .study-challenges .study-challenge .hide-content .challenge-wrap .finish-stamp {
    width: 109.41px;
    height: 114.8px;
    font-size: 20px;
    right: 0;
  }
  .dashBoard .level-popup {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    padding: 0;
  }
  .dashBoard .level-popup .pop-header {
    padding: 20px 16px;
    border-bottom: 1px solid #EFEFEF;
  }
  .dashBoard .level-popup .pop-header .icon.pop-close-btn {
    right: 16px;
  }
  .dashBoard .level-popup .pop-cont {
    padding: 0 16px;
  }
  .popupActive .popupWrap .dashBoardPointPop {
    width: 100%;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupHead {
    padding: 16px 0;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupHead > button {
    top: 16px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-selects {
    flex-direction: column;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select {
    width: 100%;
    margin-top: 16px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label {
    display: flex;
    padding: 16px 16px 16px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label span {
    flex-shrink: 0;
    margin: 38px 0 0 0;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label > div {
    flex-grow: 1;
    padding-left: 12px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label > div .text-conts {
    margin-top: 8px;
    padding-top: 8px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label > div .text-conts b {
    font-size: 16px;
    line-height: 23.68px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .item-select input[type="radio"] + label > div .text-conts p {
    font-size: 13px;
    line-height: 19.24px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .point-info li {
    font-size: 14px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .point-info li span {
    font-size: 14px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .point-notice {
    font-size: 13px;
    line-height: 19.24px;
  }
  .popupActive .popupWrap .dashBoardPointPop .popupCont .btns-wrap .btn {
    width: 48%;
    font-size: 14px;
    height: 42px;
  }
}
.menu-link {
  position: relative;
  max-width: 940px;
}
.menu-link img {
  max-width: 100%;
}
.menu-link div a {
  font-size: 0;
  text-indent: -9999px;
  opacity: 0.5;
}
.link-box1 {
  position: absolute;
  width: 26.5%;
  height: 100%;
  top: 3%;
  left: 1%;
  padding-top: 8%;
}
.link-box1 a {
  display: block;
  width: 100%;
  padding-top: 12%;
  margin-bottom: 2%;
}
.link-box2 {
  position: absolute;
  width: 19%;
  height: 100%;
  top: 3%;
  left: 27.5%;
  padding-top: 8%;
}
.link-box2 a {
  display: block;
  width: 100%;
  padding-top: 17%;
  margin-bottom: 2%;
}
.link-box3 {
  position: absolute;
  width: 20%;
  height: 100%;
  top: 3%;
  left: 53%;
  padding-top: 8%;
}
.link-box3 a {
  display: block;
  width: 100%;
  padding-top: 16.3%;
  margin-bottom: 2%;
}
.link-box4 {
  position: absolute;
  width: 23%;
  height: 100%;
  top: 3%;
  right: 1.5%;
  padding-top: 8%;
}
.link-box4-1 {
  position: relative;
  padding-top: 13%;
  width: 100%;
}
.link-box4-2 {
  position: relative;
  padding-top: 20%;
  width: 100%;
}
.link-box4-3 {
  position: relative;
  padding-top: 21%;
  width: 100%;
}
.link-box4-4 {
  position: relative;
  padding-top: 21%;
  width: 100%;
}
.link-box4 a {
  display: block;
  width: 100%;
  padding-top: 11.3%;
  margin-bottom: 1.5%;
}
.subPage {
  padding-top: 123px;
}
.icon.calendar {
  border: none;
}
footer {
  height: auto;
}
@media screen and (max-width: 1199px) {
  .subPage {
    padding-top: 72px;
  }
}
@media screen and (max-width: 767px) {
  .subPage {
    padding-top: 56px;
  }
}