@charset "UTF-8";
/* URL */
/* Font */
/* Color */
/**
* --------------------------------
* Sub CSS
* --------------------------------
*/
/**
* --------------------------------
* Login
* --------------------------------
*/
body.theme-index.login:after {
  display: none;
}

section.login {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: -60px;
  width: 450px;
  text-align: center;
}
section.login img {
  display: inline-block;
  margin-bottom: 40px;
}
section.login label {
  width: 100%;
}
section.login .form-control {
  background: #e7e7e7;
  margin-bottom: 12px;
  height: 64px;
  line-height: 62px;
  font-size: 20px;
}
section.login .form-control::placeholder, section.login .form-control:-ms-input-placeholder {
  font-size: 20px;
}
section.login .row {
  margin-bottom: 20px;
}
section.login .col-8 {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4c4c4c;
}
section.login .col-8 a {
  position: relative;
  display: inline-block;
  margin: 5px 20px 0;
}
section.login .col-8 a + a {
  margin-right: 0;
}
section.login .col-8 a + a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  background-color: #e7e7e7;
  width: 1px;
  height: 20px;
}
section.login button {
  margin-bottom: 30px;
  border-radius: 3px;
  background: #0085fb;
  background: linear-gradient(95deg, #247af6 0%, #854ccf 100%);
  width: 100%;
  height: 60px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: white;
  line-height: 1.2;
  text-align: center;
}
section.login ul li {
  text-align: left;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #767676;
  line-height: 1.75;
  letter-spacing: -1.4px;
}
section.login ul li:before {
  width: 2px;
  height: 2px;
  top: 13px;
  background-color: #818181;
}

/**
* --------------------------------
* 개인정보 수집 및 이용동의
* --------------------------------
*/
body.theme-index.privacy:after {
  display: none;
}

section.privacy {
  width: 820px;
  text-align: center;
  margin: 0 auto;
}
section.privacy .titLevel01 {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 38px;
  color: #000000;
  line-height: 1;
  letter-spacing: -2px;
  margin-bottom: 35px;
}
section.privacy .wall {
  background: #f9f9f9;
  padding: 20px 0 30px;
  margin-bottom: 45px;
  color: #4c4c4c;
}
section.privacy .titLevel02 {
  text-align: left;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
section.privacy .table-wrap.list {
  margin-bottom: 36px;
}
section.privacy .table-wrap.list thead th {
  letter-spacing: -1px;
}
section.privacy .table-wrap.list tbody td {
  padding: 13px 0 16px;
  letter-spacing: -1px;
  line-height: 27px;
}
section.privacy .table-wrap.list tfoot td {
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 0 38px;
  letter-spacing: -0.8px;
  border-bottom: 1px solid #efefef;
}
section.privacy .table-wrap.list + p {
  letter-spacing: -1px;
  margin-bottom: 10px;
}
section.privacy .radio-inline {
  margin-bottom: 30px;
}
section.privacy .btn {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  border-radius: 3px;
  width: 240px;
  line-height: 60px;
}

/**
* --------------------------------
* Planning
* --------------------------------
*/
.planning-setup-subject {
  transition: transform 0.5s;
  padding-top: 16px;
}
.planning-setup-subject > header {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.planning-setup-subject > header .titLevel01 {
  display: inline-block;
}
.planning-setup-subject > header .titLevel01 + ul {
  display: inline-block;
  margin-left: 33px;
}
.planning-setup-subject > header .titLevel01 + ul li {
  color: #4c4c4c;
  display: inline-block;
  margin-right: 10px;
}
.planning-setup-subject > header .titLevel01 + ul li span, .planning-setup-subject > header .titLevel01 + ul li strong {
  margin-left: 3px;
  font-size: 20px;
}
.planning-setup-subject > header .titLevel01 + ul li strong {
  color: #347EE7;
}
.planning-setup-subject > header .txt-Right {
  color: #000000;
}
.planning-setup-subject > header .txt-Right strong {
  font-weight: 700;
  position: relative;
}
.planning-setup-subject > header .txt-Right strong:before {
  content: "";
  display: block;
  background-color: #347ee7;
  opacity: 0.361;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 8px;
}

.CreditBoard {
  border: 1px solid #efefef;
  border-radius: 4px;
  background-color: white;
  margin-top: -10px;
  margin-left: -7px;
  transition: all 0.5s;
}
.CreditBoard > button {
  width: 100%;
  height: 34px;
}
.CreditBoard > button:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -195px -87px;
  width: 12px;
  height: 7px;
  position: relative;
  top: -9px;
}
.CreditBoard .front {
  display: block;
  width: 145px;
  padding: 13px 15px 0;
  box-sizing: border-box;
}
.CreditBoard .front li {
  line-height: 1;
  padding: 5px 0 6px;
}
.CreditBoard .front span.col {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  flex: 0 0 53px;
  max-width: 53px;
}
.CreditBoard .front strong.col {
  text-align: left;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 13px;
}
.CreditBoard .front strong.col span + span:before {
  content: "/";
  margin: 0 1px;
  color: #767676;
}
.CreditBoard .front .fail {
  color: #000;
}
.CreditBoard .front .pass {
  color: #347EE7;
}
.CreditBoard .front .total {
  color: #767676;
}
.CreditBoard .back {
  display: none;
  padding-top: 16px;
  width: 258px;
}
.CreditBoard .back .scrollbar {
  max-height: calc(100vh - 300px);
}
.CreditBoard .back .collapse-header {
  position: relative;
  padding: 4px 20px;
}
.CreditBoard .back .collapse-header .titLevel02 {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 16px;
  cursor: pointer;
}
.CreditBoard .back .collapse-header .progress {
  height: 14px;
  margin-top: -7px;
}
.CreditBoard .back .collapse-header .progress > span {
  position: absolute;
  right: 5px;
  top: 8px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 13px;
}
.CreditBoard .back .collapse-header .progress > span strong {
  color: #347EE7;
}
.CreditBoard .back .collapse-header .progress > span strong.fail {
  color: #000;
}
.CreditBoard .back .collapse-header .progress-bar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.CreditBoard .back .collapse-header .progress-bar.fail {
  background: #000;
  color: #fff;
  text-align: right;
  padding: 0 5px;
  box-sizing: border-box;
  z-index: 3;
}
.CreditBoard .back .collapse-header .progress-bar.pass {
  background-color: #347EE7;
  z-index: 2;
}
.CreditBoard .back .collapse-header .col + .col {
  flex: 0 0 120px;
  max-width: 120px;
}
.CreditBoard .back .collapse-header:before {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -204px -94px;
  width: 10px;
  height: 11px;
}
.CreditBoard .back .collapse-header.off:before {
  background-position-x: -194px;
}
.CreditBoard .back .collapse {
  background: #f2f7fe;
  padding-top: 12px;
  padding-bottom: 12px;
}
.CreditBoard .back .collapse ul > li {
  padding-left: 37px;
  margin: 3px 0;
}
.CreditBoard .back .collapse ul > li span {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4c4c4c;
  float: right;
  padding-right: 34px;
}
.CreditBoard .back .collapse ul > li strong {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #767676;
  vertical-align: top;
}

body.CreditBoardOpen .planning-setup-subject {
  transform: translateX(-113px);
}
body.CreditBoardOpen .CreditBoard {
  transform: translateX(-113px);
}
body.CreditBoardOpen .CreditBoard .front {
  display: none;
}
body.CreditBoardOpen .CreditBoard .back {
  display: block;
}
body.CreditBoardOpen .CreditBoard > button:before {
  transform: rotate(-180deg);
}

.SubjectSetup {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 14px;
}
.SubjectSetup > .swiper-button-prev {
  left: -27px;
  top: calc(30vh);
}
.SubjectSetup > .swiper-button-next {
  right: -27px;
  top: calc(30vh);
}
.SubjectSetup button.direct {
  margin-top: 10px;
  width: 160px;
  line-height: 40px;
  border-radius: 3px;
  background-color: #bbcde6;
}
.SubjectSetup button.direct span {
  color: #29446a;
}
.SubjectSetup button.direct span:after {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -53px -95px;
  width: 10px;
  height: 10px;
  position: relative;
  top: -2px;
  margin-left: 11px;
}
.SubjectSetup button.ai {
  width: 160px;
  line-height: 40px;
  position: relative;
  background: #0085fb;
  background: linear-gradient(95deg, #247af6 0%, #854ccf 100%);
}
.SubjectSetup button.ai span {
  padding-left: 11px;
  color: #fff;
}
.SubjectSetup button.ai:before {
  content: "";
  display: inline-block;
  margin-right: 9px;
  width: 30px;
  height: 40px;
  background: url("../images/learning/ai.png") no-repeat 0 0;
  background-size: 100% auto;
  vertical-align: sub;
  position: absolute;
  left: 10px;
  bottom: -5px;
}
.SubjectSetup .item-frame {
  margin: 0 10px;
}
.SubjectSetup .item-frame .no-data {
  height: 500px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0px 13px 27px 0px rgb(0 0 0 / 9%);
}
.SubjectSetup .item-frame .no-data .inner {
  padding-top: 150px;
}
.SubjectSetup .item-outer {
  padding: 20px;
  border-width: 1px;
  border-color: #efefef;
  border-style: solid;
  border-radius: 24px;
  background-color: #f2f7fe;
  min-height: 500px;
}
.SubjectSetup .item-outer.current {
  border-color: #347EE7;
}
.SubjectSetup .item-header {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-bottom: 18px;
}
.SubjectSetup .item-header .titLevel02 {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
}
.SubjectSetup .item-header .progress {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 72%;
  max-width: 72%;
  height: 20px;
  top: 7px;
}
.SubjectSetup .item-header .progress span {
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  line-height: 20px;
  font-size: 14px;
  color: #000;
}
.SubjectSetup .item-header .progress strong {
  position: relative;
}
.SubjectSetup .item-header .progress strong[style*="100%"] + span {
  color: #fff;
}
.SubjectSetup .item-inner {
  margin-top: 10px;
  position: relative;
}
.SubjectSetup .item-inner + .item-inner {
  margin-top: 20px;
}
.SubjectSetup .item-inner .badge {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  border-radius: 3px;
  min-width: 48px;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
}
.SubjectSetup .item-inner h5 {
  padding-bottom: 8px;
}
.SubjectSetup .item-inner .tooltip.danger {
  display: inline-block;
  margin-left: 8px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -17px -48px;
  width: 16px;
  height: 14px;
}
.SubjectSetup .item-inner .now-add {
  border-radius: 50%;
  background-color: #347ee7;
  box-shadow: 3px 5.196px 8px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  width: 28px;
  height: 28px;
}
.SubjectSetup .item-inner .now-add + .add-course {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
  width: 160px;
}
.SubjectSetup .item-inner .now-add.active {
  transform: rotate(45deg);
}
.SubjectSetup .item-inner .now-add.active + .add-course {
  display: block;
}
.SubjectSetup .item-inner .now-add:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -78px -94px;
  width: 10px;
  height: 10px;
  position: relative;
  top: -2px;
}
.SubjectSetup .item-inner .add-course {
  padding: 20px;
  text-align: center;
}
.SubjectSetup .item-inner .swiper-subject {
  margin-bottom: 10px;
}
.SubjectSetup .item-inner .swiper-subject .swiper-slide {
  margin: 0 2px;
}
.SubjectSetup .item-inner .swiper-subject .badge {
  min-width: auto;
}
.SubjectSetup .item-inner .swiper-subject .swiper-button-prev,
.SubjectSetup .item-inner .swiper-subject .swiper-button-next {
  height: 32px;
  margin-top: -16px;
}
.SubjectSetup .item-inner .season {
  display: block;
  width: 100%;
  padding: 1em 0;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.SubjectSetup .item-inner .season span:after {
  content: "";
  margin-left: 8px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -194px -95px;
  width: 10px;
  height: 10px;
}
.SubjectSetup .item-inner button.if {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  z-index: 2;
}
.SubjectSetup .item-inner .course .ready-ul ~ .if {
  display: none !important;
}
.SubjectSetup .item-inner button.if:hover, .SubjectSetup .item-inner button.if:focus {
  font-weight: 700;
  text-decoration: underline;
}
.SubjectSetup .item-inner button.if:before {
  margin-right: 8px;
  position: relative;
  top: 4px;
  display: inline-block;
  content: "";
  width: 20px;
  height: 19px;
  background: url("../images/common/_tab.png") no-repeat -317px -182px;
}
.SubjectSetup .item-inner .course {
  position: relative;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0px 13px 27px 0px rgba(0, 0, 0, 0.09);
}
.SubjectSetup .item-inner .course .name {
  position: relative;
  padding-top: 7px;
  padding-left: 7px;
  word-break: break-all;
}
.SubjectSetup .item-inner .course .name:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 2px;
  height: 2px;
  background-color: #585858;
}
.SubjectSetup .item-inner .course .name .ellipsis {
  display: inline-block;
}
.SubjectSetup .item-inner .course .name .keyword {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  border: 1px solid #cccccc;
  border-radius: 3px;
  min-width: 49px;
  line-height: 18px;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
}
.SubjectSetup .item-inner .course .name .tooltip.warning {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.SubjectSetup .item-inner .course .name .tooltip.warning:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -166px -89px;
  width: 17px;
  height: 16px;
}
.SubjectSetup .item-inner .course .name .tooltip-point {
  display: none;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.SubjectSetup .item-inner .course .name .tooltip-point:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -166px -89px;
  width: 17px;
  height: 16px;
}
.SubjectSetup .item-inner .course .name .tooltip-move {
  display: block;
  width: 90px;
  margin-top: -64px;
  transform: translateX(-46%);
  border-color: #f8611b;
  color: #f8611b;
  font-style: normal;
  text-align: center;
}
.SubjectSetup .item-inner .course li {
  border: 1px solid #fff;
  padding: 8px 11px;
}
.SubjectSetup .item-inner .course li:first-child {
  padding-top: 20px;
}
.SubjectSetup .item-inner .course li:last-child {
  padding-bottom: 20px;
}
.SubjectSetup .item-inner .course li.disabled .name span {
  text-decoration: line-through;
}
.SubjectSetup .item-inner .course li.warning {
  cursor: pointer;
}
.SubjectSetup .item-inner .course li.warning .name {
  color: #f8611b;
}
.SubjectSetup .item-inner .course li.warning .name:before {
  background-color: #f8611b;
}
.SubjectSetup .item-inner .course .edit .name {
  padding-right: 30px;
}
.SubjectSetup .item-inner .course .edit .more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 3px;
}
.SubjectSetup .item-inner .course .edit .more:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -183px -103px;
  width: 11px;
  height: 2px;
}
.SubjectSetup .item-inner .course .edit .more.active + .edit-more {
  display: block;
}
.SubjectSetup .item-inner .course .ready {
  cursor: pointer;
  border-color: #f8611b;
}
.SubjectSetup .item-inner .course .ready .name {
  color: #f8611b;
  padding-right: 0;
}
.SubjectSetup .item-inner .course .ready .tooltip-point {
  display: inline-block;
}
.SubjectSetup .item-inner .course .ready .more {
  display: none;
}
.SubjectSetup .item-inner .course .ready .tooltip.warning {
  display: none;
}

.edit-more {
  display: none;
  z-index: 10;
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  width: 117px;
}
.edit-more button, .edit-more a {
  line-height: 40px;
  padding-left: 12px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.edit-more button span, .edit-more a span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  padding-left: 25px;
  position: relative;
  position: relative;
}
.edit-more button span:before, .edit-more a span:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.edit-more button:hover, .edit-more button:focus, .edit-more a:hover, .edit-more a:focus {
  background: #f5f5f5;
}
.edit-more button:nth-child(1) span:before, .edit-more a:nth-child(1) span:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -530px -48px;
  width: 18px;
  height: 17px;
}
.edit-more button:nth-child(2) span:before, .edit-more a:nth-child(2) span:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -549px -48px;
  width: 16px;
  height: 16px;
}
.edit-more + .tooltip {
  display: none;
}

.planning-setup-non {
  margin-top: 60px;
}
.planning-setup-non .tabs {
  float: right;
  margin-top: -6px;
}
.planning-setup-non .tabs li {
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.planning-setup-non .tabs li:before {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.planning-setup-non .tabs li.current {
  border-bottom-width: 0;
  background-color: #e5effd;
}
.planning-setup-non .tabs [data-tab=non-card]:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -571px -49px;
  width: 15px;
  height: 15px;
}
.planning-setup-non .tabs [data-tab=non-card].current:before {
  background-position-x: -588px;
}
.planning-setup-non .tabs [data-tab=non-list]:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -625px -48px;
  width: 15px;
  height: 17px;
}
.planning-setup-non .tabs [data-tab=non-list].current:before {
  background-position-x: -608px;
}
.planning-setup-non h4 {
  color: #12419a;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.planning-setup-non .txt {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.planning-setup-non .keyword {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  border: 1px solid #cccccc;
  border-radius: 3px;
  min-width: 49px;
  line-height: 18px;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
}
.planning-setup-non .btns .btn {
  padding: 5px;
}
.planning-setup-non .btns .btn:hover i:before, .planning-setup-non .btns .btn:focus i:before {
  background-position-y: -26px;
}
.planning-setup-non #non-card {
  margin-top: 7px;
}
.planning-setup-non .card {
  border: 1px solid #efefef;
  margin: 0 auto 20px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0.574px 0.819px 4px 0px rgba(0, 0, 0, 0.05);
  width: 265px;
  height: 172px;
  box-sizing: border-box;
}
.planning-setup-non .card .card-inner {
  padding: 25px 22px 50px;
}
.planning-setup-non .card.empty {
  border-style: solid;
  border-width: 3px;
  border-color: #e7e7e7;
  border-radius: 4px;
  background-color: #f9f9f9;
  width: 273px;
}
.planning-setup-non .card.empty .card-inner {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  padding: 0;
}
.planning-setup-non .card.empty button {
  display: block;
  vertical-align: middle;
  color: #767676;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.planning-setup-non .card.empty button:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -497px -48px;
  width: 29px;
  height: 29px;
}
.planning-setup-non .card.empty button span {
  display: block;
  padding-top: 10px;
}
.planning-setup-non .card .txt {
  max-height: 72px;
  overflow: hidden;
}
.planning-setup-non .card .keyword {
  float: right;
}
.planning-setup-non .card .btns {
  position: absolute;
  right: 13px;
  bottom: 7px;
}
.planning-setup-non .card .confirm,
.planning-setup-non .card .date {
  position: absolute;
  left: 20px;
  bottom: 17px;
}
.planning-setup-non .card .confirm:before,
.planning-setup-non .card .date:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url("../images/common/form.png");
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.planning-setup-non .card .confirm:before {
  background-position: -87px -88px;
}
.planning-setup-non .card .date:before {
  background-position: -87px -110px;
}
.planning-setup-non #non-list {
  margin-top: 17px;
}
.planning-setup-non .list .add {
  border-radius: 50%;
  background-color: #347ee7;
  box-shadow: 3px 5.196px 8px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 100px;
  top: -4px;
  width: 40px;
  height: 40px;
}
.planning-setup-non .list .add:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -78px -94px;
  width: 10px;
  height: 10px;
  transform: scale(1.2);
}
.planning-setup-non .list ul {
  margin-top: 10px;
}
.planning-setup-non .list li {
  border: 1px solid #efefef;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0.574px 0.819px 4px 0px rgba(0, 0, 0, 0.05);
  min-height: 66px;
  width: 100%;
  line-height: 66px;
  position: relative;
  margin-bottom: 10px;
}
.planning-setup-non .list li:after {
  clear: both;
  content: "";
  display: block;
}
.planning-setup-non .list h4 {
  float: left;
  margin-left: 65px;
  margin-right: 30px;
}
.planning-setup-non .list .txt {
  padding: 19px 0 19px;
  float: left;
  max-width: calc(100% - 380px);
  line-height: 24px;
}
.planning-setup-non .list .btns {
  float: right;
  margin-right: 10px;
}
.planning-setup-non .list .btns .btn {
  margin-top: 15px;
}
.planning-setup-non .list .date {
  float: right;
  margin-right: 20px;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.planning-setup-non .list .date span {
  padding-left: 5px;
}
.planning-setup-non .list .confirm {
  position: absolute;
  left: 25px;
  top: 22px;
}
.planning-setup-non .list .confirm:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url("../images/common/form.png");
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.planning-setup-non .list button.confirm:before {
  background-position: -87px -88px;
}
.planning-setup-non .list span.confirm {
  line-height: 1;
}
.planning-setup-non .list span.confirm:before {
  background-position: -87px -110px;
}

.scrollbar-map > .scroll-element_outer {
  display: none;
  height: 100px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 100px;
}
.scrollbar-map > .scroll-element_outer .scroll-element_size, .scrollbar-map > .scroll-element_outer .scroll-element_track {
  background-color: #999;
  background-color: rgba(153, 153, 153, 0.4);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.scrollbar-map > .scroll-element_outer .scroll-bar {
  background-color: #CCC;
  background-color: rgba(204, 204, 204, 0.5);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-map > .scroll-element_outer .scroll-bar:focus {
  background-color: #cccccc;
}
.scrollbar-map > .scroll-element_outer.scroll-scrollx_visible, .scrollbar-map > .scroll-element_outer.scroll-scrolly_visible {
  display: block;
}

.popup.popCourseAi .jumbotron {
  background: url("../images/common/ai_robot_80x80.png") no-repeat 2px 7px;
  line-height: 1.3;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 108px;
  letter-spacing: -1.3px;
}
.popup.popCourseAi .jumbotron strong {
  display: block;
}
.popup.popCourseAi .tabs {
  padding-top: 8px;
  border-bottom: 1px solid #efefef;
  margin-left: -44px;
  margin-right: -44px;
  padding-left: 48px;
  padding-right: 44px;
}
.popup.popCourseAi .tabs li {
  border-bottom: 3px solid #fff;
  display: inline-block;
  margin-right: 30px;
  padding-left: 4px;
}
.popup.popCourseAi .tabs li .add-favorites {
  margin-right: 6px;
  position: relative;
  top: 7px;
}
.popup.popCourseAi .tabs li .add-favorites:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 20px;
  background: url("../images/common/_tab.png") no-repeat -301px -234px;
}
.popup.popCourseAi .tabs li .btn {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #949494;
  line-height: 36px;
}
.popup.popCourseAi .tabs li.current {
  border-bottom-color: #347EE7;
}
.popup.popCourseAi .tabs li.current .add-favorites:before {
  background-position: -285px -26px;
}
.popup.popCourseAi .tabs li.current .btn {
  color: #347EE7;
}
.popup.popCourseAi .favorites {
  position: absolute;
  right: 3px;
  top: 49px;
}
.popup.popCourseAi .favorites .frame {
  display: none;
  overflow: hidden;
  border-radius: 10px;
  position: absolute;
  right: -6px;
  top: 42px;
  width: 274px;
  padding-bottom: 36px;
  max-height: calc(100vh - 200px);
}
.popup.popCourseAi .favorites .frame header {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #347EE7;
  text-align: center;
  padding-top: 14px;
}
.popup.popCourseAi .favorites .frame-outer {
  max-height: calc(100vh - 190px);
  position: relative;
  height: 100%;
  padding-left: 20px;
  margin-top: -12px;
}
.popup.popCourseAi .favorites > button {
  background: #f2f7fe;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.popup.popCourseAi .favorites > button:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 20px;
  background: url("../images/common/_tab.png") no-repeat -301px -26px;
  transform: scale(0.8);
}
.popup.popCourseAi .favorites > button.active:before {
  background-position-x: -285px;
}
.popup.popCourseAi .favorites > button.active + .frame {
  display: block;
  z-index: 2;
}
.popup.popCourseAi .favorites ul {
  padding-right: 20px;
  max-height: calc(100vh - 190px);
}
.popup.popCourseAi .favorites li {
  position: relative;
  padding-top: 20px;
  padding-bottom: 15px;
}
.popup.popCourseAi .favorites li .titLevel02 {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.popup.popCourseAi .favorites li .btn {
  position: absolute;
  right: -1px;
  top: 38px;
}
.popup.popCourseAi .favorites li .btn:hover i:before, .popup.popCourseAi .favorites li .btn:focus i:before {
  background-position-y: -26px;
}
.popup.popCourseAi .favorites li + li {
  border-top: 1px solid #efefef;
}
.popup.popCourseAi .favorites .date {
  display: block;
  color: #767676;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.popup.popCourseAi .favorites .txt {
  padding: 12px;
  line-height: 1.3;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
  border: 1px solid #efefef;
  margin-bottom: 9px;
}
.popup.popCourseAi .semester {
  height: 52px;
}
.popup.popCourseAi .semester li {
  line-height: 1;
  padding-top: 20px;
}
.popup.popCourseAi .contents {
  position: relative;
  padding: 0;
  height: calc(100vh - 285px);
  margin-left: -44px;
  margin-right: -44px;
}
.popup.popCourseAi #frameMajormap {
  height: 100%;
}
.popup.popCourseAi #multi-major {
  background: #f9f9f9;
  padding: 26px 44px;
  box-sizing: border-box;
  height: 100%;
}
.popup.popCourseAi #multi-major .titLevel01 {
  text-align: left;
  line-height: 1.4;
  padding-left: 36px;
  text-indent: -34px;
  margin-bottom: 20px;
}
.popup.popCourseAi #multi-major .scrollbar {
  height: calc(100% - 85px);
}
.popup.popCourseAi .scrollbar-map {
  height: 100%;
  overflow: hidden;
}
.popup.popCourseAi .item4 > li:nth-child(1) {
  left: 24.4%;
  top: 18.4%;
}
.popup.popCourseAi .item4 > li:nth-child(2) {
  left: 38.1%;
  top: 50.7%;
}
.popup.popCourseAi .item4 > li:nth-child(3) {
  left: 58.3%;
  top: 30.7%;
}
.popup.popCourseAi .item4 > li:nth-child(4) {
  left: 76.2%;
  top: 69.5%;
}
.popup.popCourseAi .item8 > li:nth-child(1) {
  left: 14.4%;
  top: 22.4%;
}
.popup.popCourseAi .item8 > li:nth-child(2) {
  left: 29%;
  top: 12.5%;
}
.popup.popCourseAi .item8 > li:nth-child(3) {
  left: 20.1%;
  top: 57.1%;
}
.popup.popCourseAi .item8 > li:nth-child(4) {
  left: 41.6%;
  top: 36.8%;
}
.popup.popCourseAi .item8 > li:nth-child(5) {
  left: 57.9%;
  top: 30.2%;
}
.popup.popCourseAi .item8 > li:nth-child(6) {
  left: 58%;
  top: 56.1%;
}
.popup.popCourseAi .item8 > li:nth-child(7) {
  left: 52%;
  top: 77.1%;
}
.popup.popCourseAi .item8 > li:nth-child(8) {
  left: 74.5%;
  top: 75.1%;
}
.popup.popCourseAi .item10 > li:nth-child(1) {
  left: 19.9%;
  top: 15.1%;
}
.popup.popCourseAi .item10 > li:nth-child(2) {
  left: 32.7%;
  top: 7.8%;
}
.popup.popCourseAi .item10 > li:nth-child(3) {
  left: 33.4%;
  top: 27%;
}
.popup.popCourseAi .item10 > li:nth-child(4) {
  left: 19.1%;
  top: 53.7%;
}
.popup.popCourseAi .item10 > li:nth-child(5) {
  left: 36%;
  top: 54.3%;
}
.popup.popCourseAi .item10 > li:nth-child(6) {
  left: 43.8%;
  top: 35.5%;
}
.popup.popCourseAi .item10 > li:nth-child(7) {
  left: 60.4%;
  top: 28.2%;
}
.popup.popCourseAi .item10 > li:nth-child(8) {
  left: 59.4%;
  top: 53.1%;
}
.popup.popCourseAi .item10 > li:nth-child(9) {
  left: 50.6%;
  top: 76%;
}
.popup.popCourseAi .item10 > li:nth-child(10) {
  left: 78.1%;
  top: 72.4%;
}
.popup.popCourseAi .item12 > li:nth-child(1) {
  left: 18.9%;
  top: 16.1%;
}
.popup.popCourseAi .item12 > li:nth-child(2) {
  left: 29.9%;
  top: 6.3%;
}
.popup.popCourseAi .item12 > li:nth-child(3) {
  left: 41.4%;
  top: 15.3%;
}
.popup.popCourseAi .item12 > li:nth-child(4) {
  left: 28.6%;
  top: 31%;
}
.popup.popCourseAi .item12 > li:nth-child(5) {
  left: 18.2%;
  top: 51.7%;
}
.popup.popCourseAi .item12 > li:nth-child(6) {
  left: 35.8%;
  top: 51%;
}
.popup.popCourseAi .item12 > li:nth-child(7) {
  left: 45.1%;
  top: 33.2%;
}
.popup.popCourseAi .item12 > li:nth-child(8) {
  left: 62.2%;
  top: 29.2%;
}
.popup.popCourseAi .item12 > li:nth-child(9) {
  left: 55.7%;
  top: 55%;
}
.popup.popCourseAi .item12 > li:nth-child(10) {
  left: 54.9%;
  top: 78.8%;
}
.popup.popCourseAi .item12 > li:nth-child(11) {
  left: 68%;
  top: 72.2%;
}
.popup.popCourseAi .item12 > li:nth-child(12) {
  left: 80.5%;
  top: 71.9%;
}
.popup.popCourseAi #majormap.wide .frame-inner > div {
  max-height: 150px;
}
.popup.popCourseAi #majormap.wide .frame-inner .list > li {
  display: block;
  width: 326px;
  max-width: 100%;
  box-sizing: border-box;
}
.popup.popCourseAi #majormap.wide .frame-inner .list > li small {
  position: relative;
  right: auto;
  margin-left: 6px;
}
.popup.popCourseAi #majormap.wide .frame-inner .list > li small:before {
  top: 5px;
}
.popup.popCourseAi #majormap.wide .frame-inner .list > li .name {
  display: inline-block;
  max-width: calc(100% - 50px);
}

.swiperCourseAi {
  padding-top: 10px;
  height: 48px;
}
.swiperCourseAi .swiper-container {
  margin-left: -44px;
  margin-right: -44px;
  padding-left: 44px;
  padding-right: 44px;
}
.swiperCourseAi .swiper-container:after, .swiperCourseAi .swiper-container:before {
  content: "";
  width: 44px;
  height: 70px;
  background: #fff;
  position: absolute;
  top: -10px;
  z-index: 2;
}
.swiperCourseAi .swiper-container:after {
  right: 0;
}
.swiperCourseAi .swiper-container:before {
  left: 0;
}
.swiperCourseAi .swiper-slide {
  width: auto;
  padding-top: 7px;
}
.swiperCourseAi .swiper-slide button {
  margin: 0 2px;
  display: inline-block;
  padding: 0 13px;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  border-width: 1px;
  border-color: #d9d9d9;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
}
.swiperCourseAi .current button {
  color: #fff;
  background: #347EE7;
  border-color: #347EE7;
}
.swiperCourseAi .swiper-button-prev {
  left: 20px;
}
.swiperCourseAi .swiper-button-next {
  right: 20px;
}
.swiperCourseAi .swiper-button-prev, .swiperCourseAi .swiper-button-next {
  margin-top: -32px;
  transform: scale(0.7);
}

.popup.popAddFavorites {
  width: 370px;
  height: 308px;
  left: 48px;
  top: 185px;
}
.popup.popAddFavorites h2.titLevel01 {
  font-weight: 400;
}
.popup.popAddFavorites .contents {
  padding-top: 6px;
}
.popup.popAddFavorites .row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.popup.popAddFavorites .col label {
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  top: 9px;
}
.popup.popAddFavorites .col.form-group {
  flex: 0 0 238px;
  max-width: 238px;
}
.popup.popAddFavorites .col.form-group .scrollbar {
  height: 85px;
  border: 1px solid #efefef;
}
.popup.popAddFavorites .col.form-group .scrollbar textarea {
  border-color: transparent;
  height: 100%;
}
.popup.popAddFavorites .col.form-group input {
  height: 44px;
}
.popup.popAddFavorites .btns {
  margin-top: 11px;
  margin-bottom: 11px;
}
.popup.popAddFavorites .btns .btn {
  width: 160px;
  padding: 10px 0;
}

.popup.popCourseDirect {
  background: rgba(0, 0, 0, 0.1);
}
.popup.popCourseDirect .filters {
  padding-top: 15px;
  margin-bottom: -10px;
}
.popup.popCourseDirect .dropdown-radio {
  margin-bottom: 3px;
}
.popup.popCourseDirect .dropdown-radio .btn-header {
  color: #767676;
  border-color: #767676;
}
.popup.popCourseDirect .dropdown-list {
  border-color: #767676;
}
.popup.popCourseDirect .dropdown-list .btn-change {
  background-color: #767676;
  border-color: #767676;
  width: calc(100% + 2px);
}
.popup.popCourseDirect .contents {
  padding-top: 17px;
}
.popup.popCourseDirect .filter-year {
  width: 105px;
  z-index:3;
}
.popup.popCourseDirect .filter-semester {
  width: 100px;
  z-index:3;
}
.popup.popCourseDirect .filter-process {
  width: 115px;
  z-index:3;
}
.popup.popCourseDirect .filter-campus {
  width: 110px;
  z-index:3;
}
.popup.popCourseDirect .filter-university {
  width: 165px;
}
.popup.popCourseDirect .filter-department {
  width: 240px;
  margin-left: 0;
  margin-top: 10px;
  z-index: 1;
  margin-right: 10px;
}
.popup.popCourseDirect #filter07 {
  display: inline-block;
  margin-top: 10px;
  width: calc(100% - 250px);
  float: right;
  position: relative;
  top: 0;
}
.popup.popCourseDirect #filter07 .btn.btn-fill {
  flex: 0 0 80px;
  max-width: 80px;
}
.popup.popCourseDirect .non-setup {
  margin-left: -44px;
  margin-right: -44px;
}
.popup.type2.wide.popCourseDirect .inner {
  width: 743px;
}
.popup.popCourseDirect .sort {
  padding-left: 44px;
  margin-bottom: 8px;
}
.popup.popCourseDirect .sort button {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
}
.popup.popCourseDirect .sort button + button {
  margin-left: 23px;
}
.popup.popCourseDirect .sort button:after {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -651px -51px;
  width: 7px;
  height: 12px;
  margin-left: 2px;
  position: relative;
  top: 2px;
}
.popup.popCourseDirect .sort button.current {
  color: #000000;
  font-weight: 700;
}
.popup.popCourseDirect .sort button.current:after {
  background-position-x: -642px;
}
.popup.popCourseDirect .sort button:nth-child(1):after {
  content: "";
}
.popup.popCourseDirect .sort button:nth-child(2):after {
  content: "";
  transform: rotate(-180deg);
}
.popup.popCourseDirect .titLevel01 {
  letter-spacing: -0.5px;
}
.popup.popCourseDirect .titLevel01 strong {
  color: #347EE7;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding-left: 22px;
  margin-left: 20px;
  position: relative;
}
.popup.popCourseDirect .titLevel01 strong:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 8px;
  width: 1px;
  height: 16px;
}
.popup.popCourseDirect .titLevel01 span {
  margin-left: 30px;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.popup.popCourseDirect .scrollbar {
  max-height: calc(100vh - 200px);
  margin-top: 0;
}
.popup.popCourseDirect .scrollbar li {
  position: relative;
  border-top: 1px solid #efefef;
  margin-bottom: 0;
}
.popup.popCourseDirect .collapse-header {
  padding-left: 44px;
  padding-right: 44px;
}
.popup.popCourseDirect .collapse-header .badge {
  min-width: 48px;
  margin-right: 5px;
}
.popup.popCourseDirect .collapse-header .titLevel02 {
  display: inline-block;
}
.popup.popCourseDirect .collapse-header .titLevel02 span {
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.popup.popCourseDirect .collapse-header .titLevel02 span.ellipsis {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  vertical-align: top;
  display: inline-block;
  max-width: 250px;
}
.popup.popCourseDirect .collapse {
  padding-left: 44px;
}
.popup.popCourseDirect .add-to-plan {
  position: absolute;
  right: 40px;
  top: 15px;
  width: 108px;
  line-height: 28px;
  height: 28px;
  font-size: 13px;
  font-weight: 400;
}

#popLectureDetail {
  z-index: 101;
  background: rgba(0, 0, 0, 0.1);
}

.popup.popNonConfirm .contents {
  padding-top: 30px;
}
.popup.popNonConfirm .datepicker > span,
.popup.popNonConfirm .datepicker > label,
.popup.popNonConfirm .monthpicker > span,
.popup.popNonConfirm .monthpicker > label {
  flex: 0 0 144px;
  max-width: 144px;
}
.popup.popNonConfirm .datepicker > .hyphen,
.popup.popNonConfirm .monthpicker > .hyphen {
  flex: 0 0 50px;
  max-width: 50px;
  line-height: 45px;
}
.popup.popNonConfirm .form-group + .info {
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 30px;
  padding-top: 17px;
  border-top: 1px solid #efefef;
}
.popup.popNonConfirm .form-group + .info:before {
  display: inline-block;
  content: "*";
}
.popup.popNonConfirm .non-setup .scrollbar {
  max-height: calc(100vh - 500px);
}

.popup.popNonEdit .contents {
  padding-top: 30px;
}
.popup.popNonEdit .non-setup .titLevel02 {
  color: #4c4c4c;
}
.popup.popNonEdit .non-setup .scrollbar {
  max-height: calc(100vh - 500px);
}

.popup.popNonReq .contents {
  padding-top: 15px;
}
.popup.popNonReq .tabs {
  border-bottom: 1px solid #efefef;
  padding: 0 44px;
  margin-left: -44px;
  margin-right: -44px;
}
.popup.popNonReq .tabs .tab-link {
  font-weight: 700;
  color: #949494;
  margin: 0 14px;
  padding: 0 2px 10px;
}
.popup.popNonReq .tabs .tab-link.current {
  border-bottom-width: 3px;
}
.popup.popNonReq .tabs li:first-child {
  margin-left: 0;
}
.popup.popNonReq .tabs li:last-child {
  margin-right: 0;
}
.popup.popNonReq .non-setup .scrollbar {
  max-height: calc(100vh - 500px);
}

#popNonReqTab {
  padding-top: 27px;
}

.non-setup .scrollbar {
  margin-top: 15px;
}
.non-setup .scrollbar li {
  margin-bottom: 10px;
}
.non-setup .collapse-header {
  padding: 15px 0;
  cursor: pointer;
}
.non-setup .collapse-header .titLevel02 span {
  position: relative;
  color: #666666;
  padding-left: 10px;
  margin-left: 10px;
}
.non-setup .collapse-header .titLevel02 span:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 8px;
  width: 1px;
  height: 10px;
}
.non-setup .collapse-header .titLevel02:after {
  content: "";
  margin-left: 26px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -6px -85px;
  width: 18px;
  height: 8px;
  transform: rotate(-180deg);
}
.non-setup .collapse-header.off .titLevel02:after {
  transform: rotate(0);
}
.non-setup .collapse {
  position: relative;
  background: #f2f7fe;
  padding: 15px 100px 15px 22px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 2;
}
.non-setup .collapse .more {
  position: absolute;
  right: 40px;
  top: 20px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #767676;
}
.non-setup .collapse .more:after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -128px -24px;
  width: 6px;
  height: 11px;
  background-image: url("../images/common/form.png");
  position: relative;
  top: 2px;
}
.non-setup .notification {
  border-top: 1px solid #efefef;
  padding-top: 27px;
}
.non-setup .notification .titLevel02 {
  color: #4c4c4c;
  padding-bottom: 25px;
}
.non-setup .notification .titLevel02:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_tab.png");
  background-repeat: no-repeat;
  background-position: -270px -208px;
  width: 15px;
  height: 16px;
  margin-right: 8px;
  position: relative;
  left: 1px;
  top: 2px;
}
.non-setup .notification .form-group {
  width: 100%;
}
.non-setup .radioBtns {
  text-align: left;
  margin-top: 8px;
}
.non-setup .radioBtns .btn {
  margin: 0 2px 4px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: white;
  line-height: 30px;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.non-setup .radioBtns .btn.current {
  color: #fff;
  border-color: #347EE7;
  background-color: #347ee7;
}
.non-setup footer.btns {
  margin-top: 33px;
}
.non-setup footer.btns .reset {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
  width: 74px;
  line-height: 38px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-right: 10px;
}
.non-setup footer.btns .reset:hover, .non-setup footer.btns .reset:focus {
  font-weight: 700;
  color: #000;
}
.non-setup footer.btns .confirm-to-plan,
.non-setup footer.btns .edit-to-plan {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  border: 1px solid #347EE7;
  border-radius: 3px;
  background-color: #347EE7;
}
.non-setup footer.btns .confirm-to-plan {
  width: 252px;
  height: 48px;
}
.non-setup footer.btns .edit-to-plan {
  width: 160px;
  height: 40px;
}
.non-setup .add-to-plan {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #347EE7;
  border-width: 1px;
  border-color: #347ee7;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
  width: 158px;
  height: 38px;
}
.non-setup .add-to-plan:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("../images/common/_tab.png") no-repeat -144px -26px;
  margin-right: 7px;
}
.non-setup .add-to-plan:hover, .non-setup .add-to-plan:focus {
  color: #fff;
  background-color: #347EE7;
}
.non-setup .add-to-plan:hover:before, .non-setup .add-to-plan:focus:before {
  background-position-y: -182px;
}
.non-setup .form-group .col-label {
  position: relative;
}
.non-setup .form-group .col-label strong:before {
  content: "*";
  display: inline-block;
  color: #ea0000;
}
.non-setup .form-group .col-label .titLevel04 {
  transform: translateY(50%);
}
.non-setup .form-group + .form-group {
  padding-top: 12px;
}
.non-setup.language .radioBtns {
  margin-bottom: 27px;
}
.non-setup.language input[type=radio] + span {
  margin-right: 33px;
}
.non-setup.language .mt12 > label {
  margin-top: 5px;
}
.non-setup.language .mt12 > label + label {
  margin-top: 0;
  width: calc(100% - 120px);
  position: absolute;
  right: 0;
}
.non-setup.abroad .radioBtns {
  margin-bottom: 30px;
}
.non-setup.active .radioBtns {
  margin-bottom: 30px;
}

.alternativeCourses {
  display: none;
  z-index: 10;
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
}
.alternativeCourses header {
  color: #347EE7;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 12px 18px;
}
.alternativeCourses .scrollbar {
  max-height: 150px;
}
.alternativeCourses button {
  line-height: 40px;
  padding-left: 12px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.alternativeCourses button span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  position: relative;
}
.alternativeCourses button:hover, .alternativeCourses button:focus {
  background: #f5f5f5;
}

.planning-academic-progress .tooltip {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -17px -48px;
  width: 16px;
  height: 14px;
  margin-left: 5px;
}
.planning-academic-progress .tooltip.success {
  background-position: -67px -79px;
}
.planning-academic-progress .people {
  position: relative;
  display: inline-block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 20px;
  background-color: #f8f8f8;
  line-height: 40px;
  margin-top: 12px;
  padding-left: 63px;
  padding-right: 22px;
}
.planning-academic-progress .people i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url("../images/eNotice/people.png") no-repeat left bottom;
}
.planning-academic-progress .chart-group-data {
  margin: 10px 0;
  text-align: center;
  padding: 20px;
  background: #f8f8f8;
  max-width: 440px;
  flex: 0 0 440px;
  margin-right: 0;
  display: flex;
  border-radius: 40px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.planning-academic-progress .chart-group-data strong {
  display: block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 22px;
}
.planning-academic-progress .chart-group-data li {
  flex: 1;
  display: inline-block;
  color: #000000;
}
.planning-academic-progress .chart-group-data li:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -108px -87px;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}
.planning-academic-progress .chart-group-data li.me strong {
  color: #fb656d;
}
.planning-academic-progress .chart-group-data li.others:before {
  width: 22px;
  background-position-x: -126px;
}
.planning-academic-progress .chart-group-data li.ace:before {
  width: 17px;
  height: 17px;
  background-position-x: -148px;
}
.planning-academic-progress .menu {
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.planning-academic-progress .menu .titLevel01 {
  font-size: 22px;
  letter-spacing: 0;
}
.planning-academic-progress .menu .row.top {
  padding-top: 19px;
  margin-bottom: 17px;
}
.planning-academic-progress .menu .row.bottom {
  padding-top: 5px;
}
.planning-academic-progress .menu .row.Graduate {
  position: absolute;
  right: 0;
  top: 0;
}
.planning-academic-progress .menu .row.Graduate ul {
  background-color: rgba(52, 126, 231, 0.051);
  width: 280px;
  height: 32px;
  text-align: center;
  border-radius: 30px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.planning-academic-progress .menu .row.Graduate ul li {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 32px;
  display: inline-block;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.planning-academic-progress .menu .row.Graduate ul li strong {
  color: #333333;
  font-weight: 700;
  margin-left: 6px;
}
.planning-academic-progress .menu .row.Graduate ul li + li:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 11px;
  width: 1px;
  height: 12px;
}
.planning-academic-progress .menu .col.right {
  margin-top: -12px;
  text-align: right;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
.planning-academic-progress .menu .col.right li {
  display: inline-block;
  letter-spacing: -1px;
}
.planning-academic-progress .menu .col.right li + li {
  margin-left: 40px;
}
.planning-academic-progress .menu .col.right li > span {
  font-size: 20px;
  color: #347EE7;
  font-weight: 700;
}
.planning-academic-progress .menu .col.right li > span strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 40px;
  position: relative;
  top: 3px;
  padding-left: 13px;
  padding-right: 4px;
}
.planning-academic-progress .menu .col.left {
  position: relative;
  top: -2px;
  text-align: left;
  flex: 0 0 165px;
  max-width: 165px;
  margin-right: 7px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  letter-spacing: -1px;
}
.planning-academic-progress .menu .col.left > strong {
  color: #347EE7;
  border-bottom: 1px solid #347EE7;
}
.planning-academic-progress .menu .col.center {
  flex: 0 0 325px;
  max-width: 325px;
}
.planning-academic-progress .menu .col.center .progress-step {
  position: relative;
  top: -4px;
}
.planning-academic-progress .menu .col.txt li {
  position: relative;
  display: inline-block;
  padding: 10px 28px 0;
  color: #666666;
}
.planning-academic-progress .menu .col.txt li:first-child {
  padding-left: 0;
}
.planning-academic-progress .menu .col.txt strong {
  display: block;
  color: #333333;
}
.planning-academic-progress .menu .col.txt li + li:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 16px;
  width: 1px;
  height: 40px;
}
.planning-academic-progress .menu .col.bg {
  height: 80px;
  flex: 0 0 57%;
  max-width: 57%;
  border-radius: 2px;
  background: #f5f8fe;
  text-align: left;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.planning-academic-progress .menu .col.bg .col {
  padding-top: 10px;
}
.planning-academic-progress .menu .col.bg strong {
  font-weight: 700;
  color: #333333;
  display: inline-block;
}
.planning-academic-progress .menu .col.bg .date {
  color: #666666;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 5px;
}
.planning-academic-progress .menu .col.bg p {
  padding-right: 60px;
  max-width: 120px;
}
.planning-academic-progress .menu .col.bg .outline {
  position: absolute;
  right: 17px;
  bottom: 0;
  width: 54px;
  padding-left: 0;
  padding-right: 0;
}
.planning-academic-progress .menu .col.bg li + li:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 16px;
  width: 1px;
  height: 40px;
}
.planning-academic-progress ul.tabs {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-right: -8px;
  margin-left: -8px;
  padding: 18px 0 20px;
  text-align: center;
}
.planning-academic-progress ul.tabs li {
  position: relative;
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 8px;
  padding-left: 8px;
}
.planning-academic-progress ul.tabs li button {
  box-sizing: border-box;
  padding-left: 88px;
  text-align: left;
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 16px;
  background-color: white;
  width: 100%;
  height: 88px;
  color: #000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.planning-academic-progress ul.tabs li button:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 48px;
  height: 46px;
  position: absolute;
  left: 27px;
  top: 22px;
}
.planning-academic-progress ul.tabs li.current {
  border-bottom-width: 0 !important;
}
.planning-academic-progress ul.tabs li.current button {
  padding-left: 87px;
  border-width: 2px;
  border-color: #347ee7;
  box-shadow: 0 10px 25px 0 rgba(52, 126, 231, 0.3);
}
.planning-academic-progress ul.tabs li.current button:before {
  left: 26px;
  top: 21px;
}
.planning-academic-progress ul.tabs li strong {
  display: block;
  padding-bottom: 5px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.planning-academic-progress ul.tabs.Graduate {
  margin-right: -10px;
  margin-left: -10px;
}
.planning-academic-progress ul.tabs.Graduate li {
  padding-right: 10px;
  padding-left: 10px;
}
.planning-academic-progress ul.tabs.Graduate li strong {
  display: inline-block;
  margin-right: 10px;
}
.planning-academic-progress ul.tabs [data-tab=degree] button:before {
  background-position-x: -497px;
}
.planning-academic-progress ul.tabs [data-tab=graduation] button:before {
  background-position-x: -544px;
}
.planning-academic-progress ul.tabs [data-tab=certification] button:before {
  background-position-x: -593px;
}
.planning-academic-progress ul.tabs [data-tab=achievement] button:before {
  background-position-x: -640px;
}
.planning-academic-progress .table-wrap {
  border-bottom: 0;
}

.degree-tooltip {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  width: 70px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  text-align: center;
  border-radius: 4px;
  line-height: 1;
  transform: translateX(-40px);
}
.degree-tooltip tbody td {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  background: white;
  border: 1px solid #000000;
  padding: 7px 0 !important;
  color: #000;
  /*
  &.me {
    border-color:  rgb(251, 101, 109);
    color:  rgb(251, 101, 109);
    &:before {
      border-color: rgb(251, 101, 109) transparent transparent transparent;
    }
  }
  &.others {
    border-color: rgb(151, 98, 240);
    color: rgb(151, 98, 240);
    &:before {
      border-color: rgb(151, 98, 240) transparent transparent transparent;
    }
  }
  &.ace {
    border-color: rgb(16, 106, 234);
    color: rgb(16, 106, 234);
    &:before {
      border-color: rgb(16, 106, 234) transparent transparent transparent;
    }
  }*/
}
.degree-tooltip tbody td:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 21px);
}
.degree-tooltip tbody td:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 6px);
}

#degree .cont1 {
  margin-bottom: 10px;
  height: 235px;
}
#degree .cont1 .card-inner {
  box-sizing: border-box;
  height: 100%;
}
#degree .cont1 .col {
  padding-top: 9px;
  text-align: center;
}
#degree .cont1 .col canvas {
  margin: 0 auto;
}
#degree .cont1 .col.first {
  margin-top: -4px;
  flex: 0 0 20%;
  max-width: 20%;
}
#degree .cont1 .col.first .btn-sm {
  margin-top: 25px;
}
#degree .cont1 .col.swiper-subject {
  flex: 0 0 80%;
  max-width: 80%;
}
#degree .cont1 .col .txt-value span:after {
  content: "";
  font-size: 14px;
  position: relative;
  top: -2px;
}
#degree .cont1 .col .Major01 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major01 .txt-value span {
  color: #085cfd;
}
#degree .cont1 .col .Major02 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major02 .txt-value span {
  color: #5755d8;
}
#degree .cont1 .col .Major03 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major03 .txt-value span {
  color: #2fa1bd;
}
#degree .cont1 .col .Major04 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major04 .txt-value span {
  color: #8953c4;
}
#degree .cont1 .col .Major05 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major05 .txt-value span {
  color: #a228c0;
}
#degree .cont1 .col .Major06 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major06 .txt-value span {
  color: #124199;
}
#degree .cont1 .col .Major07 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major07 .txt-value span {
  color: #285d8f;
}
#degree .cont1 .col .Major08 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major08 .txt-value span {
  color: #a135e3;
}
#degree .cont1 .col .Major09 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major09 .txt-value span {
  color: #4c4c4c;
}
#degree .cont1 .col .Major10 {
  background-color: transparent !important;
}
#degree .cont1 .col .Major10 .txt-value span {
  color: #767676;
}
#degree .cont1 .btn-sm {
  padding-left: 13px;
  padding-right: 13px;
  margin-top: 20px;
}
#degree .cont1 .btn-sm:before {
  content: "";
  display: block;
}
#degree .cont1 .btn-sm:hover, #degree .cont1 .btn-sm:focus {
  background: #347EE7;
  color: #fff;
  border-color: #347EE7;
}
#degree .cont1 .tooltip {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: 33px;
}
#degree .cont1 .swiper-subject .swiper-container {
  padding-left: 80px;
  padding-right: 80px;
}
#degree .cont1 .swiper-subject .swiper-container:before, #degree .cont1 .swiper-subject .swiper-container:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  background: #fff;
  width: 60px;
}
#degree .cont1 .swiper-subject .swiper-container:before {
  left: 0;
}
#degree .cont1 .swiper-subject .swiper-container:after {
  right: 0;
}
#degree .cont1 .swiper-subject .swiper-button-prev,
#degree .cont1 .swiper-subject .swiper-button-next {
  width: 48px;
  height: 48px;
  background-color: transparent;
  background-size: cover;
  margin-top: -30px;
}
#degree .cont1 .swiper-subject .swiper-button-prev {
  left: 30px;
}
#degree .cont1 .swiper-subject .swiper-button-next {
  right: 30px;
}
#degree .cont1 .swiper-wrapper {
  padding-top: 33px;
}
#degree .cont2 {
  margin-bottom: 10px;
}
#degree .cont2 .custom-legend {
  margin-top: 6px;
}
#degree .cont2 td.bg {
  background: #eaf2fd;
}
#degree .cont2 ul.list-dot {
  background: #f9f9f9;
  padding: 15px 0;
  margin-top: 20px;
}
#degree .cont2 ul.list-dot li {
  padding: 3px 0;
  margin-left: 37px;
  letter-spacing: -1px;
  color: #767676;
  font-size: 14px;
}
#degree .cont2 ul.list-dot li:before {
  width: 2px;
  height: 2px;
  left: -14px;
}
#degree .cont2 ul.list-dot li strong {
  color: #000;
}
#degree .cont3 {
  padding-bottom: 20px;
}
#degree .cont2 .card-inner,
#degree .cont3 .card-inner {
  padding: 25px 40px 32px;
}
#degree .cont2 .titLevel01,
#degree .cont3 .titLevel01 {
  padding-bottom: 24px;
}
#degree .cont2 .table-wrap.list tbody tr td,
#degree .cont3 .table-wrap.list tbody tr td {
  padding: 15px 0 17px;
}

#degreePopup .danger {
  color: #ea0000;
}
#degreePopup .table-wrap .table-scroll tbody tr td {
  padding: 18px 0 15px;
}

#graduation .card-inner {
  padding: 0 40px 30px;
}
#graduation .titLevel01 {
  padding: 35px 0 15px;
}
#graduation .card + .wall {
  margin-top: 20px;
}
#graduation .wall {
  margin-top: 40px;
  margin-bottom: 5px;
  border-radius: 3px;
  padding: 0 21px;
  box-sizing: border-box;
}
#graduation .wall .titLevel02 {
  position: absolute;
  left: 20px;
  top: 21px;
}
#graduation .wall .titLevel02:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -468px -81px;
  width: 24px;
  height: 24px;
  position: relative;
  top: 8px;
  margin-right: 10px;
}
#graduation .wall ul {
  padding-top: 11px;
  padding-bottom: 11px;
}
#graduation .wall li {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.9px;
  padding: 5px 0;
}
#graduation .wall li strong {
  color: #000000;
}
#graduation .wall li:before {
  background-color: black;
  width: 2px;
  height: 2px;
}
#graduation .table-wrap.list tbody th {
  font-size: 14px;
  text-align: left;
  color: #666666;
}
#graduation .table-wrap.list tbody th + td {
  text-align: left;
  padding-left: 15px;
}
#graduation .table-wrap.list tbody td {
  padding: 13px 0 14px;
}
#graduation .table-wrap.list tbody td .btn-default {
  width: 52px;
  color: #666666;
  border-color: #e7e7e7;
}
#graduation .table-wrap.list tbody td button.link {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #347ee7;
  text-align: left;
}
#graduation .table-wrap.list tbody td button.link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -295px -48px;
  width: 12px;
  height: 12px;
  margin-right: 3px;
}
#graduation .table-wrap.list tbody tr.pass td {
  background: #f5f8ff;
}
#graduation .table-wrap.list tbody tr.pass span,
#graduation .table-wrap.list tbody tr.pass strong {
  color: #347ee7;
}
#graduation .table-wrap.list tbody tr.danger td {
  background: #fdf1f1;
}
#graduation .table-wrap.list tbody tr.danger span,
#graduation .table-wrap.list tbody tr.danger strong {
  color: #ea0000;
}

#graduationPopup .header {
  border-bottom: 0;
  padding-bottom: 0;
}

.ResearchAchievements.popup .header {
  border-bottom: 0;
  padding-bottom: 0;
}
.ResearchAchievements.popup .header .tit {
  font-weight: 700;
}
.ResearchAchievements.popup .table tr td {
  padding: 0 15px;
  text-align: left;
}
.ResearchAchievements.popup .btns {
  margin-top: 20px;
}
.ResearchAchievements.popup .btns .btn-fill {
  border-radius: 3px;
  background-color: #347ee7;
  width: 200px;
  line-height: 40px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: white;
}

#certification .card {
  padding: 34px 40px 29px;
  margin-bottom: 10px;
}
#certification .cont1 .card-header {
  height: 82px;
  border-bottom: 1px solid #efefef;
}
#certification .cont1 .card-header:after {
  clear: both;
  content: "";
  display: block;
}
#certification .cont1 .card-header h5 {
  display: inline-block;
  float: left;
}
#certification .cont1 .card-header h5 + div {
  float: right;
  margin-right: 45px;
}
#certification .cont1 .card-header ul {
  position: relative;
  display: inline-block;
  padding-top: 5px;
}
#certification .cont1 .card-header ul + ul {
  padding-left: 48px;
  margin-left: 48px;
}
#certification .cont1 .card-header ul + ul:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 7px;
  width: 1px;
  height: 56px;
}
#certification .cont1 .card-header li {
  display: inline-block;
  margin: 0 48px;
}
#certification .cont1 .card-header li:first-child {
  margin-left: 0;
}
#certification .cont1 .card-header li:last-child {
  margin-right: 0;
}
#certification .cont1 .card-header li span {
  display: block;
  line-height: 1;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-bottom: 10px;
}
#certification .cont1 .card-header li span + span {
  padding-right: 2px;
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 18px;
}
#certification .cont1 .card-header li span strong {
  position: relative;
  top: 3px;
  font-size: 36px;
  font-weight: 400;
  padding-right: 4px;
}
#certification .cont1 .card-header li:nth-child(2n+1) span + span {
  color: #347EE7;
  font-weight: 700;
}
#certification .cont1 .card-header li:nth-child(2n+1) strong {
  font-weight: 700;
}
#certification .cont1 .card-body .table-header p {
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -1px;
}
#certification .cont1 .card-body .table-header p .b {
  color: #347ee7;
}
#certification .cont1 .card-body .table-header p span {
  margin-right: 10px;
  margin-left: 5px;
}
#certification .cont1 .card-body .table-header p strong {
  font-size: 14px;
  font-weight: 400;
}
#certification .cont1 .card-body .table-header p strong span {
  font-weight: 700;
}
#certification .cont1 .card-body .table-header {
  padding-top: 26px;
  padding-bottom: 14px;
}
#certification .cont1 .card-body .table-wrap.list:first-child .table-header {
  padding-top: 17px;
}
#certification .cont1 .card-body .table-wrap.list tbody tr td {
  padding: 17px 0 15px;
}
#certification .table-header {
  padding-top: 19px;
  padding-bottom: 17px;
}
#certification .table-wrap + .table-wrap {
  margin-top: 12px;
}
#certification .table + .table {
  margin-top: 20px;
}
#certification .cont2 .table-body .txt {
  padding: 10px 14px;
  width: 100%;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  border: 1px solid #efefef;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-appearance: none;
  min-height: 163px;
}
#certification .cont2 .table-body > label {
  width: 100%;
}
#certification .cont2 .table-body + .btns {
  margin-top: 20px;
  text-align: right;
}
#certification .cont2 .table-body + .btns .btn {
  width: 160px;
}
#certification .cont3 .card-header {
  margin-bottom: 30px;
}
#certification .cont3 .card-header h5 {
  padding-bottom: 14px;
}
#certification .cont3 .col {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
}
#certification .cont3 .col.left .chart-wrapper {
  float: right;
  margin-right: 15px;
  margin-top: 34px;
}
#certification .cont3 .col.left .chart-wrapper .txt-value:after {
  display: inline-block;
  content: "%";
}
#certification .cont3 .col.left .chart-wrapper + p {
  position: absolute;
  left: 0;
  top: 40px;
}
#certification .cont3 .col.left .chart-wrapper + p span {
  color: #347ee7;
}
#certification .cont3 .col.center {
  flex: 0 0 380px;
  max-width: 380px;
  padding-top: 37px;
  margin: 0 40px;
  line-height: 1.8;
}
#certification .cont3 .col.center span {
  font-size: 16px;
  color: #000;
  display: block;
  padding-bottom: 4px;
}
#certification .cont3 .col.right {
  flex: 0 0 310px;
  max-width: 310px;
  padding-left: 40px;
  border-left: 1px solid #efefef;
}
#certification .cont3 .col.right p {
  padding: 4px 0 12px;
}
#certification .cont3 .col.right ul li {
  color: #000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#certification .cont3 .col.right ul li + li {
  margin-top: 8px;
}
#certification .cont3 .col.right ul li strong.ellipsis {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#certification .cont3 .col.right ul li .badge {
  min-width: auto;
  color: #fff;
  padding: 3px 10px;
  margin-right: 10px;
}
#certification .cont3 .col.right ul li .btn-link {
  float: right;
}
#certification .cont3 .table {
  border-bottom: 1px solid #e5e5e5;
}
#certification .cont3 .table .satisfy {
  color: #347ee7;
}
#certification .cont3 .table .lack {
  color: #ea0000;
}
#certification .cont3 .table td .btn-link {
  margin-left: 8px;
}
#certification .cont3 .table tfoot td {
  color: #000;
  background: #f9f9f9;
  font-weight: 700;
  padding: 14px 0;
}
#certification .cont4 .col-6 h6 {
  margin-top: -5px;
}
#certification .cont4 .col-6 th, #certification .cont4 .col-6 td {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
#certification .cont4 .col-6 .swiper-basic {
  padding-left: 0;
  padding-right: 0;
}
#certification .cont4 .col-6 .swiper-button-prev, #certification .cont4 .col-6 .swiper-button-next {
  margin-top: -132px;
  width: 30px;
  height: 30px;
  background-position: -10px;
  background-size: auto;
  box-shadow: none;
}
#certification .cont4 .col-6 .swiper-button-prev.swiper-button-disabled, #certification .cont4 .col-6 .swiper-button-next.swiper-button-disabled {
  display: block;
  opacity: 0.3;
}
#certification .cont4 .col-6 .swiper-button-prev {
  left: auto;
  right: 22px;
}
#certification .cont4 .col-6 .swiper-button-next {
  right: -9px;
}
#certification .cont4 .table-header {
  text-align: right;
}
#certification .cont4 .table-header:after {
  clear: both;
  content: "";
  display: block;
}
#certification .cont4 .table-header h6 {
  float: left;
}
#certification .cont4 .table-header p {
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#achievement {
  margin-top: -12px;
}
#achievement > .row .col.left {
  flex: 0 0 740px;
  max-width: 740px;
}
#achievement > .row .col.right {
  flex: 0 0 370px;
  max-width: 370px;
  margin-left: 20px;
}
#achievement .cont1 {
  margin-bottom: 15px;
}
#achievement .cont1 .titLevel01 {
  flex: 0 0 240px;
  max-width: 240px;
  padding-left: 20px;
  padding-top: 3px;
}
#achievement .cont1 .col > strong {
  display: block;
  padding: 6px 27px 0 0;
  text-align: right;
  color: #000;
}
#achievement .cont1 .col > strong span {
  font-weight: 400;
}
#achievement .cont1 .progress-box {
  flex: 0 0 400px;
  max-width: 400px;
  margin-right: 18px;
  margin-top: -16px;
}
#achievement .cont2 .card + .card {
  margin-top: 10px;
}
#achievement .cont2 .card .collapse-header button {
  position: relative;
  display: block;
  padding: 30px;
  width: 100%;
  text-align: left;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
#achievement .cont2 .card .collapse-header button span {
  color: #347EE7;
}
#achievement .cont2 .card .collapse-header button:after {
  right: 30px;
  top: 34px;
}
#achievement .cont2 .card .collapse {
  padding: 0 30px 30px;
}
#achievement .cont2 .chart-wrapper {
  margin-bottom: 26px;
}
#achievement .cont2 .chart-wrapper + .titLevel02 {
  padding-left: 11px;
}
#achievement .cont2 .frame {
  border: 0;
  border-radius: 3px;
  box-shadow: 0 13px 27px 0 rgba(0, 0, 0, 0.09);
  margin: 5px 10px 33px;
  padding: 15px 20px 8px;
}
#achievement .cont2 .frame li {
  padding: 10px 0;
  font-size: 16px;
}
#achievement .cont2 .frame li .badge {
  font-size: 14px;
  border-radius: 3px;
  min-width: 48px;
  height: 28px;
  margin-right: 10px;
}
#achievement .cont2 .frame li .badge.keyword {
  margin-left: 3px;
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 3px;
  min-width: 49px;
  height: 20px;
  line-height: 18px;
  background-color: #fff;
  padding: 0 5px;
  margin-right: 0;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
}
#achievement .cont2 .frame li .ellipsis {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #777777;
}
#achievement .cont2 .frame li .alternative {
  padding-left: 70px;
}
#achievement .cont2 .frame li .alternative li {
  position: relative;
  padding: 3px 0;
}
#achievement .cont2 .frame li .alternative li:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -112px -66px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border-radius: 0;
  content: "";
  position: absolute;
  left: -10px;
  top: 10px;
}
#achievement .cont2 .frame li .alternative li .keyword {
  border-color: #ea0000;
  color: #ea0000;
  width: 63px;
  margin-right: 5px;
}
#achievement .cont2 .tooltip-wrapper {
  padding: 0 10px;
}
#achievement .cont2 .tooltip-wrapper .titLevel02 {
  margin-bottom: 10px;
}
#achievement .cont2 .tooltip-wrapper .form-control {
  box-sizing: border-box;
  border: 2px solid #f8611b;
  color: #f8611b;
  padding: 11px 8px 11px 18px;
  letter-spacing: -1px;
  position: relative;
}
#achievement .cont2 .tooltip-wrapper .form-control .ellipsis {
  display: inline-block;
  max-width: calc(100% - 100px);
}
#achievement .cont2 .tooltip-wrapper .form-control:before {
  content: "";
  display: block;
  position: absolute;
  background: #f8611b;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  top: 2px;
  left: 0;
  top: 24px;
  left: 11px;
}
#achievement .cont2 .tooltip-wrapper .form-control i.tooltip.warning {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -166px -89px;
  width: 17px;
  height: 16px;
  margin-left: 10px;
  position: relative;
  top: 2px;
  cursor: pointer;
}
#achievement .cont2 .tooltip-wrapper .form-control .btn {
  float: right;
  margin-top: -3px;
  width: 40px;
  height: 30px;
  text-align: center;
}
#achievement .cont2 .tooltip-wrapper .form-control .btn:hover i:before {
  background-position-y: -26px;
}
#achievement .cont2 .tooltip-wrapper .form-control + .form-control {
  margin-top: 5px;
}
#achievement .cont3 {
  text-align: center;
}
#achievement .cont3 h5.titLevel01 {
  padding-top: 2px;
  padding-right: 22px;
}
#achievement .cont3 .chart-wrapper {
  margin: 30px 0 7px;
}
#achievement .cont3 .chart-wrapper canvas {
  margin: 0 auto;
  background: radial-gradient(circle at center, rgba(255,255,255,0) 0, rgba(255,255,255,0) 35%, rgba(255,255,255,1.0) 36%, rgba(255,255,255,1.0) 65%, rgba(255,255,255,1.0) 69%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
}
#achievement .cont3 .custom-tooltip {
  margin-top: -270px;
}
#achievement .cont3 .custom-tooltip table {
  width: auto;
}
#achievement .cont3 .custom-tooltip table strong {
  font-size: 14px;
}
#achievement .cont3 .custom-tooltip:before {
  margin-top: 27px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #347EE7 transparent transparent transparent;
}
#achievement .cont3 .custom-tooltip:after {
  margin-top: 10px;
}
#achievement .cont3 .custom-legend {
  margin: 0 auto;
  padding-bottom: 28px;
  width: 306px;
}
#achievement .cont3 .custom-legend ul li {
  margin-top: 15px;
  margin-right: 27px;
}
#achievement .cont4 {
  margin-top: 334px;
}
#achievement .cont5 ul li {
  padding-right: 105px;
}
#achievement .cont4,
#achievement .cont5 {
  margin-top: 10px;
}
#achievement .cont4 .card-inner,
#achievement .cont5 .card-inner {
  padding: 25px 0 10px 30px;
}
#achievement .cont4 .scrollbar,
#achievement .cont5 .scrollbar {
  max-height: 280px;
  padding-right: 20px;
}
#achievement .cont4 ul,
#achievement .cont5 ul {
  padding-top: 9px;
}
#achievement .cont4 ul li,
#achievement .cont5 ul li {
  position: relative;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 1.5;
  word-break: break-all;
}
#achievement .cont4 ul li strong.ellipsis,
#achievement .cont5 ul li strong.ellipsis {
  font-weight: 400;
  display: inline-block;
  max-width: 100%;
}
#achievement .cont4 ul li .badge,
#achievement .cont5 ul li .badge {
  font-size: 12px;
  padding: 2px 9px;
  min-width: 40px;
  margin-left: 10px;
}
#achievement .cont4 ul li .date,
#achievement .cont5 ul li .date {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 1.5;
  margin-bottom: 5px;
}
#achievement .cont4 .btns,
#achievement .cont5 .btns {
  position: absolute;
  right: 0;
  top: 0;
}
#achievement .cont4 .btns .btn,
#achievement .cont5 .btns .btn {
  width: 30px;
}
#achievement .cont4 .btns .btn:hover i.ico:before,
#achievement .cont5 .btns .btn:hover i.ico:before {
  background-position-y: -26px;
}
#achievement .cont4 .more,
#achievement .cont5 .more {
  display: block;
  padding: 10px 0;
  border-top: 1px solid #efefef;
}
#achievement .cont4 .more span,
#achievement .cont5 .more span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #767676;
}
#achievement .cont4 .more span:after,
#achievement .cont5 .more span:after {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -257px -63px;
  width: 10px;
  height: 5px;
  content: "";
  position: relative;
  top: -2px;
  margin-left: 5px;
}

#moveGrade {
  padding: 0;
  position: absolute;
  left: -100em;
  top: -100em;
  z-index: 111;
}
#moveGrade .frame {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.15);
}
#moveGrade .titLevel03 {
  display: block;
  color: #347ee7;
  padding: 9px 18px;
}
#moveGrade label {
  padding: 13px 18px;
  cursor: pointer;
}
#moveGrade input + label {
  width: 100%;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  box-sizing: border-box;
}
#moveGrade input[type=radio]:checked + label {
  background: #f5f5f5;
}
#moveGrade .frame-inner {
  padding: 2px 0 2px;
}
#moveGrade .frame-inner + .frame-inner {
  border-top: 1px solid #e7e7e7;
}
#moveGrade .frame-inner + .frame-inner .titLevel03 {
  padding-top: 5px;
}
#moveGrade .frame-inner + .frame-inner label {
  padding: 13px 18px 6px;
}
#moveGrade .scrollbar {
  height: 130px;
}

.planning-majormap .semester {
  padding-top: 20px;
  margin-bottom: 20px;
}
.planning-majormap .semester + .dropdown-inline {
  position: absolute;
  right: 0;
  top: 13px;
}
.planning-majormap > .inner:first-child {
  z-index: 10 !important;
}
.planning-majormap .item4 > li:nth-child(1) {
  left: 17.4%;
  top: 10.4%;
}
.planning-majormap .item4 > li:nth-child(2) {
  left: 19.1%;
  top: 57.7%;
}
.planning-majormap .item4 > li:nth-child(3) {
  left: 68.3%;
  top: 20.7%;
}
.planning-majormap .item4 > li:nth-child(4) {
  left: 74.2%;
  top: 69.5%;
}
.planning-majormap .item8 > li:nth-child(1) {
  left: 17.4%;
  top: 10.4%;
}
.planning-majormap .item8 > li:nth-child(2) {
  left: 38%;
  top: 2.5%;
}
.planning-majormap .item8 > li:nth-child(3) {
  left: 26.1%;
  top: 29.1%;
}
.planning-majormap .item8 > li:nth-child(4) {
  left: 19.6%;
  top: 56.8%;
}
.planning-majormap .item8 > li:nth-child(5) {
  left: 53.9%;
  top: 30.2%;
}
.planning-majormap .item8 > li:nth-child(6) {
  left: 74.1%;
  top: 25%;
}
.planning-majormap .item8 > li:nth-child(7) {
  left: 56%;
  top: 59.1%;
}
.planning-majormap .item8 > li:nth-child(8) {
  left: 74.5%;
  top: 66.1%;
}
.planning-majormap .item10 > li:nth-child(1) {
  left: 14.9%;
  top: 14.1%;
}
.planning-majormap .item10 > li:nth-child(2) {
  left: 26.7%;
  top: 6.8%;
}
.planning-majormap .item10 > li:nth-child(3) {
  left: 32.4%;
  top: 27%;
}
.planning-majormap .item10 > li:nth-child(4) {
  left: 19.1%;
  top: 57.7%;
}
.planning-majormap .item10 > li:nth-child(5) {
  left: 39%;
  top: 56.3%;
}
.planning-majormap .item10 > li:nth-child(6) {
  left: 44.8%;
  top: 35.5%;
}
.planning-majormap .item10 > li:nth-child(7) {
  left: 68.4%;
  top: 18.2%;
}
.planning-majormap .item10 > li:nth-child(8) {
  left: 58.4%;
  top: 47.1%;
}
.planning-majormap .item10 > li:nth-child(9) {
  left: 54.6%;
  top: 78%;
}
.planning-majormap .item10 > li:nth-child(10) {
  left: 79.1%;
  top: 71.4%;
}
.planning-majormap .item12 > li:nth-child(1) {
  left: 14.9%;
  top: 14.1%;
}
.planning-majormap .item12 > li:nth-child(2) {
  left: 24.9%;
  top: 7.3%;
}
.planning-majormap .item12 > li:nth-child(3) {
  left: 41.4%;
  top: 6.3%;
}
.planning-majormap .item12 > li:nth-child(4) {
  left: 29.6%;
  top: 28%;
}
.planning-majormap .item12 > li:nth-child(5) {
  left: 26.2%;
  top: 57.7%;
}
.planning-majormap .item12 > li:nth-child(6) {
  left: 36.8%;
  top: 53%;
}
.planning-majormap .item12 > li:nth-child(7) {
  left: 53.1%;
  top: 33.2%;
}
.planning-majormap .item12 > li:nth-child(8) {
  left: 62.2%;
  top: 18.2%;
}
.planning-majormap .item12 > li:nth-child(9) {
  left: 59.7%;
  top: 55%;
}
.planning-majormap .item12 > li:nth-child(10) {
  left: 58.9%;
  top: 78.8%;
}
.planning-majormap .item12 > li:nth-child(11) {
  left: 76%;
  top: 58.2%;
}
.planning-majormap .item12 > li:nth-child(12) {
  left: 80.5%;
  top: 73.9%;
}
.planning-majormap .filter-university {
  width: 160px;
}
.planning-majormap .filter-university .dropdown-list {
  z-index: 20;
}
.planning-majormap .filter-department {
  z-index: 20;
  width: 270px;
}
.planning-majormap .filter-department .dropdown-list {
  z-index: 20;
}
.planning-majormap .filter-major {
  width: 200px;
  z-index: 20;
}
.planning-majormap .filter-major .dropdown-list {
  z-index: 20;
}
.planning-majormap .majormap-search {
  display: inline-block;
  height: 38px;
  bottom: -7px;
  position: relative;
}
.planning-majormap .majormap-search button {
  width: 80px;
  height: 39px;
  margin-left: 5px;
  color: #fff;
  background-color: #347ee7;
}
.planning-majormap .majormap-search .del-input {
  position: relative;
}
.planning-majormap .majormap-search .del-input button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.planning-majormap .majormap-search .col.right {
  flex: 0 0 85px;
  max-width: 85px;
}
.planning-majormap .btns {
  text-align: left;
  margin-bottom: 10px;
  z-index: 1;
}
.planning-majormap .btns .btn {
  width: 100px;
  line-height: 36px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  border-radius: 20px;
  margin: 0 4px;
}
.planning-majormap .btns .btn.current {
  font-weight: 700;
  background-color: #347EE7;
  color: #fff;
}

#majormap .frame {
  transition: all 0.3s;
  opacity: 0;
  display: none;
  border-radius: 24px;
  padding: 16px 30px 24px;
  border-style: solid;
  border-width: 2px;
  border-color: #347ee7;
  background-color: white;
  box-shadow: 0px 9px 0px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  min-width: 370px;
  box-sizing: border-box;
  z-index: 2;
  /*&.t {
    transform: translate(-50%, -50%);

    &:before {
      @include triangle-top(34px, 23px, #347ee7);
      top: -23px;
    }

    &:after {
      @include triangle-top(34px, 23px, #347ee7);
      top: -20px;
    }
  }*/
}
#majormap .frame .frame-inner {
  position: relative;
}
#majormap .frame .frame-inner:after {
  position: absolute;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 57px;
  height: 91px;
  background-image: url("../images/planning/student.png");
  content: "";
  left: 50%;
  margin-left: -57px;
}
#majormap .frame strong {
  color: #347fe5;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  display: block;
  padding-bottom: 16px;
}
#majormap .frame .close {
  position: absolute;
  display: block;
  background: url("../images/common/form.png") no-repeat -85px -20px;
  left: auto;
  top: 7px;
  right: 0px;
  width: 13px;
  height: 13px;
  padding: 0;
}
#majormap .frame:after, #majormap .frame:before {
  position: absolute;
  left: 50%;
  margin-left: -18px;
}
#majormap .frame.b {
  transform: translate(-50%, -100%);
}
#majormap .frame.b:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 17px 0 17px;
  border-color: #347ee7 transparent transparent transparent;
  bottom: -23px;
}
#majormap .frame.b:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23px 17px 0 17px;
  border-color: #ffffff transparent transparent transparent;
  bottom: -20px;
}
#majormap .frame-inner > div {
  max-height: 150px;
}
#majormap .list {
  padding-right: 10px;
  overflow: hidden;
}
#majormap .list li {
  display: inline-block;
  line-height: 28px;
  color: #000;
  position: relative;
  padding-left: 58px;
  padding-right: 53px;
  max-width: 185px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#majormap .list li + li {
  margin-top: 10px;
}
#majormap .list li:after {
  content: "";
  display: block;
}
#majormap .list span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #085cfd;
  width: 48px;
  height: 28px;
  color: #ffffff;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#majormap .list small {
  right: 0;
  position: absolute;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 8px;
  margin-left: 12px;
}
#majormap .list small:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 10px;
  width: 1px;
  height: 10px;
}
#majormap button {
  transform: translateX(-100%);
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 0 20px 16px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 20px;
  width: 81px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#majormap button.l {
  background-image: url("../images/planning/btn_left.png");
}
#majormap button.r {
  background-image: url("../images/planning/btn_right.png");
}
#majormap button.current.l, #majormap button:hover.l, #majormap button:focus.l {
  background-image: url("../images/planning/btn_current_left.png");
}
#majormap button.current.r, #majormap button:hover.r, #majormap button:focus.r {
  background-image: url("../images/planning/btn_current_right.png");
}
#majormap button.current + .frame {
  display: block;
  opacity: 1;
  margin-top: 0;
}
#majormap > ul {
  position: relative;
  border: 1px solid #efefef;
  border-radius: 24px;
  background: #f2f7fe url("../images/planning/majormap.png") no-repeat 0 0;
  width: 1128px;
  height: 558px;
}
#majormap > ul > li {
  position: absolute;
}
#majormap.wide {
  width: 1298px;
  height: 786px;
  background-color: #f2f7e3;
  cursor: pointer;
}
#majormap.wide .frame {
  min-width: 370px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: default;
}
#majormap.wide > img {
  height: 100%;
  width: auto;
}
#majormap.wide > ul {
  width: 1298px;
  height: 786px;
  border-radius: 0;
  border: 0;
  background: #f2f7e3 url("../images/planning/majormap.jpg") no-repeat 0 0;
}
#majormap.wide .frame-inner .list > li {
  padding-right: 50px;
}
#majormap.wide .frame-inner .list > li > button {
  border-width: 1px;
  border-color: #347ee7;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
  position: absolute;
  right: -40px;
  top: 0;
  width: 36px;
  height: 28px;
}
#majormap.wide .frame-inner .list > li > button:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("../images/common/_tab.png") no-repeat -144px -26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#majormap.wide .frame-inner .list > li > button:hover, #majormap.wide .frame-inner .list > li > button:focus {
  color: #fff;
  background-color: #347EE7;
}
#majormap.wide .frame-inner .list > li > button:hover:before, #majormap.wide .frame-inner .list > li > button:focus:before {
  background-position-y: -182px;
}

#multi-major .frame {
  border-style: solid;
  border-width: 2px;
  border-color: #347ee7;
  background-color: white;
  box-shadow: 0px 16px 54px 0px rgba(52, 126, 231, 0.25);
  padding: 33px 36px;
}
#multi-major .titLevel01 {
  display: inline-block;
  width: 100%;
  margin: 0 auto 39px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.2px;
}
#multi-major .titLevel01:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -468px -31px;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  position: relative;
  top: 7px;
}
#multi-major .row {
  margin-left: -30px;
  margin-right: -30px;
}
#multi-major .col-4 {
  padding-left: 30px;
  padding-right: 30px;
  margin: 4px 0 5px;
}
#multi-major li {
  padding: 12px 0;
  position: relative;
}
#multi-major li + li {
  border-top: 1px solid #efefef;
}
#multi-major .badge {
  color: #ffffff;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-right: 10px;
  line-height: 1;
  padding: 7px 0;
  min-width: 48px;
  border-radius: 3px;
}
#multi-major strong {
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}
#multi-major strong.ellipsis {
  font-weight: 400;
}
#multi-major small {
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  padding-left: 8px;
  margin-left: 10px;
}
#multi-major small:before {
  content: "";
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 3px;
  width: 1px;
  height: 10px;
}
#multi-major button {
  position: relative;
  border-width: 1px;
  border-color: #347ee7;
  border-style: solid;
  border-radius: 3px;
  background-color: white;
  float: right;
  margin-right: 35px;
  width: 36px;
  height: 28px;
}
#multi-major button:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("../images/common/_tab.png") no-repeat -144px -26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#multi-major button:hover, #multi-major button:focus {
  color: #fff;
  background-color: #347EE7;
}
#multi-major button:hover:before, #multi-major button:focus:before {
  background-position-y: -182px;
}

/**
* --------------------------------
* Learning Support
* --------------------------------
*/
/* Learning Support main // */
.learning-main {
  padding: 20px 0 25px;
}

.learning-main .layout .col.left {
  flex: 0 0 328px;
  max-width: 328px;
  margin-right: 42px;
}

.learning-main .layout .col.right {
  flex: 0 0 760px;
  max-width: 760px;
}

.learning-main .total .titLevel01 {
  margin-top: -1px;
  line-height: 1;
  color: #333333;
  font-size: 28px;
}

.learning-main .total .progress-box {
  padding-top: 11px;
}

.learning-main .total .progress-box > span {
  font-size: 14px;
  color: #333333;
  font-family: "Roboto", "NotoSansKR", sans-serif;
}

.learning-main .total .progress-box .txt-end {
  float: right;
}

.learning-main .total .progress-box .progress {
  margin-top: 4px;
  height: 20px;
  overflow: hidden;
}

.learning-main .total .progress-box .progress .progress-bar {
  background-color: #119d9b;
}

.learning-main .total .state {
  margin-top: 31px;
  padding-bottom: 17px;
  font-size: 0;
  border-bottom: 1px solid #e7e7e7;
}

.learning-main .total .state li {
  position: relative;
  display: inline-block;
  width: 50%;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
}

.learning-main .total .state li + li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 12px;
  background-color: #e7e7e7;
}

.learning-main .total .state li:nth-child(1) {
  padding-right: 34px;
}

.learning-main .total .state li:nth-child(2) {
  padding-left: 34px;
}

.learning-main .total .state li strong {
  margin-top: -1px;
  float: right;
  font-size: 22px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  line-height: 1;
}

.learning-main .total .titLevel02 {
  padding: 14px 0 16px;
  font-size: 18px;
}

.learning-main .total .card {
  border-color: #e7e7e7;
  border-radius: 10px;
}

.learning-main .total .card + .card {
  margin-top: 10px;
}

.learning-main .total .card .card-header {
  padding: 14px 19px 6px;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
}

.learning-main .total .card .card-body {
  padding: 0 19px 11px;
}

.learning-main .total .card dl {
  width: 110px;
  font-size: 0;
}

.learning-main .total .card dl + dl {
  margin-top: 4px;
}

.learning-main .total .card dl dt {
  display: inline-block;
  width: 50%;
  color: #333333;
  font-size: 14px;
}

.learning-main .total .card dl dd {
  display: inline-block;
  width: 50%;
  color: #000000;
  font-size: 14px;
  text-align: right;
}

.learning-main .total .card dl dd strong {
  line-height: 1;
  font-size: 22px;
  vertical-align: middle;
}

.learning-main .total .card dl + dl dd strong {
  color: #119d9b;
}

.learning-main .total .card .chart-wrapper {
  margin-top: -24px;
  text-align: center;
}

.learning-main .total .card .chart-wrapper .txt-area {
  width: 100%;
  font-size: 28px;
}

.learning-main .total .card .chart-wrapper .txt-value:after {
  display: inline-block;
  content: "%";
}

.learning-main .subject-list {
  padding-top: 35px;
  height: 802px;
  border-width: 1px;
  border-color: #119d9b;
  border-style: solid;
  border-radius: 24px;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

.learning-main .subject-list .col .scrollbar {
  height: 765px;
}

.learning-main .subject-list .col.detail .scrollbar {
  height: 616px;
}

.learning-main .subject-list .list > li {
  position: relative;
}

.learning-main .subject-list .list > li:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  right: 21px;
  margin-top: -11px;
  width: 12px;
  height: 22px;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -795px -73px;
}

.learning-main .subject-list .list > li:hover,
.learning-main .subject-list .list > li.active {
  background-color: #e7f5f5;
}

.learning-main .subject-list .list > li:hover:after,
.learning-main .subject-list .list > li.active:after {
  display: inline-block;
}

.learning-main .subject-list .list > li > button {
  padding: 0 39px;
  width: 100%;
  text-align: left;
}

.learning-main .subject-list .face {
  position: relative;
  padding: 20px 0 24px 76px;
  min-height: 105px;
  border-top: 1px solid #e7e7e7;
  box-sizing: border-box;
}

.learning-main .subject-list .list > li:first-child .face {
  border-top: 0;
}

.learning-main .subject-list .face h6 {
  padding-bottom: 6px;
  font-size: 18px;
}

.learning-main .subject-list .face .time {
  padding-bottom: 7px;
  color: #4c4c4c;
  font-size: 12px;
  letter-spacing: -0.05em;
}

.learning-main .subject-list .face .time span + span {
  margin-left: 6px;
}

.learning-main .subject-list .face address {
  font-size: 12px;
  color: #767676;
}

.learning-main .subject-list .face address span:before {
  content: "";
  position: relative;
  display: inline-block;
  margin: 0 7px 0 10px;
  top: 1px;
  width: 1px;
  height: 12px;
  vertical-align: top;
  background-color: #dedede;
}

.learning-main .subject-list .detail {
  flex: 0 0 346px;
  max-width: 346px;
  height: 725px;
  border-left: 1px solid #e7e7e7;
}

.learning-main .subject-list .detail > .titLevel01 {
  margin: 0 104px 0 40px;
  font-size: 24px;
  line-height: 1;
}

.learning-main .subject-list .detail .btn-view {
  position: absolute;
  top: -4px;
  right: 39px;
  width: 67px;
  height: 30px;
  background-color: #d2e9e9;
  border-radius: 15px;
}

.learning-main .subject-list .detail .btn-view i {
  display: inline-block;
  margin-top: 8px;
  margin-right: 7px;
  width: 16px;
  height: 15px;
  vertical-align: top;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 -48px;
}

.learning-main .subject-list .detail .btn-view em {
  margin-top: 1px;
  display: inline-block;
  line-height: 30px;
  color: #0b6967;
  font-size: 16px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
}

.learning-main .subject-list .detail .attitude {
  margin: 20px 39px 0 39px;
  padding-bottom: 13px;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #efefef;
}

.learning-main .subject-list .detail .attitude a {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -242px -91px;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.learning-main .subject-list .detail .attitude li {
  display: inline-block;
  text-align: left;
  line-height: 1.4;
}

.learning-main .subject-list .detail .attitude li + li {
  float: right;
  text-align: right;
  padding-right: 10px;
}

.learning-main .subject-list .detail .attitude span {
  font-weight: 700;
}

.learning-main .subject-list .detail .attitude strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin-left: 10px;
}

.learning-main .subject-list .detail .task {
  padding: 0 45px;
  text-align: center;
}

.learning-main .subject-list .detail .task li {
  margin-top: 20px;
}

.learning-main .subject-list .detail .task li:nth-child(1),
.learning-main .subject-list .detail .task li:nth-child(2) {
  margin-top: 16px;
}

.learning-main .subject-list .detail .task .btn {
  margin-top: 5px;
  padding-left: 12px;
  padding-right: 13px;
  height: 30px;
  line-height: 28px;
}

.learning-main .subject-list .detail .task .btn:hover {
  color: #ffffff;
  border-color: #119d9b;
  background-color: #119d9b;
}

.learning-main .subject-list .detail .task .txt-area {
  color: #333333;
}

.learning-main .subject-list .detail .task .txt-area .txt-value {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.learning-main .subject-list .detail .task .txt-area .txt-end {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.learning-main .subject-list .detail .task .txt-area .txt-end:before {
  content: "/";
}

.learning-main .subject-list .detail .state {
  margin-top: 16px;
  padding: 0 39px 0 40px;
}

.learning-main .subject-list .detail .state .titLevel01 {
  padding: 15px 0;
  font-size: 18px;
}

.learning-main .subject-list .detail .state .card {
  border-radius: 4px;
  overflow: hidden;
  min-height: 124px;
}

.learning-main .subject-list .detail .state .card + .card {
  margin-top: 10px;
}

.learning-main .subject-list .detail .state .card .card-header {
  padding: 18px 20px 8px;
  border-top-width: 5px;
  border-top-style: solid;
  font-size: 15px;
  font-weight: 700;
}

.learning-main .subject-list .detail .state .card .card-header a {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -242px -91px;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: 2px;
}

.learning-main .subject-list .detail .state .card .more {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -6px -85px;
  width: 18px;
  height: 8px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition: transform 0.3s;
}

.learning-main .subject-list .detail .state .card .card-body {
  padding: 0 18px 38px;
  position: relative;
}

.learning-main .subject-list .detail .state .card .card-body .list-dot {
  height: 25px;
  overflow: hidden;
}

.learning-main .subject-list .detail .state .card .card-body.open .list-dot {
  height: auto;
}

.learning-main .subject-list .detail .state .card .card-body.open + .more {
  transform: rotate(-180deg);
}

.learning-main .subject-list .detail .state .card.eclass {
  color: #000;
}

.learning-main .subject-list .detail .state .card.eclass .card-header {
  border-top-color: #4c4c4c;
}

.learning-main .subject-list .detail .state .card.eclass .card-body.open ul {
  height: auto;
}

.learning-main .subject-list .detail .state .card.eclass ul {
  height: 27px;
  overflow: hidden;
}
.learning-main .subject-list .detail .state .card.eclass ul li {
  font-weight: 400;
  font-size: 14px;
  text-align: right;
}
.learning-main .subject-list .detail .state .card.eclass ul li:after {
  clear: both;
  content: "";
  display: block;
}
.learning-main .subject-list .detail .state .card.eclass ul li > span {
  float: left;
  padding-top: 2px;
}
.learning-main .subject-list .detail .state .card.eclass ul li strong {
  float: right;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.learning-main .subject-list .detail .state .card.eclass ul li strong span {
  padding-left: 2px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-main .subject-list .detail .state .card.electronic {
  color: #119D9B;
  border-top-color: #119D9B;
}

.learning-main .subject-list .detail .state .card.electronic a {
  background-position-x: -256px;
}

.learning-main .subject-list .detail .state .card.portal {
  color: #085cfd;
  border-top-color: #085cfd;
}

.learning-main .subject-list .detail .state .card.portal a {
  background-position-x: -270px;
}

.learning-main .subject-list .detail .state .card .list-dot {
  padding-top: 4px;
}

.learning-main .subject-list .detail .state .card .list-dot li {
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.05em;
}

.learning-main .subject-list .detail .state .card .list-dot li:after {
  clear: both;
  content: "";
  display: block;
}

.learning-main .subject-list .detail .state .card .list-dot li > p {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.learning-main .subject-list .detail .state .card .list-dot li > p span {
  margin-left: -1px;
}

.learning-main .subject-list .detail .state .card .list-dot li > p strong {
  font-weight: 700;
  margin-left: 5px;
}

.learning-main .subject-list .detail .state .card .list-dot li > p strong + span {
  color: #767676;
  margin-left: 1px;
  font-weight: 700;
}

.learning-main .subject-list .detail .state .card .list-dot li > p .separator {
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: auto;
  width: 1px;
  height: 12px;
  left: auto;
  margin-left: 5px;
  margin-right: 2px;
}

.learning-main .subject-list .detail .state .card .list-dot li > p .separator + strong {
  color: #085cfd;
}

.popup.type2.wide.popHomeworkView .inner {
  padding-left: 40px;
  padding-right: 40px;
  width: 560px;
}

.popup.popHomeworkView .contents {
  padding-top: 36px;
  height: 100%;
  box-sizing: border-box;
}

.popup.popHomeworkView .scrollbar {
  height: 100%;
}

.popup.popHomeworkView .no-data .inner {
  position: relative;
  left: 0;
  padding: 50px 0;
  box-shadow: none;
}

.popup.popHomeworkView ul {
  position: relative;
  height: 100%;
  line-height: 1;
}

.popup.popHomeworkView ul:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #efefef;
}

.popup.popHomeworkView ul li {
  position: relative;
  padding-left: 19px;
  padding-right: 20px;
  line-height: 1;
  text-align: left;
}

.popup.popHomeworkView ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 46px;
  background-color: #119d9c;
  border-radius: 3px;
}

.popup.popHomeworkView ul li.complete:before {
  background-color: #999999;
}

.popup.popHomeworkView ul li + li {
  margin-top: 25px;
}

.popup.popHomeworkView ul li button {
  max-width: 100%;
}

.popup.popHomeworkView ul li .badge {
  font-style: normal;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  min-width: 10px;
  line-height: 18px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  padding: 0 8px;
  margin-right: 5px;
}

.popup.popHomeworkView ul li .date {
  display: block;
  text-align: left;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #119d9c;
  letter-spacing: -1px;
}

.popup.popHomeworkView ul li.complete .date {
  color: #767676;
}

.popup.popHomeworkView ul li .date span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.popup.popHomeworkView ul li .tit {
  display: block;
  text-align: left;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 23px;
  letter-spacing: -1px;
}

/* //Learning Support main */
/* Learning Support common */
.theme-learning .topFrame {
  padding: 13px 19px 16px;
}
.theme-learning .topFrame .row {
  align-items: center;
}
.theme-learning .topFrame .img {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  overflow: hidden;
}
.theme-learning .topFrame .img img {
  width: 50px;
}
.theme-learning .topFrame .txt-name {
  margin-left: 16px;
  line-height: 50px;
  color: #000;
  font-size: 20px;
}
.theme-learning .topFrame .txt-school {
  margin-left: 25px;
  max-width: 360px;
  line-height: 1;
  padding-top: 2px;
}
.theme-learning .topFrame .txt-school span {
  display: inline-block;
}
.theme-learning .topFrame .txt-school span + span {
  margin-left: 10px;
}
.theme-learning .topFrame .txt-info {
  margin-left: 50px;
  display: inline-block;
  color: #767676;
  font-size: 12px;
  text-indent: -9px;
}
.theme-learning .topFrame .btn-grades {
  margin: 5px 0 0 21px;
  padding: 0 14px;
  min-width: 256px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
}
.theme-learning .topFrame .btn-grades strong {
  font-family: "Roboto";
  font-weight: 400;
  margin-left: 3px;
}
.theme-learning .topFrame .btn-grades strong:nth-of-type(1) {
  margin-right: 10px;
}
.theme-learning .topFrame .btn-grades em {
  font-family: "Roboto";
  font-weight: 700;
}
.theme-learning .lecturelist {
  max-height: 800px;
}
.theme-learning .lecturelist .card {
  margin-top: 10px;
  overflow: hidden;
}
.theme-learning .lecturelist .card:first-child {
  margin-top: 0;
}
.theme-learning .lecturelist .card .row {
  position: relative;
  padding: 23px 23px 14px 23px;
}
.theme-learning .lecturelist .card .badge {
  padding: 7px 0;
  min-width: 48px;
  height: 28px;
  font-size: 14px;
  box-sizing: border-box;
}
.theme-learning .lecturelist .card strong {
  display: inline-block;
  margin-left: 10px;
  line-height: 27px;
  color: #000;
  font-size: 16px;
  letter-spacing: -0.5px;
}
.theme-learning .lecturelist .card strong .ellipsis {
  display: inline-block;
  max-width: 280px;
}
.theme-learning .lecturelist .card strong small {
  display: inline-block;
  margin-left: 2px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
.theme-learning .lecturelist .card strong small:before {
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: auto;
  width: 1px;
  height: 10px;
  left: auto;
  margin: 9px 10px 0 10px;
  vertical-align: top;
}
.theme-learning .lecturelist .card .subtxt {
  position: absolute;
  top: 25px;
  right: 0;
  padding: 0 10px;
  line-height: 24px;
  color: #4c4c4c;
  font-size: 12px;
  background-color: #f9f9f9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.theme-learning .lecturelist .card p {
  padding: 14px 50px 0 0;
  line-height: 18px;
  font-size: 14px;
}
.theme-learning .lecturelist .card .btn-more {
  position: absolute;
  bottom: 14px;
  right: 15px;
  color: #767676;
  font-size: 14px;
}
.theme-learning .lecturelist .card .btn-more:after {
  content: "";
  margin: 7px 5px 0 5px;
  display: inline-block;
  width: 6px;
  height: 10px;
  background: url("../images/common/btn.png") no-repeat -249px -60px;
  vertical-align: top;
}
.theme-learning .lecturelist .card .row:nth-child(2) {
  padding-top: 18px;
  padding-bottom: 16px;
  background-color: #f1f5ff;
}
.theme-learning .lecturelist .card dl {
  display: flex;
  flex-wrap: wrap;
  line-height: 20px;
}
.theme-learning .lecturelist .card dl dt {
  width: 56px;
  color: #000;
  font-size: 14px;
}
.theme-learning .lecturelist .card dl dd {
  width: calc(100% - 56px);
  color: #767676;
  font-size: 14px;
}
.theme-learning .lecturelist .card dl dd:nth-of-type(1) {
  color: #4c4c4c;
}
.theme-learning .monthcalendar .monthcalendar-label {
  padding-top: 12px;
  padding-right: 9px;
  text-align: left;
}
.theme-learning .monthcalendar .monthcalendar-label .connect,
.theme-learning .monthcalendar .monthcalendar-label .untact,
.theme-learning .monthcalendar .monthcalendar-label .flexible {
  display: inline-block;
  line-height: 15px;
  color: #000;
  font-size: 14px;
  margin-left: 20px;
}
.theme-learning .monthcalendar .monthcalendar-label .connect:before,
.theme-learning .monthcalendar .monthcalendar-label .untact:before,
.theme-learning .monthcalendar .monthcalendar-label .flexible:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  vertical-align: top;
}
.theme-learning .monthcalendar .monthcalendar-label .connect {
  margin-left: 4px;
}
.theme-learning .monthcalendar .monthcalendar-label .connect:before {
  background-color: #2fa1bd;
}
.theme-learning .monthcalendar .monthcalendar-label .untact:before {
  background-color: #ff884f;
}
.theme-learning .monthcalendar .monthcalendar-label .flexible:before {
  background-color: #2fbd89;
}
.theme-learning .monthcalendar .calendar {
  margin-top: 12px;
}
.theme-learning .monthcalendar .eclass {
  position: relative;
  margin-top: 10px;
  padding: 14px 14px 14px 78px;
  background-color: #f1f1f1;
  border-left: 3px solid #4c4c4c;
  border-radius: 3px;
}
.theme-learning .monthcalendar .eclass a {
  display: block;
  line-height: 26px;
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-learning .monthcalendar .eclass strong {
  position: absolute;
  top: 14px;
  left: 9px;
  display: inline-block;
  line-height: 26px;
  color: #000;
  font-size: 14px;
  font-family: "Roboto";
}
.theme-learning .monthcalendar .eclass small {
  color: #4c4c4c;
  font-size: 14px;
}
.theme-learning .monthcalendar .calendar .fc-view-harness {
  background: #fff;
  overflow: hidden;
}
.theme-learning .monthcalendar .calendar .fc-col-header-cell-cushion {
  height: 58px;
}
.theme-learning .monthcalendar .calendar .fc-daygrid-day.fc-day-today {
  background-color: #f9f9f9;
}
.theme-learning .monthcalendar .calendar .fc-timegrid-slot-label-cushion {
  padding: 0 14px;
}
.theme-learning .monthcalendar .calendar thead .fc-scroller {
  overflow-y: hidden !important;
}
.theme-learning .monthcalendar .calendar thead .fc-scroller-harness {
  border-bottom: 1px solid #efefef;
}
.theme-learning .monthcalendar .calendar .fc-col-header-cell-cushion {
  position: relative;
  text-align: left;
  text-indent: -9999px;
  display: block;
}
.theme-learning .monthcalendar .calendar .fc-col-header-cell-cushion:after {
  top: 19px;
  text-indent: 0;
  padding-top: 0;
}
.theme-learning .monthcalendar .calendar tbody .fc-scroller {
  max-height: 620px;
}
.theme-learning .monthcalendar .calendar .scrollbar > .scroll-element.scroll-y {
  z-index: 1;
}
.theme-learning .monthcalendar .calendar .fc-timegrid-event {
  bottom: 8px;
  padding: 0 3px;
}

.popup.lecturehistory .frame {
  width: 700px;
}
.popup.lecturehistory .frame .header {
  padding-bottom: 0;
  border-bottom: 0;
}
.popup.lecturehistory .sub-nav {
  margin-top: -16px;
  margin-bottom: 0;
  border-bottom: 1px solid #d9d9d9;
  height: 44px;
}
.popup.lecturehistory .sub-nav .swiper-category {
  height: 44px;
}
.popup.lecturehistory .sub-nav .swiper-button-prev,
.popup.lecturehistory .sub-nav .swiper-button-next {
  margin-top: -20px;
}
.popup.lecturehistory .sub-nav + main {
  height: 400px;
}
.popup.lecturehistory .tabs {
  box-sizing: border-box;
}
.popup.lecturehistory .tabs .tab-link {
  height: 40px;
  margin: 0 15px;
}
.popup.lecturehistory .tabs .tab-link:first-child {
  margin-left: 0;
}
.popup.lecturehistory .tabs .tab-link.current {
  color: #000;
  font-weight: 700;
}
.popup.lecturehistory .tabs .tab-link a {
  display: inline-block;
  line-height: 41px;
}
.popup.lecturehistory .tabs .tab-link.current a span {
  color: #119D9B;
}
.popup.lecturehistory .gradeinfo {
  position: relative;
  padding: 24px 0;
}
.popup.lecturehistory .gradeinfo .swiper-wrapper {
  margin-left: -30px;
  margin-right: -30px;
}
.popup.lecturehistory .gradeinfo .swiper-category {
  width: 75%;
  height: 30px;
}
.popup.lecturehistory .gradeinfo .swiper-button-prev,
.popup.lecturehistory .gradeinfo .swiper-button-next {
  margin-top: -20px;
}
.popup.lecturehistory .gradeinfo ul li {
  display: inline-block;
  margin-right: 6px;
}
.popup.lecturehistory .gradeinfo ul li .badge {
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
.popup.lecturehistory .gradeTotal {
  position: absolute;
  top: 24px;
  right: 0;
  color: #000;
  font-size: 18px;
}
.popup.lecturehistory .gradeTotal strong {
  margin-left: 5px;
}
.popup.lecturehistory .table-wrap {
  border-bottom: 1px solid #efefef;
  min-height: 0;
}
.popup.lecturehistory .table-wrap .table-scroll {
  max-height: 320px;
}
.popup.lecturehistory .table-wrap .table tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #000;
  font-size: 16px;
  font-family: "Roboto";
}
.popup.lecturehistory .table-wrap .table tbody td:first-child {
  padding-left: 19px;
  padding-right: 19px;
  text-align: left;
  color: #767676;
  font-size: 15px;
  font-family: "NotoSansKR";
}
.popup.lecturehistory .table-wrap .table tbody td strong {
  display: block;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup.lecturehistory .table-wrap .table tbody td .badge {
  top: 0;
  min-width: auto;
  font-size: 14px;
}
.popup.lecturehistory .table-wrap .table tbody tr.retake td {
  background-color: #f9f9f9;
}
.popup.lecturehistory .footer button {
  width: 160px;
}

/* Learning Support main : 수정예정 */
.learning-main .full {
  background-color: #f9f9f9;
}
.learning-main .full .inner {
  height: 320px;
  padding: 40px 0;
  background: url("../images/temp/learning-main-visual.jpg");
}
.learning-main .full + .inner {
  height: 592px;
  background: url("../images/temp/learning-main.jpg");
}
.learning-main .full .col-4 {
  position: relative;
  text-align: center;
}
.learning-main .full .col-4 strong {
  position: absolute;
  left: 222px;
  top: 67px;
  display: inline-block;
  width: 95px;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  border: 1px solid #767676;
  border-radius: 15px;
}
.learning-main .full .col-4 li {
  display: none;
  position: relative;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #000;
  padding-top: 107px;
  padding-left: 160px;
  line-height: 1.3;
}
.learning-main .full .col-4 li.active {
  display: block;
}
.learning-main .full .col-4 li img {
  position: absolute;
  left: -42px;
  top: -8px;
}

.learning-schedule .sub-nav {
  margin-bottom: 0;
}
.learning-schedule .sub-nav .tabs {
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 10;
}
.learning-schedule .sub-nav .tabs.innerPosition {
  left: auto;
  right: 375px;
}
.learning-schedule .sub-nav .tabs span {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  letter-spacing: 0;
}
.learning-schedule .sub-nav .item-right .ico:before {
  margin-right: 8px;
}
.learning-schedule #tab-pages {
  padding-top: 22px;
}

.learning-schedule-timeline .layout .col.left {
  flex: 0 0 370px;
  max-width: 370px;
  margin-right: 20px;
}
.learning-schedule-timeline .layout .col.left .card {
  border-radius: 24px;
  padding: 23px 30px 30px;
  margin-top: 20px;
  border-color: #e7e7e7;
}
.learning-schedule-timeline .layout .col.right {
  flex: 0 0 740px;
  max-width: 740px;
  padding-top: 46px;
}
.learning-schedule-timeline #calendar .fc-view-harness {
  background: #fff;
}
.learning-schedule-timeline #calendar .fc-col-header-cell-cushion {
  padding: 20px 0 30px;
}
.learning-schedule-timeline #calendar .fc-daygrid-day.fc-day-today {
  background-color: #f9f9f9;
}
.learning-schedule-timeline #calendar .fc-event-title.fc-sticky {
  width: 100%;
}
.learning-schedule-timeline #calendar .alldaybtns {
  float: right;
  text-align: right;
  width: 220px;
}
.learning-schedule-timeline #calendar .alldaybtns a {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  padding: 0 10px;
  position: relative;
}
.learning-schedule-timeline #calendar .alldaybtns a + a:before {
  position: absolute;
  display: inline-block;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  top: 4px;
  width: 1px;
  height: 12px;
}
.learning-schedule-timeline #calendar .alldaybtns a.new:after {
  display: block;
  position: absolute;
  top: -12px;
  left: 10px;
  content: "NEW";
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #ea0000;
}
.learning-schedule-timeline #monthCalendar {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 24px;
  background-color: white;
  padding: 27px 0 20px;
}
.learning-schedule-timeline #monthCalendar .fc-toolbar-title {
  margin-left: 30px;
}
.learning-schedule-timeline #monthCalendar .fc-view-harness {
  padding: 10px 10px 0;
}
.learning-schedule-timeline #yet {
  background-color: #f9f9f9;
}
.learning-schedule-timeline #yet .card-header {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  letter-spacing: -1.5px;
  margin-bottom: -3px;
}
.learning-schedule-timeline #yet .card-body {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #767676;
  padding: 10px 0 12px;
  letter-spacing: -1.3px;
}
.learning-schedule-timeline #yet .card-body span {
  color: #000;
}
.learning-schedule-timeline #yet .card-footer {
  margin: 3px -15px 0;
}
.learning-schedule-timeline #yet .swiper-slide {
  background: #119D9B;
  color: #fff;
}
.learning-schedule-timeline #yet .swiper-slide p {
  padding: 14px 27px;
  width: 100%;
  letter-spacing: -1px;
}
.learning-schedule-timeline #yet .swiper-button-prev, .learning-schedule-timeline #yet .swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.learning-schedule-timeline #yet .swiper-button-prev {
  left: -7px;
}
.learning-schedule-timeline #yet .swiper-button-next {
  right: -7px;
}
.learning-schedule-timeline #yet button {
  position: absolute;
  top: 24px;
  right: 20px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -467px 0;
  width: 30px;
  height: 30px;
}
.learning-schedule-timeline #notice .card-header {
  padding-left: 27px;
  position: relative;
}
.learning-schedule-timeline #notice .card-header:before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -222px -24px;
  width: 20px;
  height: 20px;
}
.learning-schedule-timeline #notice .card-body {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
  padding-top: 15px;
}
.learning-schedule-timeline #notice .card-body .list-dot li {
  line-height: 31px;
  letter-spacing: -1.5px;
}
.learning-schedule-timeline #notice .card-body .list-dot li:before {
  background-color: #707070;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  top: 15px;
}
.learning-schedule-timeline #notice .card-body .list-dot li span {
  float: right;
  color: #4c4c4c;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-schedule-timeline #notice .card-body .list-dot li a {
  color: #707070;
}
.learning-schedule-timeline #notice .card-body .list-dot li a:hover, .learning-schedule-timeline #notice .card-body .list-dot li a:focus {
  font-weight: 700;
}

.learning-schedule-todolist {
  margin-top: 43px;
}
.learning-schedule-todolist .todayClass,
.learning-schedule-todolist .todayTodo {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #333333;
  letter-spacing: -1.5px;
}
.learning-schedule-todolist .todayClass {
  position: absolute;
  z-index: 10;
  left: 58px;
  top: 23px;
  padding: 0 0 14px;
}
.learning-schedule-todolist .todayClass .date {
  position: relative;
  top: -1px;
  margin-left: 21px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #119d9b;
  letter-spacing: -1px;
}
.learning-schedule-todolist .layout {
  margin-bottom: 20px;
}
.learning-schedule-todolist .layout .col.left {
  flex: 0 0 68.5%;
  max-width: 68.5%;
}
.learning-schedule-todolist .layout .col.left.single {
  flex: 0 0 35%;
  max-width: 35%;
  margin-right: -2%;
}
.learning-schedule-todolist .layout .col.left.single .classDetail {
  overflow: hidden;
}
.learning-schedule-todolist .layout .col.right .today-todo-list .timeline-list {
  width: 308px;
}
.learning-schedule-todolist .layout .col.right .card:nth-child(1) .titLevel01:before {
  position: relative;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -122px -66px;
  width: 24px;
  height: 20px;
  margin-right: 5px;
  top: 2px;
}
.learning-schedule-todolist .layout .col.right .card:nth-child(2) .titLevel01:before {
  position: relative;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -282px 0;
  width: 26px;
  height: 20px;
  margin-right: 5px;
  top: 2px;
}
.learning-schedule-todolist .layout .col.right .card:nth-child(3) .titLevel01:before {
  position: relative;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -282px -24px;
  width: 22px;
  height: 24px;
  margin-right: 5px;
  top: 5px;
}
.learning-schedule-todolist .layout .col.right .card a.more {
  position: absolute;
  content: "";
  top: 26px;
  right: 21px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -467px 0;
  width: 30px;
  height: 30px;
}
.learning-schedule-todolist .layout .col.right .collapse-header .info span {
  max-width: 190px;
}
.learning-schedule-todolist .layout .col.right .collapse li button {
  text-align: left;
}
.learning-schedule-todolist .layout .col.right .collapse li .tit {
  max-width: 220px;
}
.learning-schedule-todolist .right .todayTodo {
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.learning-schedule-todolist .right .todayTodo + button {
  position: absolute;
  content: "";
  top: 0;
  right: 20px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -831px 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 3px 5.196px 8px 0px rgba(0, 0, 0, 0.2);
}
.learning-schedule-todolist .right > button.plan {
  border-radius: 3px;
  background-color: #119d9b;
  width: 252px;
  height: 48px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  margin: 34px auto 0;
  display: block;
}
.learning-schedule-todolist .right .scrollbar {
  max-height: 840px;
}
.learning-schedule-todolist .right .card {
  padding: 25px 30px;
}
.learning-schedule-todolist .right .card + .card {
  margin-top: 20px;
}
.learning-schedule-todolist .right .card .titLevel01 {
  letter-spacing: 1px;
}
.learning-schedule-todolist .right .card ul {
  margin-top: 18px;
}
.learning-schedule-todolist .right .card ul > li {
  position: relative;
  padding: 12px 0;
}
.learning-schedule-todolist .right .card ul > li small {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #707070;
}
.learning-schedule-todolist .right .card ul > li .tit {
  display: block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: black;
  letter-spacing: -1.5px;
  padding-bottom: 6px;
  width: calc(100% - 20px);
  height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.learning-schedule-todolist .right .card ul > li span.call {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url("../images/common/form.png");
  background-position: -87px -88px;
}
.learning-schedule-todolist .right .card ul > li span.call.check {
  background-position: -87px -110px;
}
.learning-schedule-todolist .right .card ul > li button {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}
.learning-schedule-todolist .right .card ul > li label {
  display: block;
  cursor: pointer;
}
.learning-schedule-todolist .right .card ul > li label:after {
  clear: both;
  content: "";
  display: block;
}
.learning-schedule-todolist .right .card ul > li label > span {
  float: right;
  margin-top: -17px;
  margin-right: -10px;
}
.learning-schedule-todolist .right .card.online ul {
  margin-top: 9px;
  padding-bottom: 7px;
}
.learning-schedule-todolist .right .card.online .titLevel01 {
  letter-spacing: 0;
}
.learning-schedule-todolist .right .card.online ul > li {
  padding: 16px 0 19px;
}
.learning-schedule-todolist .right .card.online ul > li .tit {
  padding-bottom: 0;
}
.learning-schedule-todolist .right .card.online ul > li + li {
  border-top: 1px solid #efefef;
}
.learning-schedule-todolist .right .card.online ul > li:last-child {
  padding-bottom: 0;
}
.learning-schedule-todolist .right .card.personal ul {
  margin-top: 13px;
}
.learning-schedule-todolist .right .card.personal ul li button {
  width: calc(100% - 50px);
  margin-bottom: 0;
}
.learning-schedule-todolist .right .card.personal ul li label > span {
  margin-top: -35px;
}
.learning-schedule-todolist .right .card ol {
  display: block;
  width: 100%;
  height: 48px;
}
.learning-schedule-todolist .right .card ol > li {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
.learning-schedule-todolist .right .card ol > li.new:after {
  content: "";
  background: #ea0000;
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  right: 2px;
  top: 2px;
}
.learning-schedule-todolist .right .card ol > li.new:hover button:after {
  display: block;
  position: absolute;
  top: -28px;
  margin-left: -5px;
  content: "";
  width: 56px;
  height: 32px;
  background: url("../images/common/new.png") no-repeat 0 0;
}
.learning-schedule-todolist .right .card ol > li button {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #efefef;
  margin-bottom: 0;
}
.learning-schedule-todolist .right .card ol > li button:before {
  position: relative;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_tab.png");
  background-repeat: no-repeat;
  background-position-x: -182px;
  background-position-y: -156px;
  width: 21px;
  height: 20px;
  top: 0;
}
.learning-schedule-todolist .right .card ol > li.e1 button:before {
  background-position-x: -182px;
  width: 20px;
  height: 21px;
}
.learning-schedule-todolist .right .card ol > li.e2 button:before {
  background-position-x: -202px;
  width: 21px;
  height: 20px;
}
.learning-schedule-todolist .right .card ol > li.e3 button:before {
  background-position-x: -223px;
  width: 28px;
  height: 20px;
}
.learning-schedule-todolist .right .card ol > li.e4 button:before {
  background-position-x: -251px;
  width: 19px;
  height: 20px;
}
.learning-schedule-todolist .right .card ol > li:hover button, .learning-schedule-todolist .right .card ol > li:focus button {
  border-color: #119D9B;
}
.learning-schedule-todolist .right .card ol > li:hover button:before, .learning-schedule-todolist .right .card ol > li:focus button:before {
  background-position-y: -52px;
}
.learning-schedule-todolist .right .card .more {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  right: 15px;
}
.learning-schedule-todolist .right .card .more i {
  margin-right: 0;
}
.learning-schedule-todolist .single + .right .today-todo-list .timeline-list {
  width: auto !important;
}
.learning-schedule-todolist .single + .right .card .tit {
  font-size: 18px;
  text-overflow: inherit;
  overflow: inherit;
  float: left;
  width: auto;
}
.learning-schedule-todolist .single + .right .card .tit + small {
  float: right;
  margin-top: 4px;
  margin-right: 65px;
}
.learning-schedule-todolist .single + .right .card a.more {
  top: 29px;
  right: 25px;
}
.learning-schedule-todolist .single + .right .card ul {
  margin-top: 0;
}
.learning-schedule-todolist .single + .right .card ul > li {
  padding: 8px 0;
}
.learning-schedule-todolist .single + .right .card ul > li:after {
  clear: both;
  content: "";
  display: block;
}
.learning-schedule-todolist .single + .right .card ul > li:first-child {
  margin-top: 15px;
}
.learning-schedule-todolist .single + .right .card ul > li span.call {
  margin-top: -8px;
  right: 4px;
}
.learning-schedule-todolist .single + .right .card ul > li input + span {
  position: absolute;
  right: 7px;
  top: 24px;
}
.learning-schedule-todolist .single + .right .card.online ul {
  padding-top: 9px;
}
.learning-schedule-todolist .single + .right .card.online ul > li {
  padding: 32px 0 22px;
}
.learning-schedule-todolist .single + .right .card.online ul > li:first-child {
  margin-top: 0;
  padding-top: 16px;
}
.learning-schedule-todolist .single + .right .card.online ul > li:last-child {
  padding-bottom: 0;
}
.learning-schedule-todolist .single + .right .card.online ul > li > button {
  width: 57%;
}
.learning-schedule-todolist .single + .right .card.online ol {
  width: 37.5%;
  float: right;
  margin-right: 5%;
  margin-top: -12px;
}
.learning-schedule-todolist .single + .right .card.online .call {
  margin-top: -15px;
}
.learning-schedule-todolist .single + .right .collapse-header .info span {
  max-width: 625px;
}
.learning-schedule-todolist .single + .right .collapse li .tit {
  max-width: 625px;
}
.learning-schedule-todolist .no-data {
  height: 659px;
}
.learning-schedule-todolist .no-data .inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #202020;
}
.learning-schedule-todolist .no-data .inner p {
  padding-top: 10px;
}
.learning-schedule-todolist .classDetail {
  border-width: 1px;
  border-color: #119d9b;
  border-style: solid;
  border-radius: 24px;
  background-color: white;
}
.learning-schedule-todolist .swiper-2G {
  margin-left: -15px;
  margin-right: -15px;
}
.learning-schedule-todolist .swiper-2G .swiper-slide:before {
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 40px;
  width: 1px;
  height: auto;
  position: absolute;
  bottom: 40px;
}
.learning-schedule-todolist .swiper-2G .swiper-slide:after {
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 40px;
  width: 1px;
  height: auto;
  position: absolute;
  left: auto;
  right: -1px;
  bottom: 40px;
}
.learning-schedule-todolist .frame {
  width: 370px;
  box-sizing: border-box;
  padding: 23px 39px 30px;
  box-shadow: none;
  border: 0;
  margin-top: 52px;
}
.learning-schedule-todolist .frame > .more {
  position: absolute;
  content: "";
  top: 80px;
  right: 40px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -831px 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 3px 5.196px 8px 0px rgba(0, 0, 0, 0.2);
}
.learning-schedule-todolist #onlineClass {
  margin-top: 0;
  position: relative;
  border-radius: 24px;
}
.learning-schedule-todolist #onlineClass .attendance {
  margin-bottom: 5px;
}
.learning-schedule-todolist #onlineClass .attendance .bg {
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  border-radius: 3px;
  background-color: rgba(17, 157, 155, 0.05);
  width: 100px;
  line-height: 30px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #119D9B;
}
.learning-schedule-todolist #onlineClass .attendance .bg strong {
  color: #119D9B;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding-right: 0;
}
.learning-schedule-todolist .single #onlineClass {
  z-index: 10;
}
.learning-schedule-todolist .attendance {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #4c4c4c;
  margin-bottom: 19px;
  letter-spacing: -1px;
  line-height: 1.8;
}
.learning-schedule-todolist .attendance strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #000;
  padding-right: 8px;
  letter-spacing: 0;
}
.learning-schedule-todolist .attendance strong small {
  font-size: 20px;
}
.learning-schedule-todolist .attendance.good:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -308px 0;
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
.learning-schedule-todolist .attendance.bad:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -308px -27px;
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
.learning-schedule-todolist .attendance.eclass strong {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 28px;
}
.learning-schedule-todolist .attendance.eclass i {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -146px -66px;
  width: 23px;
  height: 20px;
}
.learning-schedule-todolist .face {
  position: relative;
  padding: 3px 0 4px 76px;
  box-sizing: border-box;
}
.learning-schedule-todolist .face h6 {
  padding-bottom: 6px;
  letter-spacing: 0;
}
.learning-schedule-todolist .face button {
  background-color: #d2e9e9;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 20px;
}
.learning-schedule-todolist .face button i {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 -48px;
  width: 16px;
  height: 16px;
}
.learning-schedule-todolist .face address {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  letter-spacing: -0.5px;
}
.learning-schedule-todolist .face address span:before {
  position: relative;
  top: -5px;
  content: "";
  display: inline-block;
  background-color: #cccccc;
  width: 2px;
  height: 2px;
  margin: 0 6px;
}
.learning-schedule-todolist .face .ico.subject {
  top: 0;
}
.learning-schedule-todolist .face.eclass h6 {
  margin-left: -76px;
  padding-top: 12px;
  line-height: 1;
}
.learning-schedule-todolist .attitude {
  box-sizing: border-box;
  padding: 16px 0 14px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #efefef;
}
.learning-schedule-todolist .attitude a {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -242px -91px;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.learning-schedule-todolist .attitude li {
  display: inline-block;
  text-align: left;
  line-height: 1.4;
}
.learning-schedule-todolist .attitude li + li {
  float: right;
  text-align: right;
  padding-right: 10px;
}
.learning-schedule-todolist .attitude strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin-left: 10px;
}
.learning-schedule-todolist .state {
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
}
.learning-schedule-todolist .state .titLevel01 {
  padding: 15px 0;
  font-size: 18px;
}
.learning-schedule-todolist .state .card {
  border-radius: 4px;
  overflow: hidden;
  min-height: 127px;
}
.learning-schedule-todolist .state .card + .card {
  margin-top: 8px;
}
.learning-schedule-todolist .state .card .card-header {
  padding: 18px 20px 8px;
  border-top-width: 5px;
  border-top-style: solid;
  font-size: 15px;
  font-weight: 700;
}
.learning-schedule-todolist .state .card .card-header a {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -242px -91px;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: 2px;
}
.learning-schedule-todolist .state .card .more {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -6px -85px;
  width: 18px;
  height: 8px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition: transform 0.3s;
}
.learning-schedule-todolist .state .card .card-body {
  padding: 0 20px 40px;
  position: relative;
}
.learning-schedule-todolist .state .card .card-body .list-dot {
  height: 25px;
  overflow: hidden;
}
.learning-schedule-todolist .state .card .card-body.open .list-dot {
  height: auto;
}
.learning-schedule-todolist .state .card .card-body.open + .more {
  transform: rotate(-180deg);
}
.learning-schedule-todolist .state .card.eclass {
  color: #000;
}
.learning-schedule-todolist .state .card.eclass .card-header {
  border-top-color: #4c4c4c;
}
.learning-schedule-todolist .state .card.eclass .card-body.open ul {
  height: auto;
}
.learning-schedule-todolist .state .card.eclass ul {
  height: 30px;
  overflow: hidden;
}
.learning-schedule-todolist .state .card.eclass ul li {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: right;
}
.learning-schedule-todolist .state .card.eclass ul li:after {
  clear: both;
  content: "";
  display: block;
}
.learning-schedule-todolist .state .card.eclass ul li > span {
  float: left;
  padding-top: 7px;
}
.learning-schedule-todolist .state .card.eclass ul li strong {
  float: right;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.learning-schedule-todolist .state .card.eclass ul li strong span {
  padding-left: 2px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-schedule-todolist .state .card.electronic {
  color: #119D9B;
  border-top-color: #119D9B;
}
.learning-schedule-todolist .state .card.electronic a {
  background-position-x: -256px;
}
.learning-schedule-todolist .state .card.portal {
  color: #085cfd;
  border-top-color: #085cfd;
}
.learning-schedule-todolist .state .card.portal a {
  background-position-x: -270px;
}
.learning-schedule-todolist .state .card .list-dot {
  padding-top: 4px;
}
.learning-schedule-todolist .state .card .list-dot li {
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
}
.learning-schedule-todolist .state .card .list-dot li:after {
  clear: both;
  content: "";
  display: block;
}
.learning-schedule-todolist .state .card .list-dot li > p {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-left: 3px;
}
.learning-schedule-todolist .state .card .list-dot li > p span {
  margin-left: -1px;
}
.learning-schedule-todolist .state .card .list-dot li > p strong {
  font-weight: 700;
  margin-left: 5px;
}
.learning-schedule-todolist .state .card .list-dot li > p strong + span {
  color: #767676;
  margin-left: 1px;
}
.learning-schedule-todolist .state .card .list-dot li > p .separator {
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: auto;
  width: 1px;
  height: 12px;
  left: auto;
  margin-left: 10px;
  margin-right: 7px;
}
.learning-schedule-todolist .state .card .list-dot li > p .separator + strong {
  color: #085cfd;
}
.learning-schedule-todolist .icons {
  margin-bottom: 20px;
}
.learning-schedule-todolist .icons li {
  text-align: center;
}
.learning-schedule-todolist .icons li p {
  display: inline-block;
  position: relative;
  border-width: 1px;
  border-color: #efefef;
  border-style: solid;
  border-radius: 10px;
  width: 60px;
  height: 70px;
  box-sizing: border-box;
  padding-top: 39px;
}
.learning-schedule-todolist .icons li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -142px -46px;
  width: 21px;
  height: 20px;
}
.learning-schedule-todolist .icons li:nth-child(1):before {
  background-position: -142px -46px;
  width: 21px;
  height: 20px;
}
.learning-schedule-todolist .icons li:nth-child(2):before {
  background-position: -122px -45px;
  width: 20px;
  height: 21px;
}
.learning-schedule-todolist .icons li:nth-child(3):before {
  background-position: -163px -46px;
  width: 22px;
  height: 20px;
}
.learning-schedule-todolist .icons li:nth-child(4):before {
  background-position: -186px -46px;
  width: 28px;
  height: 20px;
}
.learning-schedule-todolist .icons span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
}
.learning-schedule-todolist .icons strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  padding-left: 4px;
}
.learning-schedule-todolist .icons .tooltip.danger {
  display: inline-block;
  position: absolute;
  left: 75%;
  top: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -34px -48px;
  width: 10px;
  height: 9px;
}
.learning-schedule-todolist .task {
  position: relative;
  padding-bottom: 40px;
}
.learning-schedule-todolist .task .more {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -6px -85px;
  width: 18px;
  height: 8px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -9px;
  transition: transform 0.3s;
}
.learning-schedule-todolist .task .open + .more {
  transform: rotate(-180deg);
}
.learning-schedule-todolist .task .titLevel01 {
  margin-bottom: 15px;
  font-size: 18px;
}
.learning-schedule-todolist ul.todo {
  height: 50px;
  overflow: hidden;
}
.learning-schedule-todolist ul.todo.open {
  height: auto;
}
.learning-schedule-todolist ul.todo li {
  position: relative;
  line-height: 1;
  padding-left: 17px;
  border-left: 3px solid #999999;
}
.learning-schedule-todolist ul.todo li + li {
  margin-top: 24px;
}
.learning-schedule-todolist ul.todo li:after {
  clear: both;
  content: "";
  display: block;
}
.learning-schedule-todolist ul.todo li:disabled {
  border-left-color: #999999;
}
.learning-schedule-todolist ul.todo li button {
  text-align: left;
  width: calc(100% - 50px);
}
.learning-schedule-todolist ul.todo li button .dead {
  display: block;
  margin-bottom: 10px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  line-height: 1;
}
.learning-schedule-todolist ul.todo li button .tit {
  display: block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 1;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.learning-schedule-todolist ul.todo li button .badge {
  font-style: normal;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  min-width: 10px;
  line-height: 18px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  padding: 0 8px;
  margin-right: 5px;
  vertical-align: top;
}
.learning-schedule-todolist ul.todo li label {
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -10px;
}
.PopTodoList .inner {
  padding-left: 39px;
  width: 582px !important;
}
.PopTodoList .inner .collapse-disabled {
  margin-bottom: 0;
}
.PopTodoList .today-todo-list .timeline-list .collapse-header strong.date span  {
  margin-bottom: 0;
}
#PopupTodoReq .frame,
#PopNoteReq .frame,
#PopNoteFriend .frame {
  width: 720px !important;
  box-sizing: border-box;
  padding: 30px;
}
#PopupTodoReq .header,
#PopNoteReq .header,
#PopNoteFriend .header {
  border-bottom: 0;
  padding-bottom: 0;
}
#PopupTodoReq .header .tit,
#PopNoteReq .header .tit,
#PopNoteFriend .header .tit {
  color: #000000;
  letter-spacing: -1.5px;
}
#PopupTodoReq .col-label,
#PopNoteReq .col-label,
#PopNoteFriend .col-label {
  flex: 0 0 10.5%;
  max-width: 10.5%;
}
#PopupTodoReq .col-label label,
#PopNoteReq .col-label label,
#PopNoteFriend .col-label label {
  vertical-align: top;
  transform: translateY(50%);
}
#PopupTodoReq .btns,
#PopNoteReq .btns,
#PopNoteFriend .btns {
  padding-top: 26px;
}
#PopupTodoReq .btn-close,
#PopNoteReq .btn-close,
#PopNoteFriend .btn-close {
  top: 35px;
  right: 30px;
  background-position: -100px -20px;
}

#PopupTodoReq {
  z-index: 101;
}
#PopupTodoReq .btns .btn {
  width: 160px;
}
#PopupTodoReq .col-date {
  flex: 0 0 24.5%;
  max-width: 24.5%;
  margin-right: 10px;
}
#PopupTodoReq .col-time {
  flex: 0 0 22.5%;
  max-width: 22.5%;
}
#PopupTodoReq .hyphen {
  line-height: 3;
}
#PopupTodoReq textarea {
  height: 85px;
}

#PopNoteFriend .group-header,
#PopNoteReq .group-header {
  margin-top: -6px;
  padding-bottom: 17px;
}
#PopNoteFriend .group-header:after,
#PopNoteReq .group-header:after {
  clear: both;
  content: "";
  display: block;
}
#PopNoteFriend .group-header .badge,
#PopNoteReq .group-header .badge {
  background: #085cfd;
  font-size: 14px;
  margin-right: 7px;
  position: relative;
  top: -5px;
  padding: 5px 9px;
}
#PopNoteFriend .group-header .titLevel01,
#PopNoteReq .group-header .titLevel01 {
  font-size: 24px;
}
#PopNoteFriend .group-header #friendNoteName,
#PopNoteReq .group-header #friendNoteName {
  float: right;
  width: 200px;
  height: 38px;
  line-height: 36px;
  border-radius: 19px;
}
#PopNoteFriend .group-header #friendNoteName strong,
#PopNoteReq .group-header #friendNoteName strong {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
#PopNoteFriend .group-header #friendNoteName strong:before,
#PopNoteReq .group-header #friendNoteName strong:before {
  content: "친구 강의 노트";
  margin-right: 5px;
  font-size: 12px;
  font-weight: 400;
}
#PopNoteFriend .group-header .date,
#PopNoteReq .group-header .date {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  padding-left: 10px;
}
#PopNoteFriend .group-header .myfriend,
#PopNoteReq .group-header .myfriend {
  display: inline-block;
  float: right;
  margin-bottom: 0;
}
#PopNoteFriend .group-header .dropdown-radio,
#PopNoteReq .group-header .dropdown-radio {
  width: 200px;
  margin-bottom: 0;
}
#PopNoteFriend .more,
#PopNoteReq .more {
  padding-right: 38px;
  position: relative;
  float: right;
  margin-top: -45px;
}
#PopNoteFriend .more span,
#PopNoteReq .more span {
  letter-spacing: -0.5px;
}
#PopNoteFriend .more:before,
#PopNoteReq .more:before {
  position: absolute;
  content: "";
  top: -6px;
  right: 0;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -467px 0;
  width: 30px;
  height: 30px;
}
#PopNoteFriend .form-group .col input[type=text],
#PopNoteReq .form-group .col input[type=text] {
  height: 44px;
}
#PopNoteFriend .footer,
#PopNoteReq .footer {
  padding-bottom: 10px;
}
#PopNoteFriend .footer .btn,
#PopNoteReq .footer .btn {
  width: 160px;
}

#ckEditor {
  max-height: 305px;
  height: calc(100vh - 360px);
}

#PopupTodoReq.active + #PopNoteReq.active {
  background-color: transparent;
}

#PopNoteFriend.active + #PopNoteReq.active {
  display: none;
}

.learning-course {
  padding-top: 20px;
}
.learning-course .sub-nav .item-right .ico.officialClass {
  position: relative;
  top: -4px;
}
.learning-course .sub-nav .item-right .ico.officialClass:before {
  margin-right: 7px;
  top: 2px;
}
.learning-course .sub-nav .item-right .ico.informalClass:before {
  margin-right: 5px;
}
.learning-course #filter07 {
  width: 400px;
  float: right;
  margin: 0 0 3px;
}
.learning-course #filter07 button {
  max-width: 100px;
}
.learning-course #filter11 > .btn-line {
  width: 240px;
}
.learning-course #filter11 .btn-change strong:before {
  content: "키워드";
}
.learning-course h5 {
  padding-bottom: 17px;
}
.learning-course #officalTable {
  overflow: visible;
}
.learning-course #officalTable table {
  table-layout: auto;
}
.learning-course #officalTable table th, .learning-course #officalTable table td {
  padding: 14px 9px;
}
.learning-course #officalTable table .narrow {
  padding: 5px 14px;
}
.learning-course #officalTable table td button {
  width: 100%;
  display: inline-block;
  color: #1f75ff;
  text-decoration: underline;
}
.learning-course #officalTable table td span {
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  word-break: keep-all;
  max-width: 400px;
}
.learning-course .tab-content table td .no-data .inner {
  padding-top: 50px;
  padding-bottom: 50px;
}

.learning-official-class .filter {
  padding-bottom: 4px;
}
.learning-official-class .filter:after {
  clear: both;
  content: "";
  display: block;
}

.learning-informal-class {
  margin-top: -8px;
}
.learning-informal-class .filter {
  padding-bottom: 10px;
  margin-top: -1px;
}
.learning-informal-class #filter11 {
  float: right;
  width: 400px;
  margin: 0 0 3px;
}
.learning-informal-class #filter11 button {
  max-width: 100px;
}
.learning-informal-class .topFrame {
  padding: 22px 40px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.learning-informal-class .ai {
  height: 74px;
  border-bottom: 1px solid #efefef;
}
.learning-informal-class .ai .col-8 {
  background: url("../images/common/ai_robot_80x80.png") no-repeat 0 0;
  background-size: 50px;
}
.learning-informal-class .ai .col-8 .titLevel02, .learning-informal-class .ai .col-8 .keyword-list {
  display: inline-block;
  position: relative;
  top: -4px;
}
.learning-informal-class .ai .col-8 .titLevel02 {
  margin-left: 62px;
  margin-right: 27px;
}
.learning-informal-class .ai .jumbotron {
  text-align: right;
  position: relative;
  top: 1px;
  font-size: 18px;
  letter-spacing: -1px;
}
.learning-informal-class .ai .titLevel02 {
  padding-bottom: 10px;
}
.learning-informal-class .recomment {
  min-height: 78px;
  box-sizing: border-box;
  padding-top: 20px;
}
.learning-informal-class .recomment .card {
  border: 0;
}
.learning-informal-class .recomment .card-lg .card-inner {
  padding: 0;
}
.learning-informal-class .recomment .list-dot {
  position: relative;
  display: block;
  padding-left: 1px;
  color: #000000;
  padding-right: 90px;
}
.learning-informal-class .recomment .list-dot:before {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  top: 12px;
  left: 0;
  left: -6px;
}
.learning-informal-class .recomment .date {
  padding-top: 7px;
  display: block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  position: relative;
  top: -4px;
}
.learning-informal-class .recomment .badge {
  position: absolute;
  right: 0;
  top: 10px;
}
.learning-informal-class #informalTable td.txt-Left {
  padding-left: 0;
}
.learning-informal-class #informalTable td > .badge {
  margin-right: 0;
  top: 0;
}
.learning-informal-class #informalTable tbody tr {
  cursor: pointer;
}
.learning-informal-class #informalTable tbody tr:hover td {
  background: #f9f9f9;
}

.theme-learning .myfriend {
  position: relative;
  text-align: left;
  z-index: 2;
}
.theme-learning .myfriend > button {
  margin-left: 8px;
  padding: 0;
  width: 170px;
  height: 38px;
  line-height: 38px;
  border-radius: 19px;
  font-weight: 400;
}
.theme-learning .myfriend > .btn-myfriendlist.active {
  background-color: #fff;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.theme-learning .myfriend > .btn-myfriendshare.active {
  visibility: hidden;
}
.theme-learning .myfriend .myfriendlist {
  position: absolute;
  top: 38px;
  left: 8px;
  visibility: hidden;
  opacity: 0;
  width: 170px;
  background-color: #fff;
  border: 1px solid #119D9B;
  border-top: none;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  box-sizing: border-box;
}
.theme-learning .myfriend .myfriendlist.active {
  visibility: visible;
  opacity: 1;
}
.theme-learning .myfriend .myfriendlist .btn-myfriendclose {
  display: none;
}
.theme-learning .myfriend .myfriendlist .btn-myfriendclose.active {
  display: block;
}
.theme-learning .myfriend .myfriendlist .scrollbar {
  max-height: 190px;
}
.theme-learning .myfriend .myfriendlist ul li button {
  width: 100%;
  padding: 0 5px 0 15px;
  line-height: 40px;
  color: #767676;
  font-size: 14px;
  font-family: "Roboto";
  text-align: left;
}
.theme-learning .myfriend .myfriendlist ul li button:hover {
  background-color: #f5f5f5;
}
.theme-learning .myfriend .myfriendlist ul li button strong {
  display: inline-block;
  max-width: 66px;
  line-height: 36px;
  color: #000;
  font-family: "NotoSansKR";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
.theme-learning .myfriend .myfriendlist.selected {
  display: block;
  border: none;
}
.theme-learning .myfriend .myfriendlist.selected .btn-myfriendclose {
  position: absolute;
  top: -38px;
  left: -1px;
  padding: 0 15px 0 0;
  display: block;
  width: 170px;
  height: 38px;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  background-color: #119D9B;
  border: 1px solid #119D9B;
  border-radius: 19px;
}
.theme-learning .myfriend .myfriendlist.selected .btn-myfriendclose strong {
  display: inline-block;
  margin-left: 5px;
  max-width: 80px;
  font-size: 16px;
  font-weight: 700;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-learning .myfriend .myfriendlist.selected .btn-myfriendclose:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
  display: block;
  width: 10px;
  height: 10px;
  background: url("../images/common/btn.png") no-repeat -225px -62px;
  opacity: 0.9;
}
.theme-learning .myfriend .myfriendlist.selected .scrollbar {
  display: none;
}
.theme-learning .myfriend .myfriendshare {
  display: none;
  position: absolute;
  top: 0;
  left: 191px;
  width: 170px;
  background-color: #fff;
  border: 1px solid #119D9B;
  border-radius: 19px;
  overflow: hidden;
  box-sizing: border-box;
}
.theme-learning .myfriend .myfriendshare.active {
  display: block;
}
.theme-learning .myfriend .myfriendshare > .btn {
  padding: 0;
  width: 100%;
  border: none;
  font-weight: 400;
  border-radius: 0;
}
.theme-learning .myfriend .myfriendshare > .btn-line:after {
  content: "";
  display: inline-block;
  margin: 14px 0 0 6px;
  width: 11px;
  height: 12px;
  background: url("../images/common/btn.png") no-repeat -201px -128px;
  vertical-align: top;
}
.theme-learning .myfriend .myfriendshare > label {
  position: relative;
  margin-top: -4px;
  padding: 0 15px;
  width: 100%;
  line-height: 36px;
  color: #000;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
}
.theme-learning .myfriend .myfriendshare > label input + span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -12px;
}
.theme-learning .myfriend .myfriendshare .scrollbar {
  max-height: 202px;
  overflow: hidden;
}
.theme-learning .myfriend .myfriendshare ul {
  margin-top: 3px;
}
.theme-learning .myfriend .myfriendshare ul li {
  padding: 0 5px 0 15px;
}
.theme-learning .myfriend .myfriendshare ul li label {
  position: relative;
  display: block;
  line-height: 40px;
  color: #767676;
  font-size: 14px;
  font-family: "Roboto";
}
.theme-learning .myfriend .myfriendshare ul li label strong {
  display: inline-block;
  max-width: 66px;
  line-height: 36px;
  color: #000;
  font-family: "NotoSansKR";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
.theme-learning .myfriend .myfriendshare ul li label input + span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.theme-learning .myfriend .myfriendshare > label.lecturenote {
  margin-top: 0;
  padding-bottom: 1px;
  line-height: 40px;
  font-size: 12px;
  border-bottom: none;
}
.theme-learning .myfriend .myfriendshare > label.lecturenote input + span {
  margin-top: -14px;
}
.theme-learning .myfriend .myfriendshare > label.lecturenote .ico:before {
  margin-top: 13px;
  vertical-align: top;
}
.theme-learning .myfriendview {
  display: none;
  position: absolute;
  top: 48px;
  left: 0;
  width: 555px;
  height: 743px;
  z-index: 1;
  background-color: #f9f9f9;
}
.theme-learning .myfriendview.active {
  display: block;
}
.theme-learning .myfriendview.active + .lecturelist {
  display: none;
}
.theme-learning .myfriendview .no-data {
  position: relative;
  height: 100%;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  border-radius: 24px;
}
.theme-learning .myfriendview .no-data  .inner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.theme-learning .myfriendview .monthcalendar .calendar {
  margin-top: 0;
}
.theme-learning ul.allday {
  margin-top: 10px;
}
.theme-learning ul.allday li {
  border-top: 1px solid #eee;
  height: 30px;
  padding: 5px 0;
  width: 100%;
  position: relative;
}
.theme-learning ul.allday p {
  position: absolute;
  top: 5px;
  height: 100%;
}
.theme-learning ul.allday .start-0 {
  left: 45px;
}
.theme-learning ul.allday .start-1 {
  left: 143px;
}
.theme-learning ul.allday .start-2 {
  left: 241px;
}
.theme-learning ul.allday .start-3 {
  left: 339px;
}
.theme-learning ul.allday .start-4 {
  left: 437px;
}
.theme-learning ul.allday .start-5 {
  left: 535px;
}
.theme-learning ul.allday .start-6 {
  left: 633px;
}
.theme-learning ul.allday .end-0 {
  right: 588px;
}
.theme-learning ul.allday .end-1 {
  right: 490px;
}
.theme-learning ul.allday .end-2 {
  right: 392px;
}
.theme-learning ul.allday .end-3 {
  right: 294px;
}
.theme-learning ul.allday .end-4 {
  right: 196px;
}
.theme-learning ul.allday .end-5 {
  right: 98px;
}
.theme-learning ul.allday .end-6 {
  right: 0;
}
.theme-learning .allday span {
  display: block;
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  border-left: 3px solid transparent;
  line-height: 30px;
  color: #000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-learning .allday span strong {
  font-weight: 700;
  margin-right: 5px;
}
.theme-learning .allday .todo-b span {
  border-left-color: #357ee7;
  background: #eaf2fd;
}
.theme-learning .allday .todo-c span {
  border-left-color: #124199;
  background: #eaf1ff;
}
.theme-learning .allday .todo-d span {
  border-left-color: #9340c4;
  background: #f4ecf9;
}

.learning-timetable {
  padding-top: 20px;
}
.learning-timetable .dropdown-list li button {
  text-align: left;
  padding-left: 15px !important;
}
.learning-timetable .dropdown-list li strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  max-width: 66px;
}
.learning-timetable .myfriend .filter-friend {
  width: 170px;
}
.learning-timetable .schedule {
  margin-top: 20px;
}
.learning-timetable .schedule .left {
  flex: 0 0 555px;
  margin-right: 20px;
  max-width: 555px;
}
.learning-timetable .schedule .left .lecturelist .card.no-data {
  height: 680px;
}
.learning-timetable .schedule .left .lecturelist .card.no-data .inner {
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.learning-timetable .schedule .right {
  flex: 0 0 555px;
  max-width: 555px;
}
.learning-timetable .schedule .right .fc-timegrid-event {
  cursor: pointer;
}

.popup.mysmallname .frame {
  width: 260px;
}
.popup.mysmallname .frame .header {
  padding-bottom: 0;
  border-bottom: 0;
}
.popup.mysmallname p {
  padding: 5px 10px;
  line-height: 20px;
  background-color: #f9f9f9;
  color: #4c4c4c;
  font-size: 14px;
  text-align: center;
}
.popup.mysmallname label {
  margin-top: 10px;
}
.popup.mysmallname label strong {
  display: inline-block;
  margin-right: 10px;
  color: #666;
  font-size: 14px;
}
.popup.mysmallname label input {
  width: 225px;
}
.popup.mysmallname .footer .btns .btn {
  margin: 0 5px;
  padding: 0 15px;
}
.popup.mysmallname .footer .btns .btn.btn-default {
  font-weight: 400;
}

.learning-notes .sub-nav {
  padding-top: 20px;
  position: relative;
  z-index: 10;
}

.learning-timeline-notes {
  position: relative;
  padding-left: 38px;
  margin-top: -46px;
}
.learning-timeline-notes dl.open dt button:after {
  transform: rotate(-180deg);
}
.learning-timeline-notes dl.open dd {
  display: table;
}
.learning-timeline-notes dt {
  height: 45px;
}
.learning-timeline-notes dt:first-child:before {
  top: 20px;
}
.learning-timeline-notes dt .badge {
  position: absolute;
  left: -37px;
  margin-top: 10px;
  width: 96px;
  height: 24px;
  padding: 0 0 0 13px;
  text-align: left;
  line-height: 24px;
  border-radius: 12px;
  font-size: 14px;
  z-index: 10;
}
.learning-timeline-notes dt .badge:after {
  content: "";
  transition: all 0.125s ease-in-out;
  display: inline-block;
  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -2px;
  background: url("../images/common/_icon.png") no-repeat -257px -70px;
  width: 11px;
  height: 5px;
}
.learning-timeline-notes dt strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.learning-timeline-notes dd, .learning-timeline-notes dt {
  position: relative;
}
.learning-timeline-notes dd:before, .learning-timeline-notes dt:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -1px;
  display: inline-block;
  width: 2px;
  height: 113%;
  background-color: #e0e0e0;
}
.learning-timeline-notes dd {
  display: none;
  width: 100%;
  margin-bottom: 10px;
}
.learning-timeline-notes dd .date, .learning-timeline-notes dd .card {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.learning-timeline-notes dd .card {
  border-radius: 18px;
}
.learning-timeline-notes dd .date {
  width: 9%;
  padding-left: 12px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4c4c4c;
  vertical-align: top;
  padding-top: 14px;
}
.learning-timeline-notes dd .date strong {
  position: relative;
  font-weight: 700;
  display: block;
}
.learning-timeline-notes dd .date strong:after {
  content: "";
  position: absolute;
  top: 7px;
  left: -15px;
  display: inline-block;
  border-radius: 50%;
  background-color: #999999;
  width: 7px;
  height: 7px;
}
.learning-timeline-notes dd .card-sm .card-inner {
  padding: 17px 20px 22px;
}
.learning-timeline-notes dd .card-sm .card-inner:after {
  clear: both;
  content: "";
  display: block;
}
.learning-timeline-notes dd button {
  position: relative;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding-top: 4px;
  border-bottom: 1px solid #767676;
  letter-spacing: -1.2px;
  margin-right: 10px;
  margin-left: 25px;
}
.learning-timeline-notes dd button:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -86px -48px;
  width: 17px;
  height: 16px;
  position: absolute;
  left: -22px;
  top: 7px;
  content: "";
  margin-right: 5px;
}
.learning-timeline-notes dd .info {
  width: 100%;
  padding-top: 8px;
  padding-left: 3px;
}
.learning-timeline-notes dd .info .badge {
  padding: 0;
  margin-right: 10px;
  border-radius: 2px;
  background-color: #085cfd;
  min-width: 37px;
  line-height: 22px;
  font-size: 14px;
}
.learning-timeline-notes dd .info .titLevel01 {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4c4c4c;
}
.learning-timeline-notes dd .info ul {
  display: inline-block;
  margin-right: 5px;
  float: right;
}
.learning-timeline-notes dd .info ul li {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4c4c4c;
}
.learning-timeline-notes dd .info ul li + li {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  letter-spacing: 0;
}
.learning-timeline-notes dd .info ul li + li:before {
  display: inline-block;
  content: "";
  background-color: #cccccc;
  left: 0;
  top: 6px;
  width: 1px;
  height: 10px;
  position: absolute;
}
.learning-timeline-notes dd:last-child:before {
  height: 135%;
}

.learning-subject-notes {
  margin-top: 27px;
}
.learning-subject-notes .semester {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 10;
  width: 68%;
}
.learning-subject-notes .semester li:first-child {
  margin-left: 0;
}
.learning-subject-notes .semester .swiper-button-prev,
.learning-subject-notes .semester .swiper-button-next {
  margin-top: -18px;
}
.learning-subject-notes #filter01-1 .btn-header {
  width: 200px;
}
.learning-subject-notes #filter01-1 .btn-change strong:before {
  content: "친구 강의노트";
}
.learning-subject-notes .myfriendarea {
  height: 38px;
  margin-top: -15px;
}
.learning-subject-notes .list {
  margin-top: 20px;
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}
.learning-subject-notes .list li {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
  width: 100%;
  flex: 0 0 25%;
  max-width: 25%;
  background-color: transparent !important;
}
.learning-subject-notes .list li.no-data {
  display: block;
  margin: 100px 0;
  flex: none;
  max-width: none;
  width: 100%;
}
.learning-subject-notes .list .card {
  width: 260px;
  height: 100%;
  padding-bottom: 45px;
  margin: 0 auto;
  border-top-width: 0;
  overflow: hidden;
  border-radius: 6px;
}
.learning-subject-notes .list .card:hover, .learning-subject-notes .list .card:focus {
  box-shadow: 4.589px 6.553px 24px 0px rgba(0, 0, 0, 0.23);
}
.learning-subject-notes .list .card-inner {
  padding: 20px 20px 13px;
  border-width: 6px 0 0 0;
  border-style: solid;
  min-height: 114px;
}
.learning-subject-notes .list .card-header {
  text-align: left;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.learning-subject-notes .list .card-header:before {
  content: "";
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
}
.learning-subject-notes .list .Major01 .card-inner {
  border-top-color: #085cfd;
}
.learning-subject-notes .list .Major01 .card-header {
  color: #085cfd;
}
.learning-subject-notes .list .Major01 .card-header:before {
  background: #085cfd;
}
.learning-subject-notes .list .Major02 .card-inner {
  border-top-color: #5755d8;
}
.learning-subject-notes .list .Major02 .card-header {
  color: #5755d8;
}
.learning-subject-notes .list .Major02 .card-header:before {
  background: #5755d8;
}
.learning-subject-notes .list .Major03 .card-inner {
  border-top-color: #2fa1bd;
}
.learning-subject-notes .list .Major03 .card-header {
  color: #2fa1bd;
}
.learning-subject-notes .list .Major03 .card-header:before {
  background: #2fa1bd;
}
.learning-subject-notes .list .Major04 .card-inner {
  border-top-color: #8953c4;
}
.learning-subject-notes .list .Major04 .card-header {
  color: #8953c4;
}
.learning-subject-notes .list .Major04 .card-header:before {
  background: #8953c4;
}
.learning-subject-notes .list .Major05 .card-inner {
  border-top-color: #a228c0;
}
.learning-subject-notes .list .Major05 .card-header {
  color: #a228c0;
}
.learning-subject-notes .list .Major05 .card-header:before {
  background: #a228c0;
}
.learning-subject-notes .list .Major06 .card-inner {
  border-top-color: #124199;
}
.learning-subject-notes .list .Major06 .card-header {
  color: #124199;
}
.learning-subject-notes .list .Major06 .card-header:before {
  background: #124199;
}
.learning-subject-notes .list .Major07 .card-inner {
  border-top-color: #285d8f;
}
.learning-subject-notes .list .Major07 .card-header {
  color: #285d8f;
}
.learning-subject-notes .list .Major07 .card-header:before {
  background: #285d8f;
}
.learning-subject-notes .list .Major08 .card-inner {
  border-top-color: #a135e3;
}
.learning-subject-notes .list .Major08 .card-header {
  color: #a135e3;
}
.learning-subject-notes .list .Major08 .card-header:before {
  background: #a135e3;
}
.learning-subject-notes .list .Major09 .card-inner {
  border-top-color: #4c4c4c;
}
.learning-subject-notes .list .Major09 .card-header {
  color: #4c4c4c;
}
.learning-subject-notes .list .Major09 .card-header:before {
  background: #4c4c4c;
}
.learning-subject-notes .list .Major10 .card-inner {
  border-top-color: #767676;
}
.learning-subject-notes .list .Major10 .card-header {
  color: #767676;
}
.learning-subject-notes .list .Major10 .card-header:before {
  background: #767676;
}
.learning-subject-notes .list .card-body {
  padding-top: 20px;
  text-align: left;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.learning-subject-notes .list .card-body strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 9px;
}
.learning-subject-notes .list .card-body p {
  line-height: 16px;
}
.learning-subject-notes .list .card-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.learning-subject-notes .list .card-footer button {
  display: block;
  width: 100%;
  line-height: 44px;
  text-align: center;
  background: #f1f1f1;
}
.learning-subject-notes .list .card-footer button span {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.learning-subject-notes .list .card-footer button span:before {
  position: relative;
  top: 3px;
  content: "";
  margin-right: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -86px -48px;
  width: 17px;
  height: 16px;
}
.learning-subject-notes .list .card-footer button span strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 16px;
}

#PopNoteFriend .popupInnerList .myfriend .btn-myfriendshare,
#PopNoteReq .popupInnerList .myfriend .btn-myfriendshare {
  margin-left: 0;
}
#PopNoteFriend .popupInnerList .myfriend .myfriendshare,
#PopNoteReq .popupInnerList .myfriend .myfriendshare {
  left: auto;
  right: 0;
}
#PopNoteFriend .popupInnerList .col,
#PopNoteReq .popupInnerList .col {
  max-height: 475px;
  height: calc(100vh - 160px);
}
#PopNoteFriend .popupInnerList .col.left,
#PopNoteReq .popupInnerList .col.left {
  flex: 0 0 100px;
  max-width: 100px;
  margin-right: 20px;
  padding-top: 5px;
}
#PopNoteFriend .popupInnerList .col.left ul,
#PopNoteReq .popupInnerList .col.left ul {
  height: calc(100vh - 160px) !important;
  max-height: 475px;
}
#PopNoteFriend .popupInnerList .col.left li,
#PopNoteReq .popupInnerList .col.left li {
  margin-bottom: 4px;
}
#PopNoteFriend .popupInnerList .col.left button,
#PopNoteReq .popupInnerList .col.left button {
  width: 85px;
  height: 30px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 13px;
  border-radius: 3px;
}
#PopNoteFriend .popupInnerList .col.left button.active,
#PopNoteReq .popupInnerList .col.left button.active {
  border-color: #119D9B;
  color: #119D9B;
}
#PopNoteFriend .popupInnerList .col .note-header,
#PopNoteReq .popupInnerList .col .note-header {
  margin-bottom: 8px;
}
#PopNoteFriend .popupInnerList .col .note-header:after,
#PopNoteReq .popupInnerList .col .note-header:after {
  clear: both;
  content: "";
  display: block;
}
#PopNoteFriend .popupInnerList .col .note-header .titLevel02,
#PopNoteReq .popupInnerList .col .note-header .titLevel02 {
  float: left;
  font-weight: 400;
  padding-top: 4px;
  letter-spacing: -1.5px;
}
#PopNoteFriend .popupInnerList .col .note-header .btns,
#PopNoteReq .popupInnerList .col .note-header .btns {
  float: right;
  padding-top: 0;
}
#PopNoteFriend .popupInnerList .col .note-header .btns .btn,
#PopNoteReq .popupInnerList .col .note-header .btns .btn {
  width: 26px;
}
#PopNoteFriend .popupInnerList .col .note-header .btns .btn + .btn,
#PopNoteReq .popupInnerList .col .note-header .btns .btn + .btn {
  margin-left: 17px;
}
#PopNoteFriend .popupInnerList .col .note-header .btns .btn .ico:before,
#PopNoteReq .popupInnerList .col .note-header .btns .btn .ico:before {
  top: 2px;
}
#PopNoteFriend .popupInnerList .col .note-body,
#PopNoteReq .popupInnerList .col .note-body {
  position: relative;
  background: #f9f9f9;
  height: calc(100% - 50px);
  max-height: 400px;
}
#PopNoteFriend .popupInnerList .col .note-body .area,
#PopNoteReq .popupInnerList .col .note-body .area {
  width: 538px;
  padding: 14px 14px 38px;
  height: 100%;
  box-sizing: border-box;
}
#PopNoteFriend .popupInnerList .col .note-body .area .scrollbar,
#PopNoteReq .popupInnerList .col .note-body .area .scrollbar {
  height: 100%;
}
#PopNoteFriend .popupInnerList .col .note-body .area .scrollbar > .scroll-element.scroll-y,
#PopNoteReq .popupInnerList .col .note-body .area .scrollbar > .scroll-element.scroll-y {
  right: 0;
}
#PopNoteFriend .popupInnerList .col .note-body .file-name,
#PopNoteReq .popupInnerList .col .note-body .file-name {
  background-color: #f9f9f9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #efefef;
  padding: 5px 16px 14px;
}
#PopNoteFriend .popupInnerList .col .note-body .file-name a,
#PopNoteReq .popupInnerList .col .note-body .file-name a {
  display: inline-block;
  color: #666666;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 3px;
  border-bottom: 1px solid #666;
}
#PopNoteFriend .popupInnerList .col .note-footer,
#PopNoteReq .popupInnerList .col .note-footer {
  padding-top: 8px;
  text-align: right;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
#PopNoteFriend .popupInnerList .col .note-footer span,
#PopNoteReq .popupInnerList .col .note-footer span {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#PopNoteFriend .popupInnerReq,
#PopNoteReq .popupInnerReq {
  display: none;
}
#PopNoteFriend .popupInnerReq + .btn-close,
#PopNoteReq .popupInnerReq + .btn-close {
  display: none;
}
#PopNoteFriend.req .popupInnerList,
#PopNoteReq.req .popupInnerList {
  display: none;
}
#PopNoteFriend.req .popupInnerList + .btn-close,
#PopNoteReq.req .popupInnerList + .btn-close {
  display: none;
}
#PopNoteFriend.req .popupInnerReq,
#PopNoteReq.req .popupInnerReq {
  display: block;
}
#PopNoteFriend.req .popupInnerReq + .btn-close,
#PopNoteReq.req .popupInnerReq + .btn-close {
  display: block;
}

.learning-textbook .semester {
  width: 78%;
  padding-right: 22%;
  margin-bottom: 20px;
}
.learning-textbook .semester + .last {
  position: absolute;
  right: 6px;
  top: 19px;
  z-index: 5;
}
.learning-textbook .semester + .last button {
  color: #119D9B;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-textbook .semester + .last button:after {
  margin-left: 8px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 4px;
  border-color: transparent transparent transparent #119D9B;
}
.learning-textbook .semester + .last .edit-more {
  display: none;
}
.learning-textbook .semester + .last .edit-more a {
  display: block;
}
.learning-textbook .semester + .last .edit-more span {
  padding-left: 0;
}
.learning-textbook .semester + .last .edit-more span:before {
  display: none;
}
.learning-textbook .semester + .last.active .edit-more {
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
}
.learning-textbook .semester .swiper-button-prev,
.learning-textbook .semester .swiper-button-next {
  background-color: #f9f9f9;
}
.learning-textbook section header {
  padding-top: 2px;
  padding-bottom: 10px;
  padding-left: 5px;
}
.learning-textbook section header .badge {
  margin-right: 10px;
  min-width: 48px;
  position: relative;
  top: -2px;
}
.learning-textbook section header .titLevel02 {
  margin-right: 30px;
}
.learning-textbook section header .info, .learning-textbook section header .time {
  display: inline-block;
}
.learning-textbook section header p span + span:before {
  display: inline-block;
  content: "";
  background-color: #cccccc;
  left: 0;
  top: auto;
  width: 1px;
  height: 10px;
  left: auto;
  margin: 0 10px;
}
.learning-textbook section header .info {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-textbook section header .time {
  margin-left: 40px;
  color: #767676;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.learning-textbook section article {
  margin-left: -15px;
  margin-right: -15px;
}
.learning-textbook section .swiper-container {
  padding-bottom: 20px;
}
.learning-textbook section .swiper-slide {
  width: 220px;
  padding: 5px;
  box-sizing: border-box;
}
.learning-textbook section .swiper-slide.double {
  width: 448px;
}
.learning-textbook section .card {
  height: 155px;
  min-height: 130px;
  border-radius: 3px;
  padding: 16px 18px;
  box-sizing: border-box;
  transition: box-shadow 0.3s;
}
.learning-textbook section .card:hover, .learning-textbook section .card:focus {
  padding: 15px 17px;
  border: 2px solid #119d9b;
  border-radius: 4px;
  box-shadow: 4.589px 6.553px 24px 0px rgba(0, 0, 0, 0.23);
}
.learning-textbook section .card:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -36px;
  background: #f1f1f1;
  height: 30px;
}
.learning-textbook section .card:after {
  display: block;
  position: absolute;
  top: -36px;
  left: 30px;
  background: #f1f1f1;
  height: 30px;
}
.learning-textbook section .t-main + .t-main .card:after,
.learning-textbook section .t-sub + .t-sub .card:after {
  content: "";
  width: 20px;
  left: -15px;
}
.learning-textbook section .card-header {
  color: #119D9B;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  word-break: break-all;
}
.learning-textbook section .card-body,
.learning-textbook section .card-footer {
  font-size: 14px;
  color: #4c4c4c;
  line-height: 1.5;
}
.learning-textbook section .card-body {
  padding-top: 10px;
}
.learning-textbook section .card-footer {
  padding-top: 3px;
}
.learning-textbook section .disabled .card-header {
  color: #000000;
}
.learning-textbook section .disabled .card-body,
.learning-textbook section .disabled .card-footer {
  color: #999999;
}
.learning-textbook section .swiper-slide {
  padding-top: 36px;
  position: relative;
}
.learning-textbook section .swiper-slide .titLevel02 {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 38px;
  height: 30px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  background: #f1f1f1;
  z-index: 10;
}
.learning-textbook section .swiper-slide.t-main + .swiper-slide.t-main .titLevel02 {
  display: none;
}
.learning-textbook section .swiper-slide.t-sub + .swiper-slide.t-sub .titLevel02 {
  display: none;
}
.learning-textbook section .swiper-slide .titLevel02:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -308px -54px;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 10;
  top: 6px;
  left: 14px;
}
.learning-textbook section .swiper-button-prev, .learning-textbook section .swiper-button-next {
  margin-top: -5px;
}
.learning-simulation .sti {
  display: block;
  line-height: 26px;
  width: 100%;
  color: #000;
  font-size: 27px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1.5px;
}
.learning-simulation .sti:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 26px;
  height: 26px;
  background: url("../images/common/_icon.png") no-repeat -468px -31px;
  vertical-align: top;
}
.learning-simulation .frame-wrap {
  padding-top: 45px;
}
.learning-simulation .frame {
  position: relative;
  padding: 0 23px;
  width: 300px;
  height: 420px;
  border-color: #e7e7e7;
  box-shadow: 0px 8px 10px 0px rgba(77, 37, 148, 0.08);
  box-sizing: border-box;
  transition: all 0.2s;
}
.learning-simulation .frame .planning {
  display: block;
  margin: 0 -23px;
  width: 298px;
  height: 323px;
  overflow: hidden;
}
.learning-simulation .frame .planning .scrollbar {
  max-height: 218px;
}
.learning-simulation .frame .planning ul {
	padding: 20px 23px 0;
}
.learning-simulation .frame .planning ul li {
  padding-top: 10px;
}
.learning-simulation .frame .planning ul li:first-child {
  padding-top: 0;
}
.learning-simulation .frame .planning ul li > strong {
  display: inline-block;
  max-width: calc(100% - 25px);
  line-height: 28px;
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.learning-simulation .frame .planning ul li .badge {
  margin-right: 5px;
  padding: 7px 0;
  min-width: 47px;
  height: 28px;
  font-size: 14px;
  vertical-align: top;
}
.learning-simulation .frame .planning ul li.disabled strong {
  text-decoration: line-through;
}
.learning-simulation .frame .planning ul li.disabled .badge {
  background-color: #d9d9d9 !important;
}
.learning-simulation .frame .planning ul li .ico.warning {
  margin-left: 5px;
}
.learning-simulation .frame > strong {
  margin-top: 25px;
  display: block;
  color: #767676;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.learning-simulation .frame > strong:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url("../images/common/_icon_hover.png") no-repeat -708px 0;
  vertical-align: top;
}
.learning-simulation .swiper-simulation .swiper-slide {
  background-color: #f3f3f3;
  height: 500px;
}
#wrap .learning-simulation.inner {
  min-height: 800px;
  width: 1330px;
  padding: 0 100px;
}
.learning-simulation .topFrame {
  z-index: 10;
  margin-top: 20px;
}
.learning-simulation .typeselect {
  padding: 80px 20px 0;
  width: 1130px;
  justify-content: space-around;
}
.learning-simulation .typeselect .frame:nth-of-type(2) > strong:before {
  width: 18px;
  background-position-x: -734px;
}
.learning-simulation .typeselect .frame:nth-of-type(3) > strong:before {
  width: 24px;
  background-position-x: -753px;
}
.learning-simulation .typeselect .frame > .noplanning {
  display: none;
}
.learning-simulation .typeselect .frame > .noplanning.active {
  display: block;
}
.learning-simulation .typeselect .frame p {
  position: absolute;
  top: 85px;
  width: calc(100% - 46px);
  line-height: 36px;
  color: #767676;
  font-size: 28px;
  text-align: center;
}
.learning-simulation .typeselect .frame p strong {
  display: block;
  font-family: "Roboto";
  font-weight: 400;
}
.learning-simulation .typeselect .frame:nth-of-type(1) p:before {
  content: "";
  margin-bottom: 16px;
  display: inline-block;
  width: 140px;
  height: 126px;
  background: url("../images/learning/simulation.png") no-repeat 0 0;
}
.learning-simulation .typeselect .frame > .noplanning a, .learning-simulation .typeselect .frame > button {
  position: absolute;
  bottom: 31px;
  width: 252px;
  max-width: 100%;
  height: 48px;
  line-height: 48px;
  border-color: #999;
  background-color: #999;
}
.learning-simulation .typeselect .frame .subject {
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  margin-left: -12px;
  width: 264px;
}
.learning-simulation .typeselect .frame .subject .scrollbar {
  min-height: 60px;
  max-height: 234px;
  overflow: hidden;
}
.learning-simulation .typeselect .frame .subject .scroll-content {
  padding-left: 12px;
}
.learning-simulation .typeselect .frame .subject label {
  display: inline-block;
  width: 50%;
  margin: 6px 0;
  text-align: center;
  position: relative;
  vertical-align: top;
  float: left;
}
.learning-simulation .typeselect .frame .subject label strong {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 0;
}
.learning-simulation .typeselect .frame .subject label img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
}
.learning-simulation .typeselect .frame .subject label input + span {
  display: inline-block;
  margin-top: -5px;
  padding: 0 5px;
  width: 120px;
  height: 48px;
  line-height: 46px;
  color: #767676;
  font-size: 16px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  text-align: center;
  border-radius: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.learning-simulation .typeselect .frame .subject label input + span:before {
  display: none;
}
.learning-simulation .typeselect .frame .subject label input:checked + span {
  border-color: #999;
  background-color: #999;
  color: #fff;
}
.learning-simulation .typeselect .frame .subject label input:checked + span + strong:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 0;
  z-index: 10;
  background: url("../images/learning/simulation_subject_overlay.png") no-repeat 0 0;
}
.learning-simulation .typeselect .frame:nth-of-type(2) > button:before {
  content: "";
  display: inline-block;
  margin-right: 9px;
  width: 40px;
  height: 40px;
  background: url("../images/learning/ai.png") no-repeat 0 0;
  vertical-align: sub;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.learning-simulation .typeselect .frame:nth-of-type(2) > button:after {
  content: "";
  display: inline-block;
  margin-left: 9px;
  width: 26px;
  height: 20px;
  background: url("../images/common/_icon.png") no-repeat -215px -46px;
  vertical-align: sub;
}
.learning-simulation .typeselect .frame:nth-of-type(3) p {
  top: 155px;
  padding: 0 30px;
  box-sizing: border-box;
}
.learning-simulation .typeselect .frame-wrap:focus .frame, .learning-simulation .typeselect .frame-wrap:hover .frame {
  margin-top: -22px;
  border-color: #119D9B;
  box-shadow: 0px 8px 10px 0px rgba(14, 106, 105, 0.34);
}
.learning-simulation .typeselect .frame:focus > strong, .learning-simulation .typeselect .frame:hover > strong {
  color: #119D9B;
}
.learning-simulation .typeselect .frame:focus:nth-of-type(1) > strong:before, .learning-simulation .typeselect .frame:focus:nth-of-type(2) > strong:before, .learning-simulation .typeselect .frame:focus:nth-of-type(3) > strong:before, .learning-simulation .typeselect .frame:hover:nth-of-type(1) > strong:before, .learning-simulation .typeselect .frame:hover:nth-of-type(2) > strong:before, .learning-simulation .typeselect .frame:hover:nth-of-type(3) > strong:before {
  background-position-y: -24px;
}
.learning-simulation .typeselect .frame:focus p, .learning-simulation .typeselect .frame:hover p {
  color: #119D9B;
}
.learning-simulation .typeselect .frame:focus:nth-of-type(1) p:before, .learning-simulation .typeselect .frame:hover:nth-of-type(1) p:before {
  background-position: 0 -126px;
}
.learning-simulation .typeselect .frame:focus > .noplanning a, .learning-simulation .typeselect .frame:focus > button, .learning-simulation .typeselect .frame:hover > .noplanning a, .learning-simulation .typeselect .frame:hover > button {
  background-color: #119D9B;
}
.learning-simulation .typeselect .frame:focus .subject label input + span, .learning-simulation .typeselect .frame:hover .subject label input + span {
  border-color: #119D9B;
  color: #119D9B;
}
.learning-simulation .typeselect .frame:focus .subject label input:checked + span, .learning-simulation .typeselect .frame:hover .subject label input:checked + span {
  color: #fff;
  background-color: #119D9B;
}
.learning-simulation .typeselect .frame .planning {
  display: none;
  position: absolute;
  top: 64px;
}
.learning-simulation .typeselect .frame .planning.active {
  display: block;
}
.learning-simulation .typeselect .frame .planning button {
  position: absolute;
  bottom: 0;
  left: 23px;
  width: 252px;
  max-width: 252px;
  height: 48px;
  border-color: #999;
  background-color: #999;
}
.learning-simulation .typeselect .frame:hover .planning button {
  background-color: #119D9B;
  border-color: #119D9B;
}
.learning-simulation .typeselect .frame .planning button:after {
  content: "";
  display: inline-block;
  margin-left: 9px;
  width: 26px;
  height: 20px;
  background: url("../images/common/_icon.png") no-repeat -215px -46px;
  vertical-align: sub;
}
.learning-simulation .start .planlist:after {
  content: " ";
  display: block;
  clear: both;
}
.learning-simulation .start .planning {
  margin-top: 10px;
  padding-bottom: 41px;
  height: auto;
}
.learning-simulation .start .btn-block {
  margin-top: 10px;
  background: #999999;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  width: 252px;
  line-height: 48px;
}
.learning-simulation .start .planning .btn-block {
  margin-left: 23px;
}
.learning-simulation .start button {
  margin-top: 30px;
  display: block;
  width: 100%;
  max-width: 100%;
}
.learning-simulation .start .frame {
  float: left;
  margin-top: 22px;
  height: auto;
}
.learning-simulation .start .frame:nth-of-type(2) {
  margin-left: 20px;
  padding: 0 38px 40px;
  width: 810px;
  height: auto;
  border-color: #119D9B;
  box-shadow: 0px 8px 10px 0px rgba(14, 106, 105, 0.34);
}
.learning-simulation .start .frame:nth-of-type(2) button {
  margin: 33px auto 0;
  width: 252px;
  height: 48px;
}
.learning-simulation .start .frame > strong {
  text-align: left;
}
.learning-simulation .start .frame dl {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  line-height: 52px;
}
.learning-simulation .start .frame dl dt {
  width: 88px;
  color: #4c4c4c;
  font-size: 18px;
  font-weight: 700;
}
.learning-simulation .start .frame dl dd {
  width: calc(100% - 88px);
  color: #767676;
  font-size: 16px;
}
.learning-simulation .start .frame dl dd > strong {
  display: inline-block;
  line-height: 28px;
  color: #767676;
  font-size: 15px;
  font-weight: 400;
}
.learning-simulation .start .frame dl dd .badge {
  margin-right: 5px;
  padding: 7px 0;
  min-width: 47px;
  height: 28px;
  font-size: 14px;
  vertical-align: top;
}
.learning-simulation .start .frame dl dd label {
  position: relative;
  margin-left: 30px;
  padding-left: 30px;
}
.learning-simulation .start .frame dl dd label span.ellipsis {
  max-width: 150px;
  display: inline-block;
}
.learning-simulation .start .frame dl dd label input + span {
  position: absolute;
  top: -3px;
  left: 0;
}
.learning-simulation .start .frame dl dd strong {
  margin-left: 30px;
}
.learning-simulation .start .frame dl dd.last {
  position: relative;
  padding-left: 30%;
  box-sizing: border-box;
}
.learning-simulation .start .frame dl dd.last > strong {
  position: absolute;
  left: 0;
  top: 13px;
  width: 200px;
  box-sizing: border-box;
  padding-left: 59px;
}
.learning-simulation .start .frame dl dd.last > strong > .badge {
  position: absolute;
  left: 3px;
}
.learning-simulation .start .frame dl dd.last .scrollbar {
  max-height: 137px;
}
.learning-simulation .start .btn-reset {
  margin: 31px 0 0 32px;
  width: auto;
  color: #767676;
  font-size: 14px;
}
.learning-simulation .start .btn-reset:before {
  content: "";
  display: inline-block;
  margin: 3px 9px 0 0;
  width: 6px;
  height: 10px;
  transform: rotate(-180deg);
  background: url("../images/common/btn.png") no-repeat -249px -60px;
  vertical-align: top;
}
.learning-simulation .airecomarea .frame {
  margin-top: 32px;
  padding: 0 31px;
  width: 100%;
  height: 406px;
  border-color: #119D9B;
  box-shadow: 0px 8px 10px 0px rgba(14, 106, 105, 0.34);
}
.learning-simulation .airecomarea .frame > strong {
  margin-top: 27px;
  text-align: left;
  color: #119D9B;
}
.learning-simulation .airecomarea .frame > strong:before {
  margin-top: 2px;
  margin-right: 9px;
  width: 18px;
  background-position: -734px -24px;
}
.learning-simulation .airecomarea .sub-nav {
  margin-top: 4px;
  margin-bottom: 0;
}
.learning-simulation .airecomarea .sub-nav .tabs {
  height: 42px;
}
.learning-simulation .airecomarea .sub-nav .tabs .tab-link {
  margin-left: 20px;
}
.learning-simulation .airecomarea .sub-nav .tabs .tab-link:first-child {
  margin-left: 15px;
}
.learning-simulation .airecomarea .sub-nav .tabs .tab-link.current {
  color: #000;
  font-weight: 700;
}
.learning-simulation .airecomarea .sub-nav .tabs .tab-link a {
  display: inline-block;
  line-height: 41px;
}
.learning-simulation .airecomarea .sub-nav .tabs .tab-link.current a {
  color: #119D9B;
  border-bottom: 2px solid #119D9B;
}
.learning-simulation .airecomarea .sub-nav .swiper-category {
  border-bottom: 1px solid #d9d9d9;
}
.learning-simulation .airecomarea .sub-nav .swiper-category .swiper-button-prev,
.learning-simulation .airecomarea .sub-nav .swiper-category .swiper-button-next {
  margin-top: -19px;
}
.learning-simulation .airecomarea .ailecturelist .ailecture {
  max-height: 190px;
  overflow: hidden;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul {
  padding-top: 18px;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li {
  float: left;
  padding-top: 14px;
  width: 33.3333%;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li label {
  position: relative;
  display: block;
  padding-left: 37px;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li label strong {
  display: inline-block;
  max-width: calc(100% - 50px);
  line-height: 28px;
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li label .warning {
  top: 8px;
  position: relative;
  vertical-align: top;
  margin-left: 5px;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li label input + span {
  position: absolute;
  top: 2px;
  left: 0;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li label .badge {
  margin-top: -2px;
  margin-right: 4px;
  padding: 0;
  width: 48px;
  min-width: 48px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li.disabled label strong {
  text-decoration: line-through;
}
.learning-simulation .airecomarea .ailecturelist .ailecture ul li.disabled label .badge {
  background: #d9d9d9 !important;
}
.learning-simulation .airecomarea .ailecturelist > .btn {
  margin: 34px auto 0;
  display: block;
  width: 252px;
  max-width: 252px;
  height: 48px;
}
.learning-simulation .airecomarea .ailecturelist > .btn:before {
  content: "";
  display: inline-block;
  margin-right: 9px;
  width: 40px;
  height: 40px;
  background: url("../images/learning/ai.png") no-repeat 0 0;
  vertical-align: sub;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.learning-simulation .airecomarea > .btn-reset {
  margin: 16px 0 0 32px;
  width: auto;
  color: #767676;
  font-size: 14px;
}
.learning-simulation .airecomarea > .btn-reset:before {
  content: "";
  display: inline-block;
  margin: 3px 9px 0 0;
  width: 6px;
  height: 10px;
  transform: rotate(-180deg);
  background: url("../images/common/btn.png") no-repeat -249px -60px;
  vertical-align: top;
}
.learning-simulation .aiarea .frame > strong:before {
  margin-top: 2px;
  margin-right: 9px;
  width: 18px;
  background-position: -734px 0;
}
.learning-simulation .aiarea .frame .planning > .btn:before {
  content: "";
  display: inline-block;
  margin-right: 9px;
  width: 40px;
  height: 40px;
  background: url("../images/learning/ai.png") no-repeat 0 0;
  vertical-align: sub;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.learning-simulation .mypickarea .frame:nth-child(1) {
  height: 392px;
}
.learning-simulation .mypickarea .frame > strong {
  text-align: center;
}
.learning-simulation .mypickarea .frame > strong:before {
  margin-top: 2px;
  margin-right: 9px;
  width: 24px;
  background-position: -753px 0;
}
.learning-simulation .mypickarea .frame > strong + p {
  padding: 91px 30px 86px;
  box-sizing: border-box;
  line-height: 36px;
  color: #767676;
  font-size: 28px;
  text-align: center;
}
.learning-simulation .result .left {
  flex: 0 0 555px;
  margin-right: 20px;
  max-width: 555px;
}
.learning-simulation .result .right {
  flex: 0 0 555px;
  max-width: 555px;
}
.learning-simulation .result .btn-reset {
  position: absolute;
  top: 109px;
  right: 7px;
  color: #000;
  font-size: 15px;
}
.learning-simulation .result .btn-reset:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 20px;
  background: url("../images/common/_icon.png") no-repeat 0 -64px;
  vertical-align: top;
}
.learning-simulation .result .lecturetotal {
  margin-top: 73px;
  margin-bottom: 20px;
}
.learning-simulation .result .lecturetotal p {
  color: #000;
  font-size: 20px;
  letter-spacing: -1px;
}
.learning-simulation .result .lecturetotal p .warning {
  margin-bottom: 5px;
  margin-left: 5px;
}
.learning-simulation .result .lecturetotal ul {
  margin-top: 16px;
}
.learning-simulation .result .lecturetotal ul li {
  margin-left: 20px;
  display: inline-block;
  color: #666;
  font-size: 15px;
}
.learning-simulation .result .lecturetotal ul li:first-child {
  margin-left: 0;
}
.learning-simulation .result .lecturetotal ul li .badge {
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
.learning-simulation .result .lecturetotal .gradeinfo .swiper-category .swiper-button-prev,
.learning-simulation .result .lecturetotal .gradeinfo .swiper-category .swiper-button-next {
  margin-top: -11px;
}
.learning-simulation .result .btn-lectureplus {
  position: absolute;
  top: 148px;
  right: 40px;
  width: 40px;
  height: 40px;
  text-align: left;
  text-indent: -9999px;
  background-color: #119D9B;
  border-radius: 20px;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.learning-simulation .result .btn-lectureplus:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background-color: #fff;
}
.learning-simulation .result .btn-lectureplus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background-color: #fff;
}
.learning-simulation .result .lecturelist {
  max-height: 608px;
}
.learning-simulation .result .card {
  box-sizing: border-box;
  overflow: visible;
}
.learning-simulation .result .card .row {
  padding-bottom: 23px;
}
.learning-simulation .result .card .row .btn-lecturemore {
  width: calc(100% - 50px);
  text-align: left;
}
.learning-simulation .result .card .row .btn-lecturemore:after {
  content: "";
  margin-top: 11px;
  transform: rotate(0);
  display: inline-block;
  width: 18px;
  height: 8px;
  background: url("../images/common/btn.png") no-repeat -282px -151px;
  vertical-align: top;
  margin-left: 30px;
}
.learning-simulation .result .card .row .btn-lecturemore .badge {
  vertical-align: top;
}
.learning-simulation .result .card .row .btn-lecturemore > strong {
  max-width: calc(100% - 120px);
}
.learning-simulation .result .card .row .btn-lecturemore .warning {
  margin-top: 7px;
  margin-left: 8px;
  font-weight: 400;
  z-index: 1;
  vertical-align: top;
}
.learning-simulation .result .card .row .btn-lecturemore .warning span {
  top: auto;
  bottom: 20px;
  font-size: 14px;
  text-align: left;
}
.learning-simulation .result .card .row .btn-lecturemore .warning span strong {
  margin: 0;
  line-height: 1;
  width: auto;
  color: #ea0000;
  font-size: 14px;
}
.learning-simulation .result .card .row.active {
  padding-bottom: 21px;
}
.learning-simulation .result .card .row.active .btn-lecturemore:after {
  transform: rotate(-180deg);
}
.learning-simulation .result .card .row.active + .row {
  display: none;
}
.learning-simulation .result .card .btn-delete {
  position: absolute;
  top: 23px;
  right: 23px;
  width: 19px;
  height: 30px;
  text-align: left;
}
.learning-simulation .result .card .row:nth-child(2) {
  padding-top: 3px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.learning-simulation .result .card label {
  position: relative;
  padding-left: 31px;
  display: block;
  width: 100%;
  line-height: 32px;
}
.learning-simulation .simulationresult .card .txt-label {
  position: relative;
  padding-left: 31px;
  display: block;
  width: 100%;
  line-height: 32px;
}
.learning-simulation .result .card label .txt,
.learning-simulation .simulationresult .card .txt-label .txt {
  display: inline-block;
  color: #000;
  font-size: 14px;
}
.learning-simulation .result .card label .txt:before,
.learning-simulation .simulationresult .card .txt-label .txt:before {
  display: inline-block;
  content: "";
  background-color: #999999;
  left: 0;
  top: auto;
  width: 1px;
  height: 12px;
  left: auto;
  margin: 0 10px;
}
.learning-simulation .result .card label .txt:first-child:before,
.learning-simulation .simulationresult .card .txt-label .txt:first-child:before {
  display: none;
}
.learning-simulation .result .card label input + span {
  position: absolute;
  top: 5px;
  left: 0;
}
.learning-simulation .result .card .txt.warning {
  position: relative;
  display: inline-block;
  color: #ea0000;
  z-index: 1;
}
.learning-simulation .result .card .txt.warning > span {
  display: none;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 11px;
  width: auto;
  padding: 10px 30px 10px 10px;
  line-height: 16px;
  border: 1px solid #eb292a;
  background-color: #fff;
  border-radius: 3px;
  color: #ea0000;
  font-size: 14px;
  font-style: normal;
  white-space: nowrap;
}
.learning-simulation .result .card .txt.warning > span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 7px;
  background: url("../images/common/_icon.png") no-repeat -104px -49px;
}
.learning-simulation .result .card .txt.warning > span:before {
  content: "";
  position: absolute;
  top: 11px;
  right: 11px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: url("../images/common/btn.png") no-repeat -201px -140px;
}
.learning-simulation .result .card .txt.warning.active > span {
  display: block;
}
.learning-simulation .result .card .txt-label {
  padding-left: 0;
  padding-top: 6px;
  font-size: 14px;
}
.learning-simulation .result .card .txt-label .txt + .txt:before {
  content: "";
  margin: 0 8px;
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 0;
  width: 1px;
  height: 10px;
}
.learning-simulation .result .card.selected {
  border: 2px solid #ea0000;
}
.learning-simulation .result .card.selected .row:nth-child(1) {
  padding: 22px 22px 13px 22px;
}
.learning-simulation .result .card.selected .row:nth-child(2) {
  padding: 14px 22px 15px 22px;
}
.learning-simulation .result .card.selected .btn-delete {
  top: 22px;
  right: 22px;
}
.learning-simulation .result .lectureplus {
  display: none;
  position: absolute;
  top: 63px;
  left: 0;
  width: 555px;
  height: 743px;
  background-color: #f9f9f9;
  z-index: 20;
}
.learning-simulation .result .lectureplus.active {
  display: block;
}
.learning-simulation .result .lectureplus .filter {
  margin-left: 1px;
  padding-bottom: 20px;
}
.learning-simulation .result .lectureplus .filter .filter-process {
  width: 105px;
}
.learning-simulation .result .lectureplus .filter .filter-campus {
  width: 120px;
}
.learning-simulation .result .lectureplus .filter .filter-university {
  width: 200px;
}
.learning-simulation .result .lectureplus .filter .filter-department {
  margin-left: 0;
  width: 250px;
  z-index: 1;
}
.learning-simulation .result .lectureplus .filter .form-inline {
  display: inline-block;
  float: right;
  top: 0;
  width: 50%;
}
.learning-simulation .result .lectureplus .filter .form-inline [type=submit] {
  flex: 0 0 80px;
  max-width: 80px;
}
.learning-simulation .result .lectureplus .lecturelist {
  max-height: 558px;
  width:100%;
}
.learning-simulation .result .lectureplus .lecturelist .no-data {
  height: 400px;
}
.learning-simulation .result .lectureplus .lecturelist .no-data .inner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.learning-simulation .result .lectureplus .card .row .btn-lecturemore {
  width: calc(100% - 120px);
}
.learning-simulation .result .lectureplus .card .row.active .txt-info {
  display: none;
}
.learning-simulation .result .lectureplus .card .btn-more {
  bottom: 45px;
}
.learning-simulation .result .lectureplus .card .btn-more:after {
  margin-top: 5px;
}
.learning-simulation .result .lectureplus .card .btn-delete + .btn-timeadd {
  right: 47px;
}
.learning-simulation .result .lectureplus .card .btn-timeadd {
  position: absolute;
  top: 23px;
  right: 23px;
  padding-left: 14px;
  width: 120px;
  height: 30px;
  color: #767676;
  border-color: #767676;
  font-size: 13px;
  letter-spacing: -0.5px;
  text-align: left;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url("../images/common/_tab.png") no-repeat -144px -130px;
  margin-right: 7px;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:hover {
  border-color: #119D9B;
  color: #119D9B;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:hover:before {
  background-position-y: -52px;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:disabled {
  opacity: 0.3;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:disabled:hover {
  border-color: #efefef;
  color: #767676;
}
.learning-simulation .result .lectureplus .card .btn-timeadd:disabled:hover:before {
  background-position-y: -130px;
}
.learning-simulation .result .lectureplus .btn-reset {
  position: relative;
  top: auto;
  right: auto;
  left: 0;
  margin: 16px 0 0 0;
  width: auto;
  color: #767676;
  font-size: 14px;
}
.learning-simulation .result .lectureplus .btn-reset:before {
  content: "";
  display: inline-block;
  margin: 3px 9px 0 0;
  width: 6px;
  height: 10px;
  transform: rotate(-180deg);
  background: url("../images/common/btn.png") no-repeat -249px -60px;
  vertical-align: top;
}
.learning-simulation .result .lectureplus .btn-reset:after {
  display: none;
}
.learning-simulation .result .calendar {
  margin-top: 12px;
}
.learning-simulation .calendar .fc-timegrid-event .fc-event-main {
  padding-top: 5px;
}
.learning-simulation .calendar .fc-timegrid-event-harness {
  left: 0 !important;
  margin-right: 0 !important;
}
.learning-simulation .calendar .fc-timegrid-event-harness.fc-timegrid-event-harness-inset a {
  border: 3px solid #ea0000 !important;
}
.learning-simulation .calendar .fc-timegrid-event-harness.selected a {
  background-color: #085cfd !important;
  border-color: #085cfd !important;
}
.learning-simulation .calendar .fc-timegrid-event-harness.selected .fc-v-event .fc-event-main {
  color: #fff !important;
}
.learning-simulation .calendar .fc-timegrid-event-harness.timedaychange .fc-event-title:before {
  content: "";
  margin-bottom: 3px;
  display: block;
  width: 16px;
  height: 14px;
  background: url("../images/common/_icon.png") no-repeat -17px -48px;
}
.learning-simulation .mypickresult .lecturetotal {
  margin-bottom: 24px;
}
.learning-simulation .mypickresult .lectureplus {
  display: block;
  position: relative;
  top: 0;
  height: 624px;
}
.learning-simulation .mypickresult .lectureplus.hidden {
  opacity: 0;
}
.learning-simulation .mypickresult .lectureplus .lecturelist {
  max-height: 516px;
}
.learning-simulation .mypickresult .lectureplus .filter {
  font-size: 0;
}
.learning-simulation .myfriendarea {
  position: absolute;
  left: 100px;
  top: 100px;
  margin-left: 100px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 16;
  transition: all 0.4s;
}
.learning-simulation .myfriendarea.active {
  margin-left: 0;
  opacity: 1;
  visibility: visible;
  height: auto;
}
.learning-simulation .myfriendarea .myfriend {
  margin-left: 0;
}
.learning-simulation .myfriendarea .myfriend .filter-friend {
  width: 140px;
}
.learning-simulation .myfriendarea .btn-myfriendshare {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.learning-simulation .myfriendarea .myfriend .myfriendshare {
  left: 151px;
}
.learning-simulation .myfriendarea .myfriend .btn-urlmake {
  margin-left: 0;
  width: 115px;
}
.learning-simulation .myfriendarea .myfriend > .btn-urlmake.active {
  visibility: hidden;
}
.learning-simulation .myfriendarea .myfriend .urlmake {
  display: none;
  position: absolute;
  top: 0;
  left: 331px;
  width: 270px;
  background-color: #fff;
  border: 1px solid #119D9B;
  border-radius: 19px;
  overflow: hidden;
  box-sizing: border-box;
}
.learning-simulation .myfriendarea .myfriend .urlmake.active {
  display: block;
  z-index: 2;
}
.learning-simulation .myfriendarea .myfriend .urlmake > .btn {
  padding: 0 25px;
  width: 100%;
  max-width: 100%;
  border: none;
  font-weight: 400;
  border-radius: 0;
  text-align: left;
}
.learning-simulation .myfriendarea .myfriend .urlmake > .btn-line:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 25px;
  display: inline-block;
  width: 11px;
  height: 12px;
  background: url("../images/common/btn.png") no-repeat -201px -128px;
  vertical-align: top;
}
.learning-simulation .myfriendarea .myfriend .urlmake > label {
  margin: 2px 25px 0;
  width: 218px;
  box-sizing: border-box;
}
.learning-simulation .myfriendarea .myfriend .urlmake > label input {
  height: 44px;
  line-height: 42px;
  box-sizing: border-box;
}
.learning-simulation .myfriendarea .myfriend .urlmake > .btns {
  margin-top: 16px;
}
.learning-simulation .myfriendarea .myfriend .urlmake > .btns .btn {
  margin: 0;
  width: 50%;
  height: 32px;
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  font-weight: 400;
  box-sizing: border-box;
}
.learning-simulation .myfriendarea .myfriend .btn-unshare {
  width: 96px;
  text-align: left;
  margin-left: 9px;
  margin-top: 8px;
}
.learning-simulation .myfriendview {
  top: 148px;
  left: 100px;
  z-index: 15;
}
.learning-simulation > .row {
  position: absolute;
  top: 0;
  left: 100px;
  margin-left: 100px;
  padding-top: 120px;
  width: 1130px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  height: 0;
  z-index: 0;
}
.learning-simulation > .row.active {
  margin-left: 0;
  opacity: 1;
  visibility: visible;
  height: auto;
  z-index: 1;
}
.learning-simulation > .row.leftout {
  margin-left: -100px;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.learning-simulation > .row.rightout {
  margin-left: 100px;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.learning-simulation > .row.result {
  padding-top: 100px;
}

.popup.lecturedetail .header {
  border-bottom: 0;
  padding-bottom: 0;
}
.popup.lecturedetail .frame {
  width: 488px;
}
.popup.lecturedetail .table-wrap.list tbody tr th, .popup.lecturedetail .table-wrap.list tbody tr td {
  font-size: 14px;
}

/* url */
.urlcalendar {
  margin: -81px auto 0;
  width: 555px;
}
.urlcalendar > h1 {
  padding-bottom: 7px;
  color: #000;
  font-size: 20px;
  text-align: center;
}
.urlcalendar .no-data {
  position: relative;
  height: 700px;
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  border-radius: 24px;
}
.urlcalendar .no-data .inner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/**
* --------------------------------
* Portfolio
* --------------------------------
*/
.theme-portfolio .subject-course .card-inner {
  padding: 30px 29px 30px 39px !important;
}
.theme-portfolio .card-summary .card-title {
  margin-top: -4px;
}
.theme-portfolio .card-summary .ico {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.theme-portfolio .card-summary .ico.heart:before, .theme-portfolio .card-summary .ico.money:before {
  margin-right: 5px;
  top: 3px;
}
.theme-portfolio .card-summary .profile {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.theme-portfolio .card-summary .profile strong {
  font-size: 18px;
}
.theme-portfolio .card-summary .profile .name {
  display: block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.theme-portfolio .card-summary .profile .name small {
  padding-left: 4px;
  font-weight: 400;
}
.theme-portfolio .card-summary .profile .id {
  display: inline-block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #666666;
  padding-top: 3px;
}
.theme-portfolio .card-summary .profile .id span {
  position: relative;
  margin-left: 5px;
  padding-left: 5px;
}
.theme-portfolio .card-summary .profile .id span:after {
  content: "";
  display: block;
  position: absolute;
  background: #d8d8d8;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  top: 7px;
  left: 0;
}
.theme-portfolio .card-summary .profile .faculty {
  color: #666666;
}
.theme-portfolio .card-summary .profile .faculty span + span {
  position: relative;
  margin-left: 5px;
  padding-left: 5px;
}
.theme-portfolio .card-summary .profile .faculty span + span:after {
  content: "";
  display: block;
  position: absolute;
  background: #d8d8d8;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  top: 7px;
  left: 0;
}
.theme-portfolio .card-summary .bold {
  color: #333333;
}
.theme-portfolio .proof .card-header {
  height: 187px;
  padding-bottom: 40px;
  margin-bottom: 35px;
  border-bottom: 1px solid #efefef;
}
.theme-portfolio .proof .card-header .col-6 {
  margin-left: 36px;
  padding-left: 36px;
}
.theme-portfolio .proof .card-header .col-6 ul {
  margin-top: 10px;
  margin-left: 3px;
}
.theme-portfolio .proof .card-header .col-6 li {
  padding-left: 11px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.theme-portfolio .proof .card-header .col-6 li:before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 11px;
  left: 0;
}
.theme-portfolio .proof .card-header .col-6 li i {
  margin: 0 9px;
  display: inline-block;
  content: "";
  background-color: #767676;
  left: 0;
  top: auto;
  width: 1px;
  height: 12px;
  left: auto;
}
.theme-portfolio .proof .card-header .col-6 li small {
  padding-left: 8px;
  color: #666666;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.theme-portfolio .proof .jumbotron {
  margin-bottom: 50px;
  letter-spacing: -2px;
}
.theme-portfolio .proof #doughnuthalf1 .chart-doughnuthalf {
  margin-left: 100px;
  margin-top: -28px;
}
.theme-portfolio .proof #doughnuthalf2 {
  text-align: right;
}
.theme-portfolio .proof #doughnuthalf2 .chart-doughnuthalf {
  margin-right: 55px;
  margin-top: -34px;
}
.theme-portfolio .proof #doughnuthalf2 .txt-area {
  text-align: center;
  bottom: 16px;
}
.theme-portfolio .proof #doughnuthalf2 .txt-value {
  font-size: 48px;
  line-height: 1.3;
}
.theme-portfolio .proof #doughnuthalf2 .txt-end {
  font-size: 24px;
  color: #9f9f9f;
  font-weight: 400;
}
.theme-portfolio .proof #doughnuthalf2 .txt-end:before {
  content: "/";
  display: inline-block;
}
.theme-portfolio .proof .swiper-position {
  margin-left: -28px;
  padding-right: 10px;
}
.theme-portfolio .proof .swiper-button-prev,
.theme-portfolio .proof .swiper-button-next {
  top: 52px;
}
.theme-portfolio .proof .card-body .card-title {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  margin-bottom: 25px;
}
.theme-portfolio #tab-graduation .col-6 + .col-6 {
  padding-left: 50px;
}
.theme-portfolio #tab-certification .swiper-slide {
  width: 120px !important;
}
.theme-portfolio #tab-certification .chart-doughnut {
  width: 96px;
}
.theme-portfolio #chart-polararea h5 {
  margin-bottom: 5px;
  margin-top: -9px;
}
.theme-portfolio #chart-polararea .card {
  height: 100%;
}
.theme-portfolio .form-group .col-label label {
  padding: 13px 0;
}
.theme-portfolio .form-group .col-label .overline {
  padding: 8px 0;
}

.portfolio-analysis section.inner > .card {
  padding: 40px 60px;
}
.portfolio-analysis article + article {
  border-top: 1px solid #efefef;
  padding-top: 40px;
  padding-bottom: 40px;
}
.portfolio-analysis article:last-child {
  padding-bottom: 0;
}
.portfolio-analysis .col.ai {
  flex: 0 0 55%;
  max-width: 55%;
  padding: 11px;
  padding-left: 0;
  height: 90px;
}
.portfolio-analysis .col.ai .titLevel01 {
  display: inline-block;
  position: relative;
  padding-left: 102px;
  font-size: 24px;
  line-height: 1.4;
}
.portfolio-analysis .col.ai .titLevel01:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -6px;
  width: 80px;
  height: 80px;
  background: url("../images/common/ai_robot_80x80.png") no-repeat left top;
}
.portfolio-analysis .col.ai .titLevel01 span {
  font-weight: 400;
}
.portfolio-analysis .col.ai .titLevel01 button {
  width: calc(100% - 50px);
  height: 32px;
  position: absolute;
  right: -42px;
  top: 6px;
  background: url("../images/portfolio/arrow.png") no-repeat right top;
}
.portfolio-analysis .chart-group-data {
  text-align: center;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.portfolio-analysis .chart-group-data strong {
  display: block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 22px;
}
.portfolio-analysis .chart-group-data li {
  display: inline-block;
  color: #000000;
}
.portfolio-analysis .chart-group-data li:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -108px -87px;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}
.portfolio-analysis .chart-group-data li.me strong {
  color: #fb656d;
}
.portfolio-analysis .chart-group-data li.others:before {
  width: 22px;
  background-position-x: -126px;
}
.portfolio-analysis .chart-group-data li.ace:before {
  width: 17px;
  height: 17px;
  background-position-x: -148px;
}
.portfolio-analysis .col.studyGroup {
  padding-left: 12px;
}
.portfolio-analysis .col.studyGroup .chart-group-data {
  background-color: #f8f8f8;
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  border-radius: 45px;
  padding: 6px 18px 0;
  display: table;
}
.portfolio-analysis .col.studyGroup .chart-group-data li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.portfolio-analysis .col.studyGroup .chart-group-data li.me {
  width: 32%;
}
.portfolio-analysis .col.studyGroup .chart-group-data li.ace {
  width: 35%;
}
.portfolio-analysis .col.studyGroup .chart-group-data li strong {
  padding-top: 2px;
}
.portfolio-analysis .col.keyword {
  flex: 0 0 312px;
  max-width: 312px;
  padding-right: 6%;
  padding-top: 26px;
  height: 140px;
  margin-left: -4px;
}
.portfolio-analysis .col.keyword .keyword-list {
  display: block;
}
.portfolio-analysis .col.keyword .keyword-list dt {
  display: block;
  margin-bottom: 14px;
}
.portfolio-analysis .col.keyword .keyword-list dt button {
  margin-left: 12px;
  border-radius: 50%;
  background-color: #924EF9;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.11);
  width: 25px;
  height: 25px;
}
.portfolio-analysis .col.keyword .keyword-list dt button:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -67px -95px;
  width: 9px;
  height: 11px;
}
.portfolio-analysis .col.keyword .keyword-list dd {
  margin-bottom: 12px;
}
.portfolio-analysis .col.program {
  padding-top: 26px;
}
.portfolio-analysis .col.program .titLevel02 {
  margin-bottom: 12px;
}
.portfolio-analysis .col.program .card {
  border-radius: 8px;
  padding: 15px 20px;
  height: 80px;
  box-sizing: border-box;
}
.portfolio-analysis .col.program .card .ellipsis {
  max-width: 177.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  height: 2.4em;
  white-space: break-spaces;
}
.portfolio-analysis .ContGuide {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 24px;
  background: #fff;
  transition: all 0.3s;
}
.portfolio-analysis .ContGuide .col {
  min-height: 180px;
  height: 180px;
  margin-bottom: 27px;
  overflow: hidden;
}
.portfolio-analysis .ContGuide .titLevel01 {
  font-size: 26px;
  line-height: 1.4;
  padding-top: 57px;
  padding-left: 9.1%;
  flex: 0 0 30%;
  max-width: 30%;
}
.portfolio-analysis .ContGuide .titLevel01 span {
  font-weight: 400;
}
.portfolio-analysis .ContGuide .row-sm {
  padding: 0 60px 20px 20px;
}
.portfolio-analysis .ContGuide .row-sm .col-3 {
  text-align: center;
  padding-top: 160px;
  padding-bottom: 10px;
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  background-image: url("../images/portfolio/analysis_top.png");
  background-repeat: no-repeat;
}
.portfolio-analysis .ContGuide .row-sm .col-3.complete {
  position: relative;
  outline: none;
  cursor: default;
}
.portfolio-analysis .ContGuide .row-sm .col-3.complete:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.84) url("../images/portfolio/complete.png") no-repeat 55px 29px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.NSUBJ {
  background-position: 29px 26px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.PROJECT {
  background-position: -154px 26px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.EDU {
  background-position: -337px 26px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.AWARD {
  background-position: -518px 26px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.ABROAD {
  background-position: 29px -149px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.ACTIVE {
  background-position: -154px -149px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.LICENSE {
  background-position: -337px -149px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.LANGUAGE {
  background-position: -518px -149px;
}
.portfolio-analysis .ContGuide .row-sm .col-3.CAREER {
  background-position: 29px -325px;
}
.portfolio-analysis .ContGuide button.more {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.portfolio-analysis .ContGuide button.more:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 -93px;
  width: 32px;
  height: 11px;
  transition: 0.3s;
}
.portfolio-analysis .ContGuide.open .col {
  height: auto;
}
.portfolio-analysis .ContGuide.open button.more:before {
  transform: rotate(-180deg);
}
.portfolio-analysis .ContProfile {
  box-sizing: border-box;
  height: 78px;
  padding: 25px 15px 18px 25px;
}
.portfolio-analysis .ContProfile img {
  border-radius: 10px;
  margin-top: -8px;
}
.portfolio-analysis .ContProfile .col:nth-child(1) {
  flex: 0 0 60px;
  max-width: 60px;
}
.portfolio-analysis .ContProfile .col:nth-child(2) {
  flex: 0 0 80px;
  max-width: 80px;
}
.portfolio-analysis .ContProfile .col:nth-child(2) span {
  font-size: 18px;
}
.portfolio-analysis .ContProfile .col:nth-child(3) {
  letter-spacing: -2px;
}
.portfolio-analysis .ContProfile .col:nth-child(4), .portfolio-analysis .ContProfile .col:nth-child(5) {
  flex: 0 0 17%;
  max-width: 17%;
  text-align: right;
}
.portfolio-analysis .ContProfile .col .titLevel03 {
  padding-right: 11px;
}
.portfolio-analysis .ContProfile .col .titLevel03 + strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 18px;
  padding-right: 10px;
}
.portfolio-analysis .ContProfile .col .titLevel03 + strong span {
  color: #924EF9;
  padding: 0 8px;
}
.portfolio-analysis .ContTotal .titLevel01 {
  font-size: 24px;
  margin-top: -6px;
  line-height: 1.4;
}
.portfolio-analysis .ContTotal .titLevel01 span {
  font-weight: 400;
}
.portfolio-analysis .ContTotal .chart-group-data {
  background: #fff;
  margin-top: -5px;
  margin-left: -50px;
  width: 526px;
  height: auto;
}
.portfolio-analysis .ContTotal .chart-group-data strong {
  font-size: 36px;
}
.portfolio-analysis .ContTotal .chart-group-data li {
  width: 165px;
}
.portfolio-analysis .ContTotal .chart-canvas {
  flex: 0 0 41%;
  max-width: 41%;
  margin-right: 3%;
  height: 310px;
}
.portfolio-analysis .ContTotal .chart-canvas .chart-group {
  position: relative;
  margin-top: -10px;
  height: 300px;
  margin-right: 30px;
}
.portfolio-analysis .ContTotal .chart-canvas .chart-wrap canvas {
  background: url("../images/portfolio/chart_radar.png") no-repeat center center;
}
.portfolio-analysis .ContTotal .chart-canvas .custom-legend {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.portfolio-analysis .ContTotal .chart-canvas .custom-legend li {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  margin-bottom: 18px;
}
.portfolio-analysis .ContTotal .chart-canvas .custom-legend span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 9px;
  top: 3px;
}
.portfolio-analysis .ContTotal .chart-table {
  flex: 0 0 56%;
  max-width: 56%;
  margin-top: 23px;
}
.portfolio-analysis .ContTotal .chart-table .table-wrap.list {
  border-bottom: 0;
}
.portfolio-analysis .ContTotal .chart-table .table-wrap.list thead th {
  padding: 11px 0 8px;
}
.portfolio-analysis .ContTotal .chart-table .table-wrap.list tbody tr td {
  padding: 8px 0 10px;
}
.portfolio-analysis .ContTotal .row + .row {
  border-top: 1px solid #efefef;
  padding-top: 33px;
  height: 218px;
}
.portfolio-analysis .ContTotal .row + .row .titLevel01 {
  flex: 0 0 30.5%;
  max-width: 30.5%;
  padding-left: 3.8%;
  padding-top: 9px;
  font-size: 20px;
}
.portfolio-analysis .ContTotal .row + .row .titLevel01 span {
  font-weight: 400;
}
.portfolio-analysis .ContTotal .table-wrap.layout {
  padding-top: 3px;
  border-bottom: 0;
}
.portfolio-analysis .ContTotal .table-wrap.layout th, .portfolio-analysis .ContTotal .table-wrap.layout td {
  line-height: 1;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 5px 0;
}
.portfolio-analysis .ContTotal .table-wrap.layout thead th {
  font-size: 14px;
  padding-bottom: 13px;
  padding-top: 0;
}
.portfolio-analysis .ContTotal .table-wrap.layout thead span {
  display: inline-block;
  color: #000000;
  font-size: 14px;
}
.portfolio-analysis .ContTotal .table-wrap.layout thead span:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -108px -87px;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}
.portfolio-analysis .ContTotal .table-wrap.layout thead span.others:before {
  width: 22px;
  background-position-x: -126px;
}
.portfolio-analysis .ContTotal .table-wrap.layout thead span.ace:before {
  width: 17px;
  height: 17px;
  background-position-x: -148px;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody th {
  font-weight: 700;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody td {
  text-align: center;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody td span {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  top: 1px;
  padding-left: 23px;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong {
  display: inline-block;
  margin-left: 21px;
  width: 50px;
  text-align: left;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong:before {
  content: "";
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong.up {
  color: #ea0000;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong.up:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -278px -63px;
  width: 7px;
  height: 6px;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong.down {
  color: #106aea;
}
.portfolio-analysis .ContTotal .table-wrap.layout tbody strong.down:before {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -278px -70px;
  width: 7px;
  height: 6px;
}
.portfolio-analysis .ContTotal .academic {
  padding: 40px 0;
}
.portfolio-analysis .ContTotal .academic .titLevel01 {
  margin-bottom: 30px;
}
.portfolio-analysis .ContTotal .academic .people {
  position: relative;
  display: inline-block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 20px;
  background-color: #f8f8f8;
  line-height: 40px;
  margin-top: 12px;
  padding-left: 63px;
  padding-right: 22px;
}
.portfolio-analysis .ContTotal .academic .people i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url("../images/eNotice/people.png") no-repeat left bottom;
}
.portfolio-analysis .ContTotal .academic .chart-group-data {
  margin: 10px 0;
  text-align: center;
  padding: 20px;
  background: #f8f8f8;
  max-width: 440px;
  flex: 0 0 440px;
  margin-right: 0;
  display: flex;
  border-radius: 40px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.portfolio-analysis .ContTotal .card-footer .card {
  border-radius: 3px;
}
.portfolio-analysis .ContTotal .card-footer .card-inner {
  padding-left: 16%;
  height: 137px;
  box-sizing: border-box;
}
.portfolio-analysis .ContTotal .card-footer .titLevel02 {
  position: absolute;
  left: 20px;
  top: 21px;
}
.portfolio-analysis .ContTotal .card-footer .titLevel02:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -468px -81px;
  width: 24px;
  height: 24px;
  position: relative;
  top: 8px;
  margin-right: 10px;
}
.portfolio-analysis .ContTotal .card-footer ul {
  padding-top: 21px;
}
.portfolio-analysis .ContTotal .card-footer li {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: -0.9px;
  padding: 5px 0;
}
.portfolio-analysis .ContTotal .card-footer li strong {
  color: #000000;
}
.portfolio-analysis .ContTotal .card-footer li:before {
  background-color: black;
  width: 2px;
  height: 2px;
}
.portfolio-analysis .ContLanguage .card-header .chart-group-data li strong {
  font-size: 20px;
  letter-spacing: -1.5px;
}
.portfolio-analysis .ContLanguage .card-body {
  height: 238px;
  padding-top: 25px;
}
.portfolio-analysis .ContLanguage .card-body .row {
  margin-left: -30px;
  margin-right: -30px;
}
.portfolio-analysis .ContLanguage .card-body .row .col {
  padding-right: 30px;
  padding-left: 30px;
}
.portfolio-analysis .ContLanguage .card-body .row .col.left .current:after {
  background-color: #8946fa;
}
.portfolio-analysis .ContLanguage .card-body .row .col.right .current:after {
  background-color: #106aea;
}
.portfolio-analysis .ContLanguage .card-body .row .col .clear:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-analysis .ContLanguage .card-body .row .doughnut {
  position: relative;
  margin-top: 57px;
  padding-left: 7px;
  width: 112px;
  float: left;
}
.portfolio-analysis .ContLanguage .card-body .row .horizontal {
  width: 350px;
  margin-top: 22px;
  float: right;
}
.portfolio-analysis .ContLanguage .card-body .row .horizontal canvas {
  width: 100%;
}
.portfolio-analysis .ContLanguage .card-body .btns {
  margin-top: -19px;
  text-align: left;
  padding-left: 139px;
}
.portfolio-analysis .ContLanguage .card-body .btns button {
  position: relative;
  color: #999999;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 13px;
  letter-spacing: -1px;
}
.portfolio-analysis .ContLanguage .card-body .btns button:after {
  content: "";
  opacity: 0.2;
  position: absolute;
  left: -4px;
  right: -4px;
  top: 12px;
  height: 10px;
}
.portfolio-analysis .ContLanguage .card-body .btns button.current {
  color: #000;
}
.portfolio-analysis .ContLanguage .tooltip-wrap .custom-tooltip {
  width: 100px;
}
.portfolio-analysis .ContLanguage .tooltip-wrap .custom-tooltip:before {
  margin-top: 27px;
}
.portfolio-analysis .ContLanguage .tooltip-wrap .custom-tooltip:after {
  margin-top: 9px;
}
.portfolio-analysis .ContLanguage #D2_legend.custom-tooltip {
  color: #106aea !important;
  border-color: #106aea !important;
}
.portfolio-analysis .ContLanguage #D2_legend.custom-tooltip:before {
  border-color: #106aea transparent transparent transparent !important;
}
.portfolio-analysis .ContCertificate .card-header .titLevel01:after,
.portfolio-analysis .ContActivity .card-header .titLevel01:after {
  content: "";
  background-color: #8946fa;
  opacity: 0.2;
  position: absolute;
  left: 99px;
  right: 0;
  top: 20px;
  height: 10px;
}

/* 포트폴리오 : 종합정보 */
.portfolio-main .topFrame .frame {
  overflow: hidden;
}
.portfolio-main .topFrame .card {
  height: 296px;
}
.portfolio-main .topFrame .col.right {
  flex: 0 0 36.2%;
  max-width: 36.2%;
}
.portfolio-main .card-summary .card-header .card-inner {
  padding: 37px 0 4px 40px;
}
.portfolio-main .card-summary .card-header .card-title {
  margin-bottom: 15px;
}
.portfolio-main .card-summary .card-header .col.img {
  flex: 0 0 17%;
  max-width: 17%;
}
.portfolio-main .card-summary .card-header .ico:before {
  position: relative;
  top: 3px;
}
.portfolio-main .card-summary .card-header .ico span {
  margin-left: 7px;
  margin-right: 6px;
}
.portfolio-main .card-summary .card-body .card-inner {
  padding-top: 20px;
  padding-bottom: 0;
  height: 95px;
}
.portfolio-main .card-summary .card-body .col:first-child .progress-box {
  margin-right: 26px;
}
.portfolio-main .card-summary .card-body .col:first-child .progress-inline {
  width: calc(100% - 70px);
}
.portfolio-main .card-summary .card-body .col:last-child {
  flex: 0 0 45.5%;
  max-width: 45.5%;
}
.portfolio-main .card-summary .card-body .col:last-child .progress-box {
  margin-right: -11px;
}
.portfolio-main .card-summary .card-body .col:last-child .progress-inline {
  width: calc(100% - 70px);
}
.portfolio-main .card-summary .card-body .progress-box {
  margin-top: 2px;
}
.portfolio-main .card-summary .card-body .progress-total {
  font-size: 12px;
  right: 0;
  width: 56px;
  top: 27px;
}
.portfolio-main .card-summary .card-body .chart-wrapper {
  float: right;
  margin-top: -10px;
}
.portfolio-main .card-summary .card-body .chart-doughnuthalf .txt-area .txt-value {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  position: relative;
  top: 17px;
}
.portfolio-main .card-summary .card-body .chart-doughnuthalf .txt-area .txt-value:before {
  content: "/";
  display: inline-block;
  margin-right: 5px;
}
.portfolio-main .card-summary .card-body .chart-doughnuthalf .txt-area .txt-tit {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #924EF9;
  position: relative;
  top: -20px;
}
.portfolio-main .card-summary .card-footer {
  border-top: 1px solid #efefef;
  text-align: center;
}
.portfolio-main .card-summary .card-footer .col {
  padding-top: 17px;
  height: 60px;
}
.portfolio-main .card-summary .card-footer .col + .col {
  border-left: 1px solid #efefef;
}
.portfolio-main .card-summary .card-footer strong {
  padding-left: 10px;
}
.portfolio-main .card-summary .profile {
  margin-top: -5px;
}
.portfolio-main .card-summary .profile strong {
  display: block;
  padding-bottom: 3px;
}
.portfolio-main .card-summary .profile + .row .col:last-child {
  padding-left: 20px;
}
.portfolio-main .card-summary .profile + .row .col:last-child:before {
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 12px;
  width: 1px;
  height: 18px;
  position: absolute;
}
.portfolio-main .card-summary .profile + .row > .col:first-child {
  flex: 0 0 43%;
  max-width: 43%;
}
.portfolio-main .subject-course .titLevel01 {
  margin-top: 4px;
  margin-bottom: 23px;
}
.portfolio-main .subject-course .scrollbar {
  max-height: 193px;
}
.portfolio-main .subject-course ol {
  padding-right: 10px;
}
.portfolio-main .subject-course ol li {
  padding-bottom: 28px;
}
.portfolio-main .subject-course .grade {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-right: -10px;
}
.portfolio-main .subject-course .grade em {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.portfolio-main .subject-course .grade strong {
  color: #000000;
  padding-left: 10px;
}
.portfolio-main .non-subject-course .titLevel01 {
  margin-top: -9px;
  margin-bottom: 15px;
}
.portfolio-main .non-subject-course dl {
  color: #000000;
  font-size: 16px;
  max-height: 193px;
  margin-top: 6px;
}
.portfolio-main .non-subject-course dt {
  position: relative;
  padding-left: 11px;
}
.portfolio-main .non-subject-course dt:before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 11px;
  left: 0;
}
.portfolio-main .non-subject-course dd {
  padding-left: 11px;
  color: #555555;
  font-size: 14px;
}
.portfolio-main .non-subject-course dd + dt {
  margin-top: 20px;
}
.portfolio-main .card-liferecord h5 {
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: -7px;
}
.portfolio-main .card-liferecord .list-dot strong {
  display: block;
}
.portfolio-main .timeline-list .media.fix {
  border-color: #8d58eb;
  box-shadow: 3.441px 4.915px 13px 0px rgba(0, 0, 0, 0.07);
}

/* 기본정보 */
.portfolio-basic .row.frame {
  overflow: hidden;
  margin-bottom: 10px;
}
.portfolio-basic .row.frame .col.left {
  flex: 0 0 38.6%;
  max-width: 38.6%;
}
.portfolio-basic .row.frame .col.left .rounded-md {
  float: left;
}
.portfolio-basic .row.frame .col.left .profile {
  margin-top: -5px;
  float: left;
  margin-left: 15px;
  width: 274px;
}
.portfolio-basic .row.frame .col.left .card-body .card-inner {
  padding: 17px 40px;
}
.portfolio-basic .row.frame .col.left .card-body .col {
  position: relative;
}
.portfolio-basic .row.frame .col.left .card-body .col + .col:after {
  display: inline-block;
  content: "";
  background-color: #efefef;
  left: 0;
  top: 6px;
  width: 1px;
  height: 30px;
  position: absolute;
  left: -30px;
}
.portfolio-basic .row.frame .col.left .card-inner:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-basic .row.frame .col.right a span {
  position: relative;
  padding-right: 18px;
}
.portfolio-basic .row.frame .col.right a span:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  width: 4px;
  height: 7px;
  background: url("../images/common/form.png") no-repeat -141px 0;
}
.portfolio-basic .row.frame .col.right a span:hover:after {
  background-position-x: -146px;
}
.portfolio-basic .row.frame .col.right a:hover span {
  color: #8d58eb;
}
.portfolio-basic .row.frame .col.right a:hover i:before {
  background-position-y: -24px;
}
.portfolio-basic .row.frame .col.right .card {
  border: 0;
  padding: 41px 58px 39px;
}
.portfolio-basic .row.frame .col.right .card-header {
  padding-bottom: 16px;
  border-bottom: 1px solid #efefef;
}
.portfolio-basic .row.frame .col.right .card-header .col + .col {
  flex: 0 0 64.8%;
  max-width: 64.8%;
}
.portfolio-basic .row.frame .col.right .card-header .card-title {
  margin-bottom: 12px;
  margin-left: -2px;
}
.portfolio-basic .row.frame .col.right .card-header .card-title span {
  padding-right: 13px;
}
.portfolio-basic .row.frame .col.right .card-body {
  padding-top: 18px;
  padding-left: 3px;
}
.portfolio-basic .row.frame .col.right .card-body .card-title {
  position: relative;
  padding: 8px 0 8px 30px;
}
.portfolio-basic .row.frame .col.right .card-body .card-title i {
  position: absolute;
  left: 0;
  top: 8px;
}
.portfolio-basic .row.frame .col.right .card-body .card-title i.target:before {
  top: -2px;
}
.portfolio-basic .row.frame .col.right .card-body .card-title i.book:before {
  top: -2px;
}
.portfolio-basic .table-wrap.layout {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.portfolio-basic .table-wrap.layout + .table-wrap.layout {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dddddd;
}
.portfolio-basic .table-wrap.layout table {
  table-layout: auto;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.portfolio-basic .table-wrap.layout tr:first-child td, .portfolio-basic .table-wrap.layout tr:first-child th {
  border-top: 0;
}
.portfolio-basic .table-wrap.layout th {
  width: 160px;
  font-weight: 300;
  color: #666666;
  background-color: #efefef;
  padding: 16px 40px;
  box-sizing: border-box;
  letter-spacing: -1px;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}
.portfolio-basic .table-wrap.layout th.narrow {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.4;
}
.portfolio-basic .table-wrap.layout th em {
  color: #999;
  display: block;
}
.portfolio-basic .table-wrap.layout td {
  /*padding: 8px 0;*/
  border-top: 1px solid #e5e5e5;
}
.portfolio-basic .table-wrap.layout span {
  color: #000000;
  width: 360px;
  display: inline-block;
  padding: 16px 40px;
  box-sizing: border-box;
}

/* 교과 */
.portfolio-subject .frame .col.left {
  flex: 0 0 33.5%;
  max-width: 33.5%;
  padding: 35px 0 35px 40px;
}
.portfolio-subject .frame .col.left p {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #000000;
  margin-bottom: 26px;
}
.portfolio-subject .frame .col.left .btn {
  width: 100%;
  max-width: 160px;
}
.portfolio-subject .frame .col .progress-wrap {
  flex: 0 0 30.5%;
  max-width: 30.5%;
  padding-top: 15px;
}
.portfolio-subject .frame .col .progress-wrap + .col {
  margin-left: 2.5%;
}
.portfolio-subject .frame .col.right {
  padding: 40px 0;
}
.portfolio-subject .frame .col.right .row + .row {
  border-top: 1px solid #efefef;
  margin-top: 23px;
  padding-top: 24px;
  padding-right: 12px;
}
.portfolio-subject .frame .col .charts .col {
  position: relative;
}
.portfolio-subject .frame .col .charts .titLevel03 {
  position: absolute;
  left: 0;
  top: 0;
}
.portfolio-subject .frame .col .charts + .row .col {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}
.portfolio-subject .frame .col .chart-wrapper {
  margin-left: 102px;
  margin-top: -10px;
}
.portfolio-subject .in-table {
  background: #fcfbff;
}
.portfolio-subject .in-table table {
  border: 0;
}
.portfolio-subject .in-table table tr th:first-child, .portfolio-subject .in-table table tr td:first-child {
  padding-left: 40px;
}
.portfolio-subject .in-table table tr th:last-child, .portfolio-subject .in-table table tr td:last-child {
  padding-right: 40px;
}
.portfolio-subject .in-table table tr:last-child td {
  border-bottom: 0;
}

#popSubjectInfo .header {
  border-bottom: 0;
  padding-bottom: 0;
}
#popSubjectInfo .header:after {
  clear: both;
  content: "";
  display: block;
}
#popSubjectInfo .frame {
  width: 760px;
  padding: 28px 30px;
  box-sizing: border-box;
}
#popSubjectInfo .radio-inline {
  height: 46px;
  padding-top: 3px;
}
#popSubjectInfo .select-inline {
  float: right;
  margin-top: -50px;
}
#popSubjectInfo .btn-cancel {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 3px;
  background-color: #666666 !important;
  color: #fff;
  width: 160px;
  height: 40px;
}
#popSubjectInfo .btn-close {
  top: 30px;
  right: 30px;
}

/* 비교과 */
.portfolio-non .btn {
  width: 48px;
}

/* 다전공 */
.portfolio-multi .row.frame {
  overflow: hidden;
  margin-bottom: 9px;
  padding: 33px 40px 22px;
}
.portfolio-multi .row.frame .titLevel01 {
  width: 100%;
  padding-bottom: 21px;
}
.portfolio-multi .row.frame .col.left {
  flex: 0 0 49.9%;
  max-width: 49.9%;
}
.portfolio-multi .row.frame .col.left .jumbotron strong {
  display: block;
}
.portfolio-multi .row.frame .col.right p {
  margin-top: -28px;
  text-align: right;
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.portfolio-multi .row.frame .col.right p strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.portfolio-multi .row.frame .col.right .card-header {
  padding-top: 30px;
  padding-bottom: 13px;
}
.portfolio-multi .row.frame .col.right .card-header p {
  float: right;
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.portfolio-multi .row.frame .col.right .card-header p strong {
  color: #924EF9;
  font-size: 24px;
}
.portfolio-multi .row.frame .col.right .card-body {
  padding: 25px 0;
  border-top: 1px solid #efefef;
}
.portfolio-multi article > .card .card-inner {
  padding: 25px 40px;
}
.portfolio-multi article > .card .card-inner .table-wrap.list tbody tr td {
  padding: 12px 0 13px;
}
.portfolio-multi article > .card h6.titLevel01 {
  padding-top: 34px;
}

/* 다빈치역량 */
.portfolio-davinci .row.top {
  margin-bottom: 40px;
}
.portfolio-davinci .row.top .col.left {
  flex: 0 0 32.7%;
  max-width: 32.7%;
  padding-right: 1.5%;
}
.portfolio-davinci .row.top .col.left .btn {
  width: 100%;
}
.portfolio-davinci .row.top .col.right .chart-wrap {
  width: 678px;
  height: 250px;
  padding-top: 35px;
}
.portfolio-davinci .row.top .card {
  height: 360px;
}
.portfolio-davinci .row.bottom .col.left {
  flex: 0 0 50.7%;
  max-width: 50.7%;
  padding-right: 1.5%;
}
.portfolio-davinci .titLevel01 {
  margin-top: -8px;
}
.portfolio-davinci .jumbotron {
  margin-top: -15px;
  margin-bottom: 27px;
}
.portfolio-davinci .jumbotron strong {
  display: block;
}
.portfolio-davinci .card-header {
  padding-bottom: 30px;
  border-bottom: 1px solid #efefef;
}
.portfolio-davinci .custom-legend ul {
  margin-right: -27px;
}
.portfolio-davinci .custom-legend ul li {
  margin-right: 20px;
  margin-top: 13px;
}
.portfolio-davinci .charts-coast {
  padding-top: 33px;
  margin-bottom: 22px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 27px;
  color: #333333;
}
.portfolio-davinci .charts-coast strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 42px;
}
.portfolio-davinci .charts-coast span {
  font-size: 16px;
  margin-left: 7px;
}
.portfolio-davinci .charts-coast + .chart-wrap {
  height: 40px;
  border-radius: 40px;
  background: #efefef;
  overflow: hidden;
}
.portfolio-davinci .charts-coast + .chart-wrap .chartjs-size-monitor {
  overflow: visible !important;
}
.portfolio-davinci #tooltipVerticalBar .custom-tooltip {
  margin-top: -570px;
  margin-left: -495px;
}

/*리포트 URL 미리보기*/
.portfolio-url .inner {
  width: 950px !important;
}
.portfolio-url .urltitle .header {
  background-color: #32404d;
  padding: 25px 38px;
  position: relative;
}
.portfolio-url .urltitle .body {
  background-color: #f9f9f9;
  padding: 12px 38px;
}
.portfolio-url .urltitle .body .dot_list li {
  display: inline-block;
  color: #333;
}
.portfolio-url .urltitle .body .dot_list li span {
  opacity: 0.8;
}
.portfolio-url .urltitle .body .dot_list li span:after {
  content: "";
  width: 1px;
  height: 13px;
  background-color: #dddedf;
  display: inline-block;
  margin: 0 8px;
}
.portfolio-url .urltitle .body .dot_list li + li {
  margin-left: 35px;
}
.portfolio-url .urltitle .body .dot_list li:before {
  content: "";
  background-color: #faa318;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 7px;
}
.portfolio-url .urltitle .titleLevel01 {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
}
.portfolio-url .urltitle .name {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 3px;
}
.portfolio-url .urltitle .name .eng-name {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-left: 0px;
}
.portfolio-url .urltitle .profile-img {
  position: absolute;
  right: 125px;
  top: 30px;
  padding: 5px;
  background: #fff;
  z-index: 1;
}
.portfolio-url .urlSide {
  padding: 40px 35px;
  flex: 0 0 34%;
  max-width: 34%;
  margin-top: 55px;
  position: relative;
}
.portfolio-url .urlSide .img {
  text-align: center;
}
.portfolio-url .urlSide .img dt {
  font-weight: bold;
  color: #000000;
  font-size: 24px;
}
.portfolio-url .urlSide .img dd {
  font-size: 14px;
  color: #767676;
  letter-spacing: 1px;
}
.portfolio-url .urlSide .img .hope_list {
  position: relative;
  margin: 40px 0;
  padding: 0 10px;
}
.portfolio-url .urlSide .img .hope_list::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #924ef9;
  position: absolute;
  top: 0;
  left: 0;
}
.portfolio-url .urlSide .img .hope_list li {
  color: #000;
  text-align: left;
  font-size: 16px;
  line-height: 1;
}
.portfolio-url .urlSide .img .hope_list li strong {
  margin-right: 13px;
  font-weight: 300;
  color: #4c4c4c;
  line-height: 1;
}
.portfolio-url .urlSide .img .hope_list li + li {
  margin-top: 10px;
}
.portfolio-url .urlSide .col-body .card-title p {
  color: #924ef9;
  line-height: 1;
  font-weight: bold;
}
.portfolio-url .urlSide .col-body .card-title p:before {
  content: "";
  width: 5px;
  height: 4px;
  display: inline-block;
  border-radius: 4px;
  background-color: #924ef9;
  vertical-align: top;
  margin-right: 2px;
}
.portfolio-url .urlSide .col-body .progress-List {
  margin-top: 20px;
}
.portfolio-url .urlSide .col-body .progress-List p {
  font-size: 14px;
  color: #4c4c4c;
}
.portfolio-url .urlSide .col-body .progress-List .progress {
  margin-top: 10px;
  border-radius: 0;
}
.portfolio-url .urlSide .col-body .progress-List .progress-bar {
  background-color: #924ef9;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.portfolio-url .urlSide .col-body .progress-List li + li {
  margin-top: 20px;
}
.portfolio-url .view {
  background: #fff;
  padding: 45px 30px;
  border-bottom: 10px solid #32404d;
}
.portfolio-url .view .titLevel01 .ico-circle {
  width: 28px;
  height: 28px;
  background: #faa318;
  display: inline-block;
  vertical-align: middle;
  border-radius: 28px;
  margin: 0 10px 3px 0;
  position: relative;
}
.portfolio-url .view .titLevel01 .ico-circle:after {
  content: "";
  background-image: url(../images/common/url-icon.png);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -50%);
}
.portfolio-url .view .titLevel01 .ico-circle.icon01:after {
  width: 20px;
  height: 18px;
  background-position: 0 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon02:after {
  width: 20px;
  height: 15px;
  background-position: -20px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon03:after {
  width: 18px;
  height: 18px;
  background-position: -40px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon04:after {
  width: 18px;
  height: 20px;
  background-position: -58px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon05:after {
  width: 18px;
  height: 16px;
  background-position: -76px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon06:after {
  width: 20px;
  height: 18px;
  background-position: -94px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon07:after {
  width: 17px;
  height: 19px;
  background-position: -114px 0;
}
.portfolio-url .view .titLevel01 .ico-circle.icon08:after {
  width: 18px;
  height: 16px;
  background-position: -131px 0;
}
.portfolio-url .view .url-wrap.canvas-area .col {
  width: 33.33%;
}
.portfolio-url .view .url-wrap #chartRadar {
  background-position: center;
  background-size: 120px;
}
.portfolio-url .view .url-wrap canvas {
  width: 100%;
}
.portfolio-url .view .url-wrap .url-table {
  border-top: 2px solid #faa318;
}
.portfolio-url .view .url-wrap .url-table th {
  background: #efefef;
  padding: 20px 0;
  color: #666;
  font-weight: 400;
}
.portfolio-url .view .url-wrap .url-table td {
  text-align: center;
  padding: 15px 0;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
  color: #000;
}
.portfolio-url .view .url-wrap .url-table td.point {
  color: #f79137;
  font-weight: bold;
}
.portfolio-url .view .url-wrap .url-table td.txt-Left {
  padding: 15px 30px;
}
.portfolio-url .view .url-wrap .url-table tfoot th, .portfolio-url .view .url-wrap .url-table tfoot td {
  background: #f9f9f9;
}
.portfolio-url .view .url-wrap .myself li dt {
  font-weight: bold;
  font-size: 16px;
  color: #4c4c4c;
}
.portfolio-url .view .url-wrap .myself li dt:before {
  content: "";
  width: 5px;
  height: 4px;
  border-radius: 5px;
  background-color: #4c4c4c;
  display: inline-block;
  margin: 0 3px 5px 0;
}
.portfolio-url .view .url-wrap .myself li dd {
  margin-top: 5px;
  color: #4c4c4c;
  font-size: 16px;
  font-weight: 300;
}
.portfolio-url .view .url-wrap .myself li + li {
  margin-top: 30px;
}
.portfolio-url .view .url-wrap .progressWrap {
  flex: 0 0 400px;
  max-width: 400px;
}
.portfolio-url .view .url-wrap .progress-List {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.portfolio-url .view .url-wrap .progress-List li {
  width: 50%;
  box-sizing: border-box;
}
.portfolio-url .view .url-wrap .progress-List p {
  font-size: 14px;
  color: #4c4c4c;
}
.portfolio-url .view .url-wrap .progress-List .progress {
  margin-top: 0px;
  border-radius: 0;
  top: 5px;
}
.portfolio-url .view .url-wrap .progress-List .progress-bar {
  background-color: #fbb84d;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.portfolio-url .view .url-wrap .progress-List li:nth-child(n+3) {
  margin-top: 20px;
}
.portfolio-url .view .url-wrap .progress-List li:nth-child(2n) {
  padding-left: 30px;
}
.portfolio-url .view .url-wrap .mini-tablewrap {
  flex: 0 0 400px;
  max-width: 400px;
  margin-left: 60px;
}
.portfolio-url .view .url-wrap .mini_table {
  margin-top: 20px;
}
.portfolio-url .view .url-wrap .mini_table td {
  padding: 10px 0;
  text-align: left;
  color: #000;
}
.portfolio-url .view .url-wrap .mini_table th {
  color: #4c4c4c;
  font-weight: 300;
  text-align: left;
}
.portfolio-url .view .url-wrap .mini_table.grayBg {
  background-color: #efefef;
}
.portfolio-url .view .url-wrap .mini_table.grayBg td {
  text-align: center;
}
.portfolio-url .view .url-wrap .mini_table.grayBg em {
  color: #924ef9;
  font-weight: bold;
}
.portfolio-url .view .url-wrap .mini_table.horizontal {
  border-radius: 6px;
}
.portfolio-url .view .url-wrap .mini_table.horizontal td {
  position: relative;
}
.portfolio-url .view .url-wrap .mini_table.horizontal td span {
  display: inline-block;
  margin-right: 50px;
  color: #4c4c4c;
}
.portfolio-url .view .url-wrap .mini_table.horizontal td:after {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #a3a9ae;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-url .view .url-wrap .mini_table.horizontal td:last-child::after {
  display: none;
}
.portfolio-url .view .url-wrap .mini_table.vertical th {
  text-align: center;
}
.portfolio-url .view .url-wrap .mini_table.vertical td {
  text-align: center;
  position: relative;
}
.portfolio-url .view .url-wrap .mini_table.vertical td:after {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #32404d;
  position: absolute;
  opacity: 0.2;
  right: 0;
  top: -15px;
}
.portfolio-url .view .url-wrap .mini_table.vertical td:last-child::after {
  display: none;
}
.portfolio-url .view .url-wrap + .url-wrap {
  margin-top: 40px;
}
.portfolio-url .view .chart-wrap {
  margin-top: 20px;
}
.portfolio-url .view .col.right {
  margin-left: 25px;
  flex: 0 0 300px;
  max-width: 300px;
  align-items: flex-end;
  display: flex;
}
.portfolio-url .view .group-header {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: bold;
  display: inline-block;
}
.portfolio-url .view .group-header:before {
  content: "";
  width: 5px;
  height: 4px;
  border-radius: 5px;
  background-color: #4c4c4c;
  display: inline-block;
  margin: 0 3px 5px 0;
}

#tooltipBar {
  margin-top: -420px;
  transform: translateX(-50%);
}
#tooltipBar:before {
  margin-top: 50px;
}
#tooltipBar:after {
  margin-top: 11px;
}
#tooltipBar strong {
  position: relative;
  margin-left: -10px;
}
#tooltipBar strong:before {
  content: "";
  display: block;
  width: 5px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

#chartRadar {
  background: url("../images/common/chart_radar.png") no-repeat 105px 24px;
}

#tooltipVerticalBar {
  margin-top: -270px;
  margin-left: -67px;
}
#tooltipVerticalBar:before {
  margin-top: 50px;
}
#tooltipVerticalBar:after {
  margin-top: 11px;
}
#tooltipVerticalBar td span {
  font-weight: 400;
}

#tooltipRadar {
  margin-top: -355px;
  margin-left: -67px;
}
#tooltipRadar:before {
  margin-top: 50px;
}
#tooltipRadar:after {
  margin-top: 11px;
}

#chartStackedBar {
  position: relative;
  top: -10px;
  height: 60px !important;
}

/* 학생활동 */
.portfolio-activities .table-wrap {
  overflow: visible;
}
.portfolio-activities .table-wrap.list tbody tr td {
  padding: 16px 0;
}
.portfolio-activities article {
  margin-bottom: 10px;
}
.portfolio-activities .card-inner {
  padding: 33px 40px 40px;
}
.portfolio-activities .card-inner:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-activities .topFrame {
  margin-bottom: 20px;
}
.portfolio-activities .topFrame .card-inner {
  padding-bottom: 18px;
}
.portfolio-activities .topFrame .titLevel01 {
  float: left;
}
.portfolio-activities .topFrame span {
  font-size: 40px;
}
.portfolio-activities .topFrame strong {
  margin-top: -14px;
  color: #924EF9;
  float: right;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.portfolio-activities td .btns .btn {
  width: 35px;
  height: 25px;
}
.portfolio-activities td .btns .ico {
  display: inline-block;
}
.portfolio-activities td .btns .ico.trash:before {
  top: 2px;
}
.portfolio-activities .bg-table {
  display: block;
}
.portfolio-activities .bg-table.scrollbar {
  max-height: 272px !important;
}
.portfolio-activities .bg-table .tableHeight {
  overflow-y: visible;
}
.portfolio-activities .bg-table table {
  white-space: nowrap;
  border-collapse: collapse;
}
.portfolio-activities .bg-table table:after {
  display: none;
}

#popReq .inner > .radio-inline,
.popReq .inner > .radio-inline {
  margin-top: 27px;
  letter-spacing: 0.5px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
#popReq .inner > .radio-inline + .contents,
.popReq .inner > .radio-inline + .contents {
  padding-top: 0;
}
#popReq .contents .data-import,
.popReq .contents .data-import {
  padding-top: 3px;
}
#popReq .contents .data-import .scrollbar,
.popReq .contents .data-import .scrollbar {
  max-height: calc(100vh - 400px);
}
#popReq .contents .data-import .form-group,
.popReq .contents .data-import .form-group {
  padding-top: 20px;
}
#popReq .contents .data-import .form-group label,
.popReq .contents .data-import .form-group label {
  margin-bottom: 10px;
}
#popReq .contents .titLevel04,
.popReq .contents .titLevel04 {
  margin-top: -12px;
  position: relative;
  display: block;
}
#popReq .list-bg,
.popReq .list-bg {
  width: 100%;
  padding: 12px 20px;
  background: #f9f9f9;
}
#popReq .list-bg li,
.popReq .list-bg li {
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 2px 0;
}
#popReq .noti,
.popReq .noti {
  color: #924EF9;
}

#popKeyword .contents {
  max-height: calc(100% - 100px);
  height: auto;
  padding-top: 28px;
  padding-bottom: 0;
  box-sizing: border-box;
}
#popKeyword .contents .scrollbar {
  height: 100%;
}
#popKeyword .contents .btns {
  margin-top: 8px;
  margin-bottom: 25px;
  text-align: left;
}
#popKeyword .contents .btn {
  text-align: center;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  color: #767676;
  font-size: 14px;
  line-height: 30px;
  padding: 0 11px;
  margin: 0 4px 5px;
}
#popKeyword .contents .btn.current {
  border-color: #924EF9;
  background-color: #924EF9;
  color: #fff;
}
#popKeyword .jumbotron {
  padding-top: 22px;
  padding-left: 57px;
  font-size: 18px;
  line-height: 1.4;
  background: url("../images/common/ai_robot_80x80.png") no-repeat left 26px;
  background-size: 48px;
  padding-bottom: 10px;
}
#popKeyword .jumbotron + ul {
  margin-top: 10px;
}
#popKeyword .jumbotron + ul li {
  display: inline-block;
  margin-bottom: 5px;
}
#popKeyword .jumbotron + ul label {
  text-align: center;
  border-radius: 30px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  color: #4c4c4c;
  font-size: 16px;
  line-height: 30px;
  padding: 0 14px;
  margin: 0 4px 5px;
}
#popKeyword .jumbotron + ul input:checked + label {
  border-color: #924EF9;
  background-color: #924EF9;
  color: #fff;
}
#popKeyword article + article {
  border-top: 1px solid #efefef;
}
#popKeyword .footer {
  margin-top: 28px;
}

/* report - edit */
.portfolio-report .del-input {
  position: relative;
  margin-right: 10px;
}
.portfolio-report .del-input button {
  position: absolute;
  left: calc(100% - 30px);
  top: 50%;
  transform: translate(0, -50%);
}
.portfolio-report .mini .dropdown {
  width: 160px;
}
.portfolio-report .mini input {
  width: 160px;
  padding-right: 30px;
  margin-right: 5px;
}
.portfolio-report .auto {
  width: auto;
  display: inline-block !important;
}
.portfolio-report .auto span {
  line-height: 1;
}
.portfolio-report h3 + section {
  padding-top: 20px;
}
.portfolio-report .frame {
  box-shadow: none;
}
.portfolio-report .col.view .frame {
  padding: 33px 40px 40px;
}
.portfolio-report .col.order {
  flex: 0 0 21.4%;
  max-width: 21.4%;
  margin-left: 20px;
  position: relative;
}
.portfolio-report .col.order .frame {
  padding: 10px 15px 12px;
  margin-bottom: 20px;
  border-radius: 10px;
}
.portfolio-report article + article {
  margin-top: 20px;
}
.portfolio-report label {
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.portfolio-report label:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-report td label {
  position: relative;
  top: 3px;
}
.portfolio-report .group-header {
  margin-top: -24px;
  padding-bottom: 20px;
}
.portfolio-report .group-header:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-report .group-header label {
  float: right;
}
.portfolio-report .group-header label strong {
  font-weight: 400;
  font-size: 14px;
  margin-right: 0.5em;
}
.portfolio-report .group .group-header {
  margin-top: 0;
  padding-top: 27px;
  padding-bottom: 15px;
}
.portfolio-report .group .group-header label {
  position: relative;
  bottom: -2px;
}
.portfolio-report .table th, .portfolio-report .table td {
  padding-bottom: 15px;
}

#report-order .titLevel03 {
  padding: 6px 0 12px;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}
#header.fixed + hr + #wrap #report-order .floating {
  position: fixed;
  width: 242px;
}
#report-order ul {
  margin-top: 6px;
}
#report-order ul li label {
  display: block;
  padding: 8px 0;
  cursor: pointer;
}
#report-order ul li span {
  display: block;
  text-align: left;
  font-size: 14px;
  padding-right: 27px;
  padding-left: 36px;
}
#report-order ul li span:before {
  left: auto;
  right: 0;
}
#report-order ul li span:after {
  display: block;
  position: absolute;
  content: "";
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../images/common/_icon_hover.png");
  background-repeat: no-repeat;
  background-position-y: 0;
}
#report-order ul li input:checked + span:after {
  background-position-y: -24px;
}
#report-order ul li.P1 span:after {
  background-position-x: -315px;
  width: 15px;
  height: 19px;
  left: 4px;
}
#report-order ul li.P2 span:after {
  background-position-x: -330px;
  width: 22px;
  height: 19px;
}
#report-order ul li.P3 span:after {
  background-position-x: -352px;
  width: 22px;
  height: 16px;
  left: 4px;
}
#report-order ul li.P4 span:after {
  background-position-x: -374px;
  width: 22px;
  height: 20px;
}
#report-order ul li.P5 span:after {
  background-position-x: -396px;
  width: 18px;
  height: 20px;
}
#report-order ul li.P6 span:after {
  background-position-x: -414px;
  width: 21px;
  height: 22px;
}
#report-order ul li.P7 span:after {
  background-position-x: -435px;
  width: 14px;
  height: 21px;
  left: 6px;
}
#report-order ul li.P8 span:after {
  background-position-x: -449px;
  width: 20px;
  height: 20px;
}
#report-order ul li.P9 span:after {
  background-position-x: -782px;
  width: 21px;
  height: 20px;
}
#report-order .btns button {
  line-height: 58px;
  margin-bottom: 2px;
  font-size: 20px;
}
#report-order .btns button + button {
  margin-top: 6px;
}
#report-order .btns .btn-cancel {
  margin-top: 32px;
}

#report-paper .horizontal td {
  text-align: left;
  padding: 15px 0 14px 15px;
}
#report-paper li + li {
  margin-top: 20px;
}

#report-title #copy_select {
  display: none;
}
#report-title .copy_select {
  float: left;
  margin-bottom: 15px;
}
#report-title .copy_select p {
  color: #767676;
  font-size: 14px;
}
#report-title .copy_select label {
  width: auto;
}
#report-title .copy_select .radio-inline {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}
#report-title .copy_select .form-inline {
  width: 290px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#report-title .copy_select .form-inline .dropdown {
  width: 200px;
  display: inline-block;
}
#report-title .copy_select .form-inline button {
  width: 80px;
  height: 40px;
  font-size: 16px;
  display: inline-block;
  margin-left: 5px;
}
#report-title .btns {
  width: 300px;
  float: right;
  text-align: right;
  margin-bottom: 13px;
}
#report-title .btns .btn-url {
  display: none;
}
#report-title .btns .btn-url.active {
  display: inline-block;
}
#report-title .btns .txt {
  display: none;
  color: #924ef9;
  font-size: 14px;
  word-break: break-all;
}
#report-title .btns .txt.active {
  display: inline-block;
}
#report-title label {
  width: 100%;
}
#report-title input {
  border-color: #e8e8e8;
  height: 90px;
  line-height: 1;
  font-size: 20px;
  letter-spacing: -1px;
  padding: 20px 33px;
}
#report-title input::placeholder {
  font-size: 20px;
}

#report-resume {
  margin-top: 10px;
}
#report-resume .table-wrap {
  overflow: visible;
}
#report-resume .table th {
  text-align: left;
}
#report-resume .table td label {
  text-align: left;
  display: block;
}
#report-resume .table th {
  padding-left: 20px;
  letter-spacing: -1px;
}
#report-resume .table th.overline {
  padding: 4px 15px 5px 20px;
  line-height: 20px;
}
#report-resume .table .form-inline .form-group {
  display: inline-block;
  top: auto;
  position: static;
}
#report-resume .table .form-inline .form-group + .form-group {
  padding-top: 0;
  margin: 0 5px;
}
#report-resume .table .form-inline .form-group + label {
  display: inline-block;
  float: right;
  margin-left: 5px;
  top: 10px;
}
#report-resume .table .form-inline .form-group + label span {
  float: none;
}
#report-resume .table input.switch + span {
  margin-right: 15px;
}
#report-resume input.switch + span {
  float: right;
}

.report-call {
  padding-top: 12px;
  font-size: 14px;
  margin-bottom: 4px;
}
.report-call:after {
  clear: both;
  content: "";
  display: block;
}
.report-call span {
  letter-spacing: -1px;
}
.report-call strong {
  color: #924EF9;
  font-weight: 400;
}
.report-call .btn {
  float: right;
  margin-top: -5px;
  padding: 2px 8px 2px 43px;
}
.report-call .ico {
  position: absolute;
  left: 14px;
  top: 4px;
}

#report-self .word-wrap {
  word-break: break-all;
}
#report-self .word-wrap li {
  margin-top: 25px;
}
#report-self .word-wrap li .txt {
  padding-top: 5px;
}
#report-self .no-data {
  padding: 32px 0 17px;
}
#report-self .no-data span {
  display: block;
}
#report-self .no-data strong {
  display: block;
  color: #924EF9;
}
#report-self .no-data .btn {
  margin-top: 20px;
  padding: 2px 8px 2px 43px;
}
#report-self .no-data .ico {
  position: absolute;
  left: 14px;
  top: 4px;
}
#report-self .self {
  border-bottom: 1px solid #e5e5e5;
}
#report-self .self label {
  width: 100%;
}
#report-self .self .scroll-content label {
  width: 100%;
}
#report-self .self + .last {
  text-align: center;
}
#report-self .self + .last button {
  padding: 10px 20px;
}
#report-self .self + .last button span {
  position: relative;
  top: -3px;
  color: #4c4c4c;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
}
#report-self .self + .last button span:before {
  content: "";
  position: relative;
  top: 5px;
  margin-right: 7px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -135px -111px;
  width: 24px;
  height: 24px;
  background-image: url("../images/common/form.png");
}

#report-record .tfoot {
  background: #f9f6ff;
}
#report-record .tfoot strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #924ef9;
}

#report-davinci .word-wrap {
  padding-top: 15px;
}
#report-davinci .word-wrap.edit {
  width: 786px;
}
#report-davinci .word-wrap.edit hr + .row .col {
  flex: 0 0 360px;
  max-width: 360px;
}
#report-davinci .word-wrap.edit .col + .col {
  margin-left: 66px;
}
#report-davinci .word-wrap.edit #chartRadar {
  background-position: 47px 6px !important;
}
#report-davinci .word-wrap.view hr + .row .col {
  flex: 0 0 calc(50% - 35px);
  max-width: calc(50% - 35px);
}
#report-davinci .word-wrap.view .col + .col {
  margin-left: 70px;
}
#report-davinci .word-wrap.view #chartRadar {
  background-position: 103px 52px !important;
  background-size: 300px;
}
#report-davinci .word-wrap .group-header {
  margin-top: 0;
}
#report-davinci .word-wrap hr {
  display: block;
  margin: 35px 0;
  border-top: 1px solid #efefef;
}

#popResume .frame,
#popSelf .frame {
  width: 485px;
}
#popResume .frame .header,
#popSelf .frame .header {
  border-bottom: 0;
  padding-bottom: 0;
}
#popResume .frame .contents label,
#popSelf .frame .contents label {
  width: 20px;
}
#popResume .frame .contents .table-wrap,
#popSelf .frame .contents .table-wrap {
  min-height: auto;
}
#popResume .frame .btn.btn-fill,
#popSelf .frame .btn.btn-fill {
  background-color: #6a4ef9;
  width: 154px;
}

/* report - view */
.portfolio-report.view .col.view {
  padding: 33px 40px 40px;
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 24px;
  background-color: white;
}
.portfolio-report.view .col.view .frame {
  border: 0;
  padding: 0;
}
.portfolio-report.view .col.view article + article {
  margin-top: 33px;
}
.portfolio-report.view .col.view .btn-cancel {
  border-radius: 3px;
  background-color: #666666;
  width: 154px;
  height: 40px;
}
.portfolio-report.view .col.view .group-header {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: black;
}
.portfolio-report.view h3.titLevel01 {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 26px;
  color: black;
}
.portfolio-report.view #report-resume .titLevel01,
.portfolio-report.view #report-davinci .titLevel01,
.portfolio-report.view #report-activities .titLevel01 {
  position: absolute;
  left: -3000em;
  top: -300em;
}

/* report - list */
.portfolio-report.list .no-data p {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #4c4c4c;
  line-height: 1.625;
  text-align: center;
}
.portfolio-report.list .no-data p strong {
  font-weight: 700;
}
.portfolio-report.list .no-data .btn-fill {
  display: inline-block;
  background-color: #6a4ef9;
  border-radius: 3px;
  width: 132px;
  height: 34px;
  margin-top: 25px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.portfolio-report.list .row + .row {
  margin-top: 20px;
}
.portfolio-report.list .row .col-3 {
  margin-bottom: 75px;
}
.portfolio-report.list .row .col-3 > .btn {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 3px;
  background-color: #efefef;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  left: 50%;
  width: 263px;
  height: 43px;
  color: #767676;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  transform: translateX(-50%);
}
.portfolio-report.list .row .col-3 > .btn span:before {
  margin-right: 4px;
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  width: 13px;
  height: 16px;
  background: url("../images/common/_tab.png") no-repeat -393px -234px;
}
.portfolio-report.list .row .col-3 > .btn strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.portfolio-report.list .row .col-3 > .btn:hover, .portfolio-report.list .row .col-3 > .btn:focus {
  background-color: #924EF9;
  color: #fff;
}
.portfolio-report.list .row .col-3 > .btn:hover span:before, .portfolio-report.list .row .col-3 > .btn:focus span:before {
  background-position-y: -182px;
}
.portfolio-report.list .card {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 24px;
  width: 265px;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  transition: box-shadow 0.3s;
  padding-bottom: 51px;
}
.portfolio-report.list .card:hover, .portfolio-report.list .card:focus {
  box-shadow: 0px 14px 27px rgba(0, 0, 0, 0.14);
}
.portfolio-report.list .card.add {
  border-radius: 0;
  border-style: solid;
  border-width: 3px;
  border-color: #e7e7e7;
  padding-bottom: 0;
  background-color: #f9f9f9;
  min-height: 313px;
}
.portfolio-report.list .card.add .card-inner {
  position: absolute;
  width: 100%;
  transform: translateY(-50%);
  top: 50%;
  padding-top: 5px;
}
.portfolio-report.list .card.add p {
  padding-top: 10px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #767676;
}
.portfolio-report.list .card .no-data {
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.portfolio-report.list .card .no-data p {
  padding-top: 8px;
}
.portfolio-report.list .card .card-header {
  padding: 20px 18px;
}
.portfolio-report.list .card .card-header button {
  float: left;
  padding: 10px;
  margin: -10px -10px;
}
.portfolio-report.list .card .card-header label {
  float: right;
  position: relative;
}
.portfolio-report.list .card .card-header:after {
  clear: both;
  content: "";
  display: block;
}
.portfolio-report.list .card .card-header input.switch + span:before {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  content: "비공개";
  position: absolute;
  text-align: right;
  width: 50px;
  left: -56px;
  top: -1px;
  background: none;
}
.portfolio-report.list .card .card-header input.switch:checked + span:before {
  content: "공개";
}
.portfolio-report.list .card .card-body {
  padding: 5px;
  min-height: 178px;
}
.portfolio-report.list .card .card-body img {
  border-radius: 50%;
}
.portfolio-report.list .card .card-body strong {
  display: block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: black;
}
.portfolio-report.list .card .card-body .date {
  display: block;
  padding-top: 15px;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
}
.portfolio-report.list .card .card-body .tag {
  padding: 15px 0 2px;
}
.portfolio-report.list .card .card-body .tag span {
  color: #924EF9;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0 1px;
}
.portfolio-report.list .card .card-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #efefef;
}
.portfolio-report.list .card .card-footer .btns .btn {
  width: 50%;
  line-height: 50px;
  margin: 0;
  box-sizing: border-box;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
}
.portfolio-report.list .card .card-footer .btns .btn i {
  margin-right: 9px;
}
.portfolio-report.list .card .card-footer .btns .btn i:before {
  top: 2px;
}
.portfolio-report.list .card .card-footer .btns .btn i.print:before {
  top: 4px;
}
.portfolio-report.list .card .card-footer .btns .btn:hover {
  color: #924EF9;
}
.portfolio-report.list .card .card-footer .btns .btn:hover i:before {
  background-position-y: -24px;
}
.portfolio-report.list .card .card-footer .btns .btn + .btn {
  border-left: 1px solid #efefef;
}

/**
* --------------------------------
* eNotice
* --------------------------------
*/
.eNotice-notification .menu {
  padding-top: 18px;
  height: 112px;
  border-bottom: 1px solid #efefef;
}
.eNotice-notification .menu .col.left {
  flex: 0 0 20%;
  max-width: 20%;
  margin-top: -2px;
}
.eNotice-notification .menu .col.left .titLevel01 span {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #767676;
  margin-left: 16px;
  letter-spacing: 0;
}
.eNotice-notification .menu .col.left ul {
  margin-top: 9px;
}
.eNotice-notification .menu .col.left ul li {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 96px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.eNotice-notification .menu .col.left ul li i {
  font-style: normal;
}
.eNotice-notification .menu .col.left ul li strong,
.eNotice-notification .menu .col.left ul li span {
  display: block;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.eNotice-notification .menu .col.left ul li + li:before {
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 14px;
  width: 1px;
  height: 30px;
  position: absolute;
  left: -4px;
}
.eNotice-notification .menu .col.left ul li button span,
.eNotice-notification .menu .col.left ul li button strong {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  background-color: white;
  width: 64px;
  line-height: 24px;
  border-radius: 12px;
  margin-top: 3px;
}
.eNotice-notification .menu .col.left ul li button span:hover,
.eNotice-notification .menu .col.left ul li button strong:hover {
  color: #fff;
  background-color: #F75258;
  border-color: #F75258;
}
.eNotice-notification .menu .col.right {
  position: relative;
  flex: 0 0 80%;
  max-width: 80%;
  text-align: right;
  padding-top: 37px;
}
.eNotice-notification .menu .col.right ul {
  display: inline-block;
  margin-top: -5px;
}
.eNotice-notification .menu .col.right ul li {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  color: #000000;
}
.eNotice-notification .menu .col.right ul li:first-child {
  margin-left: 0;
}
.eNotice-notification .menu .col.right ul li:first-child p > span:first-child:before {
  display: none;
}
.eNotice-notification .menu .col.right ul li span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.eNotice-notification .menu .col.right ul li span:first-child {
  display: block;
  padding-bottom: 5px;
}
.eNotice-notification .menu .col.right ul li strong {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 20px;
}
.eNotice-notification .menu .col.right ul li strong.b {
  color: #085cfd;
}
.eNotice-notification .menu .col.right ul li strong.d {
  color: #ea0000;
}
.eNotice-notification .menu .col.right ul li p {
  background: #f9f9f9;
  min-width: 126px;
}
.eNotice-notification .menu .col.right ul li p span:first-child {
  padding-top: 5px;
}
.eNotice-notification .menu .col.right ul li p strong {
  position: relative;
  top: -7px;
  display: inline-block;
}
.eNotice-notification .menu .col.right ul li p strong + span {
  position: relative;
  top: -9px;
  margin: 0 1px;
}
.eNotice-notification .menu .col.right ul li button {
  box-sizing: border-box;
  padding: 8px 15px 11px;
  min-width: 117px;
  border: 1px solid #efefef;
  margin-left: 9px;
}
.eNotice-notification .menu .col.right ul li button:hover {
  outline: 2px solid #F75258;
}
.eNotice-notification .menu .col.right ul li button span:first-child {
  display: block;
  padding-bottom: 5px;
}
.eNotice-notification .menu .notification-range {
  position: absolute;
  right: 0;
  top: 0;
  color: #f75258;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 16px;
}
.eNotice-notification .menu .notification-range.active {
  display: inline-block;
}
.eNotice-notification .menu .notification-range:after {
  position: relative;
  content: "";
  right: 0;
  top: 0;
  margin-left: 7px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -81px -48px;
  width: 4px;
  height: 9px;
}
.eNotice-notification .tab {
  display: none;
}
.eNotice-notification .tab.active {
  display: block;
}
.eNotice-notification .table-wrap .table td strong {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #f75258;
}

#notification-today article.full {
  background: #f9f9f9;
  border-bottom: 1px solid #efefef;
  padding-top: 14px;
}
#notification-today article.full .titLevel01 {
  display: inline-block;
  padding-top: 2px;
  margin-bottom: 12px;
}
#notification-today article.full .titLevel01 i {
  position: relative;
  top: 2px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -191px -66px;
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
#notification-today article.full ul {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  padding-left: 10px;
}
#notification-today article.full ul:before {
  display: inline-block;
  content: "";
  background-color: #e7e7e7;
  left: 0;
  top: 7px;
  width: 1px;
  height: 16px;
  position: absolute;
}
#notification-today article.full ul li {
  display: inline-block;
  margin: 0 12px;
}
#notification-today article.full .col-4 {
  text-align: right;
  letter-spacing: -3px;
}
#notification-today article.full .row-md + .row {
  margin-top: 32px;
}
#notification-today article.full .row-md .card:hover,
#notification-today article.full .row-md .card:focus {
  border-color: #F75258;
  border-style: solid;
  border-width: 1px;
  border-radius: 24px;
  box-shadow: 4.589px 6.553px 24px 0px rgba(0, 0, 0, 0.23);
}
#notification-today article.full .row-md .card-inner {
  height: 207px;
  padding-bottom: 0;
}
#notification-today article.full .row-md .card-header {
  height: 24px;
}
#notification-today article.full .row-md .card-header .state {
  left: 30px;
  top: 26px;
  width: 64px;
  display: block;
  text-align: center;
  border-width: 1px;
  border-color: #f75258;
  border-style: solid;
  position: absolute;
  line-height: 30px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #f75258;
  border-radius: 15px;
  box-sizing: border-box;
}
#notification-today article.full .row-md .card-header.read .state  {
  border-color: #e7e7e7;
  color: #666666;
  background: #fff url("../images/common/_icon.png") no-repeat -689px 0;
  padding-left: 15px;
}
#notification-today article.full .row-md .card-header .date {
  float: right;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
#notification-today article.full .row-md .card-body > strong {
  display: block;
  padding-top: 25px;
}
#notification-today article.full .row-md .card-body > strong.d {
  color: #ea0000;
}
#notification-today article.full .row-md .card-body > strong .badge {
  font-size: 12px;
  min-width: auto;
  padding: 6px 5px;
  margin-left: 4px;
}
#notification-today article.full .row-md .card-body .titLevel01 {
  font-size: 22px;
  line-height: 1;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 13px;
  margin-bottom: 0;
  letter-spacing: -2px;
}
#notification-today article.full .row-md .card-body .titLevel03 {
  padding-top: 6px;
  max-height: 69px;
  font-size: 18px;
  letter-spacing: -2px;
  line-height: 22px;
  color: #666666;
  overflow: hidden;
}
#notification-today article.full .row-md .card-footer {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
#notification-today article.full .row-md .card-footer .btn {
  line-height: 49px;
  width: 100%;
  text-align: center;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
#notification-today article.full .row-md .card-footer .btn.from-a {
  color: #ff5000;
  background: #fff9f1;
}
#notification-today article.full .row-md .card-footer .btn.from-a span:after {
  background-position-x: -242px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-b {
  color: #357ee7;
  background: #f6fbff;
}
#notification-today article.full .row-md .card-footer .btn.from-b span:after {
  background-position-x: -256px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-c {
  color: #124199;
  background: #f6fbff;
}
#notification-today article.full .row-md .card-footer .btn.from-c span:after {
  background-position-x: -270px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-d {
  color: #9340c4;
  background: #f9f5fc;
}
#notification-today article.full .row-md .card-footer .btn.from-d span:after {
  background-position-x: -284px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-e {
  color: #3a9a14;
  background: #f5faf3;
}
#notification-today article.full .row-md .card-footer .btn.from-e span:after {
  background-position-x: -298px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-f {
  color: #ea0001;
  background: #fef2f2;
}
#notification-today article.full .row-md .card-footer .btn.from-f span:after {
  background-position-x: -312px !important;
}
#notification-today article.full .row-md .card-footer .btn.from-g {
  color: #836801;
  background: #fef8e3;
}
#notification-today article.full .row-md .card-footer .btn.from-g span:after {
  background-position-x: -284px !important;
  background-position-y: -91px !important;
}
#notification-today article.full .row-md a.card[target] .btn span:after {
  position: relative;
  top: 2px;
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: 0 -76px;
  width: 14px;
  height: 14px;
  margin-left: 7px;
}
#notification-today article.full .swiper-basic {
  margin-left: -30px;
  margin-right: -30px;
}
#notification-today article.full .swiper-basic .swiper-slide {
  padding-bottom: 28px;
}
#notification-today article.full .swiper-basic .card {
  width: 260px;
}
#notification-today article.full .swiper-basic .card .card-inner {
  height: 153px;
}
#notification-today article.full .swiper-basic .card .card-body .titLevel03 {
  padding-top: 12px;
  max-height: 45px;
}
#notification-today article.full .col.txt-Center {
  flex: 0 0 100%;
  max-width: 100%;
}
#notification-today .btn-read {
  border-radius: 0;
  background: transparent;
  height: 33px;
  margin-bottom: 30px;
}
#notification-today .btn-read.all {
  padding-left: 37px;
  padding-right: 19px;
}
#notification-today .btn-read.all:after {
  left: 15px;
}
#notification-today article.inner {
  background: #fff;
  padding-top: 30px;
}
#notification-today article.inner .frame {
  padding: 36px;
  margin-bottom: 10px;
  box-shadow: none;
}
#notification-today article.inner .jumbotron {
  padding: 10px 0 10px 104px;
  line-height: 1.4;
  letter-spacing: -1.5px;
  background: url("../images/common/ai_robot_80x80.png") no-repeat 3px 4px;
}
#notification-today article.inner .jumbotron strong {
  display: block;
}
#notification-today article.inner .jumbotron .people {
  position: relative;
  display: inline-block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 8px;
  background-color: #f8f8f8;
  line-height: 40px;
  margin-top: 12px;
  padding-left: 63px;
  padding-right: 22px;
}
#notification-today article.inner .jumbotron .people i {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url("../images/eNotice/people.png") no-repeat left bottom;
}
#notification-today article.inner .titLevel02 {
  padding-top: 33px;
}
#notification-today article.inner .col.left {
  flex: 0 0 34%;
  max-width: 34%;
}
#notification-today article.inner .col.right .word-cloud {
  width: 100%;
  height: 100%;
}

#notification-all {
  padding-top: 20px;
}
#notification-all .card-header {
  position: relative;
}
#notification-all .card-header:after {
  clear: both;
  content: "";
  display: block;
}
#notification-all .card-header .titLevel01 {
  margin-top: -6px;
  padding-bottom: 15px;
  float: left;
}
#notification-all .card-header .titLevel01 span {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 20px;
  margin-left: 1px;
}
#notification-all .card-header .btn-read {
  float: right;
  height: 36px;
  margin-top: -6px;
}
#notification-all .table-wrap.list table tbody tr:hover td {
  background: #fafafa;
}
#notification-all .table-wrap.list table tbody tr:hover a {
  font-weight: 700;
}

.eNotice-notice .ai {
  padding-top: 20px;
}
.eNotice-notice .ai .card {
  border: 1px solid #F75258;
}
.eNotice-notice .ai .card-inner {
  padding: 8px 40px 21px;
}
.eNotice-notice .jumbotron {
  padding-left: 100px;
  min-height: 80px;
  line-height: 1.4;
  letter-spacing: -1.5px;
  background: url("../images/common/ai_robot_80x80.png") no-repeat 0 13px;
}
.eNotice-notice .jumbotron h4 {
  width: 200px;
}
.eNotice-notice .jumbotron div + div h4 {
  position: relative;
  top: -3px;
}
.eNotice-notice .jumbotron h4, .eNotice-notice .jumbotron ol, .eNotice-notice .jumbotron ul {
  display: inline-block;
  line-height: 1;
}
.eNotice-notice .jumbotron ul li .badge.default {
  background: #f1f1f1;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #4c4c4c;
  border-color: #f1f1f1;
}
.eNotice-notice .jumbotron + .btn.btn-fill {
  position: absolute;
  right: 40px;
  bottom: 25px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 30px;
  padding-right: 15px;
  padding-left: 15px;
}
.eNotice-notice .jumbotron + .btn.btn-fill:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -34px -87px;
  width: 16px;
  height: 17px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.eNotice-notice header label,
.eNotice-recruit header label {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  cursor: pointer;
}
.eNotice-notice header label span,
.eNotice-recruit header label span {
  margin-left: 5px;
}

.eNotice-notice-simple {
  padding-top: 20px;
}
.eNotice-notice-simple.living {
  padding-top: 20px;
}
.eNotice-notice-simple header {
  text-align: right;
  margin-top: -3px;
}
.eNotice-notice-simple .row-sm {
  padding-top: 12px;
}
.eNotice-notice-simple .col-6 {
  padding: 10px;
}
.eNotice-notice-simple .col-6 .card {
  height: 100%;
}
.eNotice-notice-simple .card-inner {
  height: 100%;
  padding: 26px 40px 34px;
  box-sizing: border-box;
}
.eNotice-notice-simple .card-header h5 {
  font-size: 22px;
}
.eNotice-notice-simple .card-body {
  height: calc(100% - 47px);
  padding-top: 15px;
}
.eNotice-notice-simple .card-body dl {
  margin-bottom: 20px;
}
.eNotice-notice-simple .card-body ul li {
  padding: 8px 0;
}
.eNotice-notice-simple .card-body ul li a {
  color: #4c4c4c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.eNotice-notice-simple .card-body ul li span.date {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  flex: 0 0 80px;
  max-width: 80px;
  text-align: right;
}
.eNotice-notice-simple .card-body .no-data {
  height: 100%;
  width: 100%;
  display: table;
}
.eNotice-notice-simple .card-body .no-data .inner {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 13px;
}
.eNotice-notice-simple .card-body .no-data .inner p {
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.eNotice-notice-simple .card-body .no-data .inner a {
  line-height: 30px;
}
.eNotice-notice-simple .card-body .no-data .inner a span {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.eNotice-notice-simple .card-body .no-data .inner a span:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -26px -64px;
  width: 16px;
  height: 17px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.eNotice-notice-simple a.more {
  position: absolute;
  right: 40px;
  top: 30px;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
}
.eNotice-notice-simple a.more:after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -128px -24px;
  width: 6px;
  height: 11px;
  background-image: url("../images/common/form.png");
  position: relative;
  top: 2px;
}

.eNotice-notice-all .card-header,
.eNotice-recruit .card-header {
  height: 54px;
}
.eNotice-notice-all .keyword-list,
.eNotice-recruit .keyword-list {
  margin-top: 4px;
}
.eNotice-notice-all .keyword-list dt,
.eNotice-recruit .keyword-list dt {
  margin-right: 16px;
  padding-top: 7px;
}
.eNotice-notice-all .keyword-list dd .badge.keyword,
.eNotice-recruit .keyword-list dd .badge.keyword {
  padding: 8px 15px;
  margin-right: 10px;
}
.eNotice-notice-all .card-header:after,
.eNotice-recruit .card-header:after {
  clear: both;
  content: "";
  display: block;
}
.eNotice-notice-all .card-header label,
.eNotice-recruit .card-header label {
  float: right;
  text-align: right;
  margin-top: 10px;
}
.eNotice-notice-all .card-header .keyword-list,
.eNotice-recruit .card-header .keyword-list {
  width: 100%;
}
.eNotice-notice-all .card-header .keyword-list dt,
.eNotice-recruit .card-header .keyword-list dt {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.eNotice-notice-all .card-header .keyword-list dt a,
.eNotice-recruit .card-header .keyword-list dt a {
  position: relative;
  top: 2px;
  margin-left: 4px;
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -26px -64px;
  width: 16px;
  height: 17px;
}
.eNotice-notice-all .table-wrap.list tbody tr td,
.eNotice-recruit .table-wrap.list tbody tr td {
  padding-top: 14px;
  padding-bottom: 17px;
}
.eNotice-notice-all .table-wrap.list tbody tr td .ellipsis,
.eNotice-recruit .table-wrap.list tbody tr td .ellipsis {
  display: inline-block;
}

.eNotice-notice-all .swiper-category {
  height: 60px;
  padding-top: 19px;
}
.eNotice-notice-all .swiper-category .swiper-button-prev,
.eNotice-notice-all .swiper-category .swiper-button-next {
  background-color: #f9f9f9;
}
.eNotice-notice-all .card-lg .card-inner {
  padding-top: 13px;
}

#PopupNoticeViewer .header {
  border-bottom: 0;
}
#PopupNoticeViewer h2.tit {
  color: #000000;
}
#PopupNoticeViewer h2.tit span.date {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  margin-left: 20px;
}
#PopupNoticeViewer .contents .scrollbar {
  min-height: 300px;
  max-height: 50vh;
}
#PopupNoticeViewer .contents .scrolly_visible {
  padding-right: 10px;
}
#PopupNoticeViewer .btns {
  padding-top: 20px;
}
#PopupNoticeViewer .btns .btn {
  width: 160px;
}
#PopupNoticeViewer .file {
  margin-top: 10px;
}
#PopupNoticeViewer .file a {
  text-decoration: underline;
}

.eNotice-recruit {
  padding-top: 20px;
}
.eNotice-recruit .card-lg .card-inner {
  padding-top: 13px;
}
.eNotice-recruit .row-sm {
  margin-bottom: 28px;
}
.eNotice-recruit .row-sm .frame {
  padding: 33px 40px;
  height: 232px;
}
.eNotice-recruit .row-sm .frame .chart-wrapper {
  margin-top: 12px;
  width: 180px;
  height: 180px;
}
.eNotice-recruit .row-sm .custom-legend {
  position: absolute;
  left: 267px;
  top: 50%;
  transform: translateY(-50%);
}
.eNotice-recruit .row-sm .custom-legend li {
  display: block;
  text-align: left;
  font-size: 14px;
  margin: 7px 0;
}
.eNotice-recruit .row-sm .custom-legend span {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  margin-right: 9px;
  top: 4px;
}
.eNotice-recruit .row-sm .custom-legend span i {
  width: 10px;
  height: 10px;
}
.eNotice-recruit article {
  margin-bottom: 10px;
}
.eNotice-recruit .dropdown-radio {
  margin-bottom: 0;
  margin-top: 10px;
}
.eNotice-recruit #filter07 {
  float: right;
  width: 400px;
}
.eNotice-recruit #filter07 input {
  height: 44px;
}
.eNotice-recruit #filter07 .btn-sm {
  flex: 0 0 80px;
  max-width: 80px;
}

.eNotice-setting .jumbotron {
  padding-top: 10px;
  flex: 0 0 28.5%;
  max-width: 28.5%;
}
.eNotice-setting .jumbotron strong {
  line-height: 1.4;
  display: inline-block;
}
.eNotice-setting .jumbotron p {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  padding-top: 8px;
}
.eNotice-setting .menu .inner {
  padding-top: 22px;
  padding-bottom: 18px;
}
.eNotice-setting .menu .card {
  border-radius: 16px;
  width: 100%;
  padding: 21px 21px 18px;
}
.eNotice-setting .menu .card .card-header {
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #4c4c4c;
}
.eNotice-setting .menu .card .card-header:before {
  content: "";
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -69px -66px;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.eNotice-setting .menu .card .card-header.star-2:before {
  width: 27px;
}
.eNotice-setting .menu .card .card-header.star-3:before {
  width: 39px;
}
.eNotice-setting .menu .card .card-body {
  font-size: 18px;
  letter-spacing: -1.3px;
  padding-top: 7px;
  padding-bottom: 4px;
  text-align: left;
  line-height: 1.4;
}
.eNotice-setting .menu .card .card-body strong {
  display: block;
}
.eNotice-setting .menu .current .card {
  border-width: 2px;
  border-color: #f75258;
  border-style: solid;
  box-shadow: 0px 10px 25px 0 rgba(247, 82, 88, 0.3);
}
.eNotice-setting article {
  margin-bottom: 18px;
}
.eNotice-setting article h4 {
  line-height: 1;
  padding: 20px 0;
}
.eNotice-setting article .card {
  padding: 33px 15px 40px 30px;
  height: 100%;
}
.eNotice-setting article .card .row + .row {
  margin-top: 27px;
}
.eNotice-setting article .card .col.left {
  flex: 0 0 97px;
  max-width: 97px;
}
.eNotice-setting article .card .col.left .titLevel01 {
  color: #4c4c4c;
  padding-top: 14px;
  font-size: 18px;
}
.eNotice-setting article ul {
  margin-top: -4px;
  margin-right: -4px;
}
.eNotice-setting article ul li {
  display: inline-block;
  padding-right: 6px;
  margin-top: 6px;
  width: 24%;
  box-sizing: border-box;
}
.eNotice-setting article button {
  position: relative;
  display: inline-block;
  padding: 12px 0 14px 44px;
  color: #767676;
  user-select: none;
  cursor: pointer;
  line-height: 24px;
  font-size: 16px;
  vertical-align: top;
  text-align: left;
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 3px;
}
.eNotice-setting article button:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 16px;
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url("../images/common/form.png");
  background-position: -87px -88px;
}
.eNotice-setting article button.checked {
  font-weight: 700;
  color: #f75258;
  border-color: #f75258;
}
.eNotice-setting article button.checked:before {
  background-position: -86px -132px;
}
.eNotice-setting article button.push:after, .eNotice-setting article button.keyword span:after {
  position: relative;
  padding: 4px 5px;
  background-color: #F75258;
  display: inline-block;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  box-sizing: border-box;
  border-radius: 2px;
  color: #fff;
}
.eNotice-setting article button.push span, .eNotice-setting article button.keyword span span {
  margin-right: 5px;
}
.eNotice-setting article button.push:after {
  content: "PUSH";
}
.eNotice-setting article button.keyword span:after {
  margin-left: 5px;
  content: "키워드";
}

#notiSetting {
  padding: 0 40px;
  position: absolute;
  left: -100em;
  top: -100em;
  z-index: 20;
}
#notiSetting .frame {
  border-width: 1px;
  border-color: #e7e7e7;
  border-style: solid;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0.707px 0.707px 10px 0px rgba(0, 0, 0, 0.15);
}
#notiSetting .frame > button {
  position: absolute;
  right: 45px;
  top: 5px;
  padding: 10px;
}
#notiSetting .frame > button i {
  display: inline-block;
  background-image: url("../images/common/_icon.png");
  background-repeat: no-repeat;
  background-position: -116px -24px;
  width: 11px;
  height: 11px;
  background-image: url("../images/common/form.png");
}
#notiSetting .titLevel03 {
  display: block;
  color: #f75258;
  padding-top: 9px;
  padding-left: 30px;
}
#notiSetting label {
  padding: 13px 18px;
  cursor: pointer;
}
#notiSetting input + label {
  width: 100%;
  color: #000000;
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  box-sizing: border-box;
}
#notiSetting input[type=radio]:checked + label {
  background: #f5f5f5;
}
#notiSetting .frame-inner {
  padding: 2px 0 2px;
  min-width: 150px;
}
#notiSetting .frame-inner + .frame-inner {
  border-top: 1px solid #e7e7e7;
}
#notiSetting .frame-inner + .frame-inner .titLevel03 {
  padding-top: 5px;
}
#notiSetting .frame-inner + .frame-inner label {
  padding: 13px 18px 6px;
}
#notiSetting .scrollbar {
  height: 130px;
}
#notiSetting .btns {
  margin: 15px auto;
}
#notiSetting .btns .btn {
  width: 160px;
}

#notiSettigTutorial .tutorial-body {
  width: 860px;
  margin: 80px 0;
}
#notiSettigTutorial .tutorial-body button {
  margin: 0 20px;
  position: relative;
  transition: top 0.5s;
}
#notiSettigTutorial .tutorial-body button img {
  border-radius: 18px;
  border: 2px solid transparent;
}
#notiSettigTutorial .tutorial-body button:hover, #notiSettigTutorial .tutorial-body button:focus {
  top: -20px;
}
#notiSettigTutorial .tutorial-body button.current {
  top: -20px;
}
#notiSettigTutorial .tutorial-body button.current img {
  border-color: #F75258;
  box-shadow: 0px 9px 21px 0px rgba(167, 69, 72, 0.41);
}
#notiSettigTutorial .tutorial-footer button {
  font-family: "NotoSansKR", Malgun gothic, "맑은고딕", Dotum, "돋움", sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-radius: 3px;
  width: 252px;
  height: 48px;
}