@import url("font.css");
#wrap {
  position: relative;
  display: block;
  overflow-y: auto;
  height: 100%;
  text-align: center;
  color: #343434;
}
#wrap * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#wrap::-webkit-scrollbar-thumb,
#learningBoard *::-webkit-scrollbar-thumb,
.player-window .video-cont-box .textarea::-webkit-scrollbar-thumb {
  border-radius: 0 !important;
  background: #c3c3c3 !important;
}

.col-red {
  color: var(--text-color-red) !important;
}
.col-blue {
  color: var(--text-color-blue) !important;
}
.width100 {
  width: 100%;
}

.mr5 {
  margin-right: 5px;
}
.mr7 {
  margin-right: 7px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt30 {
  margin-top: 30px;
}
.mb20 {
  margin-bottom: 20px;
}

.pt21 {
  padding-top: 21px;
}

.txt-center {
  text-align: center !important;
}

.k-overlay {
  background: rgba(0, 0, 0, 0.5) !important;
}

.header-overlay {
  display: none;
  position: fixed;
  top: 215px;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.tooltip-wrap {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 140px;
  padding: 17px 15px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.tooltip-wrap img {
}
.tooltip-wrap p {
  margin-top: 10px;
  font-size: 1.2em;
  font-weight: 500;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.lms-online,
.lms-public {
  min-height: 100vh;
}

figure:focus,
figcaption:focus {
  outline: auto;
}

/* ====================== input Style ======================== */
/*  input Style(text, password) */
input[type="text"],
input[type="password"],
input[type="search"] {
  padding: 0 15px;
  line-height: 19px;
  text-align: left;
  border-radius: 3px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
input[type="text"].input35,
input[type="password"].input35 {
  padding: 0 10px;
  height: 35px;
  font-size: 13px;
}
input[type="text"].input40,
input[type="password"].input40 {
  height: 40px;
  font-size: 15px;
}
input[type="text"].input48,
input[type="password"].input48 {
  height: 48px;
  font-size: 15px;
}
input[type="text"].input50,
input[type="password"].input50 {
  height: 50px;
  font-size: 16px;
  border-radius: 5px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="text"]:active,
input[type="password"]:active {
  color: #404040;
  font-weight: 500;
  border: 1px solid #414146;
}
input[type="text"]:disabled,
input[type="password"]:disabled {
  color: #404040;
  background: #f8f8f8;
}

input::placeholder {
  /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* Firefox 18- */
  color: #757575 !important;
}
input:-moz-placeholder {
  /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* Firefox 18- */
  color: #757575 !important;
}
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* Firefox 18- */
  color: #757575 !important;
}
input::-moz-placeholder {
  /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* Firefox 18- */
  color: #757575 !important;
}
input::-ms-input-placeholder {
  /* Chrome/Opera/Safari */ /* Firefox 19+ */ /* Firefox 18- */
  color: #757575 !important;
}
input:-ms-input-placeholder {
  color: #757575 !important;
} /* IE 10+ */

textarea::-webkit-input-placeholder {
  color: #757575;
  font-weight: 400;
}
textarea:-ms-input-placeholder {
  color: #757575;
  font-weight: 400;
}
textarea::placeholder {
  color: #757575;
  font-weight: 400;
  opacity: 1;
}

.input40 {
  height: 40px;
}

/*  input Style(radio) */
.radio-box-wrap li {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.radio-box-wrap li input[type="radio"] {
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 7px;
}
input[type="radio"] {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -1000em;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
input[type="radio"]:focus + label .icon {
  border: 1px solid #000000 !important;
}
input[type="radio"].radio22 + label {
  float: left;
  margin-right: 20px;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-56);
  cursor: pointer;
}
input[type="radio"].radio22 + label > span.icon {
  display: none;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border-radius: 100%;
  border: 1px solid var(--border-gray-dd);
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="radio"].radio22:checked + label > span.icon {
  background: #ffffff url(/images/renewal/icon/icon_radio22_chk.png) no-repeat
    50% 50%;
}
input[type="radio"].radio22:disabled + label > span.icon {
  background: #f8f8f8;
}
input[type="radio"].radio22 {
  width: 22px;
  height: 22px;
}

input[type="radio"].radio18 + label {
  float: left;
  line-height: 22px;
}
input[type="radio"].radio18 + label > span {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border-radius: 100%;
  border: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
  cursor: pointer;
}
input[type="radio"].radio18:checked + label > span.icon {
  background: url(/images/renewal/icon/icon_radio18_chk.png) no-repeat 50% 50%;
}
input[type="radio"].radio18:disabled + label > span.icon {
  background: #f8f8f8;
}

/*  input Style(checkbox) */
.check-box {
  display: inline-block;
}
.check-box:after {
  content: "";
  display: block;
  clear: both;
}
.check-box input[type="checkbox"],
.radio-box input[type="radio"],
input[type="checkbox"],
.clasf-step .step > ul > li > input {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -1000em;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
input[type="checkbox"].check22 {
  width: 22px;
  height: 22px;
}
input[type="checkbox"].check22:focus + label span.icon,
input[type="checkbox"]:focus + label .icon {
  border: 2px solid #000000;
}
input[type="checkbox"].check22 + label {
  float: left;
  line-height: 22px;
  cursor: pointer;
}
input[type="checkbox"].check22 + label > span.icon {
  display: none;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
  box-sizing: border-box;
  cursor: pointer;
}
input[type="checkbox"].check22:checked + label > span.icon {
  background: url("/images/renewal/icon/icon_check22_chk.png") no-repeat 50% 50%
    var(--input-checked-bg-color);
}
input[type="checkbox"].check22:disabled + label > span.icon {
  background: #f8f8f8;
}

input[type="checkbox"].check18 + label {
  float: left;
  line-height: 22px;
  cursor: pointer;
}
input[type="checkbox"].check18 + label > span.icon {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
  cursor: pointer;
}
input[type="checkbox"].check18:checked + label > span.icon {
  background: url("/images/renewal/icon/icon_check18_chk.png") no-repeat 50% 50%
    var(--input-checked-bg-color);
}
input[type="checkbox"].check18:disabled + label > span.icon {
  background: #f8f8f8;
}

.k-grid input[type="checkbox"].check22 + label > span.icon {
  margin-right: 0;
}
.k-grid .check-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter18 + label {
  float: left;
  line-height: 22px;
  cursor: pointer;
}
.filter18 + label > span.icon {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border-radius: 50%;
  background: url("/images/renewal/icon/icon_check18_chk.png") no-repeat 50% 50%
    var(--bg-filter);
  box-sizing: border-box;
  cursor: pointer;
}
.filter18:checked + label > span.icon {
  background: url("/images/renewal/icon/icon_check18_chk.png") no-repeat 50% 50%
    var(--bg-filter-on);
}
.filter-box .radio-box {
  position: relative;
}
.filter-box .radio-box label {
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.filter-box .radio-box :checked + label {
  font-weight: 500;
  color: var(--bg-filter-on);
}
.filter-box .radio-box input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  top: 18px;
}
.filter-box .radio-box input[type="radio"]:focus {
  outline: auto;
}
.filter-item input[type="radio"]:focus + label {
  outline: auto;
}

/* ====================== Kendo Style ======================== */
/* Kendo Grid */
.k-grid {
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.k-grid .k-grid-header {
  border-radius: 0;
  border-top: 2px solid #cdcdcd;
  background: #edf0f6;
  border-bottom: none;
}
.k-grid .k-grid-header .k-grid-header-wrap {
  border-color: #dfdfdf;
  background: #edf0f6;
  border-right: none;
}
.k-grid .k-grid-header .k-grid-header-wrap table {
  border-collapse: collapse;
}
.k-grid .k-grid-header .k-grid-header-wrap table th {
  background: #edf0f6;
  border-radius: 0;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
.k-grid .k-grid-header .k-grid-header-wrap table th.k-header:first-child {
  border-left: none;
}
.k-grid .k-grid-content {
  border-bottom: 1px solid #cdcdcd;
}
.k-grid .k-grid-content table {
  border-collapse: collapse;
}
.k-grid .k-grid-content table tr td {
  padding: 10px;
  border: 1px solid #dbdbdb;
  font-size: 13px;
  line-height: 1.4em;
}
.k-grid .k-grid-content table tr td a {
  color: #343434;
  text-decoration: underline;
}
/*.k-grid .k-grid-content table tr.k-state-selected td a{color:#fff}*/
.k-grid .k-grid-content table tr td:first-child {
  border-left: none;
}
.k-grid .k-grid-content table tr td.row-temp {
  padding: 0;
  border: 0;
}
.k-grid .k-grid-content table tr td.k-state-focused {
  outline: auto;
}
.k-grid .k-grid-content table tr td.k-hierarchy-cell a:focus {
  outline: auto;
}
.k-grid-header-wrap table thead tr th.k-header {
  border: 1px solid #dbdbdb;
}
.k-grid .k-grid-header th.k-header > .k-link {
  position: relative;
  min-height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  color: #8e8e8e;
}
.k-header > .k-grid-filter > span.k-i-filter,
.k-grid-filter .k-icon,
.k-header .k-icon.k-i-filter {
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -27px -3px;
}
.k-header > .k-grid-filter > span.k-i-filter:before,
.k-grid-filter .k-icon:before,
.k-header .k-icon.k-i-filter:before {
  content: "";
}
.k-filter-menu {
  padding: 10px;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);
}
.k-filter-menu .k-filter-menu-container .k-dropdown {
  width: 100%;
  margin-bottom: 7px;
  border-radius: 3px;
  border: none;
}
.k-filter-menu .k-filter-menu-container .k-dropdown .k-dropdown-wrap,
.k-filter-menu .k-filter-menu-container .k-dropdown {
  height: 35px;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
}
.k-filter-menu .k-filter-menu-container .k-dropdown .k-dropdown-wrap .k-input {
  height: 100%;
  padding: 0;
  line-height: 35px;
  border: none;
}
.k-filter-menu .k-filter-menu-container .k-dropdown .k-dropdown-wrap .k-select {
  background: #fff;
}
/*.k-filter-menu .k-filter-menu-container .k-dropdown .k-dropdown-wrap .k-select > span.k-icon.k-i-arrow-60-down,*/
/*.k-i-arrow-s { display: block; height: 100%; background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -52px 7px;}*/
.k-filter-menu
  .k-filter-menu-container
  .k-dropdown
  .k-dropdown-wrap
  .k-select
  > span.k-icon.k-i-arrow-60-down:before,
.k-i-arrow-s:before {
  content: "";
  display: none;
}
.k-filter-menu .k-filter-menu-container .k-textbox {
  height: 35px;
  padding: 0;
  margin: 0;
  line-height: 35px;
  border-radius: 3px; /*border: 1px solid #d1d1d1;*/
}
.k-filter-menu .k-action-buttons .k-button {
  float: right;
  min-width: 90px;
  height: 32px;
  margin: 7px 0 0;
  padding: 0;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #404040;
  font-weight: 500;
  font-family: "Spoqa Han Sans", sans-serif;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
}
.k-filter-menu .k-action-buttons .k-button.k-primary,
.k-filter-menu .k-action-buttons .k-button.k-button-solid-primary {
  line-height: 32px;
  color: #fff;
  border: none;
  background: #5c61d4;
}
.k-filter-menu .k-action-buttons .k-button:hover,
.k-filter-menu .k-action-buttons .k-button.k-button-solid-primary:hover {
  color: #404040 !important;
  font-weight: 500;
}
.k-filter-menu .k-action-buttons .k-button.k-primary:hover,
.k-filter-menu .k-action-buttons .k-button.k-button-solid-primary:hover {
  color: #fff !important;
  font-weight: 500;
}
.k-filter-menu .k-list-container {
  background: #fff;
}
.k-filter-menu-container .k-filter-help-text {
  margin: 0 0 7px;
  line-height: 20px;
  text-align: left;
  font-size: 13px;
  color: #757580;
}
.k-grid-toolbar.k-header,
.k-grid-toolbar {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0;
  text-align: right;
}
.k-grid-toolbar .k-button {
  height: 36px;
  padding: 9px 16px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 500;
  color: #4549ab;
  line-height: 14px;
}
.k-grid-toolbar .k-button:hover {
  border: 1px solid #4549ab;
  background: #ffffff;
  color: #4549ab;
}
.k-grid-toolbar .k-button:hover span {
  color: #4549ab;
}
.k-grid-toolbar .k-button:focus {
  border: 1px solid #555555;
  color: #404040;
}
.k-grid-toolbar .k-button:focus span {
  color: #404040;
}
.k-grid-toolbar .k-button:active {
  border: 1px solid #5c61d4;
  background: #5c61d4;
  color: #ffffff;
}
.k-grid-toolbar .k-button:active span {
  color: #ffffff;
}
.k-grid-toolbar .k-button.btn-toolbar-blue {
  border: 1px solid #4549ab;
  color: #4549ab;
}
.k-grid-toolbar .k-button .k-button-icon {
  display: none;
}
.k-grid-toolbar .btn_inner {
  margin-top: 0;
  margin-right: 0;
}
.k-grid-toolbar .btn-left {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.k-header .k-grid-filter {
  top: 10px;
}
/* Kendo Grid(template) */
.k-grid.template-grid .k-grid-header {
  display: none;
}
.k-grid.default-grid .k-grid-norecords .not-data-cont {
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 16px;
  color: #757575;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.k-grid.default-grid .k-grid-norecords .not-data-cont img {
  display: block;
  margin: 0 auto 20px;
}

.k-grid .k-cell-inner > .k-link {
  justify-content: center;
}
.k-header .k-grid-filter {
  top: 10px;
}
.k-filter-menu .k-action-buttons {
  margin: 0;
}
.k-grid .k-grid-content table tr td .k-numerictextbox input.k-input-inner,
.k-numerictextbox input.k-input-inner {
  padding: 7px 3px;
  border-radius: 3px 0 0 3px;
  text-align: center;
}
.k-grid .k-grid-content table tr td .k-numerictextbox .k-button,
.k-numerictextbox .k-button {
  width: 100%;
  padding: 0;
  border: 0;
  background: #ffffff;
}
.k-grid .k-grid-content table tr td .k-numerictextbox .k-input-spinner,
.k-numerictextbox .k-input-spinner {
  border-radius: 0;
}
.k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap {
  border: 0;
}
.k-grid .k-grid-content td .date-box-wrap {
  display: flex;
}
.k-grid .k-grid-content .k-datetimepicker .k-button {
  padding: 0;
  border: 0;
  background: #ffffff;
}
.k-grid .k-grid-content .k-datetimepicker .k-button:hover {
  border: 0;
}
div.k-grid-footer {
  border: 0;
}
.k-grid-footer-wrap {
  border: 1px solid #e8e8e8;
  background: #fcfcfc;
}
.k-footer-template td {
  padding: 13px;
  border: 0;
  border-right: 1px solid #e8e8e8;
  background: #fcfcfc;
  font-weight: 500;
  color: #8e8e8e;
  text-align: center;
  letter-spacing: -0.02em;
}
.k-footer-template td span {
  display: block;
  width: 100%;
}
.k-footer-template td span.span-cost {
  text-align: right;
}
.k-grid .k-grid-content td .flex-box.input-box {
  align-items: center;
}
.k-grid .k-grid-content td .flex-box .label-txt {
  margin: 0 5px;
}
.k-grid .k-pager-wrap span.k-pager-sizes .k-i-arrow-60-down:before {
  content: "";
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -52px -3px;
}
.k-i-arrow-60-up:before,
.k-input-spinner .k-spinner-increase .k-i-arrow-n:before {
  content: "";
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -81px
    0;
}
.k-i-arrow-60-down:before,
.k-input-spinner .k-spinner-decrease .k-icon {
  content: "";
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -52px -2px;
}
.k-grid .k-grid-content table tr.k-state-selected td {
  background: #f8f6fb;
}
.k-multicheck-wrap .k-item label input[type="checkbox"] {
  display: none;
}
.k-multicheck-wrap .k-item label span {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  line-height: 26px;
}
.k-multicheck-wrap .k-item label span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 19px;
  height: 19px;
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -47px -98px;
  vertical-align: middle;
}
.k-multicheck-wrap .k-item label input[type="checkbox"]:checked + span:before {
  background: url("../../images/renewal/admin/icon/icon_map.png") no-repeat -47px -61px;
}
.k-grid .k-grid-content tr:first-child td {
  border-top: 0;
}
.k-grid .impor-box {
  display: inline-block;
  padding: 5px 10px 6px;
  border-radius: 3px;
  background: #ffebea;
  font-size: 11px;
  font-weight: 500;
  color: #d43527;
  line-height: 100%;
  letter-spacing: -0.02em;
}
/*.k-grid .k-pager-wrap.k-state-focused { outline: auto;}*/
/* var 2022 */
.k-grid .k-cell-inner > .k-link {
  justify-content: center;
}
.k-header .k-grid-filter {
  top: 10px;
}
.k-filter-menu .k-action-buttons {
  margin: 0;
}
.k-grid .k-grid-content table tr td .k-numerictextbox input.k-input-inner,
.k-numerictextbox input.k-input-inner {
  padding: 7px 3px;
  border-radius: 3px 0 0 3px;
  text-align: center;
}
.k-grid .k-grid-content table tr td .k-numerictextbox .k-button,
.k-numerictextbox .k-button {
  width: 100%;
  padding: 0;
  border: 0;
  background: #ffffff;
}
.k-grid .k-grid-content table tr td .k-numerictextbox .k-input-spinner,
.k-numerictextbox .k-input-spinner {
  border-radius: 0;
}
.k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap {
  border: 0;
}
.k-grid .k-grid-content td .date-box-wrap {
  display: flex;
}
.k-grid .k-grid-content .k-datetimepicker .k-button {
  padding: 0;
  border: 0;
  background: #ffffff;
}
.k-grid .k-grid-content .k-datetimepicker .k-button:hover {
  border: 0;
}
div.k-grid-footer {
  border: 0;
}
.k-grid-footer-wrap {
  border: 1px solid #e8e8e8;
  background: #fcfcfc;
}
.k-footer-template td {
  padding: 13px;
  border: 0;
  border-right: 1px solid #e8e8e8;
  background: #fcfcfc;
  font-weight: 500;
  color: #8e8e8e;
  text-align: center;
  letter-spacing: -0.02em;
}
.k-footer-template td span {
  display: block;
  width: 100%;
}
.k-footer-template td span.span-cost {
  text-align: right;
}
.k-grid .k-grid-content td .flex-box.input-box {
  align-items: center;
}
.k-grid .k-grid-content td .flex-box .label-txt {
  margin: 0 5px;
}
.k-filter-menu.k-popup .k-multicheck-wrap .k-item,
.k-filter-menu .k-filter-selected-items {
  text-align: left;
}

/* 기본그리드 */
.k-grid.default-grid,
.k-widget.k-grid.default-grid {
  border: none;
  border-top: 1px solid var(--border-gray-thick);
}
.k-grid.default-grid .k-grid-header {
  background: var(--grid-th-bg-color);
}
.k-grid.default-grid .k-grid-header th.k-header {
  padding: 8px 0;
  line-height: 4rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--text-color-34);
  border: none;
  border-top: 1px solid var(--border-gray-dd);
  border-bottom: 1px solid var(--border-gray-dd);
  background: #fafafa;
}
.k-grid.default-grid .k-grid-header th.k-header .k-link {
  display: inline-block;
  padding: 0;
  line-height: 4rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
}
.k-grid.default-grid .k-grid-header th.k-header .k-link .k-column-title {
  color: var(--text-color-black);
}
.k-grid.default-grid tbody td {
  padding: 8px 0;
  line-height: 4rem;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 400;
  letter-spacing: -0.02em;
  border: none !important;
  border-bottom: 1px solid var(--border-gray-dd) !important;
}
.k-grid.default-grid tbody td > a {
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.k-grid.default-grid tbody tr:last-child td {
  border-bottom: 0.5px solid var(--border-gray-dd) !important;
}
.k-grid.default-grid .k-grid-content {
  border-top: 1px solid #dddddd;
  border-bottom: none;
}
.k-grid.default-grid .k-grid-footer .k-footer-template td {
  padding: 5px 10px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0 !important;
  background: #fcf4f4;
  line-height: 4rem;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.k-grid.default-grid .k-header > .k-cell-inner {
  margin: 0;
}
.k-grid.default-grid .k-grid-norecords {
  height: 99%;
}
.k-grid.default-grid .k-grid-norecords p.no-records {
  width: 100%;
  line-height: 10rem;
  text-align: center;
  font-size: 1.4rem;
}
.k-grid.default-grid tbody td a.download-icon {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../../images/renewal/icon/icon_down.png") no-repeat center;
  vertical-align: middle;
}
/* 기본그리드2 (border-top) */
.k-grid.default-grid2 .k-grid-header {
  border-top: 1px solid #343434;
}
.k-grid.default-grid2 .k-grid-header th.k-header {
  border-top: 0;
  font-weight: 500;
}
/* 학습창 홈 grid */
.k-grid.learning-gird .k-grid-header {
  border-top: 1px solid #343434;
  border-bottom: 1px solid var(--border-gray-e8);
  background: #ffffff;
}
.learning-summary .k-grid.learning-gird .k-grid-header {
  border-top: 0;
}
.k-grid.learning-gird .k-grid-content,
.learning_grid.k-grid .k-grid-content {
  border-top: 0;
}
.k-grid.learning-gird .k-grid-header th.k-header {
  padding: 5px 15px;
  border-top: 0;
  border-bottom: 0;
  background: #ffffff;
  font-weight: 500;
}
.k-grid.learning-gird tbody td {
  border-bottom: 1px solid var(--border-gray-e8);
}
.k-grid.learning-gird tbody tr:last-child td {
  border-bottom: 1px solid var(--border-gray-e8) !important;
}
.k-grid.learning-gird .k-grid-footer {
  border: 0;
  border-bottom: 1px solid var(--border-gray-e8);
  border-top: 1px solid var(--border-gray-e8);
  background: #fcf4f4;
}
.k-grid.learning-gird .k-grid-footer-wrap {
  border-right: 0;
}
.k-grid .k-grid-content table tr td {
  font-size: 15px;
  line-height: 40px;
}
.k-grid .k-grid-content table tr td a {
  text-decoration: none;
}
.k-grid .k-grid-content table tr td a:hover {
  text-decoration: underline;
}
.k-grid .k-grid-content table tr td .new {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-left: 8px;
  background: url("../../images/renewal/icon/icon_new.png") no-repeat center;
  vertical-align: middle;
}

/* 팝업그리드 */
.k-grid.popup-grid .k-grid-header {
  background: var(--grid-th-bg-color);
}
.k-grid.popup-grid .k-grid-header th.k-header {
  padding: 3px 0;
  line-height: 4rem;
  text-align: center;
  font-size: 15px;
  color: var(--text-color-34);
  border: none;
  border-top: 1px solid var(--border-gray-dd);
  border-bottom: 1px solid var(--border-gray-dd);
  background: #fafafa;
}
.k-grid.popup-grid .k-grid-header th.k-header > .k-link {
  display: inline-block;
  padding: 0;
  line-height: 4rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
}
.k-grid.popup-grid tbody td {
  padding: 8px 0;
  line-height: 4rem;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
  border: none !important;
  border-bottom: 1px solid var(--border-gray-dd) !important;
}
.k-grid.popup-grid tbody td > a {
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.k-grid.popup-grid tbody tr:last-child td {
  border-bottom: 0.5px solid var(--border-gray-dd) !important;
}
.k-grid.popup-grid .k-grid-content {
  border-bottom: none;
}
.k-grid.popup-grid .k-grid-norecords p.no-records {
  width: 100%;
  line-height: 10rem;
  text-align: center;
  font-size: 1.4rem;
}

.k-loading-mask {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* Kendo Window */
.k-window {
  border: none !important;
  border-radius: 10px !important;
  background: var(--bg-white);
  box-shadow: 3px 3px 8px var(--commu-pop-shadow-color);
}
.k-window a {
  box-sizing: border-box;
}
.k-window .k-window-titlebar {
  padding: 15px 25px;
  text-align: left;
  border-radius: 10px 10px 0 0 !important;
  background: var(--bg-white) !important;
}
.k-window .k-window-titlebar.padding-30 {
  padding: 30px 30px 0;
  border-bottom: 0;
}
.k-window .k-window-titlebar .k-window-title {
  color: var(--text-color-black) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.k-window .k-window-titlebar .k-window-actions {
  width: 30px;
  height: 30px;
  padding: 0;
}
.k-window .k-window-titlebar .k-window-actions .k-window-action {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: url("../../images/renewal/icon/icon_pop_close.png") no-repeat 50%
    50% !important;
  opacity: 100%;
}
.k-window .k-window-titlebar .k-window-actions .k-window-action:focus {
  border: 1px solid #000000 !important;
}
.k-window .k-window-titlebar .k-window-actions {
  outline: auto;
}
.k-window .k-window-titlebar .k-window-actions .k-window-action .k-icon {
  display: none;
}
.k-window .k-window-titlebar .k-window-actions a.k-link:hover {
  border: none;
  box-shadow: none;
}
.k-window .k-window-titlebar .k-window-actions a.k-state-hover {
  border: none;
  box-shadow: none;
}
.k-window .k-window-titlebar .k-window-actions a.k-link span {
  display: none;
}
.k-window .k-window-content {
  width: 100%;
  display: inline-block; /* padding:15px */
  padding: 0 !important;
  border-top: 1px solid #e8e8e8;
}
.k-window .k-window-content textarea,
.k-window .k-window-content input[type="text"] {
  padding: 5px 10px;
  border: 1px solid #dbdbdb;
  font-family: var(--font-family-noto_sans_kr);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.k-window-title {
  font-size: 20px;
  font-weight: 700;
  color: #121212;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.k-window .popup-content {
  padding: 0 30px 20px; /*border-top: 1px solid var(--border-gray-e8);*/
  background: #ffffff;
  box-sizing: border-box;
}
.k-window .window1 .popup-content {
  padding: 21px 25px 20px;
}
.k-window .stare-window .popup-content {
  padding: 0 20px 20px;
}
.k-window .popup-content.bt0 {
  border-top: 0;
}
.k-window .popup-foot {
  display: flex;
  justify-content: flex-end;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 13px 30px;
  border-top: 1px solid var(--border-gray-e8);
  border-radius: 0 0 10px 10px;
  background: var(--bg-white-gray-5);
  text-align: right;
}
.k-window .popup-foot.flex-between {
  justify-content: space-between;
}
.k-window .popup-foot.flex-center {
  justify-content: center;
}
.k-window .popup-foot .btn-box {
  display: flex;
  width: 100%;
}
.k-window .popup-foot .btn-box .btn-list {
  height: 44px;
  margin-left: 10px;
  padding: 0 24px;
}
.k-window .popup-foot .btn-box .btn-list span {
  font-weight: 500;
  line-height: 44px;
}
.k-window .popup-foot .btn-box.flex-center {
  justify-content: center;
}
/* 팝업 하단버튼 */
.pop-btn-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 0 10px;
  text-align: right;
}
.pop-btn-wrap > button {
  height: 44px;
  margin-left: 10px;
  padding: 0 24px;
  border-radius: 3px;
}
.pop-btn-wrap > button > span {
  line-height: 4.4rem;
}
.pop-btn-wrap.bg-height62 {
  padding: 10px 0;
  background: var(--bg-white-gray-5);
  border-top: 1px solid var(--border-gray-e8);
}

.k-animation-container {
  background: #ffffff;
}

/* Kendo Confirm */
.k-window.k-confirm .k-window-titlebar {
  display: none;
}
.k-window.k-confirm .k-window-content {
  padding: 30px 20px 20px !important;
  line-height: 20px;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}
.k-window.k-confirm .k-dialog-buttongroup {
  gap: 10px;
  border: none;
  padding: 10px 20px;
  border-top: 1px solid #e8e8e8;
  background: #fcfcfc;
}
.k-window.k-confirm .k-dialog-buttongroup > button {
  width: 100%;
  height: 44px;
  padding: 0;
  line-height: 44px;
  text-align: center;
  font-size: 14px;
  color: #343434;
  font-weight: 500;
  border-radius: 3px !important;
  border: 1px solid #ddd;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  background: #fff;
}
.k-window.k-confirm .k-dialog-buttongroup > button:first-child {
  color: #fff;
  border: none;
  background: #1b67d8;
}

/* Kendo dropDownList */
.k-dropdown,
.select {
  background: #fff;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.k-dropdown .k-dropdown-wrap .k-input,
.select {
  height: 100%;
  padding: 0 1.5em;
  line-height: 46px;
  text-align: left;
  font-size: 1.5em;
  font-family: "Noto Sans KR";
  color: #343434;
}
.k-dropdown .k-dropdown-wrap .k-select,
.k-dropdown .k-input-button.k-button {
  width: 28px;
  height: 100%;
  background: url(/images/renewal/icon/icon_dropbox_arrow_H42.png) no-repeat 50%
    50%;
}
.select {
  background: #fff url(/images/renewal/icon/icon_dropbox_arrow_H42.png)
    no-repeat 100% 50%;
}
.select {
  -webkit-appearance: none; /* 크롬 화살표 없애기 */
  -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
  appearance: none; /* 화살표 없애기 */
}
.dropdown40.select {
  height: 40px;
  line-height: 40px;
}
.dropdown42.select {
  height: 42px;
  line-height: 42px;
}
.dropdown46.select {
  height: 46px;
  line-height: 46px;
}
.k-dropdown .k-dropdown-wrap .k-select .k-icon {
  display: none;
}
.k-dropdown .k-dropdown-wrap {
  border: none;
  border-radius: 0;
  height: 100%;
}
.k-dropdown .k-state-hover {
  background: #fff;
  box-shadow: none;
}
.k-dropdown.k-focus {
  border: 1px solid #414146 !important;
}
.k-popup {
  border: 0;
}
.k-popup > .k-list {
  margin-top: 7px;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);
}
.k-list-content {
  padding: 0;
}
.k-list-item,
.k-list-optionlabel {
  border-radius: 0;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #404040;
  line-height: 35px;
  letter-spacing: -0.02em;
}
.k-list-item.k-hover {
  background: #f8f8f9;
}
.k-list-item.k-focus,
.k-list-item.k-select,
.k-list-optionlabel.k-select,
.k-list-optionlabel.k-focus {
  background: var(--select-focus);
  color: #ffffff;
}
/* Kendo dropDownList_dropdown40 */
.k-dropdown.dropdown40 {
  height: 40px;
}
.k-dropdown.dropdown40 .k-dropdown-wrap .k-input {
  padding-left: 8px;
  line-height: 38px;
}
.k-dropdown.dropdown40 .k-dropdown-wrap .k-select {
  width: 38px;
  height: 38px;
}
.k-dropdown .k-input-value-text {
  font-size: 1.5rem;
  font-weight: 400;
  color: #343434;
  line-height: 19px;
}
.k-dropdown .k-i-arrow-s:before {
  display: none;
}
.k-dropdown .k-input-inner {
  padding: 10px 0 10px 15px;
}
.k-dropdown.dropdown40 .k-input-button.k-button {
  width: 38px;
  height: 38px;
  background: url("/images/renewal/icon/icon_dropbox_arrow_H38.png") no-repeat
    center;
}
/* var 2022 */
.k-grid .k-grid-content table tr td .k-dropdown .k-input-button.k-button {
  height: calc(1.4285714286em + 14px);
  margin: 0;
  padding: 0;
}
.k-grid .k-grid-content table tr td .k-dropdown .k-input-button.k-button {
  border: 0;
  border-radius: 0;
  background: #ffffff;
}
.k-grid .k-dropdown .k-input-button,
.k-grid .k-dropdown .k-input-button.k-button {
  height: calc(1.4285714286em + 14px);
}
.k-grid .k-grid-content .one-p {
  overflow: hidden;
  width: 100%;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-grid .k-grid-content .line-p {
  width: 100%;
  line-height: 20px;
  word-wrap: break-word;
  word-break: keep-all;
}

/* Kendo NumericTextBox */
.k-numerictextbox {
  background: #fff;
  height: 40px;
  border: 1px solid #dbdbdb;
  color: #343434;
  font-size: 16px;
  text-align: left;
  border-radius: 0;
  box-shadow: none;
}
.k-numerictextbox .k-numeric-wrap {
  border: none;
  border-radius: 0;
}
.k-numerictextbox .k-numeric-wrap .k-input {
  border-radius: 0;
  border-right: 1px solid #dbdbdb;
  height: 38px;
  line-height: 38px;
}
.k-numerictextbox .k-numeric-wrap .k-select {
  background: #f1f1f1;
  border-radius: 0;
  line-height: 38px;
}
.k-numerictextbox .k-numeric-wrap .k-select .k-i-arrow-n {
  margin-top: 7px;
}
.k-numerictextbox .k-numeric-wrap .k-select .k-i-arrow-s {
  margin-top: 3px;
}
.k-numerictextbox .k-state-hover {
  background: #fff;
  box-shadow: none;
}

/* Kendo Date */
.k-datepicker {
  background: #fff;
  height: 40px;
  border: 1px solid #dbdbdb;
  color: #343434;
  font-size: 16px;
  text-align: left;
  border-radius: 0;
}
.k-datepicker .k-picker-wrap {
  height: 38px;
  border: none;
  border-radius: 0;
}
.k-datepicker .k-picker-wrap .k-input {
  border-radius: 0;
  border-right: 1px solid #dbdbdb;
  height: 38px;
}
.k-datepicker .k-picker-wrap .k-select {
  background: #f1f1f1;
  border-radius: 0;
  border: none;
}
/*.k-datepicker .k-picker-wrap .k-select .k-i-calendar{margin-top:12px}*/
.k-datepicker .k-state-hover {
  background: #fff;
  box-shadow: none;
}

/* Kendo Tab */
.k-tabstrip-wrapper .k-tabstrip {
  padding: 0;
  border: none;
  box-shadow: none;
}
.k-tabstrip > .k-content:focus {
  border: none !important;
  outline: none;
}
.k-tabstrip-items {
  display: flex;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}
.k-tabstrip-items li.k-item {
  flex-grow: 1;
}
.k-tabstrip-items li.k-item span.k-loading {
  display: none;
}
.k-tabstrip-items li.k-item span.k-link {
  padding: 0;
}
.k-tabstrip-items li.k-state-active {
  border: 1px solid #dbdbdb;
  border-bottom: 1px solid #fff;
}
.k-tabstrip-items li.k-state-active span.k-link {
  background: #fff;
  color: #343434;
}
.k-tabstrip-items li:hover {
  border: 1px solid #dbdbdb;
  border-bottom: 1px solid #fff;
}
.k-tabstrip-items li:hover span.k-link {
  background: #fff;
  color: #343434;
}
.k-tabstrip-wrapper .tab_cont {
  border: 1px solid #dbdbdb;
  border-top: none;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 2%;
}
/* Kendo Tab_default-tab*/
/*.k-tabstrip:focus { outline: auto;}*/
.default-tab .k-tabstrip-items li.k-item {
  height: 55px;
  margin-bottom: 0;
  padding: 0 10px;
  line-height: 55px;
  text-align: center;
  border: none;
  border-bottom: 1px solid var(--default-tab-color);
  letter-spacing: -0.03em;
}
.default-tab .k-tabstrip-items li.k-item span.k-link {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  color: var(--text-color-75);
  font-weight: 400;
  background: #fff;
  box-sizing: border-box;
}
.default-tab .k-tabstrip-items li.k-item span.k-link:focus {
  outline: auto;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
  margin-left: 0;
}
.default-tab .k-tabstrip-items li:hover span.k-link {
  color: var(--text-color-34);
  font-weight: 500;
}
.default-tab .k-tabstrip-items li.k-state-active {
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--border-gray-thick);
  border-bottom: none;
}
.default-tab .k-tabstrip-items li.k-state-active span.k-link {
  font-size: 1.6rem;
  color: var(--default-tab-color);
  font-weight: 700;
}
/*.default-tab .k-tabstrip-items li:focus span.k-link{ color: red;}*/
.default-tab .k-content.k-state-active {
  padding: 30px 0 0;
  margin: 0;
  border: none;
}
.default-tab .k-tabstrip > .k-content {
  border: none;
}
.k-tabstrip.k-tabstrip-scrollable
  > .k-tabstrip-items-wrapper.k-hstack
  > .k-button
  .k-i-arrow-60-right {
  display: inline-block;
  width: 9px;
  height: 18px;
  background: url("../../images/renewal/icon/icon_navi_arrow_next.png")
    no-repeat center;
}
.k-tabstrip.k-tabstrip-scrollable
  > .k-tabstrip-items-wrapper.k-hstack
  > .k-button
  .k-i-arrow-60-left {
  display: inline-block;
  width: 9px;
  height: 18px;
  background: url("../../images/renewal/icon/icon_navi_arrow_prev.png")
    no-repeat center;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:focus {
  outline: auto;
}
/* KAMCO 2022 */
.tabstrip-sty {
  padding: 0;
}
.tabstrip-sty .k-tabstrip-items {
  border-bottom: 1px solid var(--tab-items-border);
}
/*.tabstrip-sty.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item { font-size: 1.4rem; font-weight: 400;}*/
.tabstrip-sty .k-tabstrip-items li.k-item {
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  width: auto;
  padding-left: 30px;
  border: 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-75);
  line-height: 27px;
  letter-spacing: -0.03em;
}
.tabstrip-sty .k-tabstrip-items li.k-item:first-child {
  padding-left: 0;
}
.tabstrip-sty .k-tabstrip-items li.k-item span.k-link {
  justify-content: center;
  position: relative;
  padding: 0 5px 14px;
  color: var(--text-color-75);
}
.tabstrip-sty .k-tabstrip-items li.k-item span.k-link:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--tab-item-active-color);
}
.tabstrip-sty .k-tabstrip-items li:hover span.k-link,
.tabstrip-sty .k-tabstrip-items li.k-state-active span.k-link {
  color: var(--tab-item-active-color);
}
.tabstrip-sty .k-tabstrip-items li.k-state-active {
  border: 0;
  font-weight: 700;
  color: var(--tab-item-active-color);
}
.tabstrip-sty .k-tabstrip-items li.k-state-active span.k-link:after,
.tabstrip-sty .k-tabstrip-items li:hover span.k-link:after {
  height: 3px;
}
.tabstrip-sty .k-tabstrip-items li:hover {
  border: 0;
}
.tabstrip-sty .k-tabstrip-items li:hover span.k-link {
  font-weight: 700;
}
.k-tabstrip-items .k-tab-on-top {
  z-index: 0;
}

/* Kendo Tab_line-point-tab*/
.line-point-tab {
  padding: 0;
}
.line-point-tab .k-tabstrip-items {
  border-bottom: 1px solid var(--border-gray-e8);
}
.line-point-tab .k-tabstrip-items li.k-item {
  flex: 0 1 auto;
  height: 55px;
  padding: 0;
  margin-bottom: 0;
  line-height: 5.5rem;
  text-align: center;
  border: none;
  letter-spacing: -0.03em;
}
.line-point-tab .k-tabstrip-items li.k-item:focus {
  outline: auto;
}
.line-point-tab .k-tabstrip-items li:last-child {
  margin-right: 0;
}
.line-point-tab .k-tabstrip-items li.k-item span.k-link {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  color: var(--text-color-75);
  background: #fff;
  box-sizing: border-box;
}
.line-point-tab .k-tabstrip-items li:hover span.k-link {
  color: var(--primary-indigo);
  font-weight: 700;
}
.line-point-tab .k-tabstrip-items li.k-state-active {
  border-radius: 0;
  border: none;
  border-bottom: none;
}
.line-point-tab .k-tabstrip-items li.k-state-active span.k-link {
  font-size: 1.6rem;
  color: var(--primary-indigo);
  font-weight: 700;
  border-bottom: 3px solid var(--primary-indigo);
}
.line-point-tab .k-content.k-state-active {
  padding: 0;
  margin: 0;
  border: none;
}

/* File upload */
.k-upload {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  border: 2px solid #a7a7a7 !important;
  background: var(--bg-white-gray-5);
}
.k-upload .k-dropzone {
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  text-align: left;
}
.k-upload .k-dropzone .k-upload-button {
  padding: 13px 23px;
  border-radius: 5px;
  background: var(--bg-white);
  color: var(--text-color-34);
  border: 1px solid var(--line-color-gray);
}
.k-upload .k-dropzone .k-upload-button > span {
  line-height: 1.4rem;
  font-size: 1.4rem;
  color: var(--text-color);
  letter-spacing: -0.02em;
}
.k-upload .k-dropzone em {
  font-size: 1.4rem;
  visibility: visible;
}
.note-write .k-upload .k-dropzone em {
  display: inline-block !important;
}
.k-upload .k-dropzone .k-upload-button:focus {
  outline: auto;
}
.k-upload .k-dropzone .k-upload-button.k-state-focused {
  outline: auto;
}

.file-template .k-grid-header {
  display: none;
}
.file-template .k-grid-norecords .file-empty > p {
  padding-bottom: 30px;
  text-align: center;
  font-size: 15px;
  color: #555;
}
.file-template tbody {
  display: inline-block;
  width: 100%;
  padding: 14px 0;
}
.file-template .file-list {
  display: inline-block;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.file-template tbody tr td {
  padding: 0;
}
.file-template .file-list:last-child {
  margin-bottom: 0;
}
.file-template .file-list .file-icon {
  float: left;
  display: inline-block;
  width: 18px;
  height: 29px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_file.png) no-repeat 50% 50%;
}
.file-template .file-list .file-tit {
  display: inline-block;
  float: left;
  line-height: 2.9rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  letter-spacing: -0.02em;
  cursor: pointer;
}
.file-template .file-list .file-tit:hover {
  color: var(--primary);
  text-decoration: underline;
}
.file-template .file-list .file-size {
  display: inline-block;
  float: left;
  line-height: 2.9rem;
  margin-left: 20px;
  font-size: 1.5rem;
  color: var(--text-color-75);
  letter-spacing: -0.02em;
}
.file-template .file-list .del-file {
  display: inline-block;
  flex-shrink: 0;
  float: left;
  width: 16px;
  height: 29px;
  margin-left: 15px;
  background: url(/images/renewal/icon/icon_delete.svg) no-repeat 50% 50%;
}
/* khj */
.file-template .file-list {
  display: flex;
}
.player-form-box .file-box .k-dropzone .k-upload-status {
  display: none;
}

/* Kendo Pager */
.k-grid .k-pager-wrap {
  position: relative;
  padding: 15px 0;
  justify-content: center;
  border-radius: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.k-grid .k-pager-wrap a.k-pager-nav {
  display: inline-block;
  float: inherit;
  width: 30px;
  height: 30px;
  border: none;
  min-width: 30px;
  line-height: inherit;
}
.k-grid .k-pager-wrap a.k-pager-nav:first-child,
.k-pager-wrap .k-pager-first .k-i-arrow-end-left {
  background: url(/images/renewal/icon/icon_paging_pprev.png) no-repeat 50% 50%;
}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2),
.k-pager-wrap .k-i-arrow-60-left {
  background: url(/images/renewal/icon/icon_paging_prev.png) no-repeat 50% 50%;
  margin-left: -1px;
}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4),
.k-pager-wrap .k-i-arrow-60-right {
  background: url(/images/renewal/icon/icon_paging_next.png) no-repeat 50% 50%;
  margin-left: 4px;
}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5),
.k-pager-wrap .k-pager-last .k-i-arrow-end-right {
  background: url(/images/renewal/icon/icon_paging_nnext.png) no-repeat 50% 50%;
  margin-left: -1px;
}
/*.k-grid .k-pager-wrap a.k-pager-nav.k-state-disabled{ background-position-y: 0;}*/
.k-grid .k-pager-wrap a.k-pager-nav span {
  display: none;
}
.k-grid .k-pager-wrap ul.k-pager-numbers,
.k-pager-numbers {
  display: inline-block;
  float: inherit;
  margin-left: -1px;
}
.k-grid .k-pager-wrap ul.k-pager-numbers li,
.k-pager-numbers li {
  width: 35px;
  height: 35px;
}
/*.k-grid .k-pager-wrap ul.k-pager-numbers li span.k-state-selected{ line-height: 35px; min-width: 35px; border: none; box-shadow: none; background: var(--bg-balck);}*/
.k-grid .k-pager-wrap ul.k-pager-numbers li .k-link,
.k-grid .k-pager-wrap ul.k-pager-numbers li a.k-link,
.k-pager-numbers li .k-link,
.k-pager-numbers li a.k-link {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 35px;
  height: 100%;
  line-height: 35px;
  text-align: center;
  font-family: var(--font-family-saira);
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  border: none;
}
.k-grid .k-pager-wrap ul.k-pager-numbers li span.k-state-selected,
.k-pager-numbers li span.k-state-selected {
  color: var(--primary-indigo);
  font-weight: 700;
  background: var(--bg-white-blue-2);
}
/* .k-grid .k-pager-wrap ul.k-pager-numbers li a.k-link{ display: block; width: 100%; min-width: 35px; height: 100%; line-height: 35px; text-align: center; font-size: 16px; color: #565656; font-weight: 400; font-family: var(--font-family-saira); border: none; background: none;} */
.k-pager-wrap span.k-pager-sizes {
  position: absolute;
  left: 0;
  top: 11px;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 30px;
}
.k-pager-wrap span.k-pager-sizes .k-widget.k-dropdown {
  margin-top: 0;
}
.k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-input {
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-select {
  line-height: 32px;
  min-height: inherit;
}
.k-grid .k-pager-wrap span.k-pager-sizes .k-widget.k-dropdown {
  height: 35px;
}
.k-grid .k-pager-wrap span.k-pager-sizes .k-widget.k-dropdown:focus {
  outline: auto;
}
.k-grid .k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-input {
  height: 30px;
  line-height: 30px;
  padding: 0;
}
.k-grid .k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-select {
  width: 25px;
  height: 30px;
  line-height: 30px;
  min-height: inherit;
  background-size: 100%;
}
.k-grid .k-pager-wrap span.k-pager-sizes span.k-i-arrow-s {
  margin-top: 7px;
}
.k-grid .k-pager-wrap a.k-pager-refresh {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}
.k-grid .k-pager-wrap a.k-pager-refresh:hover {
  background: #dbdbdb;
}
.k-grid .k-pager-wrap a.k-pager-refresh span.k-i-refresh {
  margin-top: 8px;
}
.k-pager-wrap span.k-pager-info {
  display: inline-block;
  flex: none;
  position: relative; /* right:25px; */
  top: -3px; /*left: 182px;*/
  padding: 0;
}
.k-grid .k-pager-wrap .k-pager-info {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 13px;
}
.k-pager-wrap a.k-pager-refresh {
  width: 35px;
  height: 35px;
  min-width: inherit;
  min-height: inherit;
  margin: 0;
  line-height: inherit;
  border: 0;
  border-radius: 5px;
  background-color: #fff;
}
.k-pager-wrap a.k-pager-refresh:hover {
  background: #dbdbdb;
}
.k-pager-wrap a.k-pager-refresh span.k-i-refresh {
  margin-top: -5px;
}
.k-popup .k-animation-container .k-popup {
  padding: 0;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
}
.k-list-content {
  padding: 0;
  border: 0;
}
.k-list-item {
  border-radius: 0;
}
.k-button-group .k-button:focus {
  outline: auto;
}
/* mobile */
.k-pager-wrap.k-pager-md .k-pager-numbers,
.k-pager-wrap.k-pager-lg .k-pager-numbers {
  border-radius: 3px !important;
  border: 1px solid #e8e8e8 !important;
  background: #fff;
  color: #404040;
  font-size: 13px;
  text-align: center;
}
.k-pager-wrap.k-pager-md .k-pager-numbers .k-current-page,
.k-pager-wrap.k-pager-lg .k-pager-numbers .k-current-page {
  height: 35px;
}
.k-pager-wrap.k-pager-md .k-pager-numbers .k-link,
.k-pager-wrap.k-pager-lg .k-pager-numbers .k-link {
  height: 35px !important;
}
.k-pager-wrap.k-pager-md .k-pager-numbers.k-state-expanded .k-current-page,
.k-pager-wrap ul.k-pager-numbers.k-state-expanded .k-current-page {
  width: 100%;
  border: 0;
  border-radius: 0;
  background: #f8f6fb;
}
.k-pager-wrap.k-pager-lg .k-pager-numbers.k-state-expanded .k-current-page,
.k-pager-wrap.k-pager-md .k-pager-numbers.k-state-expanded .k-current-page,
.k-pager-wrap.k-pager-sm .k-pager-numbers.k-state-expanded .k-current-page {
  border-radius: 0;
}
.k-pager-wrap.k-pager-md .k-pager-numbers {
  height: 35px;
}
/* 사용자검색 grid pager */
#lst-add-user-window-selecter .k-pager-wrap span.k-pager-info {
  left: 0;
  margin-left: 0;
}

/* var 2022 */
.k-pager-md .k-pager-numbers-wrap select.k-dropdown {
  display: block;
  text-align: center;
  appearance: none;
}
.k-pager-wrap.k-pager-md .k-pager-numbers {
  display: none;
}
.k-pager-sm.k-pager-wrap .k-pager-numbers-wrap {
  display: inline-flex;
  height: 32px;
  text-align: center;
}
.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
  display: block;
  border: 0;
  background: var(--bg-white-blue-2);
  text-align: center;
  appearance: none;
  font-family: var(--font-family-saira);
  font-size: 14px;
  color: var(--text-color-blue);
  line-height: 23px;
}
.k-pager-sm ul.k-pager-numbers {
  display: none;
}
.k-grid .k-pager-sm ul.k-pager-numbers {
  display: none;
}

.k-pager-wrap {
  justify-content: center;
  padding: 10px 0;
  border: 0;
  text-align: center;
}
.k-pager-nav {
  border: 0;
}
.k-i-arrow-end-left:before,
.k-i-arrow-60-left:before,
.k-i-arrow-60-right:before,
.k-i-arrow-end-right:before {
  display: none;
}

/* Kendo Editor */
table.k-editor {
  border: 1px solid #e8e8e8;
}
.k-button-group .k-tool {
  border-color: #d1d1d1;
  border-radius: 3px;
}
.k-editor-toolbar .k-button:focus,
.k-toolbar .k-colorpicker:focus {
  outline: auto;
}
.k-editor-toolbar .k-dropdown-wrap {
  border-color: #d1d1d1;
  border-radius: 3px;
}
.k-editor-toolbar .k-colorpicker .k-picker-wrap .k-icon {
  top: 0;
  margin-top: 0;
}
.k-editor-toolbar .k-dropdown {
  height: 28px;
  border-color: #d1d1d1;
  border-radius: 3px;
  line-height: 25px;
}
.k-editor-toolbar .k-dropdown .k-dropdown-wrap .k-input {
  line-height: 1.65em;
}
.k-editor-toolbar .k-button-group .k-tool {
  border-radius: 0;
  background: #ffffff;
}
.k-editor-toolbar .k-button-group .k-tool.k-group-start {
  border-radius: 3px 0 0 3px;
}
.k-editor-toolbar .k-button-group .k-tool.k-group-end {
  border-radius: 0 3px 3px 0;
}
.k-editor-toolbar .k-button-group .k-tool.k-group-start.k-group-end {
  border-radius: 3px;
}
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons {
  border: 0;
  background: #fcfcfc;
}
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-button {
  min-width: auto;
  height: 42px;
  margin-left: 5px;
  padding: 0 24px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
  color: #404040;
  box-sizing: border-box;
  cursor: pointer;
}
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-button.k-primary,
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-dialog-update {
  display: inline-block;
  height: auto;
  padding: 13px 24px;
  border: 1px solid #7a7ee8;
  border-radius: 4px;
  background: #7a7ee8;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  line-height: 14px;
  cursor: pointer;
}
/* var 2022 */
.k-editor-toolbar {
  border: 0;
}
.k-button-group
  > .k-button:first-child:not(:only-child):not(.k-overflow-button) {
  margin: 0;
}
.k-tool-group .k-input-button,
.k-tool-group .k-input-button.k-button {
  height: calc(1.4285714286em + 14px);
  margin: 0;
  padding: 0;
  background: #ffffff;
}
.k-tool-group .k-input-button.k-button {
  background: #ffffff url("/images/renewal/icon/icon_dropbox_arrow_H38.png")
    no-repeat 50% 50%;
}
.k-toolbar .k-input.k-combobox,
.k-toolbar .k-colorpicker {
  height: 28px;
  border-color: #d1d1d1;
  border-radius: 3px;
  line-height: 25px;
}
.k-toolbar .k-colorpicker .k-button {
  border-left: 1px solid #d1d1d1;
}
.k-viewhtml-dialog .k-editor-textarea {
  width: 100%;
  margin: 0;
  border: 1px solid #e0e0e0;
  border-radius: 0;
}
table.k-editor .k-editable-area {
  border-top: 1px solid #e8e8e8;
}
.k-editor-toolbar .k-colorpicker.k-picker .k-input-button .k-i-arrow-s {
  background: url("/images/renewal/icon/icon_dropbox_arrow_H38.png") no-repeat
    50% 50%;
}
.tabular tr td table.k-editor .k-editable-area {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
.tabular tr td.subject td.k-editor-toolbar-wrap {
  padding: 4px;
  border-top: 0;
  border-right: 0;
}
.k-i-arrow-s:before {
  display: none;
}
.k-toolbar .k-input,
.k-toolbar .k-input.k-combobox {
  width: 16em;
}
.k-picker.k-icon-picker .k-input-inner {
  width: 2.65em;
  height: 26px;
}

/* img */
.bbs_img_upload_popup {
  width: 100%;
  text-align: left;
  background: #fff;
  float: left;
  padding: 0;
  display: none;
}
.bbs_img_upload_popup .bbs_img_upload__title {
  width: 100%;
  height: 54px;
  position: relative;
  background: #03639e;
  float: left;
}
.bbs_img_upload_popup .bbs_img_upload__title h1 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 54px;
  text-indent: 20px;
}
.bbs_img_upload_popup .bbs_img_upload__title span {
  position: absolute;
  top: 22px;
  right: 20px;
}
.bbs_img_upload_popup .bbs_img_upload_data {
  width: 100%;
  float: left;
  padding: 0 30px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list {
  width: 100%;
  float: left;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list span.title {
  width: 100%;
  float: left;
  color: #03639e;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail {
  width: 21%;
  float: left;
  position: relative;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.thumbnail img {
  width: 100%;
  max-width: 108px;
  height: 106px;
  float: left;
  border: 1px solid #dedede;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload {
  width: 100%;
  float: left;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload
  div.k-upload {
  border: none;
  background: #fff;
  padding: 0;
  margin-top: 10px;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload
  div.k-upload
  .k-dropzone {
  padding: 0;
  margin: 0;
  text-align: center;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload
  div.k-upload
  .k-dropzone
  em {
  display: none;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload
  div.k-upload
  .k-dropzone
  .k-button {
  margin-right: 0;
  background: #fff;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.thumbnail
  div#imgUpload
  div.k-upload
  .k-dropzone
  .k-button
  span {
  background: #fff;
  width: 100%;
  float: left;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  cursor: pointer;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul {
  width: 73.7%;
  float: right;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li {
  width: 100%;
  float: left;
  margin-bottom: 12px;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li label {
  width: 21.9%;
  float: left;
  background: url(../../images/ico/blue_square_mini.png) no-repeat left center;
  text-indent: 15px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  float: left;
  line-height: 28px;
  padding-right: 10px;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li input,
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list ul li textarea {
  width: 70%;
  height: 28px;
  float: right;
  border: 1px solid #dcdcdc;
  padding-left: 1%;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.bottom_btn {
  width: 100%;
  float: left;
  text-align: right;
}
/*.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list div.bottom_btn button{background:#063f63;color:#fff;height:34px;display:inline-block;cursor:pointer;font-size:14px;font-weight:600;line-height:34px;padding:0 25px;border-radius:0;margin:0 2px;border:1px solid #063f63}*/
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.bottom_btn
  .btn-list {
  height: 44px;
  line-height: 44px;
}
.bbs_img_upload_popup
  .bbs_img_upload_data
  .file_upload_list
  div.bottom_btn
  .btn-list
  > span {
  line-height: 42px;
}
.bbs_img_upload_popup .bbs_img_upload_data .file_upload_list_first {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 20px;
}

/* kendo accordion */
.k-panelbar {
  border: 0;
}
.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link {
  width: 100%;
  padding: 0;
}
.k-panelbar > .k-item > .k-link.k-state-focused,
.k-panelbar > .k-panelbar-header > .k-link.k-state-focused {
  outline: auto;
}
.k-panelbar-item-text {
  width: 100%;
}
.k-panelbar > .k-item + .k-item,
.k-panelbar > .k-panelbar-header + .k-panelbar-header {
  border-top: 0;
  border-color: #e8e8e8;
}
.k-panelbar .k-icon {
  display: none;
}

/*MainPage UI*/
.MainPage_UI {
  width: 100%;
  display: block;
  position: relative;
  background: #f6f6f6;
}
/*Top*/
.mp_top_area {
  width: 100%;
  height: 520px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  margin-top: 45px;
}
.mp_header {
  width: 100%;
  display: block;
  background: #f4f6f7;
  font-size: 0;
}
.mp_header_top {
  width: 1280px;
  display: block;
  margin: 0 auto;
  padding: 10px 0px 10px 0px;
}
.mp_header_top:after {
  content: "";
  display: block;
  clear: both;
}
.mp_header_top ul li {
  margin: 0 5px 0 0;
}
.mp_header h1 {
  float: left;
}
.mp_header h1 img {
  height: 39px;
}
.mp_header ul.left_munu {
  float: left;
  margin-left: 20px;
  margin-top: 7px;
}
.mp_header ul.left_munu a {
  text-shadow: none;
  font-size: 13px;
  font-weight: 300;
  color: #212121;
}
.mp_header ul.left_munu li {
  margin-right: 10px;
}
.mp_header ul {
  float: right;
  margin-top: 7px;
}
.mp_header ul li {
  display: inline-block;
  font-size: 13px;
  color: #212121;
  line-height: 25px;
  text-shadow: none;
}
.mp_header ul li.user_info {
  background: url(/images/common/login_icon.png) no-repeat;
  padding-left: 33px;
  font-size: 12px;
  font-weight: 300;
  margin-right: 15px;
}
.mp_header ul li.user_info span {
  font-size: 13px;
  font-weight: 300;
}
.mp_header ul li a {
  color: #212121;
  vertical-align: middle;
}
.mp_header ul li a:hover {
  text-decoration: underline;
}
.mp_header ul li a.h_logout {
  border-radius: 50px;
  padding: 3px 10px 3px 10px;
  background: #c1c6ca;
  font-weight: 300;
  color: #fff;
}
.mp_header ul li a.h_head {
  border-radius: 50px;
  border: 1px solid #cdcdcd;
  padding: 3px 10px 3px 10px;
  font-weight: 300;
}
.mp_header ul li.line {
  margin: 0 10px;
  font-size: 8px;
}
.mp_header ul li.master {
  position: relative;
}
.h_pwd {
  font-weight: 300;
}

/* 부서장메뉴 css */
.menu_list {
  position: absolute;
  width: auto;
  background: #fff;
  padding: 10px;
  padding-top: 0;
  border: 1px solid #dbdbdb;
  right: 0;
  top: 35px;
  display: none;
  z-index: 999;
}
.menu_list div.arrow {
  width: 100%;
  position: absolute;
  left: 0;
  top: -18px;
  text-align: right;
  padding-right: 15px;
}
.menu_list .part {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
  padding: 0 10px;
  float: left;
  border: 0;
}
.menu_list .part:last-child span {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 16px;
  color: #343434;
  text-shadow: none;
  font-weight: 500;
  border-bottom: 1px solid #dbdbdb; /*line-height:35px;*/
  z-index: 99;
}
.menu_list span {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 16px;
  color: #343434;
  text-shadow: none;
  font-weight: 500;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 15px;
  padding-bottom: 5px;
  z-index: 99;
  line-height: 25px;
}
.menu_list ul {
  width: 100%;
  display: inline-block;
}
.menu_list ul li {
  width: 100%;
  display: block;
  text-align: left;
  border-bottom: 1px dashed #dbdbdb;
  line-height: 25px !important;
}
.menu_list ul li a {
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  display: block;
  padding: 5px;
  color: #343434;
  text-shadow: none;
  text-decoration: none;
}
.menu_list ul li a:hover {
  background: #f1f1f1;
}
.menu_list ol {
  width: 100%;
  display: inline-block;
}
.menu_list ol li {
  width: 100%;
  display: block;
  text-align: left;
  border-bottom: 1px dashed #dbdbdb;
  line-height: 25px !important;
}
.menu_list ol li a {
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  display: block;
  padding: 5px;
  color: #343434;
  text-shadow: none;
  text-decoration: none;
}
.menu_list ol li a:hover {
  background: #f1f1f1;
}

.menu_list .part > p {
  border-bottom: 1px solid #dbdbdb;
  text-align: left;
  color: #323232;
  text-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 15px;
  padding-bottom: 5px;
  z-index: 99;
  line-height: 25px;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .menu_list .part {
    width: 180px;
    padding: 0 10px;
    float: left;
    border: 0;
  }
}

/*GNB&Slogan*/
.gnb-slogan {
  width: 1280px;
  display: inline-block;
  margin: 20px auto 0 auto;
}
ul.mp_gnb {
  float: left;
  text-align: left;
}
ul.mp_gnb li.one_dep {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}
ul.mp_gnb li.one_dep span {
  cursor: pointer;
}
ul.mp_gnb li.one_dep a {
  color: #fff;
}
ul.mp_gnb li.one_dep ol {
  display: none;
  border-top: 1px solid #afafaf;
  margin: 10px 0;
  border-bottom: 1px solid #000;
  background: url(../../images/solution/main/gng_bg.png);
  width: 220px;
}
ul.mp_gnb li.one_dep ol li {
  width: 100%;
  display: block;
}
ul.mp_gnb li.one_dep ol li:first-child {
  border-top: 1px solid #000;
}
ul.mp_gnb li.one_dep ol li a {
  font-size: 16px;
  width: 100%;
  display: block;
  padding: 8px 0;
  font-weight: 300;
  text-indent: 20px;
}
ul.mp_gnb li.one_dep ol li a:hover {
  background: url(../../images/solution/main/gng_over_bg.png);
}
ul.mp_gnb li.one_dep ol li:last-child {
  border-bottom: 1px solid #afafaf;
}
div.mp_slogan {
  text-align: center;
  color: #fff;
  margin-top: 100px;
}
div.mp_slogan h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}
div.mp_slogan h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 10px;
}
div.mp_slogan a {
  padding: 0 60px;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
div.mp_slogan a img {
  vertical-align: super;
  margin-left: 10px;
}
/*Portlet*/
.portlet_zone {
  width: 1280px;
  background: #fff;
  border: 1px solid #cdcdcd;
  display: inline-block;
  margin: -200px auto 0 auto;
  padding: 10px 0 20px 0;
  text-align: left;
}
.portlet_list {
  width: 420px;
  height: 365px;
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-left: 2px;
  padding: 15px;
  overflow: hidden;
  border-right: 1px dotted #e5e5e5;
}
.portlet_list:last-child {
  border: 0;
}
.portlet_list h4 {
  color: #343434;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  text-align: left;
}
.portlet_list h4 span {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portlet_list h4 a {
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #343434;
  font-weight: 400;
  background: url(../../images/common/more_icon.png) no-repeat;
  width: 13px;
  height: 13px;
  padding-right: 10px;
}
.portlet_list h4 a:hover {
  text-decoration: underline;
}
.portlet_list .btn_area {
  width: 100%;
  position: absolute;
  bottom: 33px;
  display: inline-block;
  left: 0;
}
.portlet_list a.detail_btn {
  display: inline-block;
  height: 40px;
  border: 1px solid #676767;
  color: #676767;
  font-size: 13px;
  line-height: 38px;
  background: url(../../images/solution/main/portlet_btn_arrow_off.png)
    no-repeat 79% center;
  padding: 0 48px 0 30px;
}
.portlet_list a.detail_btn:hover {
  color: #fff;
  background: #343434 url(../../images/solution/main/portlet_btn_arrow_on.png)
    no-repeat 79% center;
  border: 1px solid #343434;
}
.portlet_data {
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.portlet_list .data_st1 {
  padding: 0 50px;
  margin-top: 60px;
}
.portlet_list .data_st1 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  text-align: left;
}
.portlet_list .data_st1 th {
  width: 26%;
  padding: 5px 0;
}
.portlet_list .data_st1 th span {
  width: 100%;
  background: #989ea6;
  display: inline-block;
  text-align: center;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
}
.portlet_list .data_st1 td {
  width: 74%;
  padding: 5px 5%;
}
.portlet_list .pass-fail {
  padding: 0 60px;
}
/*         .portlet_list .pass-fail h4{width:100%;background:#d4ebf8;border-radius:30px;font-size:20px;font-weight:400;margin-top:30px} */
/*20190325-ysj추가수정*/
.portlet_list .pass-fail h4 span em {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.portlet_list .pass-fail h4 span {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  color: #ee6971;
}
.portlet_list .pass-fail h4 span.pass_yes {
  color: #38aba5;
}
.portlet_list .pass-fail table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 0;
  border-bottom: 1px solid #343434;
}
/*20190325-ysj추가수정*/
.portlet_list .pass-fail th {
  background: #989ea6;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 0;
}
.portlet_list .pass-fail th.cell_a {
  border-right: 1px solid #dbdbdb;
}
.portlet_list .pass-fail td {
  font-size: 45px;
  padding: 30px 0;
  font-weight: 500;
}
.portlet_list .pass-fail td.cell_a {
  border-right: 1px solid #dbdbdb;
  color: #27b2a5;
}
.portlet_list .pass-fail td.cell_b {
  color: #e55b68;
}
.portlet_list .execution_data .img_data {
  width: 100%;
  display: inline-block;
}
.portlet_list .execution_data .img_data img {
  height: 200px;
}
.portlet_list .execution_data ul {
  width: 100%;
  display: inline-block;
}
.portlet_list .execution_data ul li {
  width: 50%;
  float: left;
  font-size: 14px;
  margin-top: 10px;
}
.portlet_list .execution_data ul li span {
  font-weight: 500;
}
.portlet_list .execution_data ul li.st1 {
  text-align: right;
  padding-right: 10px;
}
.portlet_list .execution_data ul li.st2 {
  text-align: left;
  padding-left: 10px;
}
.portlet_list .execution_data ul li.exe_percent {
  width: 100%;
  font-size: 24px;
}
.portlet_list .execution_data ul li.exe_percent span {
  font-size: 24px;
  font-weight: 500;
}
.execution_data .img_data {
  float: left;
  width: 210px;
  display: inline-block;
}
.execution_data .img_data img {
  height: 200px;
}
.execution_data ul {
  float: left;
  width: calc(100% - 210px);
  display: inline-block;
}
.execution_data ul li {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}
.execution_data ul li span {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}
.execution_data ul li > p {
  width: 100%;
  height: 32px;
  padding: 0 16px;
  margin-bottom: 15px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  font-size: 13px;
  box-sizing: border-box;
}
.execution_data ul li.st1 {
  padding-right: 10px;
  color: #20aeca;
}
.execution_data ul li.st1 > p {
  color: #20aeca;
  border: 1px solid #20aeca;
}
.execution_data ul li.st1 > span {
  color: #20aeca;
}
.execution_data ul li.st2 {
  padding-left: 10px;
  color: #01a97f;
}
.execution_data ul li.st2 > p {
  color: #01a97f;
  border: 1px solid #01a97f;
}
.execution_data ul li.st2 > span {
  color: #01a97f;
}
.execution_data ul li.exe_percent {
  width: 100%;
  height: 84px;
  margin-bottom: 10px;
  line-height: 84px;
  text-align: center;
  background: #f7f7f7;
  box-sizing: border-box;
}
.execution_data ul li.exe_percent span {
  width: 100%;
  text-align: center;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.portlet_list .my_class {
  width: 100%;
  display: inline-block;
}
.portlet_list .my_class ul {
  width: 100%;
  height: 320px;
  display: inline-block;
  overflow-y: auto;
  padding: 0 50px;
}
.portlet_list .my_class ul li {
  width: 100%;
  display: inline-block;
  padding: 5px 0;
  border-bottom: 1px dashed #dbdbdb;
  text-align: left;
}
.portlet_list .my_class ul li a {
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #343434;
  font-size: 18px;
}
.portlet_list .my_class ul li a:hover {
  text-decoration: underline;
}
.portlet_list .my_class ul li span {
  font-size: 14px;
}
.portlet_data .no_data {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.portlet_data .no_data img {
  display: block;
  margin-bottom: 20px;
}
/*Favorite Menu*/
.favorite_menu {
  width: 1280px;
  margin: 50px auto 70px auto;
  display: inline-block;
}
.favorite_menu h3 {
  font-size: 46px;
  font-weight: 300;
  color: #3f3f3f;
}
.favorite_menu h4 {
  font-size: 18px;
  font-weight: 400;
  color: #666666;
}
.favorite_menu ul {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 70px;
}
.favorite_menu ul li {
  width: 200px;
  height: 192px;
  position: relative;
  display: inline-block;
  margin-top: 20px;
  background: url(../../images/solution/Common/favorite_line.png) no-repeat left
    center;
}
.favorite_menu ul li .fa_link {
  width: 100%;
  display: inline-block;
}
.favorite_menu ul li .fa_link img {
  vertical-align: 25px;
  border-radius: 100%;
}
.favorite_menu ul li .fa_link span {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  margin-top: 5px;
}
.favorite_menu ul li .fa_link span a {
  color: #3f3f3f;
  font-size: 16px;
}
.favorite_menu ul li .fa_link:hover img {
  background: #e9f7f6;
}
.favorite_menu ul li .fa_link:hover a {
  color: #3f3f3f;
}
.favorite_menu ul li.item_add .fa_link:hover img {
  background-color: transparent;
}
.favorite_menu ul li a.item_del {
  position: absolute;
  right: 40px;
  top: 7px;
}
.favorite_menu ul li:first-child {
  background: none;
}
.favorite_menu ul li:nth-child(7) {
  background: none;
}
.favorite_menu ul li:nth-child(13) {
  background: none;
}
#window_quick {
  overflow-x: hidden;
  padding: 0;
}
#window_quick .menu_add {
  width: 100%;
  display: inline-block;
}
#window_quick .menu_add h4 {
  text-align: left;
  background: #f4f6f7;
  padding: 5px 15px;
  color: #515151;
  font-size: 15px;
  font-weight: 400;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#window_quick .menu_add .item_list {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 15px 0;
}
#window_quick .menu_add .item_list a {
  width: 200px;
  height: 182px;
  position: relative;
  display: inline-block;
}
#window_quick .menu_add .item_list a span.des {
  width: 100%;
  text-align: center;
  display: inline-block;
}
#window_quick .menu_add .item_list a span.des span.img {
  width: 100%;
  display: inline-block;
}
#window_quick .menu_add .item_list a span.des span.img img {
  vertical-align: middle;
  border-radius: 100%;
}
#window_quick .menu_add .item_list a span.des span.img:hover img {
  background: #e3efe4;
}
#window_quick .menu_add .item_list a span.des span.stit {
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  color: #343434;
  font-weight: 400;
  margin-top: 10px;
}
/*공지사항&승인현황*/
.notice-status {
  width: 100%;
  display: inline-block;
  padding-bottom: 60px;
}
.notice-status .ns_con {
  width: 1280px;
  margin: 0 auto;
  display: inline-block;
  background: #fff;
  padding: 15px 0;
}
.ns_con .data {
  width: 580px;
  display: inline-block;
  margin: 0 28px;
  vertical-align: top;
}
.ns_con .data h3 {
  width: 100%;
  display: inline-block;
  text-align: left;
  font-size: 20px;
  color: #343434;
  line-height: 32px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}
.ns_con .data h3 a {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #676767;
  line-height: 18px;
}
.ns_con .data h3 a img {
  margin-left: 5px;
  vertical-align: middle;
}
.mp_status table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 30px;
  font-size: 14px;
}
.mp_status table th {
  background: #b4b4b4;
  padding: 15px 0 16px 0;
  color: #fff;
  font-weight: 300;
}
.mp_status table tr {
  border-bottom: 1px solid #dbdbdb;
}
.mp_status table td {
  padding: 24px 0;
  color: #828282;
}
.mp_status table td a {
  text-decoration: none;
}
.mp_status table td:nth-child(2) a {
  color: #3499da;
  margin-right: 3px;
  margin-left: 3px;
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
} /*20190325 - ysj수정*/
.mp_status table td:nth-child(3) a {
  color: #e55b68;
  margin-right: 3px;
  margin-left: 3px;
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
} /*20190325 - ysj수정*/
.mp_latest ul {
  width: 100%;
  height: 225px;
  margin-top: 15px;
  overflow-y: auto;
  text-align: left;
  border-bottom: 1px solid #dbdbdb;
}
.mp_latest ul li {
  width: 100%;
  display: inline-block;
  padding: 15px 0;
  border-bottom: 1px solid #dbdbdb;
  color: #656565;
}
.mp_latest ul li::before {
  content: "▪";
  vertical-align: middle;
}
.mp_latest ul li a {
  width: 450px;
  display: inline-block;
  color: #656565;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.mp_latest ul li span {
  float: right;
  font-size: 14px;
  color: #959595;
  font-weight: 300;
}
.mp_latest ul li img.new_latest_i {
  margin-left: 5px;
}
.mp_latest ul li:last-child {
  border-bottom: none;
}
/*SubPage UI*/
/*Header*/
.header .top_area {
  width: 100%;
  height: 41px;
  background: #f4f6f7 !important;
  border-bottom: 1px solid #e5e5e5;
}
.header .con {
  width: 1280px;
  display: inline-block;
  position: relative;
}
.header .top_menu {
  float: left;
}
.header .top_menu a {
  width: 100px;
  height: 41px;
  text-align: center;
  float: left;
  line-height: 41px;
  color: #fff;
  font-size: 14px;
}
.header .top_menu a.btn1 {
  background: #99ca3b;
}
.header .top_menu a.btn2 {
  background: #38b549;
}
.header .top_menu a.btn3 {
  background: #7a868e;
}
.header ul.user_info {
  float: right;
}
.header ul.user_info li {
  display: inline-block;
  font-size: 12px;
  color: #212121 !important;
  line-height: 41px;
}
.header ul.user_info li a {
  font-size: 13px;
  color: #212121 !important;
}
.header ul.user_info li a.h_head {
  border-radius: 50px;
  border: 1px solid #cdcdcd;
  padding: 3px 10px 3px 10px;
  font-weight: 300;
}
.header ul.user_info li a.h_logout {
  border-radius: 50px;
  padding: 3px 10px 3px 10px;
  background: #c1c6ca;
  color: #fff !important;
  font-weight: 300;
}
.header ul.user_info li.user_info {
  background: url(../../images/common/login_icon.png) no-repeat;
  padding-left: 30px;
  background-position: 0px 9px;
  font-weight: 300;
}
.header ul.user_info li.line {
  margin: 0 10px;
  color: #fff;
  font-size: 8px;
  vertical-align: top;
}
.header ul.user_info li.master {
  position: relative;
  font-weight: 300;
}

.header ul.left_munu {
  float: left;
  margin-top: 0px;
}
.header ul.left_munu li {
  display: inline-block;
  font-size: 12px;
  color: #212121 !important;
  line-height: 41px;
  margin-right: 10px;
}
.header ul.left_munu a {
  text-shadow: none;
  font-size: 13px;
  font-weight: 300;
  color: #212121;
}
.header ul.left_munu a:hover {
  text-shadow: none;
  font-size: 13px;
  color: #212121;
  text-decoration: underline;
}
.header .gnb {
  width: 100%;
  display: inline-block;
  background: #fff;
  padding: 0px 0;
  border-bottom: 1px solid #e5e5e5;
  height: 50px;
}
.header .gnb h1.logo {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.header .gnb h1.logo a {
  float: left;
}
.header .gnb h1.logo a img {
  height: 39px;
  margin-top: 5px;
}
.header ul.main_menu {
  position: absolute;
  right: 0;
  top: 0px;
}
.header ul.main_menu li.one_dep {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 150px;
  line-height: 50px;
}
.header ul.main_menu li.one_dep span {
  cursor: pointer;
  color: #3f3f3f;
  font-size: 16px;
  padding-bottom: 25px;
}
.header ul.main_menu li.one_dep span:hover {
  color: #fff;
  background: #343434;
  display: block;
}
.header ul.main_menu li.one_dep span.on {
  color: #fff;
  background: #343434;
  display: block;
}
.header ul.main_menu ol {
  position: absolute; /*width:150px;*/
  width: 100%; /*left:50%;*/
  right: 0;
  margin-left: -75px;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 15px 0;
  top: 50px;
  display: none;
  z-index: 9;
  color: #515151 !important;
}
.header ul.main_menu ol li a {
  width: 100%;
  display: block;
  line-height: 35px;
  color: #515151;
  font-size: 14px;
}
.header ul.main_menu ol li a:hover {
  background: #c1c6ca;
  color: #fff;
}
.header .gnb.move {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  margin-top: 0;
  border-bottom: 1px solid #dbdbdb;
}
.header .gnb.move ul.main_menu {
  top: 5px;
}
.header .gnb.move ul.main_menu ol {
  top: 43px;
}

/*top_menu*/
#realHeader {
  width: 100%;
  height: 55px !important;
  position: absolute;
}
#headerWrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
#headerWrap .header_bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #e5e5e5;
}
#header {
  width: 1280px;
  margin: 0 auto;
}
#header > #gnb {
  display: table;
  position: relative;
  z-index: 1;
  float: none;
  margin-top: 0;
}
#header > #gnb > li {
  /*width:16.6%;height: 45px;float:left;*/
  display: table-cell;
  width: 1280px;
  height: 45px;
  position: relative;
  text-align: center;
  /*border-right: 1px solid #f4f6f7; border-left: 1px solid #f4f6f7;*/
}
#header > #gnb > li:hover {
  background: transparent; /*border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;*/
}
#header > #gnb > li:after {
  content: "";
  display: block;
  clear: both;
}
#header > #gnb > li a {
  /*line-height: 43px;*/
  padding: 15px 0 14px;
  display: block;
  font-size: 18px;
  text-decoration: none;
}
#header > #gnb > li > ul {
  /*width:16.6%;*/
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  top: 0px;
  bottom: 0;
  z-index: 99;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1 !important;
  float: none;
}
#header > #gnb > li:first-child > ul {
  /*border-left: 1px solid #e5e5e5;*/
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#header > #gnb > li > ul.on {
}
/*#header #gnb li.m1 ul{left:0;}*/
/*#header #gnb li.m2 ul{left:16.6%;}*/
/*#header #gnb li.m3 ul{left:33.2%;}*/
/*#header #gnb li.m4 ul{left:49.8%;}*/
/*#header #gnb li.m5 ul{left:66.4%;}	*/
/*#header #gnb li.m6 ul{left:83%;}*/
#header > #gnb > li > ul > li {
  padding: 15px 10px 0px 23px;
  width: 100%;
  text-align: left;
}
#header > #gnb > li > ul > li:last-child {
  margin-bottom: 15px;
}
#header > #gnb > li > ul > li > a {
  display: inline-block;
  position: relative;
  height: 26px;
  font-size: 15px;
  font-weight: 300;
  padding: 0;
}
#header > #gnb > li > ul > li > a:hover,
#header > #gnb > li > ul > li > a:active,
#header > #gnb > li > ul > li > a:focus {
  font-weight: 500;
}
#header .close {
  position: absolute;
  left: -99999%;
}
#headerWrap:hover #header > #gnb > li > a {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#headerWrap:hover #header > #gnb > li:first-child > a {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#headerWrap:hover #header > #gnb > li > ul > li > a:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
#headerWrap:hover #header > #gnb > li > ul > li > a:hover:after,
#headerWrap:hover #header > #gnb > li > ul > li > a:active:after,
#headerWrap:hover #header > #gnb > li > ul > li > a:focus:after {
  width: 100%;
}

/*Contents*/
.container {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-top: 100px;
}
/* 서브 공통 */
/* 서브 공통_서브 탑 */
.com_top_tit {
  position: relative;
  width: 100%;
  height: 230px; /* margin-top: -50px; */
  overflow: hidden;
  text-align: center;
}
.com_top_tit .sub-top-wrap {
  width: 1280px;
  height: 173px;
  margin: 0 auto;
  vertical-align: middle;
}
.com_top_tit .sub-top-wrap h2 {
  float: left;
  width: auto;
  line-height: 173px;
  text-align: left;
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.com_top_tit .sub-top-wrap > ul {
  float: right;
  width: auto;
  height: 43px;
  margin-top: 65px;
}
.com_top_tit .sub-top-wrap > ul > li {
  float: left;
  width: auto;
  height: 43px;
  padding-right: 25px;
  margin-right: 20px;
  line-height: 30px;
  text-align: left;
  background: url(/images/renewal/bg/bg_dot_subMenu.png) no-repeat 100% 50%;
}
.com_top_tit .sub-top-wrap > ul > li:last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.com_top_tit .sub-top-wrap > ul > li.on a:after,
.com_top_tit .sub-top-wrap > ul > li:hover a:after {
  display: inline-block;
}
.com_top_tit .sub-top-wrap > ul > li > a {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.com_top_tit .sub-top-wrap > ul > li > a:after {
  display: none;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary);
}

/* 서브 공통_네비*/
#SNB {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to right, #fff 50%, transparent 50%);
}
.SNBWrap {
  width: 1400px;
  height: 58px;
  padding-left: 60px;
  margin: 0 auto;
  background: #fff;
}
.SNBWrap .menu {
  height: 58px;
  padding: 19px 0;
  font-size: 15px;
  color: #565656;
}
.SNBWrap .menu > li {
  float: left;
  position: relative;
  height: 20px;
  padding: 0 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  font-family: "Noto Sans KR", Sans-Serif;
  font-weight: 500;
  color: var(--text-color-56);
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_snb_line.png) no-repeat 100% 50%;
}
.SNBWrap .menu > li.home {
  padding-left: 0;
}
.SNBWrap .menu > li.home a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.SNBWrap .menu > li.home a > i.icon-home {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/images/renewal/icon/icon_home.png) no-repeat 50% 50%;
}
.SNBWrap .menu > li > a {
  color: var(--text-color-56);
  font-weight: 500;
}
.SNBWrap .menu > li:last-child {
  font-weight: 700;
  color: #343434;
  background-image: none;
}

/* 서브 공통_검색창 */
.contents .search-wrap {
  position: relative;
  width: 529px;
  height: 48px;
}
.contents .search-wrap > .k-dropdown,
.contents .search-wrap .select {
  float: left;
  width: 169px;
  margin-right: 10px;
  border: 1px solid var(--border-gray-e8);
}
.contents .search-wrap > .search-input {
  float: left;
  width: 350px;
  padding-right: 50px;
}
.contents .search-wrap > #searchEnt {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;
  cursor: pointer;
}
.contents .search-wrap > #searchEnt:focus {
  border-radius: 3px;
  border: 2px solid #000;
}

.contents {
  width: 1280px;
  display: inline-block;
  margin-top: 5px; /* margin-bottom:20px; */
  min-height: 900px;
}
.contents > h4 {
  color: #343434;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px;
  display: none;
}
.contents > h3 {
  color: #343434;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px;
}
h3.page_tit {
  text-align: left;
  font-size: 24px;
  color: #343434;
  padding-bottom: 5px;
  font-weight: 500;
}
h3.page_tit a.t_direct_btn {
  display: inline-block;
  margin-left: 10px;
  color: #fff;
  padding: 3px 15px;
  background: #d25448;
  font-size: 12px;
  vertical-align: middle;
  margin-top: -4px;
}
h3.page_tit span {
  font-size: 13px;
  color: #828282;
  font-weight: 300;
}
.table_tin {
  width: 100%;
  display: inline-block;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background: #f6f6f6;
}
.table_tin ul {
  width: 50%;
  float: left;
}
.table_tin ul:first-child {
  border-right: 1px solid #dfdfdf;
}
.table_tin ul li {
  text-align: left;
  color: #828282;
  padding: 20px 2%;
  width: 100%;
  display: block;
  font-size: 16px;
}
.table_tin ul li.line {
  border-bottom: 1px solid #dfdfdf;
}
.table_tin ul.colspan {
  width: 100%;
}
.table_tin ul.colspan li {
  padding-left: 13px;
}

/*.tab_menu{text-align:left;margin-top:30px}*/
/*.tab_menu ul{width:100%;display:inline-block;background:url(../../images/solution/Common/tab_under_bg.gif) repeat-x left bottom}*/
/*.tab_menu ul li{width:150px;display:inline-block;height:56px;text-align:center;line-height:56px;vertical-align:top}*/
/*.tab_menu ul li.on{border:1px solid #dbdbdb;border-bottom:none;color:#343434;border-bottom:1px solid #fff}*/
/*.tab_menu ul li a.tab01{width:100%;color:#fff;display:block;line-height:56px;height:56px;border:1px solid #dbdbdb;background:#606163}*/
/*.tab_menu ul li a.tab01:hover{border:1px solid #dbdbdb;border-bottom:1px solid #fff;background:#fff;color:#343434}*/
.tab_box {
  width: 100%;
  display: inline-block;
  border: 1px solid #dbdbdb;
  border-top: none;
  margin-top: -1px;
  text-align: left;
  padding: 30px 2%;
  margin-bottom: 30px;
}
.tab_box span {
  background-position: left center !important;
}
/*Popup Content*/
.k-window:focus {
  box-shadow: 0 0 4px 0px #000;
}
.k-window-content .pop_step {
  width: 100%;
  display: inline-block;
  font-size: 15px;
}
.k-window-content .pop_step .inner {
  width: 100%;
  border-top: 2px solid #4c4c4c;
  padding-bottom: 10px;
  border-bottom: 1px solid #4c4c4c;
}
.k-window-content .pop_step .inner li.fir {
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
}
.k-window-content .pop_step .inner li.fir p {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: url(../../images/solution/Common/add_btn.png) no-repeat left
    center;
  padding-left: 10px;
}
.k-window-content .pop_step .inner li.fir p.tit {
  background: none;
  color: #6f6f6f;
}
.k-window-content .pop_step .inner li.sec .comm {
  width: 100%;
  text-align: left;
  border: 1px solid #dbdbdb;
  border-top: none;
  padding: 10px;
  box-sizing: border-box;
  line-height: 20px;
}
.k-window-content .pop_step .inner li.sec .comm p {
  padding: 0;
  margin: 0;
}
.k-window-content .btn_center {
  width: 100%;
  margin-top: 20px;
  display: inline-block;
}
.k-window-content .btn_center .k-button {
  height: 34px;
  display: inline-block;
  font-size: 15px;
  border: 1px solid #424465;
  background: #424465;
  line-height: 20px;
  color: #fff;
}
.d_step {
  width: 100%;
  text-align: left;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #424465;
}
.d_step .step_tit {
  color: #3499da;
  font-size: 20px;
  font-weight: 500;
}
.d_step strong {
  color: #fe9a04;
  font-size: 16px;
}
.d_step .des {
  font-size: 14px;
  color: #828282;
}
h4.g_tit {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 10px;
  background: url(../../images/solution/Common/green_square.gif) no-repeat left
    center;
  width: 100%;
}
.goal_inp {
  margin-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
}
textarea.g_textarea,
.k-window .k-window-content textarea {
  width: 100%;
  height: 150px;
  padding: 20px;
  text-align: left;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  color: #343434;
  resize: none;
  box-sizing: border-box;
}
textarea.g_textarea {
  margin-bottom: 30px;
}
ul.select_Area01 {
  text-align: left;
  padding: 20px 0;
  border-bottom: 1px dashed #dbdbdb;
}
ul.select_Area01 li {
  display: inline-block;
  font-size: 15px;
  color: #6f6f6f;
}
ul.select_Area01 li.tit {
  width: 150px;
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
  color: #333;
  padding-left: 10px;
  background: url(../../images/solution/Common/green_square.gif) no-repeat left
    center;
}
ul.select_Area02 li.tit {
  width: 150px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding-left: 10px;
  background: url(../../images/solution/Common/green_square.gif) no-repeat left
    center;
  text-align: left;
}
.table_type03 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.table_type03 th {
  background: #989ea6;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  border-right: 1px solid #fff;
  padding: 5px 0;
}
.table_type03 th:last-child {
  border-right: none;
}
.table_type03 td {
  border: 1px solid #dbdbdb;
  padding: 5px 0;
}
.table_type03 tr td:first-child {
  border-left: none;
}
.table_type03 tr td:last-child {
  border-right: none;
}

/*희망부서popup - 20190404 ysj 추가*/
.k-treeview {
  font-size: 13px;
}
.k-treeview .k-item {
  border-bottom: 1px solid #efefef;
}
.k-treeview .k-item.k-last {
  border-bottom: none;
}
.k-item > .k-group {
  background-color: #f9f9f9 !important;
}
.k-treeview-lines > .k-item > .k-bot > .k-in,
.k-treeview-lines > .k-item > .k-top > .k-in,
.k-treeview-lines > .k-item > .k-mid:first-child > .k-in {
  color: #0c5594;
  font-size: 16px;
  font-weight: 600;
}
.k-in.k-state-selected {
  color: #fff !important;
}

/*Graph*/
.graph_list {
  width: 100%;
  display: inline-block;
  position: relative;
  border: 1px solid #dbdbdb;
}
.graph_list .graph_tab {
  position: absolute;
  right: 20px;
  top: 20px;
  border: 1px solid #e1e1e1;
  border-right: 0;
}
.graph_list .graph_tab a {
  float: left;
  width: 40px;
  height: 40px;
  border-right: 1px solid #e1e1e1;
}
.graph_list .graph_tab a .icon {
  width: 23px;
  height: 24px;
  margin-top: 7px;
  text-indent: -999999px;
}
.graph_list .graph_tab a .icon-re {
  background: url(../../images/renewal/icon/icon_re.png) no-repeat center center;
}
.graph_list .graph_tab a .icon-ba {
  background: url(../../images/renewal/icon/icon_ba.png) no-repeat center center;
}
.graph_list .graph_tab a .icon-te {
  background: url(../../images/renewal/icon/icon_te.png) no-repeat center center;
}
.graph_list .graph_tab a.on .icon-re {
  background: url(../../images/renewal/icon/icon_re_on.png) no-repeat center
    center;
}
.graph_list .graph_tab a.on .icon-ba {
  background: url(../../images/renewal/icon/icon_ba_on.png) no-repeat center
    center;
}
.graph_list .graph_tab a.on .icon-te {
  background: url(../../images/renewal/icon/icon_te_on.png) no-repeat center
    center;
}
.graph_list .graph_tab a.on {
  border: 1px solid #4550a5;
  background-color: #4e5bc2;
}
.graph_list .graph_area {
  width: 100%;
  display: inline-block;
}
.graph_list .graph_data {
  width: 100%;
  display: inline-block;
  padding: 100px 0 60px 0;
}
.graph_list .graph_data div {
  display: inline-block;
}
.graph_list .g_check_list {
  position: absolute;
  left: 20px;
  top: 20px;
  padding-right: 100px;
}
.graph_list .g_check_list li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.graph_list .g_check_list li input[type="checkbox"] {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

/* ====================== button Style ======================== */
/* 버튼(리스트) */
.btn-box-wrap {
  display: flex;
  justify-content: flex-end;
}
.btn-box-wrap .btn-list {
  margin-left: 7px;
}
.btn-list {
  width: auto;
  height: 48px;
  padding: 0 30px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white);
  box-sizing: border-box;
  cursor: pointer;
}
.btn-list > span {
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color-34);
}
.btn-list.btn-point {
  border: 1px solid var(--primary);
  background: var(--primary);
}
.btn-list.btn-point > span {
  color: #fff;
}
.btn-list.btn-point2 {
  border: 1px solid var(--primary-indigo);
  background: var(--primary-indigo);
}
.btn-list.btn-point2 > span {
  font-weight: 700;
  color: #fff;
}
.btn-list:hover {
  border: 1px solid var(--primary-indigo);
  background: var(--primary-indigo);
}
.btn-list:hover > span {
  color: var(--text-color-white);
  font-weight: 700;
}
.btn-list:focus {
  border: 1px solid var(--border-gray-thick);
  background: var(--bg-white);
}
.btn-list:focus > span {
  color: var(--text-color-34);
  font-weight: 500;
}
.btn-list:disabled,
.btn-disabled {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
  cursor: auto;
}
.btn-list:disabled > span,
.btn-disabled > span,
.btn-disabled:hover > span {
  color: var(--btn-disabled-bg-gray);
}
.btn-disabled:hover {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
}

/* 버튼 리스트 더보기 */
.btn-list.btn-more {
  width: 119px;
  height: 49px;
  padding: 0;
  border-radius: 100px;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white);
  text-align: center;
}
.btn-list.btn-more > span {
  position: relative;
  padding-right: 20px;
  background: url("../../images/renewal/icon/icon_arrow_down.png") no-repeat
    100% center;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-56);
  line-height: 19px;
}
/*.btn-list.btn-more:hover,*/
/*.btn-list.btn-more:active { background: var(--primary-indigo);}*/
/*.btn-list.btn-more:hover > span,*/
/*.btn-list.btn-more:active > span { color: var(--text-color-white); font-weight: 700;}*/
/*.btn-list.btn-more:focus { border: 1px solid var(--border-gray-thick); background: var(--bg-white);}*/
/*.btn-list.btn-more:focus > span { color: var(--text-color-34); font-weight: 500;}*/

/* 버튼(sorting) */
.btn-sorting {
  padding: 0 20px;
}
.btn-sorting > span {
  color: var(--text-color-gray);
}
.btn-sorting > span > i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_sorting.png) no-repeat 50% 50%;
}
.btn-sorting:hover {
  background: var(--bg-white);
}
.btn-sorting:hover > span {
  color: var(--text-color-gray);
  font-weight: 400;
}
.btn-sorting:focus {
  border: 2px solid #000;
  background: var(--bg-white);
}
.btn-sorting:focus > span {
  color: var(--text-color-gray);
  font-weight: 400;
}
.btn-sorting.on > span {
  color: var(--sorting-on-text-color);
}
.btn-sorting.on > span > i {
  background: url(/images/renewal/icon/icon_sorting_on.png) no-repeat 50% 50%;
}

a.com_detail_btn {
  width: 180px;
  height: 40px;
  display: inline-block;
  border: 1px solid #707070;
  color: #676767;
  line-height: 38px;
}
a.com_detail_btn img {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}
a.com_detail_btn img.on {
  display: none;
}
a.com_detail_btn:hover {
  background: #343434;
  border: 1px solid #343434;
  color: #fff;
}
a.com_detail_btn:hover img.on {
  display: inline-block;
}
a.com_detail_btn:hover img.off {
  display: none;
}

/*Common 조회*/
.pt_date_select {
  display: inline-block;
  text-align: left;
}
.pt_date_select span.text_info {
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  margin: 0 10px;
  color: #212121;
  letter-spacing: -1px;
  vertical-align: middle;
}
.pt_search_select {
  display: inline-block;
  text-align: left;
  float: left;
}
.pt_search_select span.text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.pt_search_select div.demo-section {
  display: inline-block;
}
.pt_search_multiple {
  width: 100%;
  display: inline-block;
  text-align: left;
}
.pt_search_multiple li {
  margin-top: 10px;
}
.pt_search_multiple li .text {
  margin-right: 10px;
}
.pt_search_multiple li .ptree_btn {
  height: 40px;
  vertical-align: middle;
}
/*.pt_search_multiple li .ptree_btn span{height:38px;line-height:38px}*/

.pt_date_select .ptree_looup_btn {
  margin-left: 10px;
}

/*Detail Pane*/
.k-splitter {
  border: none;
  box-shadow: none;
}
.detail_Info h4.d_tit {
  width: 100%;
  display: block;
  text-align: center;
  font-weight: 500;
  color: #fff;
  background: #606163;
  padding: 17px 10px;
}
.detail_Info table.data_list {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-top: 2px solid #afafaf;
}
.detail_Info table.data_list tr {
  border-bottom: 1px solid #dbdbdb;
}
.detail_Info table.data_list th {
  background: #edf0f6;
  padding: 17px 10px;
  font-weight: 400;
  text-align: left;
  width: 200px;
  max-width: 30%;
}
.detail_Info table.data_list th span.compulsory {
  color: #d25448;
}
.detail_Info table.data_list td {
  padding: 5px;
  text-align: left;
}
.detail_Info table.data_list td span.k-datepicker {
  float: left;
}
.detail_Info table.data_list td span.k-numerictextbox {
  float: left;
}
.detail_Info table.data_list td span.k-dropdown {
  float: left;
}
.detail_Info table.data_list td span.m_text {
  text-align: center;
  line-height: 37px;
  float: left;
}
.detail_Info table.data_list td input.k-textbox {
  float: left;
  height: 40px;
  border-radius: 0;
}
.detail_Info table.data_list td input.k-textbox + span {
  display: block;
  float: left;
  margin-top: 5px;
}
.detail_Info table.data_list th.table-header-cell {
  padding: 10px 0;
  text-align: center;
}
.detail_Info table.data_list td textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: "Noto Sans KR";
  font-size: 15px;
  border: 1px solid #dbdbdb;
  padding: 15px;
}
.detail_Info .info {
  width: 100%;
  display: inline-block;
  font-size: 14px;
}
.detail_Info .area {
  margin: 5px 0;
}
.detail_Info table.table_type04 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 15px;
  border-top: 2px solid #4c4c4c;
}
.detail_Info table.table_type04 th {
  padding: 5px 0;
  text-align: center;
  text-indent: 0;
  background: #989ea6;
  color: #fff;
}
.detail_Info table.table_type04 th:first-child {
  border-right: 1px solid #dbdbdb;
}
.detail_Info .detail_pane {
  padding-left: 15px;
}
.detail_Info .k-scrollable .btn_top {
  width: 100%;
  background: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 10px;
}
.detail_Info .k-scrollable h4.tit2 {
  width: 100%;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 18px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 5px;
}
.detail_Info .dl_wrap {
  overflow: auto;
  overflow-x: hidden;
}
.dl_wrap .dl-info > span.dl-trng {
  display: inline-block;
  float: left;
  padding-bottom: 9px;
  line-height: 21px;
  text-align: left;
  font-size: 15px;
  color: #25282d;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-bottom: 2px solid #25282d;
}
.dl_wrap .dl-info > h3 {
  float: left;
  width: 100%;
  margin: 25px 0;
  line-height: 44px;
  text-align: left;
  font-size: 32px;
  color: #25282d;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.dl_wrap .dl-info > p {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  line-height: 26px;
  text-align: left;
  font-size: 15px;
  color: #676767;
  font-weight: 400;
  letter-spacing: -0.02em;
}
table.table_type02 {
  border-top: 3px solid #4c4c4c;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  text-align: center;
}
table.table_type02 th {
  border: 1px solid #dbdbdb;
  background: #edf0f6;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2em;
}
table.table_type02 th:first-child {
  border-left: none;
}
table.table_type02 th:last-child {
  border-right: none;
}
table.table_type02 td {
  padding: 5px;
  border: 1px solid #dbdbdb;
}
table.table_type02 td:first-child {
  border-left: none;
}
table.table_type02 td:last-child {
  border-right: none;
}
table.table_type02 td .k-button {
  background: #f4f4f4;
  border: 1px solid #d3d3d3;
  color: #8a443d;
  border-radius: 0;
}

/* KAMCO 2022 */
/* 회원가입 */
.contents.join-wrap {
  width: 800px;
  padding-top: 35px;
}
.join-wrap h2 {
  margin-bottom: 40px;
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--text-color-34);
  line-height: 45px;
}
.join-wrap .step-nav {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.join-wrap .step-nav:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 7.68px;
  border-radius: 30px;
  background: var(--bg-white-gray-2);
}
.join-wrap .step-nav li {
  width: 33.33%;
}
.join-wrap .step-nav li .step {
  display: inline-block;
  width: 31px;
  height: 30px;
  background: url("../../images/renewal/icon/icon_join_cmplt.png") no-repeat 0 0;
}
.join-wrap .step-nav li.active .step {
  background: url("../../images/renewal/icon/icon_join_cmplt_on.png") no-repeat
    0 0;
}
.join-wrap .step-nav li .txt-box {
  margin-top: 24px;
}
.join-wrap .step-nav li .txt-box span {
  display: block;
  margin-bottom: 5px;
  font-family: var(--font-family-saira);
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-gray);
  line-height: 15px;
}
.join-wrap .step-nav li .txt-box p {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--text-color-34);
  line-height: 30px;
}
.join-wrap .step-content {
  display: none;
  position: relative;
  margin-bottom: 150px;
}
.join-wrap .step-content.active {
  display: block;
}
.agreement-box {
  position: relative;
  margin-bottom: 40px;
  text-align: left;
}
.agreement-box.agreement-box2 {
  margin-top: -25px;
}
.agreement-box.agreement-box2 .check-box {
  margin-bottom: 40px;
}
.join-wrap .agreement-box.agreement-box2 div {
  height: 177px;
  border: 0;
  background: #f9f9fb;
}
.join-wrap .agreement-box.agreement-box2 div p {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #343434;
  line-height: 27px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
.join-wrap .agreement-box.agreement-box2 div p:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #343434;
}
.join-wrap .step-content .all-chk {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-color-34);
  line-height: 22px;
  letter-spacing: -0.02em;
}
.join-wrap .step-content h3 {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--text-color-34);
  text-align: left;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.join-wrap .agreement-box div {
  overflow-y: auto;
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 8px;
  background: #ffffff;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  line-height: 22px;
}
.join-wrap .agreement-box div span {
  color: var(--text-color-75);
}
.join-wrap .agreement-box div strong {
  display: block;
  margin-top: 30px;
}
.join-wrap .agreement-box div strong.mt0 {
  margin-top: 0;
}
.join-wrap .agreement-box div strong.mb {
  margin-bottom: 20px;
}
.join-wrap .agreement-box div p,
.join-wrap .agreement-box div li {
  word-wrap: break-word;
  word-break: keep-all;
}
.join-wrap .agreement-box div > ul > li {
  padding: 5px 0;
}
.join-wrap .agreement-box div > ul > li > ul {
  padding-left: 20px;
}
.join-wrap .agreement-box .check-box label {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-color-34);
  line-height: 22px;
  letter-spacing: -0.02em;
}
.join-wrap .btn-box {
  display: flex;
  justify-content: center;
}
.join-wrap .btn-list {
  width: 18rem;
  height: 56px;
  margin-left: 7px;
}
.join-wrap .btn-list:first-child {
  margin-left: 0;
}
.join-wrap .btn-list > span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 19px;
}
.join-wrap .step-content .import-txt {
  margin-bottom: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-34);
  text-align: right;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.join-wrap .step-content .import-txt span {
  vertical-align: middle;
}
.join-wrap .step-content .join-form-box {
  margin-bottom: 40px;
  border-top: 1px solid var(--border-gray-dd);
  border-bottom: 1px solid var(--border-gray-dd);
}
.join-form-box > li {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
.join-form-box li .title {
  flex-shrink: 0;
  width: calc(100% - 650px);
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--text-color-34);
  text-align: left;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.join-form-box li .title .col-red {
  margin-left: 5px;
}
.join-form-box li input {
  height: 48px;
  padding: 15px 15px 14px;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 19px;
}
.join-form-box li .joinId_email {
  flex-shrink: 0;
  width: calc(100% - 38%);
}
.join-form-box li .input-box {
  width: 100%;
  padding: 10px 0;
}
.join-form-box li .input-box.flex-box {
  align-items: center;
}
.join-form-box li .input-box.flex-box .m-box {
  display: flex;
  flex-shrink: 0;
  width: 50%;
}
.join-form-box li .input-box .btn-list {
  /*flex-shrink: 0; width: calc(100% - 539px);*/
  height: 48px;
  padding: 0;
}
.join-form-box li .input-box .btn-list > span {
  font-size: 1.4rem;
  line-height: 20px;
}
.join-form-box li .input-box .m-box .btn-list {
  flex-shrink: 1;
  width: 18rem;
}
.join-form-box li .input-box span.txt {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #757575;
  line-height: 18px;
}
.join-form-box li .input-box .label-txt {
  display: inline-block;
  margin: 0 7px;
  font-size: 1.5rem;
  font-weight: 400;
}
.join-form-box li .input-box .phone-box {
  position: relative;
}
.join-form-box li .input-box .phone-box input {
  padding-right: 50px;
}
.join-form-box li .input-box .phone-box .col-red {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 19px;
}
.join-form-box li .width100 .input-box:nth-of-type(1) {
  padding-bottom: 0;
}
.join-form-box .k-dropdown {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-color-75);
  line-height: 19px;
}
.join-form-box .k-dropdown .k-icon:before {
  display: none;
}
.join-form-box .k-dropdown .k-input-button.k-button {
  width: calc(1.4285714286em + 29px);
  height: 100%;
  background: url("../../images/renewal/icon/small_triangle_down.png") no-repeat
    center;
}
.join-form-box .k-dropdown .k-input-inner {
  padding: 0 15px;
}
.join-result-box {
  padding-top: 50px;
  padding-bottom: 40px;
  border-top: 1px solid var(--border-gray-dd);
  text-align: center;
}
.join-result-box p {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 2.5rem;
  font-weight: 350;
  color: var(--text-color-34);
  line-height: 30px;
  letter-spacing: -0.02em;
}
.join-result-box p strong {
  font-weight: 700;
}
.join-result-box span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-gray);
  line-height: 23px;
  letter-spacing: -0.02em;
}

.flex-box {
  display: flex;
}

/* 공무원 */
.join-wrap .step-content.offic {
  text-align: left;
}
.join-form-title {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #343434;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.join-wrap .step-content.offic .import-txt {
  float: right;
}
.join-wrap .step-content .join-form-box.offic {
  border-top: 1px solid #414146;
}
.join-form-box.offic .radio-box-wrap label {
  display: inline-flex;
  align-items: center;
  float: none;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  line-height: 48px;
  letter-spacing: -0.02em;
}
.join-form-box li .input-box label.btn-list > span {
  display: block;
  line-height: 48px;
}
.input-box .k-upload {
  width: calc(100% - 539px);
  border: 0;
  background: transparent;
}
.input-box .k-upload .k-dropzone {
  padding: 0;
}
.input-box .file-input {
  position: static;
  width: calc(100% - 118px);
  height: 48px;
  padding: 15px 15px 14px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #ffffff;
}
.input-box .k-upload .k-dropzone em {
  font-size: 1.5rem;
  font-style: normal;
}
/*.input-box .k-upload .k-upload-button { position: absolute; top: 0; right: 0; width: calc(100% - 539px); height: 48px; margin-right: 0; margin-left: 7px;}*/
.input-box .k-upload .k-upload-button {
  width: 100%;
  height: 48px;
  margin-right: 0;
  margin-left: 7px;
  padding: 0;
}
.input-box .k-upload .k-upload-button span {
  font-size: 1.4rem;
  color: var(--text-color-34);
  line-height: 20px;
}
.input-box .k-upload .k-upload-button:hover,
.input-box .k-upload .k-upload-button:active {
  background: var(--primary-indigo);
}
.input-box .k-upload .k-upload-button:hover span,
.input-box .k-upload .k-upload-button:active span {
  color: var(--text-color-white);
  font-weight: 700;
}
.input-box .k-upload .k-upload-button:focus {
  border: 1px solid var(--border-gray-thick);
  background: var(--bg-white);
}
.input-box .k-upload .k-upload-button:focus span {
  color: var(--text-color-34);
  font-weight: 500;
}
.input-box .k-upload .k-dropzone .k-upload-status {
  display: none;
}

/* ====================== 검색결과 페이지 ======================== */
/* 검색페이지 공통 */
.search-page {
  padding-top: 30px;
}
.search-page .search-wrap {
  position: relative;
  width: 100%;
  height: 57px;
  margin-bottom: 30px;
}
.search-page .search-wrap form {
  width: 100%;
  height: 100%;
}
.search-page .search-wrap input {
  width: 100%;
  height: 100%;
  padding: 0 30px;
  font-size: 2rem;
  border-radius: 30px;
  border: none;
  background: var(--bg-white-gray-2);
  box-sizing: border-box;
}
.search-page .search-wrap button {
  position: absolute;
  top: 13.5px;
  right: 30px;
  width: 30px;
  height: 30px;
  background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;
  cursor: pointer;
}
.search-page #rsltWrap.default-tab .k-tabstrip-items li span.k-link > span {
  margin-left: 7px;
}
.search-page
  #rsltWrap.default-tab
  .k-tabstrip-items
  li.k-state-active
  span.k-link
  > span {
  font-weight: 700;
  color: var(--primary);
}
.search-page #rsltWrap.default-tab .k-content {
  position: relative;
  padding: 0 0 30px;
  margin: 0;
  border: none;
}
.search-page #rsltWrap.default-tab .k-content > h2 {
  margin: 30px 0;
  line-height: 3.2rem;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: var(--text-color-56);
  word-wrap: break-word;
  word-break: keep-all;
}
.search-page #rsltWrap.default-tab .k-content > h2 > p {
  display: inline-block;
}
.search-page #rsltWrap.default-tab .k-content > h2 > span {
  margin: 0 3px;
  font-weight: 700;
  color: var(--primary);
}
.search-page #rsltWrap.default-tab .k-content > h3 {
  line-height: 3rem;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--text-color-34);
  letter-spacing: -0.02em;
}
.search-page #rsltWrap.default-tab .k-content > h3 > span {
  margin-left: 3px;
  font-weight: 700;
  color: var(--primary);
}
.search-page #rsltWrap.default-tab .k-content > ul {
  display: inline-block;
  width: 100%;
  margin: 15px 0 30px;
  border-top: 1px solid var(--border-gray-thick);
}
.search-page #rsltWrap.default-tab .k-content > ul > li {
}
.search-page #rsltWrap.default-tab .k-content > button.tab-more-btn {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 11px;
  right: 0;
  margin-top: -3px;
  line-height: 1.9rem;
  text-align: right;
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--text-color-56);
  letter-spacing: -0.05em;
}
.search-page #rsltWrap.default-tab .k-content > button.tab-more-btn > i {
  display: inline-block;
  margin-left: 5px;
  width: 7px;
  height: 11px;
  vertical-align: middle;
  background: url(/images/renewal/icon/icon_go_allview.png) no-repeat 0 0;
}
.search-page #rsltWrap .edu-list > li {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid var(--border-gray-dd);
}
.search-page #rsltWrap .edu-list > li .thumbnail {
  position: relative;
  flex: none;
  width: 190px;
  height: 113px;
  margin-right: 20px;
  border-radius: 3px;
}
.search-page #rsltWrap .edu-list > li .thumbnail > span.cmplt-tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-white);
  font-weight: 700;
  letter-spacing: -0.05em;
  border-radius: 3px 0 0 0;
  background: var(--edu-cmplt-y-bg-color);
}
.search-page #rsltWrap .edu-list > li .thumbnail.thumb-none {
  padding-top: 7rem;
}
.search-page #rsltWrap .edu-list > li .info-wrap > span {
  display: inline-block;
  float: left;
  width: auto;
  height: 23px;
  padding: 0 8px;
  margin-right: 4px;
  line-height: 23px;
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.05em;
  border-radius: 4px;
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.red {
  color: var(--badge-live-text-color);
  border: 1px solid var(--badge-live-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.purple {
  color: var(--badge-purple-text-color);
  border: 1px solid var(--badge-purple-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.black {
  color: var(--badge-black-text-color);
  border: 1px solid var(--badge-black-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.navy {
  color: var(--badge-navy-text-color);
  border: 1px solid var(--badge-navy-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.gray {
  color: var(--badge-gray-text-color);
  border: 1px solid var(--badge-gray-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > span.green {
  color: var(--badge-green-text-color);
  border: 1px solid var(--badge-green-line-color);
}
.search-page #rsltWrap .edu-list > li .info-wrap > a {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px;
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.7rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.05em;
}
.search-page #rsltWrap .edu-list > li .info-wrap > ul {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.search-page #rsltWrap .edu-list > li .info-wrap > ul > li {
  display: inline-block;
  float: left;
  padding-right: 15px;
  margin-top: 5px;
  margin-right: 15px;
  line-height: 1.9rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.search-page #rsltWrap .edu-list > li .info-wrap > ul > li > span,
.search-page #rsltWrap .edu-list > li .info-wrap > ul > li > p {
  display: inline-block;
  margin-left: 10px;
  color: var(--text-color-34);
}
.search-page #rsltWrap .edu-list > li .info-wrap > ul > li:last-child {
  background: none;
}
.search-page #rsltWrap .edu-list > li .btn-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 8.5px;
  margin-left: 20px;
}
.search-page #rsltWrap .edu-list > li .btn-wrap > button {
  width: auto;
  min-width: 125px;
  height: 44px;
  margin-bottom: 7px;
  border-radius: 3px;
  box-sizing: border-box;
}
.search-page #rsltWrap .edu-list > li .btn-wrap > button > span {
  line-height: 42px;
}
.search-page #rsltWrap .edu-list > li.no-search-data {
  width: 100%;
  padding: 20px 0;
  margin-right: 0;
  font-size: 1.4rem;
  color: var(--text-color-75);
}
.search-page #rsltWrap .edu-list > li.no-search-data > p {
  width: 100%;
  line-height: 100px;
  text-align: center;
}
.search-page #rsltWrap.default-tab .k-content > ul.conts-list {
  display: flex !important;
  flex-flow: wrap;
  justify-content: start;
  width: calc(100% + 20px);
  padding-top: 20px;
  margin-top: 20px;
  margin-left: -20px;
  border-bottom: 1px solid var(--border-gray-da);
}
.search-page #rsltWrap .conts-list > li {
  width: 235px;
  height: 280px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.search-page #rsltWrap .conts-list > li .thumbnail {
  position: relative;
  width: 100%;
  height: 140px;
  margin-bottom: 15px;
  border-radius: 5px;
}
.search-page #rsltWrap .conts-list > li .thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
}
.search-page #rsltWrap .conts-list > li .thumbnail .cmplt-tag {
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  padding: 0 10px;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-white);
  font-weight: 700;
  letter-spacing: -0.05em;
  border-radius: 5px 0 0 0;
  background: var(--conts-cmplt-y-bg-color);
}
.search-page #rsltWrap .conts-list > li .conts-clasf {
  line-height: 2.1rem;
  text-align: left;
  font-size: 1.3rem;
  color: var(--primary-2);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.search-page #rsltWrap .conts-list > li .conts-tit {
  display: block;
  width: 100%;
  height: 24px;
  margin: 4px 0 15px;
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-black);
  font-weight: 500;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-page #rsltWrap .conts-list > li .stdnt-cnt {
  width: 100%;
  margin-bottom: 15px;
  line-height: 1.5rem;
  text-align: left;
  font-size: 1.3rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.search-page #rsltWrap .conts-list > li .stdnt-cnt > span {
  margin-left: 5px;
  color: var(--text-color-34);
  font-weight: 500;
}
.search-page #rsltWrap .conts-list > li .conts-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 27px;
  padding: 0 10px;
  margin-right: 6px;
  line-height: 2.7rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-radius: 3px;
  background: var(--bg-white-gray-3);
}
.search-page #rsltWrap .conts-list > li.no-search-data {
  width: 100%;
  height: auto;
  margin-right: 0;
  font-size: 1.4rem;
  color: var(--text-color-75);
}
.search-page #rsltWrap .conts-list > li.no-search-data > p {
  line-height: 100px;
  text-align: center;
}
.search-page #rsltWrap .conts-list > li .thumbnail.thumb-none {
  background-color: #e8e8e8 !important;
  background-image: url("../../images/renewal/icon/no image.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 25% !important;
}

/* ====================== 교육콘텐츠 ======================== */
/* 교육콘텐츠 공통 */
.edu-conts-wrap {
  min-height: auto;
  margin-top: 30px;
  margin-bottom: 0;
}
.edu-conts-wrap > h2 {
  margin-top: 30px;
  margin-bottom: 15px;
  line-height: 4rem;
  text-align: left;
  font-size: 2.5rem;
  color: var(--text-color-34);
  font-family: var(--font-family-gmarket_sans);
  letter-spacing: -0.02em;
}
.edu-conts-wrap > h2 > span.conts-cnt {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--conts-cnt-text-color);
  font-weight: 600;
  font-family: var(--font-family-montserrat);
  letter-spacing: -0.05em;
  border-radius: 8px;
  background: var(--conts-cnt-bg-color);
}

/* .conts-list{ display: flex; width: 100%; justify-content: start!important; gap: 25px; flex-wrap: wrap;} */
.conts-list {
  display: inline-block !important;
  width: 100%;
}
.conts-list > li {
  float: left;
  flex-direction: row;
  width: calc(20% - 20px); /*height: 232px;*/
}
.conts-list#topContsList > li {
  margin-right: 25px;
  margin-bottom: 35px;
}
.conts-list#topContsList > li:nth-child(5n) {
  margin-right: 0;
}
.conts-list > li .thumbnail {
  position: relative;
  float: left;
  width: 100%;
  height: 138px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
}
.conts-list > li .thumbnail .rank-tag {
  position: absolute;
  top: -2px;
  left: 8px;
  display: inline-block;
  width: 42px;
  height: 45px;
  padding-top: 6px;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  font-family: var(--font-family-montserrat);
  background-size: cover !important; /*background: url(/images/renewal/bg/bg_istr_rank1.png) no-repeat 0 0; background-size: cover; box-shadow: 3px -1px 3px rgba(0,0,0,0.25);*/
}
.conts-list > li .thumbnail .rank-1 {
  background: url(/images/renewal/bg/bg_conts_rank1.png) no-repeat 0 0;
}
.conts-list > li .thumbnail .rank-2 {
  background: url(/images/renewal/bg/bg_conts_rank2.png) no-repeat 0 0;
}
.conts-list > li .thumbnail .rank-3 {
  background: url(/images/renewal/bg/bg_conts_rank3.png) no-repeat 0 0;
}
.conts-list > li .thumbnail .rank-4 {
  background: url(/images/renewal/bg/bg_conts_rank4.png) no-repeat 0 0;
}
.conts-list > li .thumbnail .rank-5 {
  background: url(/images/renewal/bg/bg_conts_rank5.png) no-repeat 0 0;
}
.conts-list > li .thumbnail .time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: inline-block;
  width: 41px;
  height: 19px;
  line-height: 1.9rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-white);
  font-family: var(--font-family-malgun_gothic);
  letter-spacing: -0.05em;
  border-radius: 2px;
  background: var(--bg-color-34);
}
.conts-list > li .thumbnail:hover .more-view {
  display: block;
}
.conts-list > li .thumbnail .more-view {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 138px;
  border-radius: 5px;
  background: var(--more-view-bg-color);
  opacity: 0.9;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.conts-list > li .thumbnail .more-view > p {
  vertical-align: middle;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-white);
  letter-spacing: -0.02em;
}
.conts-list > li .thumbnail .more-view > p > img {
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}
.conts-list > li .cate-nm {
  float: left;
  width: 100%;
  line-height: 1.5rem;
  text-align: left;
  font-size: 1.3rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-list > li .conts-tit {
  display: -webkit-box;
  display: -moz-box;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 48px;
  margin: 4px 0 15px;
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--text-color-black);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  cursor: pointer;
}
.conts-list > li .stdnt-cnt {
  float: left;
  width: 50%;
  line-height: 15px;
  text-align: left;
  font-size: 13px;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-list > li .stdnt-cnt > span {
  margin-left: 5px;
  color: var(--text-color-34);
  font-weight: 500;
}
.conts-list > li .score {
  float: left;
  width: 50%;
  line-height: 15px;
  text-align: right;
  font-size: 13px;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-list > li .score > img {
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}
.conts-list > li .thumbnail.thumb-none {
  padding-top: 35%;
  line-height: 2rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    40% #e8e8e8 !important;
  background-size: 23px !important;
}
.conts-list > li .stdnt-box {
  display: flex;
  justify-content: flex-end; /*space-between; */
  align-items: center;
  width: 100%;
}
.conts-list > li .stdnt-box2 {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
.conts-list > li .stdnt-box2 p {
  flex-shrink: 0;
  position: relative;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #565656;
  text-align: left;
  line-height: 15px;
  letter-spacing: -0.02em;
}
.conts-list > li .stdnt-box2 .uploadNm {
  width: 50%;
  padding-left: 10px;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conts-list > li .stdnt-box2 .uploadNm:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #dddddd;
}
.conts-list > li .stdnt-box2 .uploadNm span {
  overflow: hidden;
  width: calc(100% - 15px);
  text-overflow: ellipsis;
}
.conts-list > li .stdnt-box2 .icon {
  flex-shrink: 0;
}
.conts-list > li .play,
.conts-list > li .date,
.conts-list > li .uploadNm {
  display: inline-flex;
  align-items: center;
}
.conts-list > li .play .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url("../../images/renewal/icon/cont_play.png") no-repeat;
  vertical-align: middle;
}
.conts-list > li .date .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url("../../images/renewal/icon/cont_date.png") no-repeat;
  vertical-align: middle;
}
.conts-list > li .uploadNm .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background: url("../../images/renewal/icon/cont_person.png") no-repeat;
  vertical-align: middle;
}
.conts-list > li .play > span {
  font-weight: 400;
  color: #565656;
}

.btn-set-interest {
  width: 167px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  border-radius: 5px;
  border: none;
  background: var(--primary-indigo);
}
.btn-set-interest > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_pin.png) no-repeat 50% 50%;
}
.btn-more-conts {
  display: block;
  width: 119px;
  height: 49px;
  margin: 0 auto;
  line-height: 47px;
  text-align: center;
  font-size: 14px;
  color: var(--text-color-56);
  font-weight: 400;
  border-radius: 100px;
  border: 1px solid var(--border-gray-ee);
  background: var(--bg-white);
  box-sizing: border-box;
}
.btn-more-conts > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  background: url(/images/renewal/icon/icon_arrow_down.png) no-repeat 50% 50%;
}

/* 교육콘텐츠 > 콘텐츠(상세) */
.conts-detail-wrap .conts-detail {
  float: left;
  width: 63%;
}
/*.conts-detail .pdfBox { position: relative; display: inline-block; width: 100%; height: auto; min-height: 500px; margin-bottom: 34px; background-color: transparent; background-size: 100% 100%!important;}*/
.conts-detail .play-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 500px;
  min-height: 500px;
  margin-bottom: 34px;
  background-color: transparent;
  background-size: 100% 100% !important;
}
.conts-detail .play-wrap #pdfBtn {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  width: 133px;
  height: 50px;
  margin: 0 auto;
  line-height: 4.8rem;
  text-align: center;
  font-size: 13px;
  color: var(--text-color-56);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 33px;
  border: 1px solid var(--border-gray-e8);
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.conts-detail .play-wrap #pdfBtn > span {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
  background: url(/images/renewal/icon/icon_pdf.svg) no-repeat 50% 50%;
}
.conts-detail .play-wrap #pdfBtn > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 6px;
  background: url(/images/renewal/icon/icon_pdf_arrow.png) no-repeat 50% 50%;
}
.conts-detail .conts-cate-nm {
  width: 100%;
  margin-bottom: 5px;
  line-height: 2.1rem;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--conts-dtl-cate-text-color);
  letter-spacing: -0.02em;
}
.conts-detail .conts-tit {
  width: 100%;
  margin-bottom: 20px;
  line-height: 3.1rem;
  text-align: left;
  font-size: 2.2rem;
  color: var(--text-color-black);
  font-weight: 500;
  letter-spacing: -0.03em;
}
.conts-detail ul.conts-info {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 4rem;
}
.conts-detail ul.conts-info > li {
  align-items: center;
  float: left;
  width: auto;
  padding-right: 20px;
  margin-right: 20px;
  background: url(/images/bg/bg_list_line.png) no-repeat 100% 50%;
}
.conts-detail ul.conts-info > li:nth-child(3) {
  background: none;
}
.conts-detail ul.conts-info > li:last-child {
  background: none;
}
.conts-detail ul.conts-info > li > span {
  display: inline-block;
  float: left;
  width: auto;
  margin-right: 15px;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.06em;
}
.conts-detail ul.conts-info > li:last-child > span {
  display: none !important;
}
.conts-detail ul.conts-info > li > p {
  display: inline-block;
  float: left;
  width: auto;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.03em;
}
.conts-detail ul.conts-info > li > .survey-wrap {
  display: inline-block;
  float: left;
}
.conts-detail ul.conts-info > li > #surveyWrap {
  display: inline-flex;
  align-items: center;
  float: left;
}
.conts-detail ul.conts-info > li > #surveyWrap ul.sco {
  display: inline-block;
  float: left;
  margin-right: 2px;
}
.conts-detail ul.conts-info > li > #surveyWrap ul.sco > li {
  float: left;
  margin-right: 2px;
}
.conts-detail ul.conts-info > li > #surveyWrap > p {
  float: left;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-detail ul.conts-info > li > .btn-survey {
  float: left;
  width: auto;
  height: 40px;
  padding: 0 15px;
  line-height: 4rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--text-color-34);
  border-radius: 3px;
  border: 1px solid var(--line-color-gray);
  box-sizing: border-box;
}
.conts-detail ul.conts-info > li > .btn-survey > i {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 8px;
  background: url(/images/renewal/icon/icon_btn_survey.png) no-repeat 50% 50%;
}
.conts-detail ul.tag-list {
  display: inline-block;
  width: 100%;
}
.conts-detail ul.tag-list > li {
  float: left;
  width: auto;
  height: 32px;
  padding: 0 10px;
  margin-right: 6px;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-56);
  letter-spacing: -0.02em;
  border-radius: 3px;
  background: var(--conts-dtl-tag-bg-color);
}
.conts-detail .script-wrap {
  display: inline-block;
  width: 100%;
  padding-top: 25px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid var(--border-gray-e8);
}
.conts-detail .script-wrap > p {
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.03em;
}
.conts-detail .cont-sbtt {
  display: block;
  overflow: auto;
  width: 100%;
  min-height: 48px;
  max-height: 150px;
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
  font-size: 1.5rem;
  line-height: 20px;
  word-wrap: break-word;
  word-break: keep-all;
}
.conts-detail .cont-sbtt:focus {
  outline: auto;
}

.conts-detail-wrap .related-conts {
  float: left;
  width: calc(100% - 67.5%);
  margin-left: 50px;
}
.conts-detail-wrap .related-conts > h3 {
  margin-bottom: 15px;
  line-height: 29px;
  text-align: left;
  font-size: 20px;
  color: var(--text-color-black);
  letter-spacing: -0.03em;
}
.conts-detail-wrap .related-conts .related-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 760px;
  padding: 20px;
  background: var(--related-list-bg-color);
  box-sizing: border-box;
}
.conts-detail-wrap .related-conts .related-wrap > ul {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  background: var(--related-list-bg-color);
  overflow-y: auto;
}
.conts-detail-wrap .related-conts .related-wrap > ul::-webkit-scrollbar {
  width: var(--scroll-bar-width);
  border-radius: var(--scroll-bar-border-radius);
}
.conts-detail-wrap .related-conts .related-wrap > ul::-webkit-scrollbar-thumb {
  background-color: var(--scroll-bar-color);
  border-radius: var(--scroll-bar-border-radius);
}
.conts-detail-wrap .related-conts .related-wrap > ul::-webkit-scrollbar-track {
  background-color: var(--scroll-bar-bg-color);
  border-radius: var(--scroll-bar-border-radius);
}
.conts-detail-wrap .related-conts .related-wrap > ul > li {
  float: left;
  width: 100%;
  padding: 0 0 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li:last-child {
  height: 77px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li > .thumbnail {
  position: relative;
  float: left;
  width: 130px;
  height: 77px;
  margin-right: 15px;
  border-radius: 3px;
}
.conts-detail-wrap
  .related-conts
  .related-wrap
  > ul
  > li
  > .thumbnail.thumb-none {
  padding-top: 44px;
  line-height: 2rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    13px #e8e8e8 !important;
  background-size: 23px;
}
.conts-detail-wrap
  .related-conts
  .related-wrap
  > ul
  > li
  > .thumbnail
  .conts-time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: inline-block;
  width: 39px;
  height: 18px;
  line-height: 1.8rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-white);
  font-family: var(--font-family-malgun_gothic);
  letter-spacing: -0.05em;
  border-radius: 2px;
  background: var(--bg-color-34);
}
.conts-detail-wrap .related-conts .related-wrap > ul > li > .thumbnail a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-cate {
  float: left;
  overflow: hidden;
  width: calc(100% - 145px);
  margin-bottom: 5px;
  line-height: 1.5rem;
  text-align: left;
  font-size: 1.2rem;
  color: var(--text-color-56);
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-tit {
  float: left;
  width: calc(100% - 145px);
  height: 20px;
  margin-bottom: 22px;
  line-height: 2rem;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--text-color-black);
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li .stdnt-box {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 145px);
}
.conts-detail-wrap .related-conts .related-wrap > ul > li .std-cnt {
  float: left;
  width: 100%;
  height: 15px;
  line-height: 1.5rem;
  text-align: left;
  font-size: 1.3rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li .std-cnt > span {
  margin-left: 5px;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li .surv-sco {
  flex-shrink: 0;
  float: left;
  width: 40px;
  height: 15px;
  line-height: 1.5rem;
  text-align: right;
  font-size: 1.3rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li .surv-sco > i {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-top: -3px;
  margin-right: 5px;
  background: url(/images/renewal/icon/icon_star.png) no-repeat 50% 50%;
}
.conts-detail-wrap .related-conts .related-wrap > ul > li > span {
  float: left;
  display: inline-block;
  width: auto;
  height: 24px;
  padding: 0 8px;
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.1rem;
  color: var(--text-color-56);
  border-radius: 3px;
  background: var(--border-gray-e8);
}
.conts-detail-wrap .related-conts .related-wrap .not-data-cont {
  position: absolute;
  top: 50%;
  left: 0;
  border: 0;
  background: transparent;
  font-size: 1.6rem;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

#surveyPop .survey-pop-top {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid var(--border-gray-e8);
}
#surveyPop .survey-pop-top > h3 {
  margin-bottom: 15px;
  line-height: 2.6rem;
  text-align: center;
  font-size: 1.8rem;
  color: var(--text-color-56);
  font-weight: 400;
}
#surveyPop .survey-pop-top > h3 > span {
  display: block;
  font-size: 1.7rem;
  color: var(--text-color-34);
  font-weight: 500;
}
#surveyPop .survey-pop-top > p {
  line-height: 1.7rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-66);
}
#surveyPop > ul {
  display: inline-block;
  width: 100%;
  padding: 35px 0;
  text-align: center;
}
#surveyPop > ul > li {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
}
#surveyPop > ul > li:last-child {
  margin-right: 0;
}

/* 교육콘텐츠 > 추천콘텐츠(목록) */
.container .custom-wrap {
  width: 100%;
  padding: 40px 0 0;
  background: var(--bg-white-gray-2);
}
.custom-wrap #customList {
  display: inline-block;
  width: 1280px;
  margin: 0 auto;
}
.custom-wrap #customList > li {
  margin-bottom: 40px;
  margin-right: 25px;
}
.custom-wrap #customList > li:nth-child(5n + 1) {
  margin-right: 0;
}
.custom-wrap #customList > li.tit-zone {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 25px;
}
.custom-wrap #customList > li.tit-zone > h3 {
  line-height: 47px;
  text-align: left;
  font-size: 2.5rem;
  color: var(--text-color-34);
  font-family: var(--font-family-gmarket_sans);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.custom-wrap #customList > li.tit-zone > h3 > span {
  font-weight: 700;
}
.custom-wrap #customList > li.tit-zone > button {
  float: left;
  width: 167px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 5px;
  border: none;
  background: var(--bg-primary-3);
}
.custom-wrap #customList > li.tit-zone > button > i {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_pin.png) no-repeat 50% 50%;
}
.custom-wrap #customList > li.tit-zone > button:focus {
  outline-color: #000;
}

.custom-wrap .custom-conts-ad {
  display: inline-block;
  width: 1280px;
  padding-top: 68px;
  margin: 0 auto -1px;
}
.custom-wrap .custom-conts-ad > img {
  float: left;
}
.custom-wrap .custom-conts-ad > .custom-text-box {
  float: left;
  width: auto;
  margin-left: 83px;
}
.custom-wrap .custom-conts-ad > .custom-text-box > h3 {
  line-height: 3.5rem;
  text-align: left;
  font-size: 30px;
  color: var(--text-color-34);
  font-weight: 500;
  font-family: var(--font-family-gmarket_sans);
  letter-spacing: -0.02em;
}
.custom-wrap .custom-conts-ad > .custom-text-box > h3 > span {
  margin-top: 5px;
  line-height: 3.8rem;
  font-weight: 700;
}
.custom-wrap .custom-conts-ad > .custom-text-box > .btn-set-interest {
  float: left;
  width: auto;
  min-width: 167px;
  margin-top: 30px;
  padding: 0 25px;
}

/* sorting-type */
.sorting-type {
  display: inline-block;
}
.sorting-type > li {
  float: left;
  position: relative;
  width: auto;
  margin-right: 15px;
}
/*.sorting-type > li > input{ display: none;}*/
.sorting-type > li > input {
  width: 18px;
  height: 18px;
}
.sorting-type > li > input + label {
  line-height: 18px;
  text-align: left;
  font-size: 15px;
  color: var(--sorting-text-color);
  font-weight: 400;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.sorting-type > li > input:checked + label {
  font-size: 15px;
  color: var(--sorting-on-text-color);
  font-weight: 500;
}
.sorting-type > li > input + label > span {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_sorting_chk.png) no-repeat 50% 50%;
}
.sorting-type > li > input:checked + label > span {
  background: #ffffff url(/images/renewal/icon/icon_sorting_chked.png) no-repeat
    50% 50%;
}

/* 교육콘텐츠 > 분류별콘텐츠 */
.clasf-wrap ul.clasf-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
.clasf-wrap ul.clasf-list > li {
  flex-grow: 1;
  flex-basis: 12.5%;
  flex-shrink: 1;
  width: 12.5%;
  height: 56px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.clasf-wrap ul.clasf-list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 17px 10px;
  line-height: 2.2rem;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.clasf-wrap ul.clasf-list > li.on {
  border: 2px solid var(--line-point-tab-color);
}
.clasf-wrap ul.clasf-list > li.on > a {
  color: var(--line-point-tab-color);
}
.clasf-wrap .total-text {
  float: left;
  width: auto;
  line-height: 30px;
  text-align: right;
  font-size: 16px;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.clasf-wrap .total-text > span {
  color: var(--primary-indigo);
  font-weight: 700;
}
.clasf-wrap .sorting-type {
  float: right;
}
.clasf-wrap .conts-list {
  display: flex !important;
  flex-wrap: wrap;
  float: left;
  margin-top: 15px;
  margin-bottom: 2rem;
}
.clasf-wrap .conts-list li {
  float: none;
  width: 18%;
  margin-bottom: 33px;
}
.clasf-wrap .conts-list li > div {
  width: 100%;
}
/*.clasf-wrap .conts-list > li:nth-child(6n){ margin-right: 0;}*/
.clasf-wrap .conts-list li .cate-nm {
  font-weight: 500;
  color: var(--primary-indigo);
}

.clasf-wrap #contsWrap {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  border-top: 1px solid var(--border-gray-e8);
}
.clasf-wrap #contsWrap > h3 {
  float: left;
  width: 100%;
  margin-top: 30px;
  line-height: 4rem;
  text-align: left;
  font-size: 2.2rem;
  color: var(--text-color-34);
  font-family: var(--font-family-gmarket_sans);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.clasf-wrap #contsWrap > h3 > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--text-color-primary2);
  font-family: var(--font-family-montserrat);
  font-weight: 600;
  letter-spacing: -0.05em;
  border-radius: 8px;
  background: var(--bg-white-blue-2);
}
.clasf-wrap #contsWrap .empty-list {
  display: inline-block;
  margin-bottom: 100px;
}
.clasf-wrap #contsWrap .empty-list > img {
  display: block;
  margin: 50px auto 20px;
}
.clasf-wrap #contsWrap .empty-list > p {
  line-height: 2rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-75);
  font-weight: 400;
}

/* 교육콘텐츠 > 맞춤추천설정(목록) */
/* .container .interest-wrap{ float: left; display: inline-block; margin: 0; padding: 0;} */
.container .custom-wrap.interest-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.custom-wrap.interest-wrap .custom-conts-ad {
  padding-top: 30px;
}
.custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box {
  float: left;
  width: calc(100% - 70%);
  padding-top: 58px;
  margin-left: 100px;
}
.custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box > h3 {
  margin-bottom: 25px;
  line-height: 4.2rem;
  text-align: left;
  font-size: 3.6rem;
  color: var(--text-color-black);
  font-family: var(--font-family-pacifico);
}
.custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box > p {
  line-height: 3.3rem;
  text-align: left;
  font-size: 2.3rem;
  color: var(--text-color-56);
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box > p > span {
  color: var(--primary-indigo);
  font-weight: 700;
}
.container .clasf-step-wrap {
  display: inline-block;
  width: 100%;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.clasf-step-wrap .clasf-step {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.clasf-step-wrap .clasf-step:after {
  content: "";
  display: block;
  clear: both;
}
.clasf-step .step-arrow {
  display: block;
  width: 100%;
  height: 30px;
  margin: 0 0 15px;
  background: url(/images/renewal/icon/icon_next_step2.png) no-repeat 50% 50%;
}
.clasf-step .step {
  display: block;
  width: 100%;
}
.clasf-step .step .step-box {
  display: inline-block;
  float: left;
  width: auto;
  height: 25px;
  padding: 0 8px;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-black);
  font-family: var(--font-family-saira);
  border-radius: 3px;
  background: var(--interest-step-bg-color);
}
.clasf-step .step .step-box.on {
  color: var(--text-color-white);
  background: var(--interest-step-on-bg-color);
}
.clasf-step .step > p {
  float: left;
  width: 100%;
  margin-top: 30px;
  line-height: 2.7rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.clasf-step .step > ul {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.clasf-step .step > ul > li {
  float: left;
  width: auto;
  margin-right: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
/*.clasf-step .step > ul > li > input{ display: none;}*/
.clasf-step .step > ul > li > input + label {
  display: inline-block;
  float: left;
  width: auto;
  height: 39px;
  padding: 0 18px;
  line-height: 3.9rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 50px;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white);
  cursor: pointer;
}
.clasf-step .step > ul > li > input:checked + label {
  color: var(--primary-indigo);
  border: 1px solid var(--primary-indigo);
  background: #ffffff;
}
.clasf-step .step img.empty-step-img {
  margin: 20px auto 10px;
}
.clasf-step .step p.empty-step-txt {
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 3rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}

.my-interest-wrap {
  width: 100%;
  height: auto;
  padding: 30px 0;
  background: var(--interest-list-bg-color);
  box-sizing: border-box;
}
.my-interest-wrap > div {
}
.my-interest-wrap > div > h3 {
  line-height: 32px;
  text-align: left;
  font-size: 22px;
  color: var(--text-color-34);
  font-family: var(--font-family-gmarket_sans);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.my-interest-wrap > div > ul {
  display: inline-block;
  margin-left: 50px;
}
.my-interest-wrap > div > ul > li {
  float: left;
  width: auto;
  padding: 15px 20px;
  margin-right: 10px;
  border-radius: 50px;
  background: var(--primary);
}
.my-interest-wrap > div > ul > li:last-child {
  margin-right: 0;
}
.my-interest-wrap > div > ul > li > p {
  float: left;
  width: auto;
  line-height: 1.7rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-white);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-interest-wrap > div > ul > li > button {
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(/images/renewal/icon/icon_del_interest.png) no-repeat 50% 50%;
}

.btn-save-interest {
  width: auto;
  height: 52px;
  padding: 0 23px;
  line-height: 5.2rem;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  letter-spacing: -0.02em;
  border-radius: 5px;
  border: none;
  background: var(--interest-save-bg-color);
}
.btn-save-interest > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_pin.png) no-repeat 50% 50%;
}

.intCategory_window .popup-content {
  overflow-y: auto;
  height: 536px;
  padding: 0;
}
.intCategory_window .clasf-step-wrap {
  padding: 30px 25px 0;
}
.intCategory_window .clasf-step-wrap .step .step-box {
  height: auto;
  padding: 0;
  background: transparent;
  font-weight: 500;
  font-size: 12px;
  color: #757575;
  line-height: 20px;
}
.intCategory_window .clasf-step .step {
  width: 100%;
  min-height: auto;
}
.intCategory_window .clasf-step .step:after {
  content: "";
  display: block;
  clear: both;
}
.intCategory_window .clasf-step .step > p {
  margin-top: 0;
  font-size: 18px;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.intCategory_window .clasf-step .step > ul {
  margin-top: 20px;
}
.intCategory_window .clasf-step .step > ul > li > a {
  display: inline-block;
  height: auto;
  padding: 8px 15px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.intCategory_window .clasf-step .step > ul > li > a.active,
.intCategory_window .clasf-step .step > ul > li > a:focus {
  padding-left: 38px;
  color: var(--primary-indigo);
  border: 1px solid var(--primary-indigo);
  background: #ffffff url("../../images/renewal/icon/icon_setting_chk.png")
    no-repeat 15px center;
}
.intCategory_window .my-interest-wrap {
  padding: 30px 20px;
}
.intCategory_window .my-interest-wrap > div {
  width: 100%;
}
.intCategory_window .my-interest-wrap > div > h3 {
  display: block;
  margin-bottom: 10px;
  font-family: var(--font-family-noto_sans_kr);
  font-size: 1.8rem;
  font-weight: 700;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.intCategory_window .my-interest-wrap > div > ul {
  display: block;
  width: 100%;
  margin-left: -10px;
}
.intCategory_window .my-interest-wrap > div > ul:after {
  content: "";
  display: block;
  clear: both;
}
.intCategory_window .my-interest-wrap > div > ul > li {
  margin-right: 0;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 9px 12px 10px 18px;
  border-radius: 5px;
}
.intCategory_window .btn-save-interest {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
}
.intCategory_window .btn-save-interest:focus {
  outline: auto;
  background: var(--primary-indigo);
}
.intCategory_window .btn-save-interest:disabled {
  background: #cacaca;
  cursor: auto;
}

/* ====================== 교수Lab실 ======================== */
/* 교수Lab실 공통 */
.prfs-page-tit {
  background: url("/images/renewal/bg/bg_prfsLab.png") no-repeat center center;
  background-size: cover;
}
.prfs-wrap > h2 {
  margin-bottom: 1em;
  line-height: 1.5em;
  text-align: left;
  font-size: 2.5em;
  color: var(--text-color-34);
  font-family: var(--font-family-gmarket_sans);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.prfs-wrap ul.list-filter {
  float: right;
  margin-bottom: 30px;
}
.prfs-wrap ul.list-filter > li {
  float: left;
  display: inline-block;
  width: auto;
  padding: 0 15px;
  line-height: 18px;
  text-align: left;
  font-size: 15px;
  color: #666;
  font-weight: 400;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.prfs-wrap ul.list-filter > li:last-child {
  padding-right: 0;
  background: url(../../images/bg/bg_list_line.png) no-repeat 0 50%;
}
.prfs-wrap ul.list-filter > li > i {
  display: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 5px;
  background: url(../../images/renewal/icon/icon_filter.png) no-repeat 50% 50%;
}
.prfs-wrap ul.list-filter > li.on {
  font-weight: 500;
  color: #3e2594;
}
.prfs-wrap ul.list-filter > li.on > i {
  display: inline-block;
}
.prfs-list {
  display: inline-block;
  width: 100%;
}
.prfs-list > li {
  position: relative;
  float: left;
  width: 236px;
  height: 245px;
  margin-right: 2.5em;
  border-radius: 5px;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
  cursor: pointer;
}
.prfs-list > li:last-child {
  margin-right: 0;
}
.prfs-list > li > .rank-tag {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 1.4em;
  color: var(--text-color-white);
  font-family: var(--font-family-montserrat);
  font-weight: 700;
  border-radius: 5px;
}
.prfs-list > li.rank-1 > .rank-tag {
  background: var(--best-prfs-rank1-bg-color);
}
.prfs-list > li.rank-2 > .rank-tag {
  background: var(--best-prfs-rank2-bg-color);
}
.prfs-list > li.rank-3 > .rank-tag {
  background: var(--best-prfs-rank3-bg-color);
}
.prfs-list > li.rank-4 > .rank-tag {
  background: var(--best-prfs-rank4-bg-color);
}
.prfs-list > li.rank-5 > .rank-tag {
  background: var(--best-prfs-rank5-bg-color);
}
.prfs-list > li > .prfs-img {
  display: block;
  position: relative;
  width: 100%;
  height: 147px;
  border-radius: 5px;
  overflow: hidden;
  background: #f9f9f9;
}
.prfs-list > li > .prfs-img:focus {
  outline: auto;
}
.prfs-list > li > .prfs-img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prfs-list > li > .prfs-img a:focus {
  outline: auto;
}
.prfs-list > li > .prfs-img .prfs-img-box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.prfs-list > li > .prfs-img img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.prfs-list > li > .prfs-info {
  display: inline-block;
  width: 100%;
  height: 100px;
  padding: 1.8em;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
}
.prfs-list > li > .prfs-info a {
  display: block;
  width: 100%;
  height: 100%;
}
.prfs-list > li > .prfs-info .prfs-nm {
  display: inline-block;
  overflow: hidden;
  float: left;
  width: 100%;
  line-height: 1.3em;
  text-align: left;
  font-size: 1.8em;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* .prfs-list > li > .prfs-info .prfs-clasf{ display: inline-block; float: right; width: auto; height: 23px; padding: 0 1em; line-height: 1.8em; text-align: center; font-size: 1.2em; color: var(--primary-indigo); font-weight: 500; letter-spacing: -0.02em; border-radius: 3px; background: var(--prfs-sbjct-bg-color);} */
.prfs-list > li > .prfs-info .prfs-sbjct {
  float: left;
  width: 100%;
  margin-top: 10px;
  line-height: 16px;
  text-align: left;
  font-size: 1.3em;
  color: var(--text-color-75);
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prfs-wrap > .prfs-search-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 76px;
  padding: 14px 0;
  margin: 30px 0;
  text-align: center;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray);
  box-sizing: border-box;
}
.prfs-wrap > .prfs-search-wrap h3 {
  margin-right: 20px;
  line-height: 46px;
  text-align: left;
  font-size: 1.8em;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.prfs-wrap > .prfs-search-wrap .prfs-search {
  display: inline-block;
  position: relative;
}
.prfs-wrap > .prfs-search-wrap .prfs-search > .k-dropdown {
  float: left;
  width: 170px;
  border-radius: 5px;
}
.prfs-wrap > .prfs-search-wrap .prfs-search > .select {
  width: 170px;
  border-radius: 5px;
}
.prfs-wrap
  > .prfs-search-wrap
  .prfs-search
  > .k-dropdown
  .k-dropdown-wrap
  .k-input {
  padding-left: 1em;
}
.prfs-wrap > .prfs-search-wrap .prfs-search #searchText {
  width: 430px;
  margin-left: 10px;
  border-radius: 5px;
}
.prfs-wrap > .prfs-search-wrap .prfs-search button#schPrfs {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border: none;
  background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;
  cursor: pointer;
}
.prfs-wrap .btn-more-conts {
  margin-bottom: 30px;
}

/* 교수Lab실 강사목록 */
#bestPrfsList.prfs-list > li {
  cursor: pointer;
}
#bestPrfsList.prfs-list > li:hover {
  border: 1px solid var(--border-gray-e8);
}
#bestPrfsList.prfs-list > li:hover .prfs-img {
  border-radius: 0;
}
#bestPrfsList.prfs-list > li:hover > .prfs-info {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--prfs-list-hover-bg-color-opacity);
}
#bestPrfsList.prfs-list > li:hover > .prfs-info .prfs-nm {
  color: var(--text-color-white);
}
#bestPrfsList.prfs-list > li:hover > .prfs-info .prfs-sbjct {
  color: var(--text-color-white);
}
.prfs-list > li:hover > .prfs-info .prfs-sbjct {
  color: var(--text-color-white);
}
#prfsList.prfs-list > li {
  border: none;
  margin-bottom: 30px;
}
#prfsList.prfs-list > li:nth-child(5n) {
  margin-right: 0;
}
#prfsList.prfs-list > li > .prfs-info {
  padding: 18px 0;
}
#prfsList.prfs-list > li > .prfs-info .prfs-dvs {
  float: left;
  width: 100%;
  height: 16px;
  margin-top: 10px;
  text-align: left;
  font-size: 1.3em;
  color: var(--text-color-75);
  font-weight: 400;
  letter-spacing: -0.02em;
}
#prfsList.prfs-list > li > .prfs-info .btn-zone {
  display: none;
  width: 100%;
  margin-top: 10px;
}
#prfsList.prfs-list > li > .prfs-info .btn-zone > li {
  float: left;
  width: calc(50% - 3.5px);
  height: 28px;
}
#prfsList.prfs-list > li > .prfs-info .btn-zone > li:first-child {
  margin-right: 7px;
}
#prfsList.prfs-list > li > .prfs-info .btn-zone > li > button {
  width: 100%;
  height: 100%;
  line-height: 26px;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: -0.02em;
  color: var(--text-color-white);
  border-radius: 3px;
  border: 1px solid var(--prfs-list-more-btn-border-color);
  box-sizing: border-box;
}
#prfsList.prfs-list > li > .prfs-info .btn-zone > li > button > i {
  display: inline-block;
  width: 10px;
  height: 26px;
  vertical-align: middle;
  margin-left: 6px;
  background: url(/images/renewal/icon/icon_prfs_btn_arr.png) no-repeat 50% 50%;
}
/* #prfsList.prfs-list > li:hover .prfs-img{ height: 100%;} */
#prfsList.prfs-list > li:hover > .prfs-info {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100px;
  padding: 20px;
  background: var(--prfs-list-hover-bg-color-opacity);
}
#prfsList.prfs-list > li:hover > .prfs-info .prfs-nm {
  color: var(--text-color-white);
}
#prfsList.prfs-list > li:hover > .prfs-info .prfs-dvs {
  display: none;
}
#prfsList.prfs-list > li:hover > .prfs-info .btn-zone {
  display: inline-block;
}
#prfsList.prfs-list > li.empty-list {
  width: 100%;
  padding: 5em 0 8em;
}
#prfsList.prfs-list > li.empty-list > img {
  margin: 0 auto 2em;
}
#prfsList.prfs-list > li.empty-list > p {
  line-height: 1.5em;
  text-align: center;
  font-size: 1.6em;
  font-weight: 300;
  color: var(--text-color-66);
  letter-spacing: -0.02em;
}
#prfsList.prfs-list > li.empty-list > p > span {
  font-weight: 700;
  color: var(--primary-indigo);
}

/* 교수Lab실 > 프로필 */
.contents.prfs-profile-wrap {
  width: 100%;
}
.contents.prfs-profile-wrap .profile-wrap.default-tab > ul {
  width: 1280px;
  margin: 0 auto !important;
}
.profile-wrap .profile-top {
  display: inline-block;
  width: 1280px;
  height: 190px;
  margin: 0 auto;
}
.profile-wrap .profile-top .profile-img {
  float: left;
  position: relative;
  width: 306px;
  height: 190px;
  margin-right: 40px;
  border-radius: 5px;
  overflow: hidden;
}
.profile-wrap .profile-top .profile-img > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.profile-wrap .profile-top .profile-info {
  float: left;
  width: calc(100% - 346px);
  height: 190px;
  padding-top: 13px;
}
.profile-wrap .profile-top .profile-info-top {
  display: flex;
  justify-content: space-between;
}
.profile-wrap .profile-top .profile-info .profile-info-top h3,
.profile-wrap .profile-top .profile-info > h3 {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  line-height: 52px;
  text-align: left;
  font-size: 2.5em;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.03em;
}
.profile-wrap .profile-top .profile-info .profile-info-top h3 > span,
.profile-wrap .profile-top .profile-info > h3 > span {
  margin-right: 10px;
  font-weight: 700;
}
.profile-wrap .profile-top .profile-info .prfs-sub-btn {
  flex-shrink: 0;
  float: right;
  width: calc(100% - 35.7%);
  height: 48px;
}
.profile-wrap .profile-top .profile-info .prfs-sub-btn button {
  float: left;
  width: auto;
  min-width: 127px;
  height: 48px;
  margin-left: 7px;
  padding: 0 15px;
  line-height: 4.8rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-white);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 5px;
  border: none;
}
.profile-wrap .profile-top .profile-info .prfs-sub-btn > button.prfs-home {
  color: var(--text-color-34);
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
}
.prfs-sub-btn button.prfs-qstn {
  background: var(--bg-primary);
}
.prfs-sub-btn button.prfs-lib {
  background: var(--bg-primary-4);
}
.prfs-sub-btn button.prfs-brd {
  background: var(--bg-primary-6);
}
.prfs-sub-btn button.prfs-qstn:focus {
  outline-color: #000;
}
.prfs-sub-btn button.prfs-lib:focus {
  outline-color: #000;
}
.prfs-sub-btn button.prfs-brd:focus {
  outline-color: #000;
}
.prfs-sub-btn > button > i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
.prfs-sub-btn button.prfs-qstn > i {
  background: url(/images/renewal/icon/icon_cmnc.png) no-repeat 50% 50%;
}
.prfs-sub-btn button.prfs-lib > i {
  background: url(/images/renewal/icon/icon_lib.png) no-repeat 50% 50%;
}
.prfs-sub-btn button.prfs-brd > i {
  background: url(/images/renewal/icon/icon_board.png) no-repeat 50% 50%;
}
.profile-wrap .profile-top .profile-info > ul {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--border-gray-e8);
}
.profile-wrap .profile-top .profile-info > ul > li {
  float: left;
  width: 100%;
  height: 30px;
}
.profile-wrap .profile-top .profile-info > ul > li > p {
  display: inline-block;
  float: left;
  min-width: 90px;
  margin-right: 10px;
  line-height: 2em;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.profile-wrap .profile-top .profile-info > ul > li > p > i {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: 8px;
  margin-right: 10px;
}
.profile-wrap .profile-top .profile-info > ul > li.dvs > p > i {
  background: url(/images/renewal/icon/icon_dvs.png) no-repeat 50% 50%;
}
.profile-wrap .profile-top .profile-info > ul > li.mail > p > i {
  background: url(/images/renewal/icon/icon_mail.png) no-repeat 50% 50%;
}
.profile-wrap .profile-top .profile-info > ul > li > p + p {
  color: var(--text-color-56);
  font-weight: 400;
}
.profile-wrap .profile-bot.line-point-tab .k-tabstrip-items li.k-item {
  margin-right: 30px;
}
.profile-wrap
  .profile-bot.line-point-tab
  .k-tabstrip-items
  li.k-item
  span.k-link {
  padding: 0 5px;
}
.profile-wrap .profile-bot > ul {
  width: 1280px;
  margin: 30px auto 0 !important;
}
.profile-wrap .profile-bot-wrap {
  width: 100%;
  padding: 20px 0 100px;
  background: var(--bg-white-gray-2);
}
.profile-wrap .profile-bot-wrap .prfs-cont {
  width: 1280px;
  margin: 0 auto;
}
.profile-wrap .profile-bot-wrap .prfs-cont > h4 {
  line-height: 5rem;
  text-align: left;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.profile-wrap .profile-bot-wrap .prfs-cont .career-list {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0 25px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: var(--bg-white);
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .career-list > li {
  float: left;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-gray-e8);
}
.profile-wrap .profile-bot-wrap .prfs-cont .career-list > li:last-child {
  border-bottom: none;
}
.profile-wrap .profile-bot-wrap .prfs-cont .career-list > li > p {
  float: left;
  min-width: 130px;
  padding-left: 15px;
  line-height: 30px;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .career-list > li > span {
  display: inline-block;
  float: left;
  width: calc(50% - 130px);
  padding-left: 15px;
  line-height: 30px;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0 25px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: var(--bg-white);
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li {
  display: flex;
  float: left;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-gray-e8);
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li:last-child {
  border-bottom: none;
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p {
  display: inline-block;
  float: left;
  min-width: 90px;
  padding-left: 15px;
  line-height: 30px;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p + p {
  padding: 0 15px;
  min-width: 200px;
  color: var(--text-color-56);
  font-weight: 400;
}
.profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p + p + p {
  padding: 0 15px;
  color: var(--text-color-56);
  font-weight: 400;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list {
  display: inline-block;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  border-radius: 5px;
  background: var(--bg-white);
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list#cmpEduList {
  margin-bottom: 30px;
  margin-left: 0;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li {
  display: flex;
  float: left;
  width: 100%;
  padding: 20px;
  border-top: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li:first-child {
  border-top: none;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list#rctEduList > li {
  padding: 20px;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-thumb {
  position: relative;
  float: left;
  flex: none;
  width: 156px;
  height: 92px;
  margin: 9.5px 20px 0 0;
  border-radius: 3px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-thumb > span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 1.1em;
  color: var(--text-color-white);
  font-weight: 700;
  letter-spacing: -0.05em;
  border-radius: 3px 0 0 0;
  background: var(--edu-cmplt-y-bg-color);
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-thumb img {
  width: 156px;
  height: 92px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-thumb.thumb-none {
  padding-top: 49px;
  line-height: 2rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-radius: 3px;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    21px #e8e8e8;
  background-size: 23px;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info {
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info > span {
  display: inline-block;
  float: left;
  width: auto;
  height: 23px;
  padding: 0 8px;
  margin-right: 4px;
  line-height: 23px;
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.05em;
  border-radius: 4px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.red {
  color: var(--badge-live-text-color);
  border: 1px solid var(--badge-live-line-color);
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.purple {
  color: var(--badge-purple-text-color);
  border: 1px solid var(--badge-purple-line-color);
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.black {
  color: var(--badge-black-text-color);
  border: 1px solid var(--badge-black-line-color);
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.navy {
  color: var(--badge-navy-text-color);
  border: 1px solid var(--badge-navy-line-color);
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.gray {
  color: var(--badge-gray-text-color);
  border: 1px solid var(--badge-gray-line-color);
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > span.green {
  color: var(--badge-green-text-color);
  border: 1px solid var(--badge-green-line-color);
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info > p {
  float: left;
  width: 100%;
  height: 25px;
  margin-top: 5px;
  line-height: 25px;
  text-align: left;
  font-size: 17px;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info > ul {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > ul
  > li {
  float: left;
  width: auto;
  height: 19px;
  padding-right: 15px;
  margin-top: 5px;
  margin-right: 15px;
  line-height: 19px;
  text-align: left;
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
  background-size: 1px 11px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > ul
  > li:last-child {
  background: none;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > ul
  > li
  > span {
  float: left;
  color: var(--text-color-66);
  font-weight: 400;
  margin-right: 10px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-info
  > ul
  > li
  > p {
  display: inline-block;
  float: left;
  color: var(--text-color-34);
  font-weight: 400;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-etc {
  display: flex;
  flex: none;
  flex-direction: column;
  margin-left: auto;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#rctEduList
  > li
  > .edu-etc.edu-btn {
  min-width: 130px;
  max-width: 220px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score {
  width: 78px;
  height: 78px;
  padding: 14.5px 0;
  margin: auto 0;
  border-radius: 5px;
  background: var(--bg-white-gray-4);
  box-sizing: border-box;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > span {
  line-height: 19px;
  text-align: center;
  font-size: 1.4em;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > p {
  line-height: 2em;
  font-size: 1.6em;
  color: var(--text-color-black);
  font-family: var(--font-family-saira);
  font-weight: 400;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > p
  > span {
  text-align: center;
  font-size: 1.5em;
  font-family: var(--font-family-saira);
  font-weight: 700;
  letter-spacing: -0.04em;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > ul {
  display: inline-block;
  width: 100%;
  height: 18px;
  text-align: center;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > ul
  > li {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list#cmpEduList
  > li
  > .edu-etc.edu-score
  > ul
  > li:last-child {
  margin-right: 0;
}
.profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-etc > button {
  width: auto;
  min-width: 130px;
  height: 44px;
  padding: 12px 10.5px;
  margin-top: 7px;
  border-radius: 3px;
}
.profile-wrap
  .profile-bot-wrap
  .prfs-cont
  .edu-list
  > li
  > .edu-etc
  > button
  > span {
  line-height: inherit;
  text-align: center;
  font-size: 1.4em;
  letter-spacing: -0.02em;
}
.profile-wrap .profile-bot-wrap .prfs-cont ul > li.empty-list {
  flex-direction: column;
}
.profile-wrap .profile-bot-wrap .prfs-cont ul > li.empty-list > img {
  display: block;
  margin: 15px auto;
}
.profile-wrap .profile-bot-wrap .prfs-cont ul > li.empty-list > p {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--text-color-66);
  font-weight: 350;
  letter-spacing: -0.02em;
}
.profile-wrap .profile-bot-wrap .prfs-cont .prfs-cont-box {
  width: 100%;
  padding: 12px 25px;
  border-radius: 5px;
  background: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  text-align: left;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.prfs-cont-box ul,
.prfs-cont-box ul li {
  list-style: disc;
}

/* 교수Lab실 > 서브공통 */
.prfs-sub-wrap .prfs-sub-top {
  display: inline-block;
  width: 100%;
  height: 64px;
  margin: 30px 0;
}
.prfs-sub-wrap .prfs-sub-top > .thumbnail {
  float: left;
  display: inline-block;
  width: 62px;
  height: 62px;
  margin-right: 20px;
  border-radius: 100%;
  border: 1px solid #e8e8e8;
  background-color: #f8f8f9;
  background-size: 100% 100% !important;
  overflow: hidden;
}
.prfs-sub-wrap .prfs-sub-top > h3 {
  float: left;
  display: inline-block;
  width: auto;
  margin: 8px 0;
  line-height: 4.8rem;
  text-align: left;
  font-size: 2.4rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.03em;
}
.prfs-sub-wrap .prfs-sub-top > h3 > span {
  font-weight: 700;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn {
  float: right;
  width: auto;
  height: 48px;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button {
  float: left;
  width: auto;
  min-width: 127px;
  height: 48px;
  margin-left: 7px;
  padding: 0 15px;
  line-height: 4.6rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-white);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 5px;
  border: none;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button:focus {
  border: 2px solid #121212 !important;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-home {
  color: var(--text-color-34);
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
}
/*.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-qstn{ background: var(--bg-primary);}*/
/*.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-lib{ background: var(--bg-color-63);}*/
/*.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-brd{ background: var(--primary-black);}*/
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button > i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-qstn > i {
  background: url(/images/renewal/icon/icon_cmnc.png) no-repeat 50% 50%;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-lib > i {
  background: url(/images/renewal/icon/icon_lib.png) no-repeat 50% 50%;
}
.prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-brd > i {
  background: url(/images/renewal/icon/icon_board.png) no-repeat 50% 50%;
}
.prfs-sub-wrap .prfs-middl {
  margin-bottom: 20px;
}
.prfs-middl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prfs-middl .search-wrap {
  margin: 0;
}

.prfs-sub-wrap .search-wrap {
  float: left;
}
.prfs-sub-wrap .grid-wrap {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.prfs-brd-cont {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
  border-top: 1px solid var(--border-gray-thick);
}
.prfs-brd-cont .prfs-brd-tit {
  display: inline-block;
  width: 100%;
  padding: 25px 20px;
}
.prfs-brd-cont .prfs-brd-tit > h4 {
  margin-bottom: 10px;
  line-height: 3.2rem;
  text-align: left;
  font-size: 2rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info {
  width: 100%;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li {
  float: left;
  width: auto;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 3.5rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li:last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li > .thumbnail {
  display: inline-block;
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 100%;
  border: 1px solid var(--bg-white-gray-2);
  box-sizing: border-box;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li > p {
  display: inline-block;
  float: left;
}
.prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li > #viewIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_view.png) no-repeat 50% 50%;
}
.prfs-brd-cont #brdCont {
  width: 100%;
  min-height: 375px;
  padding: 20px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-34);
  border-top: 1px solid var(--border-gray-dd);
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.prfs-brd-cont #fileDiv {
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
}
.prfs-brd-cont .prfs-bot-btn {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 30px 0;
}
.prfs-brd-cont .prfs-bot-btn .btn-list {
  margin-left: 7px;
}
.prfs-brd-cont .answer-wrap {
  width: 100%;
  padding: 25px;
  margin-bottom: 30px;
  background: var(--bg-white-blue-2);
  box-sizing: border-box;
}
.prfs-brd-cont .answer-wrap > p {
  line-height: 3rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.prfs-brd-cont .answer-wrap > p > span {
  color: var(--text-color-primary);
  font-weight: 700;
}
.prfs-brd-cont .answer-wrap > p + p {
  margin-top: 10px;
  line-height: 2.8rem;
}
.prfs-brd-cont .reply {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}
.prfs-brd-cont .reply > h4 {
  margin-bottom: 15px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
}
.prfs-brd-cont .reply > h4 > span {
  color: var(--primary-indigo);
}
.prfs-brd-cont .reply .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.prfs-brd-cont .reply .enter-wrap > button {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  background: var(--primary-black);
  box-sizing: border-box;
}
.prfs-brd-cont #replyList {
  display: inline-block;
  width: 100%;
}
.prfs-brd-cont #replyList > li {
  float: left;
  width: 100%;
  padding: 20px 10px;
  border-bottom: 1px dashed var(--border-gray-dd);
  box-sizing: border-box;
}
.prfs-brd-cont #replyList > li > p.none-reply {
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 1.4rem;
}
.prfs-brd-cont #replyList > li > p {
  display: inline-block;
  width: auto;
  float: left;
}
.prfs-brd-cont #replyList > li > .reply-nm {
  padding-right: 13px;
  margin-right: 13px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.prfs-brd-cont #replyList > li > .reply-dtm {
  margin-right: 15px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.prfs-brd-cont #replyList > li > .del-reply {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.prfs-brd-cont #replyList > li > .reply-cont {
  width: 100%;
  margin-top: 8px;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.prfs-brd-cont #replyList > li:last-child {
  border-bottom: none;
}

/* 교수Lab실 > 질문방(목록) */
.prfs-qstn-wrap #qstnList {
  display: inline-block;
  width: 100%;
  border-top: 1px solid var(--border-gray-dd);
}
.prfs-qstn-wrap #qstnList .k-grid-header {
  display: none;
}
.prfs-qstn-wrap #qstnList .qstn-list {
  width: 100%;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit {
  display: inline-block;
  float: left;
  width: 100%;
  height: 60px;
  padding: 15px;
  box-sizing: border-box;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > a {
  float: left;
  line-height: 3rem;
  text-align: left;
  font-size: 1.7rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > .ans-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 30px;
  padding: 0 8px;
  line-height: 3rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-left: 10px;
  border-radius: 3px;
  box-sizing: border-box;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > .ans-tag.wait {
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-dd);
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > .ans-tag.cmplt {
  color: var(--primary-2);
  border: 1px solid var(--primary-2);
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > .scrt-tag {
  display: inline-block;
  float: left;
  width: 25px;
  height: 30px;
  margin-left: 15px;
  background: url(/images/renewal/icon/icon_Lock.png) no-repeat 50% 50%;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul {
  display: inline-block;
  float: right;
  width: auto;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul > li {
  float: left;
  width: auto;
  padding-right: 15px;
  margin-right: 15px;
  line-height: 3rem;
  text-align: right;
  font-size: 1.4rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul > li:last-child {
  padding-right: 0;
  margin-right: 0;
  background: none;
}
.prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul > li > span {
  display: inline-block;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 100%;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 15px;
  background: var(--bg-white-gray-6);
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .thumbnail {
  float: left;
  width: 100px;
  height: 60px;
  margin-right: 20px;
  border-radius: 3px;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .thumbnail.thumb-none {
  padding-top: 35px;
  line-height: 2rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    10px #e8e8e8;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .sbjct-tit {
  float: left;
  width: calc(100% - 120px);
  margin-bottom: 10px;
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-56);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul {
  float: left;
  width: calc(100% - 120px);
  height: 20px;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul > li {
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  line-height: 2rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul > li > span {
  margin-right: 10px;
  color: var(--text-color-66);
  font-weight: 400;
}
.prfs-qstn-wrap #qstnList .qstn-list .sbjct-info td .thumbnail.thumb-none {
  padding-top: 25px;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    10px #e8e8e8;
}
.prfs-qstn-wrap #qstnList .none-data {
  height: 200px;
  padding-top: 100px;
}
.prfs-qstn-wrap #qstnList .none-data img {
  display: block;
  margin: 0 auto 20px;
}
.prfs-qstn-wrap #qstnList .none-data p {
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #757575;
  font-weight: 400;
}

/* 소통하기 팝업 */
#commuPopup {
  width: 100%;
  padding: 0;
  background: var(--bg-white-gray-);
}
#commuPopup ul#chatList {
  display: inline-block;
  float: left;
  width: 100%;
  height: 425px;
  padding: 20px;
  background: #f8f8f8;
  box-sizing: border-box;
  overflow-y: auto;
}
#commuPopup ul#chatList > li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#commuPopup ul#chatList > li > span.cch-cir {
  display: inline-block;
  float: left;
  width: 52px;
  height: 52px;
  padding: 17.5px 0;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-right: 15px;
  border-radius: 100%;
  background: #2269d1;
  box-sizing: border-box;
}
/* #commuPopup ul#chatList > li > div{ min-width: 500px;} */
#commuPopup ul#chatList > li > div > p {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 12px 24px;
  margin-top: 3.5px;
  line-height: 20px;
  text-align: left;
  font-size: 14px;
  color: #343434;
  font-weight: 500;
  border-radius: 30px;
  box-sizing: border-box;
}
#commuPopup ul#chatList > li.chat-left > span.prfs-img {
  display: inline-block;
  float: left;
  width: 61px;
  height: 61px;
  margin-top: 15px;
  margin-right: 15px;
}
#commuPopup ul#chatList > li.chat-left > div.chat-cont {
  float: left;
  width: calc(100% - 76px);
}
#commuPopup ul#chatList > li.chat-left > div.chat-cont > span {
  float: left;
  width: 100%;
  line-height: 18px;
  text-align: left;
  font-size: 12px;
  color: var(--text-color-56);
}
#commuPopup ul#chatList > li.chat-left > div.chat-cont > p {
  float: left;
  max-width: 400px;
  margin-top: 4px;
  margin-right: 15px;
  border-radius: 0 10px 10px 10px;
  background: var(--commu-pop-white-bg-color);
  box-shadow: 2px 2px 3px var(--commu-pop-shadow-color);
}
#commuPopup ul#chatList > li.chat-right > div.chat-cont {
  width: 100%;
}
#commuPopup ul#chatList > li.chat-right > div.chat-cont > p {
  float: right;
  max-width: 500px;
  margin-left: 15px;
  border-radius: 10px 0 10px 10px;
  background: var(--commu-pop-yellow-bg-color);
  box-shadow: -2px 2px 3px var(--commu-pop-shadow-color);
}
#commuPopup ul#chatList > li > div > .time-zone {
  position: absolute;
  bottom: 0;
  width: 145px;
  height: 40px;
}
#commuPopup ul#chatList > li.chat-left > div > .time-zone {
  float: left;
}
#commuPopup ul#chatList > li.chat-right > div > .time-zone {
  float: right;
}
#commuPopup ul#chatList > li .time-zone > p {
  height: 16px;
  font-size: 11px;
  color: var(--text-color-red);
  font-weight: 500;
}
#commuPopup ul#chatList > li .time-zone span.chat-time {
  display: inline-block;
  line-height: 19px;
  text-align: left;
  font-size: 13px;
  color: var(--text-color-66);
  font-weight: 400;
}
#commuPopup ul#chatList > li.chat-left .time-zone > p {
  text-align: left;
}
#commuPopup ul#chatList > li.chat-right .time-zone > p {
  text-align: right;
}
#commuPopup ul#chatList > li.chat-left .time-zone span.chat-time {
  float: left;
}
#commuPopup ul#chatList > li.chat-right .time-zone span.chat-time {
  float: right;
}
#commuPopup .chat-input-wrap {
  display: inline-block;
  float: left;
  width: 100%;
  height: 80px;
  padding: 15px 20px;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid var(--border-gray-e8);
  background: var(--bg-white);
  box-sizing: border-box;
}
#commuPopup .chat-input-wrap > .chat-input {
  float: left;
  width: calc(100% - 63px);
  height: 50px;
  padding: 14px 20px;
  line-height: 20px;
  text-align: left;
  font-size: 14px;
  color: var(--text-color-black);
  font-weight: 500;
  border-radius: 80px;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
#commuPopup .chat-input-wrap > button {
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 13px;
  border-radius: 100%;
  border: none;
  background: url(/images/renewal/icon/icon_commu_send.png) no-repeat 50% 50%
    var(--primary-indigo);
  cursor: pointer;
}

/* 교수Lab실 > 게시판(목록) */
.profile-wrap > div .grid-wrap {
  margin-top: 20px;
}

/* 교수Lab실 > 게시판(상세) */
.profile-wrap .board-detail .detail_content .brd-tit {
  padding: 0 0 3em;
  border-top: none;
}
.profile-wrap .board-detail .detail_content .brd-tit > p {
  margin-bottom: 0.5em;
}

/* 교수Lab실 > 게시판(등록) */
.prfs-qstn-wrap.board-update .prfs-brd-cont {
  margin-top: 20px;
}
.prfs-qstn-wrap.board-update ul.brd-update-wrap {
  margin-top: 0;
  border-top: 0;
}

/* 교수Lab실 > 문의하기 */
#selectWindow ul.istr-select-list {
  display: inline-block;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
}
#selectWindow ul.istr-select-list > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
#selectWindow ul.istr-select-list > li > p {
  float: left;
  width: 80px;
  padding-left: 10px;
  line-height: 40px;
  text-align: left;
  font-size: 15px;
  color: #757575;
  font-weight: 400;
  letter-spacing: -0.02em;
  box-sizing: border-box;
}
#selectWindow ul.istr-select-list > li > div {
  float: left;
  width: calc(100% - 80px);
}

/* ====================== 커뮤니티 ======================== */
.board-page-tit {
  background: url("/images/renewal/bg/bg_board.png") no-repeat center center;
  background-size: cover;
}
/* 커뮤니티 > 공지사항(목록) */
.board-main {
  margin-top: 30px;
  margin-bottom: 50px;
}
.board-main .board-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.k-grid.default-grid tbody td .new-tag {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: var(--i-new) no-repeat 0 0;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -4px;
}
/* khj */
.board-main .btn_right {
  display: flex;
  justify-content: flex-end;
}
.board-main .btn-list {
  float: right;
  margin-left: 10px;
}
.board-list-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 100px; /*padding-top: 2.5em; border-top: 1px solid #343434;*/
}
#m-grid .brd-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  padding: 15px 0;
  border-radius: 0;
  border-bottom: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
#m-grid .brd-list .brd-tag,
#m-grid.k-grid.template-grid .brd-list .brd-tag,
.mobile-grid .brd-list .brd-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 23px;
  padding: 0 10px;
  line-height: 2.1rem;
  text-align: center;
  font-size: 1.1rem;
  color: var(--primary-2);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--primary-2);
  box-sizing: border-box;
}
#m-grid .brd-list .new-tag {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 6px;
  line-height: 13px;
  text-align: center;
  font-family: var(--font-family-montserrat);
  font-size: 0.9rem;
  color: #fff;
  font-weight: 700;
  border-radius: 4.16667px;
  background: var(--primary-2);
}
#m-grid .brd-list .brd-tit {
  float: left;
  width: calc(100% - 20px);
  height: 24px;
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  cursor: pointer;
}
#m-grid .brd-list .brd-date {
  float: left;
  width: auto;
  padding-right: 10px;
  margin-right: 10px;
  line-height: 1.9rem;
  text-align: left;
  font-size: 1.3rem;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
#m-grid .brd-list .view-cnt {
  float: left;
  width: auto;
  line-height: 1.9rem;
  text-align: left;
  font-size: 1.3rem;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.board-bot-btn {
  display: flex;
  justify-content: flex-end;
}
.board-bot-btn .btn-list {
  margin-left: 7px;
}

/* 커뮤니티 > 공지사항(상세) */
.board-detail .detail_content {
  display: inline-block;
  width: 100%;
}
.board-detail .detail_content .brd-tit {
  width: 100%;
  padding: 25px 20px;
  border-top: 1px solid #414146;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  box-sizing: border-box;
}
.board-detail .detail_content .brd-tit > p {
  margin-bottom: 10px;
  line-height: 32px;
  text-align: left;
  font-size: 2.2rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.board-detail .detail_content .brd-tit > span {
  padding: 0 15px;
  line-height: 25px;
  text-align: left;
  font-size: 1.6rem;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(../../images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.board-detail .detail_content .brd-tit > span:first-child {
  padding-left: 0;
}
.board-detail .detail_content .brd-tit > span:last-child {
  background: none;
}
.board-detail .detail_content .cont {
  width: 100%;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
  text-align: left;
  box-sizing: border-box;
}

/* 커뮤니티 > 공지사항(등록) */
.board-update .alert-text {
  text-align: right;
  line-height: 25px;
  font-size: 15px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.board-update .alert-text > span {
  margin-left: 5px;
  color: #d23325;
  font-weight: 500;
}
.board-update ul.brd-update-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  border-top: 1px solid #ddd;
}
.board-update ul.brd-update-wrap > li {
  float: left;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.board-update ul.brd-update-wrap > li:first-child {
  border-top: 1px solid #414146;
}
.board-update ul.brd-update-wrap > li > .brd-th {
  float: left;
  width: 140px;
  padding-left: 15px;
  line-height: 40px;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-black);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.board-update ul.brd-update-wrap > li > .brd-th > span {
  margin-left: 5px;
  color: #d23325;
  font-weight: 500;
}
.board-update ul.brd-update-wrap > li > .brd-td {
  position: relative;
  float: left;
  width: calc(100% - 140px);
  padding: 0 10px;
  text-align: left;
  box-sizing: border-box;
}
.board-update ul.brd-update-wrap > li > .brd-td > p {
  line-height: 40px;
  text-align: left;
  font-size: 15px;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.board-update ul.brd-update-wrap > li > .brd-td .radio22 {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.board-update ul.brd-update-wrap > li > .brd-td .radio22 + label {
  float: none;
}
.board-update ul.brd-update-wrap > li > .brd-td .radio22 + label {
  line-height: 35px;
}
.board-update ul.brd-update-wrap > li > .brd-td .radio22 + label > span {
  margin-top: 7px;
}
#my-file-gird {
  border: none;
}
#my-file-gird .k-grid-norecords .file-empty {
  width: 100%;
}
.board-update .btn-box-wrap,
.detail_content .btn-box-wrap {
  margin: 30px 0;
}

/* 커뮤니티 > FAQ(목록) */
/* ul#faqList{ display: inline-block; width: 100%; margin-bottom: 50px; border: none; border-bottom: 1px solid #e8e8e8; box-shadow: none;} */
#grid.template-grid {
  border: none;
}
#grid .faq-list {
  display: inline-block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
#grid .faq-list > .ques {
  display: flex;
  float: left;
  width: 100%;
  padding: 18px 45px 18px 30px;
  box-sizing: border-box;
}
#grid .faq-list > .ques > span {
  display: inline-block;
  float: left;
  width: 35px;
  line-height: 3.5rem;
  text-align: left;
  font-size: 2rem;
  color: var(--text-color-34);
  font-weight: 800;
  letter-spacing: -0.02em;
  font-family: "Nanum Square";
}
/* #grid .faq-list > .ques > div{ display: inline-block; float: left; width: calc(100% - 135px); line-height: 35px; text-align: left; font-size: 18px; color: #121212; font-weight: 500; letter-spacing: -0.02em;} */
#grid .faq-list > .ques > a {
  display: inline-block;
  float: left;
  width: calc(100% - 235px);
  line-height: 3.5rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-black);
  font-weight: 500;
  letter-spacing: -0.02em;
  word-break: break-all;
}
#grid .faq-list > .ques > button {
  display: inline-block;
  float: left;
  width: auto;
  height: 35px;
  padding: 0 16px;
  margin-left: 7px;
  line-height: 3.3rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid #ddd;
  background: var(--bg-white);
  box-sizing: border-box;
  cursor: pointer;
}
#grid .faq-list > .ques > .ans-control {
  position: absolute;
  right: 30px;
  display: inline-block;
  float: left;
  width: 35px;
  height: 35px;
  margin-left: 30px;
  border-radius: 100%;
  border: none;
  background: url(/images/renewal/sub/icon/icon_faq_open.png) no-repeat 50% 50%
    var(--bg-white-gray-3);
  box-sizing: border-box;
  cursor: pointer;
}
#grid .faq-list > .ques > .ans-control.on {
  color: var(--sorting-on-text-color);
  background: url(/images/renewal/sub/icon/icon_faq_close.png) no-repeat 50% 50%
    var(--bg-white-blue-2);
}
#grid .faq-list > .ques > .ans-control:focus {
  border: 2px solid #000;
}
#grid .faq-list > .ques > button:focus {
  border: 2px solid #000;
}
#grid .faq-list > ul {
  display: none;
  float: left;
  width: 100%;
  padding: 18px 30px;
  border-top: 1px solid var(--border-gray-e8);
  background: var(--text-color-white);
}
#grid .faq-list > ul > li {
  float: left;
  width: 100%;
}
#grid .faq-list > ul > li > span {
  display: inline-block;
  float: left;
  width: 35px;
  line-height: 3.5rem;
  text-align: left;
  font-size: 2rem;
  color: var(--text-color-primary);
  font-weight: 800;
  letter-spacing: -0.02em;
  font-family: "Nanum Square";
}
#grid .faq-list > ul > li > div,
#grid .faq-list > ul > li > p {
  display: inline-block;
  float: left;
  width: calc(100% - 35px);
  line-height: 2.8rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  word-break: break-all;
  cursor: default;
}

/* 커뮤니티 > FAQ(수정) */
.board-update ul.brd-update-wrap > li > .brd-td .k-dropdown.dropdown40 {
  border: 1px solid var(--border-gray-dd);
}

/* 커뮤니티 > 교육문의(목록) */
.qna-main .btn-sorting {
  float: left;
}
.qna-main .board-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.qna-main .grid-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.grid-wrap .k-grid .icon-lock {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(/images/renewal/icon/icon_Lock_gray.png) no-repeat 50% 50%;
}
.qna-main .grid-wrap .k-grid .answer-tag {
  display: inline-block;
  width: auto;
  height: 29px;
  padding: 0 8px;
  margin-right: 10px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 3px;
  box-sizing: border-box;
}
.qna-main .grid-wrap .k-grid .answer-tag.answer-y {
  border: 1px solid var(--primary-2);
  color: var(--primary-2);
}
.qna-main .grid-wrap .k-grid .answer-tag.answer-n {
  border: 1px solid var(--line-color-gray);
  color: var(--text-color-56);
}

/* 커뮤니티 > 교육문의(상세) */
.board-detail .detail_content .brd-tit > span#boardRegNm {
  padding-right: 20px;
  margin-right: 20px;
  line-height: 25px;
  text-align: center;
  font-size: 16px;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.board-detail #fileDiv {
  padding: 15px 0;
  border-bottom: 1px solid var(--line-color-gray);
}
.board-detail .comment {
  display: inline-block;
  width: 100%;
  padding-bottom: 30px; /* border-top: 1px solid var(--line-color-gray); */
  border-bottom: 1px solid var(--line-color-gray);
}
.board-detail .comment #commentList {
  display: inline-block;
  width: 100%;
}
.board-detail .comment #commentList > li {
  float: left;
  width: 100%;
  padding: 20px 15px;
  box-sizing: border-box;
}
.board-detail .comment #commentList > li > span {
  display: inline-block;
  float: left;
  width: 10px;
  height: 27px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_reply.png) no-repeat 0 0;
}
.board-detail .comment #commentList > li > .ans-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 27px;
  padding: 0 12px;
  margin-right: 18px;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 30px;
  background: var(--primary-indigo);
}
.board-detail .comment #commentList > li > .reg-nm {
  display: inline-block;
  float: left;
  width: auto;
  padding-right: 10px;
  margin-right: 7px;
  line-height: 2.7rem;
  text-align: left;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_grey_dot.png) no-repeat 100% 50%;
}
.board-detail .comment #commentList > li > .reg-dtm {
  display: inline-block;
  float: left;
  width: auto;
  line-height: 2.7rem;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.board-detail .comment #commentList > li > .reply-cont {
  float: left;
  width: 100%;
  padding: 20px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.6rem;
  color: #343434;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.board-detail .comment #commentList > li > .del-cmnt {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0 1px 5px;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.board-detail .comment .enter-wrap {
  width: 100%;
}
.board-detail .comment .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.board-detail .comment .enter-wrap > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  border: none;
  background: #071c3a;
}
.qna-detail .reply {
  display: inline-block;
  width: 100%;
}
.qna-detail .reply > h4 {
  margin-bottom: 15px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
}
.qna-detail .reply > h4 > span {
  color: var(--primary-indigo);
}
.qna-detail #replyList {
  display: inline-block;
  width: 100%;
}
.qna-detail #replyList > li {
  float: left;
  width: 100%;
  padding: 20px 15px;
  box-sizing: border-box;
}
.qna-detail #replyList > li > span {
  display: inline-block;
  float: left;
  width: 10px;
  height: 27px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_reply.png) no-repeat 0 0;
}
.qna-detail #replyList > li > .reply-nm {
  display: inline-block;
  float: left;
  width: auto;
  padding-right: 10px;
  margin-right: 7px;
  line-height: 2.7rem;
  text-align: left;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_grey_dot.png) no-repeat 100% 50%;
}
.qna-detail #replyList > li > .reply-dtm {
  display: inline-block;
  float: left;
  width: auto;
  line-height: 2.7rem;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.qna-detail #replyList > li > .reply-cont {
  float: left;
  width: 100%;
  margin-top: 8px;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.qna-detail #replyList > li > .del-reply {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0 1px 5px;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.qna-detail #replyList > li.empty-reply {
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #757575;
  font-weight: 400;
}
.qna-detail #commentList > li.empty-cmnt {
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #757575;
  font-weight: 400;
}
.qna-detail .reply .enter-wrap {
  width: 100%;
}
.qna-detail .reply .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.qna-detail .reply .enter-wrap > button {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  border: none;
  background: #4c4954;
}

/* 커뮤니티 > 동적게시판(목록) */
.dnmc-main .grid-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.dnmc-main .dnmc-cont {
  padding-top: 20px;
}
.dnmc-main .dnmc-cont .noti-tag,
.board-list-wrap .noti-tag,
.grid-wrap .noti-tag,
.default-grid .noti-tag {
  display: inline-block;
  width: auto;
  height: 29px;
  padding: 0 10px;
  margin: 0 auto;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  color: var(--primary-2);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--primary-2);
  box-sizing: border-box;
}
.dnmc-main .dnmc-cont .k-grid .answer-tag {
  display: inline-block;
  width: auto;
  height: 29px;
  padding: 0 8px;
  margin-right: 10px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  border-radius: 3px;
  box-sizing: border-box;
}
.dnmc-main .dnmc-cont .k-grid .answer-tag.answer-y {
  border: 1px solid var(--primary-2);
  color: var(--primary-2);
}
.dnmc-main .dnmc-cont .k-grid .answer-tag.answer-n {
  border: 1px solid var(--line-color-gray);
  color: var(--text-color-56);
}

/* 커뮤니티 > 동적게시판(상세) */
.dnmc-detail #fileDiv {
  border-bottom: 1px solid var(--border-gray-dd);
}
.board-detail.dnmc-detail .comment {
  padding-bottom: 30px;
  border-top: 0;
  border-bottom: 0;
}
.dnmc-detail .reply {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}
.dnmc-detail .reply > h4 {
  margin-bottom: 15px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
}
.dnmc-detail .reply > h4 > span {
  color: var(--primary-indigo);
}
.dnmc-detail .reply .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.dnmc-detail .reply .enter-wrap > button {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  background: var(--primary-black);
  box-sizing: border-box;
}
.dnmc-detail #replyList {
  display: inline-block;
  width: 100%;
}
.dnmc-detail #replyList > li {
  float: left;
  width: 100%;
  padding: 20px 10px;
  border-bottom: 1px dashed var(--border-gray-dd);
  box-sizing: border-box;
}
.dnmc-detail #replyList > li > p.none-reply {
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.dnmc-detail #replyList > li > p {
  display: inline-block;
  width: auto;
  float: left;
}
.dnmc-detail #replyList > li > .reply-nm {
  padding-right: 13px;
  margin-right: 13px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.dnmc-detail #replyList > li > .reply-dtm {
  margin-right: 15px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.dnmc-detail #replyList > li > .del-reply {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.dnmc-detail #replyList > li > .reply-cont {
  width: 100%;
  margin-top: 8px;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.dnmc-detail #replyList > li:last-child {
  border-bottom: none;
}

/* ====================== 마이페이지 ======================== */
/* 마이페이지 공통 */
.my-page-tit {
  background: url("/images/renewal/bg/bg_board.png") no-repeat center center;
  background-size: cover;
}
/* 나의교육인증(목록) */
.cert-wrap > h3 {
  width: 100%;
  margin: 30px 0 15px;
  line-height: 40px;
  text-align: left;
  font-size: 2.5rem;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.cert-wrap > h3 > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 4px 10px;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--text-color-primary2);
  font-family: var(--font-family-montserrat);
  border-radius: 8px;
  background: var(--bg-white-blue-2);
}
.cert-wrap .k-grid.default-grid p {
  justify-content: center;
}
.cert-wrap .k-grid.default-grid .crtf-y {
  color: var(--text-color-34);
}
.cert-wrap .k-grid.default-grid .crtf-n {
  color: var(--text-color-red);
}
.cert-wrap .k-grid.default-grid tbody td > a.cert-nm {
  cursor: pointer;
}
.cert-wrap .k-grid.default-grid tbody td > a.cert-nm:hover {
  text-decoration: underline;
}
.cert-wrap .k-grid.default-grid tbody td > a.cert-info-pop {
  color: var(--primary);
  cursor: pointer;
}
.cert-wrap .k-grid.default-grid .btn-cert-print {
  width: auto;
  height: 40px;
  padding: 0 15px;
  line-height: 3.8rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
  box-sizing: border-box;
}
.cert-wrap .k-grid.default-grid .btn-cert-print > i {
  display: inline-block;
  float: right;
  width: 13px;
  height: 40px;
  margin-left: 8px;
  background: url(/images/renewal/icon/icon_btn_survey.png) no-repeat 50% 50%;
}
/* 나의교육인증(팝업) */
.cert-popup .cert-pop-wrap {
  height: 367px;
  padding: 0 25px;
  overflow-y: scroll;
}
.cert-popup .cert-pop-wrap > ul {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.cert-popup .cert-pop-wrap > ul > li {
  display: flex;
  float: left;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.cert-popup .cert-pop-wrap > ul > li:last-child {
  border-bottom: none;
}
.cert-popup .cert-pop-wrap > ul > li > span {
  width: 100px;
  margin-right: 15px;
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.cert-popup .cert-pop-wrap > ul > li > p {
  line-height: 2.4rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.cert-popup .cert-pop-wrap > ul > li > textarea {
  width: calc(100% - 115px);
  padding: 0;
  line-height: 2.4rem;
  color: var(--text-color-34);
  font-family: var(--font-family-noto_sans_kr) !important;
  font-weight: 500;
  border: none;
}
.cert-popup .cert-pop-wrap > ul.sbj-sts-list > li:nth-child(2) {
  border-bottom: none;
}
.cert-popup .cert-pop-wrap > ul.sbj-sts-list > li:last-child {
  padding: 0;
}
.cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap {
  position: relative;
  width: 100%;
  height: 235px;
  border-radius: 5px 15px;
  border: 1px solid var(--border-gray-e8);
  box-sizing: border-box;
}
.cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap > h3 {
  position: absolute;
  top: 25px;
  left: 30px;
  line-height: 2.3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-black);
  letter-spacing: -0.05em;
}
.cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap > h3 > i {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 3px;
  vertical-align: middle;
  background: url(/images/renewal/bg/bg_gray_dot.png) no-repeat 50% 50%;
}
.cert-popup
  .cert-pop-wrap
  > ul.sbj-sts-list
  > li
  > #sbjChartWrap
  .pieChart-text {
  position: absolute;
  top: 92px;
  right: calc(100% - 65.8%);
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.cert-popup
  .cert-pop-wrap
  > ul.sbj-sts-list
  > li
  > #sbjChartWrap
  .pieChart-text
  > span {
  display: block;
  width: 100%;
  margin-bottom: 3px;
  line-height: 2.7rem;
  text-align: center;
  font-size: 2.5rem;
  color: var(--text-color-34);
  font-weight: 700;
  font-family: var(--font-family-montserrat);
}
.cert-popup .cert-pop-wrap > h3 {
  margin-bottom: 15px;
  line-height: 2rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid {
  border-top: 1px solid var(--border-gray-34);
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .k-grid-header th.k-header {
  border-top: none;
  border-bottom: 1px solid var(--border-gray-e8);
}
.cert-popup
  .cert-pop-wrap
  .k-grid.popup-grid
  .k-grid-header
  th.k-header
  > .k-cell-inner {
  display: table;
  flex: none;
  width: 100%;
  margin: 0;
}
.cert-popup
  .cert-pop-wrap
  .k-grid.popup-grid
  .k-grid-header
  th.k-header
  > .k-cell-inner
  > .k-link {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}
.cert-popup
  .cert-pop-wrap
  .k-grid.popup-grid
  .k-grid-header
  th.k-header
  .k-column-title {
  font-size: 1.5rem;
  color: var(--text-color-black);
  font-weight: 500;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .k-grid-content table tr td {
  padding: 3px 0;
  line-height: 4rem;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .k-grid-content table tr td p {
  line-height: 22px;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .k-grid-norecords p.no-records {
  line-height: 4rem;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid tbody tr:last-child td {
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .cmplt-y {
  color: var(--text-color-34);
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .cmplt-n {
  color: var(--text-color-red);
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .btn-sbj-apply {
  width: auto;
  height: 35px;
  padding: 0 15px;
  line-height: 3.3rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
  box-sizing: border-box;
}
.cert-popup .cert-pop-wrap .k-grid.popup-grid .btn-sbj-apply > i {
  display: inline-block;
  float: right;
  width: 13px;
  height: 35px;
  margin-left: 8px;
  background: url(/images/renewal/icon/icon_btn_survey.png) no-repeat 50% 40%;
}
.cert-popup .cert-pop-btn {
  padding: 13px 0;
  text-align: center;
  border-radius: 0 0 10px 10px;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray-5);
  box-sizing: border-box;
}
.cert-popup .k-i-expand:before {
  display: none;
}
.cert-popup .k-i-collapse:before {
  display: none;
}
.cert-popup .k-widget .k-icon.k-i-collapse,
.cert-popup .k-widget .k-icon.k-i-expand {
}
.cert-popup .k-widget .k-icon.k-i-collapse {
  background: url("../../images/renewal/icon/icon_close.svg") no-repeat center;
}
.cert-popup .k-widget .k-icon.k-i-expand {
  background: url("../../images/renewal/icon/icon_open.svg") no-repeat center;
}

/* 학습캘린더 */
.calendar-wrap {
  position: relative;
}
.calendar-wrap ul.schd-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.calendar-wrap ul.schd-badge > li {
  float: left;
  width: auto;
  margin-right: 20px;
  line-height: 4rem;
  text-align: left;
  font-size: 1.2rem;
  color: var(--text-color-34);
  font-weight: 400;
}
.calendar-wrap ul.schd-badge > li:last-child {
  margin-right: 0;
}
.calendar-wrap ul.schd-badge > li > i.schdl {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  margin: 4px 10px 4px 0;
  line-height: 3.2rem;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  color: var(--text-color-34);
  font-weight: 400;
  border-radius: 100%;
}
.calendar-wrap ul.schd-badge > li > i.schdl.el {
  background: rgba(146, 117, 243, 0.3);
}
.calendar-wrap ul.schd-badge > li > i.schdl.live {
  background: rgba(255, 113, 101, 0.5);
}
.calendar-wrap ul.schd-badge > li > i.schdl.bl {
  background: rgba(71, 136, 232, 0.5);
}
.stdCalendar.k-scheduler {
  border: none;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar {
  overflow: visible;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
  border: none;
  background: none;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-refresh {
  display: none;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar.k-toolbar::before {
  display: none;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current {
  position: absolute;
  left: 33px;
  width: 190px;
  margin-left: 0;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current > span.k-icon {
  display: none;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current > span {
  width: 190px;
  line-height: 4rem;
  text-align: center;
  font-size: 3.2rem;
  color: #35353a;
  font-family: var(--font-family-saira);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation {
  width: 100%;
  margin: 0;
}
.stdCalendar.k-scheduler
  .k-scheduler-toolbar
  .k-scheduler-navigation
  > button
  > .k-icon {
  display: none;
}
.stdCalendar.k-scheduler
  .k-scheduler-toolbar
  .k-scheduler-navigation
  > button.k-nav-prev {
  order: 1;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: url(/images/renewal/icon/btn_prev_month.png) no-repeat 50% 50%
    var(--bg-white);
  box-sizing: border-box;
}
.stdCalendar.k-scheduler
  .k-scheduler-toolbar
  .k-scheduler-navigation
  > button.k-nav-next {
  order: 2;
  position: relative;
  top: 0;
  width: 40px;
  height: 40px;
  margin-left: 0;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: url(/images/renewal/icon/btn_next_month.png) no-repeat 50% 50%
    var(--bg-white);
  box-sizing: border-box;
}
.stdCalendar.k-scheduler
  .k-scheduler-toolbar
  .k-scheduler-navigation
  > button.k-nav-today {
  order: 3;
  width: auto;
  height: 40px;
  padding: 0 15px;
  margin-left: 10px;
  line-height: 4rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: #fff;
  box-sizing: border-box;
}
.stdCalendar.k-scheduler .k-scheduler-layout {
  border-top: 1px solid var(--border-gray-thick);
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-header th {
  height: 43px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 700;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray-6);
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td {
  height: 160px;
  padding: 5px;
  text-align: left;
  border-color: var(--border-gray-e8);
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td .k-nav-day {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 2.8rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 500;
  font-family: var(--font-family-saira);
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-table
  td.k-today
  .k-nav-day {
  color: var(--text-color-white);
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-table
  td.k-today
  .k-link:after {
  top: 0;
  left: 0;
  color: var(--text-color-white);
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content {
  overflow-y: auto;
}
.stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event {
  border: none;
  background: none;
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 5px;
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template
  > h3
  > i.schdl {
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  line-height: 2.2rem;
  text-align: center;
  font-size: 1.1rem;
  font-style: normal;
  color: var(--text-color-black);
  font-family: var(--font-family-malgun_gothic);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-radius: 100%;
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template
  > h3
  > i.schdl.el {
  background: rgba(146, 117, 243, 0.3);
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template
  > h3
  > i.schdl.live {
  background: rgba(255, 113, 101, 0.5);
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template
  > h3
  > i.schdl.bl {
  background: rgba(71, 136, 232, 0.5);
}
.stdCalendar.k-scheduler
  .k-scheduler-layout
  .k-scheduler-content
  .day-template
  > h3
  > a {
  display: inline-block;
  float: left;
  width: calc(100% - 33px);
  height: 23px;
  line-height: 2.3rem;
  text-align: left;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 리스트 */
.schdl-list-wrap > li {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.schdl-list-wrap > li .day {
  flex-shrink: 0;
  width: 48px;
  font-family: var(--font-family-saira);
  font-size: 1.7777rem;
  font-weight: 700;
  color: #343434;
  text-align: center;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.schdl-list-wrap > li div {
  width: calc(100% - 20%);
  padding: 0 10px;
  text-align: left;
}
.schdl-list-wrap > li div a {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #343434;
  line-height: 18px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schdl-list-wrap > li div .schdl {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 7px;
  border-radius: 50%;
}
.schdl-list-wrap > li div .schdl.el {
  background: rgba(146, 117, 243, 0.3);
}
.schdl-list-wrap > li div .schdl.live {
  background: rgba(255, 113, 101, 0.5);
}
.schdl-list-wrap > li div .schdl.bl {
  background: rgba(71, 136, 232, 0.5);
}

/* 나의문의내역(공통) */
.my-ask-wrap > ul.sub-page-list {
  display: inline-block;
  width: 100%;
  height: 55px;
}
.my-ask-wrap > ul.sub-page-list > li {
  float: left;
  width: 50%;
  height: 100%;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid var(--border-gray-thick);
}
.my-ask-wrap > ul.sub-page-list > li.on {
  border: 1px solid var(--border-gray-thick);
  border-bottom: none;
}
.my-ask-wrap > ul.sub-page-list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 5.5rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--text-color-75);
  font-weight: 400;
  letter-spacing: -0.03em;
}
.my-ask-wrap > ul.sub-page-list > li.on > a {
  color: var(--default-tab-color);
  font-weight: 700;
}
.my-ask-wrap .search-wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 20px 0;
}
.my-ask-wrap .search-wrap .select {
  width: 169px;
  margin-right: 7px;
}
.my-ask-wrap #qnaListWrap.k-grid .k-grid-header {
  display: none;
}
.my-ask-wrap #qnaListWrap.k-grid .k-grid-norecords {
  height: 200px;
}
.my-ask-wrap #qnaListWrap.k-grid .k-grid-norecords .template-empty {
  width: 100%;
}
.my-ask-wrap #qnaListWrap.k-grid .k-grid-norecords .template-empty img {
  display: block;
  margin: 0 auto 20px;
}
.my-ask-wrap #qnaListWrap.k-grid .k-grid-norecords .template-empty p {
  line-height: 3rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-75);
  font-weight: 400;
}

/* 나의문의내역 > 나의 강의 질문하기(목록) */
.my-ask-wrap #qnaListWrap {
  border-top: 1px solid var(--border-gray-dd);
}
.my-ask-wrap #qnaListWrap .qna-list {
  width: 100%;
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit {
  float: left;
  width: 100%;
  height: 60px;
  padding: 15px;
  box-sizing: border-box;
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > a {
  float: left;
  line-height: 3rem;
  text-align: left;
  font-size: 1.7rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .ans-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 30px;
  padding: 0 8px;
  line-height: 3rem;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-left: 10px;
  border-radius: 3px;
  box-sizing: border-box;
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .ans-tag.wait {
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-dd);
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .ans-tag.cmplt {
  color: var(--primary-2);
  border: 1px solid var(--primary-2);
}
.my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .qna-dtm {
  float: right;
  line-height: 3rem;
  text-align: right;
  font-size: 1.4rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 15px;
  background: var(--bg-white-gray-6);
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info .thumbnail {
  float: left;
  width: 100px;
  height: 60px;
  margin-right: 20px;
  border-radius: 3px;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info .thumbnail.thumb-none {
  padding-top: 0;
  line-height: 2rem;
  text-align: center;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    40% #e8e8e8 !important;
  background-size: 23px !important;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info .thumbnail.thumb-none p {
  font-size: 1.4rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info .sbjct-tit {
  float: left;
  width: calc(100% - 120px);
  margin-bottom: 10px;
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-56);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul {
  float: left;
  width: calc(100% - 120px);
  height: 20px;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul > li {
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  line-height: 2rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul > li > span {
  margin-right: 10px;
  color: var(--text-color-66);
  font-weight: 400;
}

/* 나의문의내역 > 상세 공통 */
.my-ask-wrap .my-ask-det {
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}
.my-ask-wrap .my-ask-det .ask-det-top {
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  border-top: 1px solid #414146;
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det .ask-det-top > p {
  margin-bottom: 10px;
  line-height: 3.2rem;
  text-align: left;
  font-size: 2.2rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-ask-wrap .my-ask-det .ask-det-top > ul {
  display: inline-block;
  width: 100%;
}
.my-ask-wrap .my-ask-det .ask-det-top > ul > li {
  float: left;
  width: auto;
  height: 25px;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.my-ask-wrap .my-ask-det .ask-det-top > ul > li:last-child {
  background: none;
}
.my-ask-wrap .my-ask-det .ask-cont {
  width: 100%;
  min-height: 375px;
  padding: 20px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det #fileDiv {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid var(--border-gray-dd);
}
.my-ask-wrap .my-ask-det .reply-wrap {
  display: inline-block;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--border-gray-dd);
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList {
  display: inline-block;
  width: 100%;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li {
  float: left;
  width: 100%;
  padding: 20px 15px;
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li:last-child {
  padding-bottom: 0;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > span {
  display: inline-block;
  float: left;
  width: 10px;
  height: 27px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_reply.png) no-repeat 0 0;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .ans-tag {
  display: inline-block;
  float: left;
  width: auto;
  height: 27px;
  padding: 0 12px;
  margin-right: 18px;
  line-height: 27px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 30px;
  background: var(--primary-indigo);
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reg-nm {
  display: inline-block;
  float: left;
  width: auto;
  padding-right: 10px;
  margin-right: 7px;
  line-height: 2.7rem;
  text-align: left;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_grey_dot.png) no-repeat 100% 50%;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reg-dtm {
  display: inline-block;
  float: left;
  width: auto;
  line-height: 2.7rem;
  font-size: 1.5rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .del-reply {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0;
  margin-left: 10px;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reply-cont {
  float: left;
  width: 100%;
  padding: 20px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.6rem;
  color: #343434;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-ask-wrap .my-ask-det .reply-wrap #replyList > li.empty-reply {
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #757575;
  font-weight: 400;
}
.my-ask-wrap .my-ask-det .reply-wrap .enter-wrap {
  width: 100%;
  margin-top: 20px;
}
.my-ask-wrap .my-ask-det .reply-wrap .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det .reply-wrap .enter-wrap > button {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  border: none;
  background: #4c4954;
}
.my-ask-wrap .my-ask-det .comment-wrap {
  display: inline-block;
  width: 100%;
  padding-top: 30px;
}
.my-ask-wrap .my-ask-det .comment-wrap > h4 {
  margin-bottom: 15px;
  line-height: 3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
}
.my-ask-wrap .my-ask-det .comment-wrap > h4 > span {
  color: var(--primary-indigo);
}
.my-ask-wrap .my-ask-det .comment-wrap .enter-wrap > textarea {
  float: left;
  width: calc(100% - 90px);
  height: 90px;
  padding: 15px;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--border-gray-dd);
  border-right: none;
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det .comment-wrap .enter-wrap > button {
  float: left;
  width: 90px;
  height: 90px;
  line-height: 9rem;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-color-white);
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  background: var(--primary-black);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det #cmntList {
  display: inline-block;
  width: 100%;
}
.my-ask-wrap .my-ask-det #cmntList > li {
  float: left;
  width: 100%;
  padding: 20px 10px;
  border-bottom: 1px dashed var(--border-gray-dd);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det #cmntList > li > p.none-reply {
  width: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.my-ask-wrap .my-ask-det #cmntList > li > p {
  display: inline-block;
  width: auto;
  float: left;
}
.my-ask-wrap .my-ask-det #cmntList > li > .reply-nm {
  padding-right: 13px;
  margin-right: 13px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
}
.my-ask-wrap .my-ask-det #cmntList > li > .reply-dtm {
  margin-right: 15px;
  line-height: 2.6rem;
  text-align: left;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-ask-wrap .my-ask-det #cmntList > li > .del-reply {
  float: left;
  width: auto;
  height: 24px;
  padding: 0 12px;
  margin: 1px 0;
  line-height: 2.2rem;
  text-align: center;
  font-size: 11px;
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-d1);
  background: var(--bg-white);
  box-sizing: border-box;
}
.my-ask-wrap .my-ask-det #cmntList > li > .reply-cont {
  width: 100%;
  margin-top: 8px;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-ask-wrap .my-ask-det #cmntList > li:last-child {
  border-bottom: none;
}

/* 나의문의내역 > 교육문의(목록) */
.my-ask-wrap #inqrList.k-grid .reply-tag {
  display: inline-block;
  width: auto;
  height: 29px;
  padding: 0 8px;
  margin: 5px 10px 5px 0;
  line-height: 2.7rem;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 3px;
  box-sizing: border-box;
}
.my-ask-wrap #inqrList.k-grid .reply-tag.reply-y {
  color: var(--text-color-primary);
  border: 1px solid var(--text-color-primary);
}
.my-ask-wrap #inqrList.k-grid .reply-tag.reply-n {
  color: var(--text-color-56);
  border: 1px solid var(--border-gray-dd);
}
.my-ask-wrap #inqrList.k-grid tbody td a:hover {
  text-decoration: underline;
}

/* 마이페이지 > 나의쪽지함(받은쪽지함) */
#myNotePop {
  padding: 0 25px !important;
}
#myNotePop #myNoteWrap.line-point-tab .k-tabstrip-items li.k-item {
  height: 50px;
  line-height: 5rem;
}
#myNotePop #myNoteWrap.line-point-tab .k-tabstrip-items li.k-item span.k-link {
  padding: 0 25px;
  text-align: center;
  font-size: 1.5rem;
}
#myNotePop #myNoteWrap.line-point-tab .k-content {
  padding-top: 20px;
}
#myNotePop #myNoteWrap .del-note {
  float: left;
  height: 40px;
  padding: 0 18px;
}
#myNotePop #myNoteWrap .del-note > span {
  line-height: 3.8rem;
}
#myNotePop #myNoteWrap .send-note {
  float: right;
  height: 40px;
  padding: 0 18px;
}
#myNotePop #myNoteWrap .send-note > span {
  line-height: 3.8rem;
}
#myNotePop #myNoteWrap .select-note {
  float: left;
  height: 40px;
  padding: 0 18px;
  margin-right: 7px;
}
#myNotePop #myNoteWrap .select-note > span {
  line-height: 3.8rem;
}
#myNotePop #myNoteWrap .pop-search-wrap {
  width: 530px;
  height: 40px;
  margin: 0 auto;
}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdown {
  float: left;
  width: 120px;
  height: 40px;
  margin-right: 10px;
}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdown > span > span {
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 400;
}
#myNotePop #myNoteWrap .pop-search-wrap > .k-dropdown.k-picker .k-input-button {
  flex-direction: column;
  margin: auto 0;
}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap {
  position: relative;
  float: left;
  width: 350px;
}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > input {
  width: 100%;
}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > button {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;
  cursor: pointer;
}
#myNotePop #myNoteWrap .pop-search-wrap .search-wrap > button:focus {
  border-radius: 3px;
  border: 2px solid #000;
}
#myNotePop #myNoteWrap .grid-wrap {
  float: left;
  width: 100%;
  margin-top: 15px;
  border-top: 1px solid var(--primary-black);
}
#myNotePop
  #myNoteWrap
  .grid-wrap
  .popup-grid
  .popup-grid-chk-th
  .k-column-title {
  margin: 0 auto;
}
#myNotePop #myNoteWrap .grid-wrap .popup-grid .k-column-title {
  margin: 0 auto;
}
#myNotePop
  #myNoteWrap
  .grid-wrap
  .popup-grid
  input[type="checkbox"].check22
  + label {
  float: none;
  line-height: 40px;
}
#myNotePop
  #myNoteWrap
  .grid-wrap
  .popup-grid
  input[type="checkbox"].check22
  + label
  > span {
  float: none;
  margin: 0;
  vertical-align: middle;
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td {
  color: var(--text-color-75);
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td > a {
  color: var(--text-color-75);
  text-decoration: none;
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td > a:hover {
  text-decoration: underline;
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td > a:focus {
  outline: auto;
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#ntList tbody td .conf-n {
  color: var(--text-color-34);
  font-weight: 500;
}
/* .k-grid-norecords { height: 99%;} */
/* 수정 */
.k-grid-norecords {
  height: auto;
}
/* //수정 */

/* 마이페이지 > 나의쪽지함(쪽지상세_쓰기,읽기,답장) */
#noteDetPop {
  padding: 0 25px !important;
}
ul.note-det-list {
  display: inline-block;
  width: 100%;
  overflow-y: auto;
}
ul.note-det-list::-webkit-scrollbar {
  width: var(--scroll-bar-width);
  border-radius: var(--scroll-bar-border-radius);
}
ul.note-det-list::-webkit-scrollbar-thumb {
  background-color: var(--scroll-bar-color);
  border-radius: var(--scroll-bar-border-radius);
}
ul.note-det-list::-webkit-scrollbar-track {
  background-color: var(--scroll-bar-bg-color);
  border-radius: var(--scroll-bar-border-radius);
}
ul.note-det-list > li {
  display: flex;
  float: left;
  width: 100%;
  padding: 10px 10px;
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
ul.note-det-list > li:first-child {
  padding: 15px 10px;
}
ul.note-det-list > li > h2 {
  padding: 5px 0;
  line-height: 3.2rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
ul.note-det-list > li > p,
ul.note-det-list > li > label {
  float: left;
  width: auto;
  min-width: 55px;
  margin-right: 15px;
  line-height: 3.2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-75);
  font-weight: 400;
  letter-spacing: -0.02em;
}
ul.note-det-list > li > p + div,
ul.note-det-list > li > label + div {
  float: left;
  flex: 1;
}
ul.note-det-list > li > p + div > input[type="text"] {
  width: 100%;
  font-size: 12px;
}
ul.note-det-list > li > p + div > ul.receiver-list {
  display: inline-block;
  float: left;
  width: 100%;
}
ul.note-det-list > li > p + div > ul.receiver-list > li {
  float: left;
  width: auto;
  height: 32px;
  padding: 0 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 3.2rem;
  font-size: 1.3rem;
  color: var(--primary-black);
  font-weight: 400;
  border-radius: 4px;
  background: var(--bg-white-gray-4);
}
ul.note-det-list > li > p + div > ul.receiver-list > li > textarea {
  padding: 20px 10px;
  line-height: 3rem;
  font-size: 1.5rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
  border: none;
}
ul.note-det-list > li > p + div > ul.receiver-list > li > button {
  display: inline-block;
  float: right;
  width: 16px;
  height: 32px;
  margin-left: 5px;
  background: url(/images/renewal/icon/icon_delete.png) no-repeat 50% 50%;
}
ul.note-det-list > li > p + div > button.sch-rcvr {
  float: left;
  width: auto;
  height: 32px;
  padding: 0 13px;
  margin-right: 5px;
  line-height: 3rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
ul.note-det-list > li > ul {
  display: inline-block;
  width: 100%;
}
ul.note-det-list > li > ul > li {
  float: left;
  width: 100%;
  line-height: 3.2rem;
  text-align: left;
  font-size: 1.4rem;
}
ul.note-det-list > li > ul > li > p {
  display: inline-block;
  float: left;
  width: auto;
  margin-right: 15px;
  color: var(--text-color-75);
  font-weight: 400;
  letter-spacing: -0.02em;
}
ul.note-det-list > li > ul > li > span {
  display: inline-block;
  float: left;
  width: auto;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
ul.note-det-list > li.file-upload {
  border-bottom: none;
}
ul.note-det-list > li.file-upload #note_file_upload .k-upload {
  border: none;
  background: none;
}
ul.note-det-list > li.file-upload #note_file_upload .k-upload .k-dropzone {
  padding: 5px;
  box-sizing: border-box;
}
ul.note-det-list
  > li.file-upload
  #note_file_upload
  .k-upload
  .k-dropzone
  .k-upload-status {
  display: none;
}
ul.note-det-list
  > li.file-upload
  #note_file_upload
  .k-upload
  .k-dropzone
  .k-upload-button {
  padding: 7px 13px;
  border-radius: 3px;
}
ul.note-det-list
  > li.file-upload
  #note_file_upload
  .k-upload
  .k-dropzone
  .k-upload-button
  > span {
  line-height: 1.7rem;
  font-size: 1.3rem;
}
ul.note-det-list > li.file-list {
  overflow-y: auto;
  max-height: 81px;
}
ul.note-det-list > li.file-list #note_file_grid {
  width: 100%;
}
ul.note-det-list > li.file-list #note_file_grid .k-grid-norecords .file-empty {
  width: 100%;
}
#note_file_grid.file-template .file-list {
  padding-left: 0;
}
#note_file_grid.file-template .k-grid-norecords {
  position: absolute;
  top: 0;
}
#note_file_grid.file-template .k-grid-norecords p {
  padding-bottom: 0;
}
ul.note-det-list > li .noteReadCont {
  width: 100%;
  overflow: auto;
  height: 313px;
  padding: 20px 10px;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  text-align: left;
  line-height: 30px;
  letter-spacing: -0.02em;
}
#noteDetPop .pop-btn-wrap {
  justify-content: flex-end;
  padding: 20px 0;
}

/* 마이페이지 > 나의쪽지함(보낸쪽지함) */
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td {
  color: var(--text-color-34);
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td > a {
  color: var(--text-color-34);
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#sendList tbody td .conf-n {
  color: var(--text-color-75);
}

/* 마이페이지 > 나의쪽지함(주소록관리) */
#myNotePop #myNoteWrap .grid-wrap .k-grid#addrSbjctList .btn-addr-det {
  width: auto;
  height: 35px;
  padding: 0 10px;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
}
#myNotePop #myNoteWrap .grid-wrap .k-grid#addrSbjctList .btn-addr-det > i {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  margin-left: 4px;
  vertical-align: middle;
  background: url(/images/renewal/icon/icon_addr_sch.png) no-repeat 50% 50%;
}

/* 마이페이지 > 쪽지쓰기 받는사람 검색 */
#prsnListPop {
  border-radius: 0 0 10px 10px;
}
#prsnListPop .user-search-wrap {
  display: inline-block;
  width: 530px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 10px;
}
#prsnListPop .user-search-wrap > .k-dropdown {
  float: left;
  width: 120px;
  height: 40px;
  margin-right: 10px;
}
#prsnListPop .user-search-wrap > .k-dropdown > span > span {
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 400;
}
#prsnListPop .user-search-wrap > .k-dropdown.k-picker .k-input-button {
  flex-direction: column;
  margin: auto 0;
}
#prsnListPop .user-search-wrap .search-wrap {
  position: relative;
  float: left;
  width: 350px;
}
#prsnListPop .user-search-wrap .search-wrap > input {
  width: 100%;
}
#prsnListPop .user-search-wrap .search-wrap > button {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(/images/renewal/icon/icon_search.png) no-repeat 50% 50%;
  cursor: pointer;
}
#prsnListPop .user-search-wrap .search-wrap > button:focus {
  border-radius: 3px;
  border: 2px solid #000;
}
#prsnListPop .prsn-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 20px 25px;
  box-sizing: border-box;
}
#prsnListPop .prsn-wrap #rcvPrsnGrid .k-grid-norecords {
  justify-content: center;
  font-size: 14px;
  color: var(--text-color-88);
}
.popup-grid input[type="checkbox"] {
  position: relative;
}
.popup-grid input[type="checkbox"] + label > .icon {
  display: none !important;
}
#prsnListPop .prsn-wrap .popup-grid input[type="checkbox"].check22 + label {
  float: none;
  line-height: 40px;
}
#prsnListPop
  .prsn-wrap
  .popup-grid
  input[type="checkbox"].check22
  + label
  > .icon {
  float: none;
  margin: 0;
  vertical-align: middle;
}
#prsnListPop .prsn-wrap .popup-grid .k-cell-inner {
  display: block;
}
#prsnListPop .prsn-wrap .popup-grid .k-cell-inner .k-link {
  display: block;
}
#prsnListPop .prsn-wrap .info-txt-box {
  text-align: left;
}
#prsnListPop .pop-btn-wrap {
  width: 100%;
  padding: 13px 0;
  text-align: center;
  border-top: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray-5);
}

.info-txt .icon {
  margin-right: 5px;
  vertical-align: middle;
}
.info-txt span {
  display: inline-block;
  width: calc(100% - 30px);
  font-size: 13px;
  font-weight: normal;
  color: #757580;
  line-height: 19px;
  letter-spacing: -0.02em;
  vertical-align: text-top;
  word-break: keep-all;
}
.info-txt-gray {
  color: #8e8e8e;
  line-height: 18px;
}
.info-txt-gray.info-txt span {
  color: #8e8e8e;
  line-height: 24px;
}
.info-txt-box {
  display: flex;
  padding: 15px;
  border-radius: 5px;
  background: #f8f9fd;
}
.info-txt-rong span {
  vertical-align: top;
}
.icon-info-file {
  width: 18px;
  height: 19px;
  background: url("../../images/renewal/admin/icon/icon_filled_info.png")
    no-repeat 0 0;
}

/* 마이페이지 > 내정보 */
.my-info-wrap {
  margin-top: 30px;
  margin-bottom: 100px;
}
.my-info-wrap .my-info {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  margin-bottom: 30px;
  border-top: 1px solid var(--border-gray-dd);
  border-bottom: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.my-info-wrap .my-info > div:after {
  content: "";
  display: block;
  clear: both;
}
.my-info-wrap .my-info p.info-tit {
  float: left;
  width: 150px;
  height: 60px;
  line-height: 6rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-info-wrap .my-info p.info-tit.info-icon {
  height: 90px;
  line-height: 90px;
}
.my-info-wrap .my-info p.info-tit > span {
  margin-left: 5px;
  font-size: 1.4rem;
  color: var(--text-color-red);
  font-weight: 500;
}
.my-info-wrap .my-info div.info-cont {
  display: flex;
  float: left;
  width: calc(100% - 150px);
  height: 60px;
  padding: 10px 0;
  box-sizing: border-box;
}
.my-info-wrap .my-info div.info-cont.info-icon {
  height: 90px;
}
.my-info-wrap .my-info div.info-cont > input {
  width: 100%;
}
.my-info-wrap .my-info div.info-cont > p {
  display: inline-block;
  float: left;
  line-height: 4rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.my-info-wrap .my-info div.info-cont button.btn-set {
  float: left;
  width: auto;
  height: 40px;
  padding: 0 18px;
  line-height: 3.8rem;
  text-align: center;
  font-size: 1.3rem;
  color: var(--text-color-34);
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
  box-sizing: border-box;
}
.my-info-wrap .my-info div.info-cont p span {
  margin-right: 10px;
}
.my-info-wrap .my-info div.info-cont ul.profile-list {
  display: inline-block;
  float: left;
  width: auto;
}
.my-info-wrap .my-info div.info-cont ul.profile-list > br {
  display: none;
}
.my-info-wrap .my-info div.info-cont ul.profile-list > li {
  position: relative;
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 30px;
  border-radius: 100%;
  border: 1px solid var(--border-gray-e8);
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.my-info-wrap .my-info div.info-cont ul.profile-list > li a {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.my-info-wrap .my-info div.info-cont.info-icon button.btn-set {
  margin-top: 15px;
}
.my-info-wrap .my-info div.info-cont > .sns-login {
  display: block;
  float: left;
  width: 100%;
}
/*.my-info-wrap .my-info div.info-cont ul.profile-list > li.on{ border: 4px solid var(--primary);}*/
/*.my-info-wrap .my-info div.info-cont ul.profile-list > li.on { border: 0;}*/
.my-info-wrap .my-info div.info-cont ul.profile-list > li.on:after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: -1;
  width: 112%;
  height: 112%;
  border-radius: 100%;
  background: var(--primary);
}
.my-info-wrap .my-info div.info-cont ul.profile-list > li > img {
  width: 100%;
  height: 100%;
}
.my-info-wrap .my-info div.info-cont ul.profile-list > li > span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-white);
  font-weight: 500;
  background: rgba(0, 0, 0, 0.5);
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload {
  height: 100%;
  border-radius: 100%;
  border: none;
  border-radius: 100%;
  overflow: hidden;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload {
  background: url(/images/renewal/sub/img_profile_1.png) no-repeat 0 0;
  background-size: contain;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
  z-index: 90;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  .k-dropzone {
  margin-top: 48px;
  margin-left: -7px;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  .k-dropzone
  > strong {
  display: none;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  .k-dropzone
  .k-upload-button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 24px;
  padding: 0;
  margin-right: 0;
  border-radius: 0;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 91;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  .k-dropzone
  .k-upload-button
  span {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-white);
  font-weight: 500;
}
.my-info-wrap
  .my-info
  div.info-cont
  ul.profile-list
  > li.reg-profile
  .k-upload
  .k-dropzone
  em.k-dropzone-hint {
  display: none;
}
.my-info-wrap .my-info div.info-cont ul.profile-list > li.reg-profile2 > img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}
.my-info-btn {
  width: 100%;
}
.my-info-btn > button {
  float: left;
}
.my-info-btn > .btn-point {
  float: right;
}

/* 마이페이지 > 내정보(공무원) */
.my-info-wrap h3 {
  display: block;
  width: 100%;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #414146;
  line-height: 3rem;
  text-align: left;
  font-size: 2rem;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.my-info-wrap h3 > p.alert-text {
  display: inline-block;
  float: right;
  text-align: right;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-info-wrap h3 > p.alert-text > span {
  margin-right: 3px;
  color: var(--text-color-red);
  font-weight: 700;
}
/* .my-info-wrap .my-info{border-top: 1px solid var(--border-gray-thick);} 온라인연수원하구 겹쳐서 주석처리*/
.my-info-wrap .my-info p.info-tit.bsns-file {
  height: 62px;
  padding: 6px 0;
  line-height: 2.5rem;
}
.my-info-wrap .my-info div.info-cont input[type="radio"].radio22 + label {
  margin-top: 9px;
  font-size: 1.6rem;
  font-weight: 500;
}
.my-info-wrap .my-info div.info-cont input.bsns-num {
  width: 100%;
  text-align: center;
}
.my-info-wrap .my-info div.info-cont .input-text {
  margin: 0 10px;
  line-height: 4rem;
  text-align: center;
  font-size: 1.6rem;
  color: var(--text-color-34);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.my-info-wrap .my-info div.info-cont.bsns-file button.btn-set {
  min-width: 86px;
  margin-left: 5px;
}
.my-info-wrap .input-box .k-upload {
  flex-shrink: 0;
  width: 85px;
  padding: 0;
}
.my-info-wrap .input-box .k-upload .k-upload-button {
  height: 40px;
}

/* 마이페이지 > 내정보(팝업) */
.my-info-window .pop-content {
  padding: 10px 30px 0;
  box-sizing: border-box;
}
.my-info-window .pop-btn-wrap {
  height: 70px;
  padding: 13px 0;
  text-align: center;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray-5);
  box-sizing: border-box;
}
.my-info-window .pop-content .input-box {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.my-info-window .pop-content .input-box input.input {
  width: 100%;
  border-radius: 5px;
}
.my-info-window .pop-content .input-box .input-wrap {
  position: relative;
  width: 100%;
}
.my-info-window .pop-content .input-box .input-wrap > p {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 15px;
  line-height: 1.9rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-red);
  font-weight: 400;
}
.my-info-window .pop-content .input-box > button {
  width: auto;
  height: 48px;
  margin-left: 5px;
  line-height: 4.6rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-34);
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 5px;
  border: 1px solid var(--border-gray-dd);
  background: var(--bg-white);
  box-sizing: border-box;
}
.my-info-window .pop-content .input-box > button.btn-cert-send {
  flex-shrink: 0;
  min-width: 140px;
  padding: 0 15px;
}
.my-info-window .pop-content .input-box > button.btn-cert-chk {
  min-width: 76px;
  padding: 0 24px;
}
.my-info-window .pop-content .input-box > button.btn-cert-resend {
  flex-shrink: 0;
  min-width: 76px;
  padding: 0 18px;
}
.my-info-window .pop-content > p {
  display: block;
  width: 100%;
  margin: 10px 0;
  line-height: 2rem;
  text-align: left;
  font-size: 1.5rem;
  color: var(--text-color-56);
  font-weight: 400;
  letter-spacing: -0.02em;
}

/* 마이페이지 > 내정보 > 탈퇴 */
.wtdw-wrap h3 {
  width: 100%;
  margin: 25px 0 20px;
  line-height: 3rem;
  text-align: center;
  font-size: 2.2rem;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.wtdw-wrap p {
  width: 100%;
  margin-bottom: 30px;
  line-height: 3rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-66);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.wtdw-wrap h4 {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  line-height: 2.3rem;
  text-align: left;
  font-size: 1.8rem;
  color: var(--text-color-34);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.wtdw-wrap input[type="checkbox"].check22.agree-all + label {
  float: right;
}
.wtdw-wrap input[type="checkbox"].check22 + label {
  font-size: 1.5rem;
}
.wtdw-wrap input[type="checkbox"].check22.agree + label {
  float: left;
}
.wtdw-wrap textarea {
  width: 100%;
  height: 300px;
  padding: 15px;
  margin: 15px 0;
  line-height: 2.2rem;
  text-align: left;
  font-size: 1.6rem;
  color: var(--text-color-75);
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid var(--border-gray-dd);
  box-sizing: border-box;
}
.wtdw-wrap .wtdw-alert {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  line-height: 1.8rem;
  text-align: left;
  font-size: 1.2rem;
  color: var(--text-color-red);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.wtdw-wrap .wtdw-alert > i {
  display: inline-block;
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url(/images/renewal/icon/icon_info_red.png) no-repeat 50% 50%;
}
.wtdw-wrap .wtdw-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.wtdw-wrap .wtdw-btn > button {
  min-width: 180px;
  margin-left: 7px;
}
.wtdw-box:after {
  content: "";
  display: block;
  clear: both;
}

.pop_wrap {
  position: absolute;
  padding-top: 37px;
  min-width: 90px;
  min-height: 50px;
  width: 1000px;
  display: block;
  top: 1200px;
  left: 451.5px;
  z-index: 10003;
  opacity: 1;
  transform: scale(1);
  background: #fff;
}
.pupup_header {
  float: left;
  width: 100%;
  padding: 18px 20px 17px 30px;
  background-color: #2c364a;
  color: #fff;
  letter-spacing: -0.025em;
}
.pop_close {
  float: right;
}
.tit_pop {
  float: left;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  color: #fff;
}
.popup_inner {
  float: left;
  width: 100%;
  padding: 30px;
  background-color: #fff;
  max-height: 700px;
}

/*경력관리*/
.CareerManagement .btn_right {
  padding: 0 0 5px 0;
}
/*승인하기*/
.Approve .btn_right {
  padding: 0 0 5px 0;
}
/*역량진단결과*/
.CDResult .btn_right {
  padding: 0 0 5px 0;
}
/*교육훈련결과*/
.ETResult .btn_right {
  padding: 0 0 5px 0;
}
/*경력개발계획*/
ol.method_Info {
  width: 100%;
  display: inline-block;
  position: relative;
}
ol.method_Info li {
  float: left;
}
ol.method_Info li dl {
  width: 426px;
  height: 93px;
  border: 1px solid #d3d3d3;
}
ol.method_Info li dt {
  width: 315px;
  float: right;
  text-align: left;
  font-size: 17px;
  font-weight: 400;
  margin: 15px 0 5px 0;
}
ol.method_Info li dd {
  width: 315px;
  float: right;
  text-align: left;
  font-size: 14px;
}
ol.method_Info li dd span {
  margin-right: 5px;
  padding-left: 5px;
  background: url(../../images/solution/Common/gray_bullet.gif) no-repeat left
    center;
}
ol.method_Info li.arr1 {
  position: absolute;
  left: 412px;
  top: 34px;
}
ol.method_Info li.arr2 {
  position: absolute;
  left: 839px;
  top: 34px;
}
ol.method_Info li.fir dl {
  background: url(../../images/solution/method_Info_i_01.gif) no-repeat 28px
    center;
}
ol.method_Info li.fir dt {
  color: #3499da;
}
ol.method_Info li.cen dl {
  border-left: none;
  background: url(../../images/solution/method_Info_i_02.gif) no-repeat 38px
    center;
}
ol.method_Info li.cen dt {
  width: 290px;
  color: #fe9a04;
}
ol.method_Info li.cen dd {
  width: 290px;
}
ol.method_Info li.last2 dl {
  border-left: none;
  background: url(../../images/solution/method_Info_i_03.gif) no-repeat 30px
    center;
}
ol.method_Info li.last2 dt {
  color: #e55b68;
}

/* ====================== 교육신청 ======================== */
/* KAMCO 2022 교육신청 */
.sbjct-apply-wrap {
  padding-top: 30px;
  padding-bottom: 10rem;
}
.prfs-search-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 14px 30px;
  text-align: center;
  border: 1px solid var(--border-gray-e8);
  background: var(--bg-white-gray);
  box-sizing: border-box;
}
.prfs-search-wrap .line {
  display: flex;
  width: 100%;
}
.prfs-search-wrap .line .title {
  display: inline-block;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--text-color-56);
  line-height: 20px;
  letter-spacing: -0.05em;
}
.prfs-search-wrap .line > .flex-box {
  align-items: center;
  width: 50%;
}
.prfs-search-wrap .line-first > .flex-box {
  margin-right: 35px;
}
.sbjct-apply-wrap .prfs-search-wrap .line-first .flex-box.last-box {
  width: 100%;
  margin-right: 0;
}
.prfs-search-wrap .select-box {
  display: flex;
  width: 100%;
}
.prfs-search-wrap .select-box .select {
  margin-left: 5px;
  padding: 0 2.4em 0 1.5em;
}
/* 추가 */
.prfs-search-wrap .line-first > .flex-box:last-of-type {
  margin-right: unset;
}
/* //추가 */
.prfs-search-wrap .select-box .select:nth-of-type(0) {
  margin-left: 0;
}
.prfs-search-wrap .line-two {
  margin-top: 5px;
}
.prfs-search-wrap .line-two .flex-box {
  width: 100%;
}
.prfs-search-wrap .line-two .input-box .btn-list {
  flex-wrap: 0;
  width: calc(100% - 94%);
  height: 40px;
  margin-left: 5px;
  padding: 0;
}
.prfs-search-wrap .line-two .input-box .btn-list span {
  line-height: 40px;
}

.edu-list-wrap {
  padding-top: 36px;
}
.edu-list-wrap .list-top-box {
  justify-content: space-between;
  margin-bottom: 15px;
}
.edu-list-wrap .list-top-box .list-count {
  font-size: 1.8rem;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu-list-wrap .list-top-box .list-count span {
  font-weight: 700;
  color: var(--primary-indigo);
}
.filter-box .radio-box {
  margin-left: 15px;
}

.sbjct-apply-wrap .edu-list-wrap {
  border-bottom: 0;
}
.sbjct-apply-wrap .edu-list-wrap .edu-list {
  width: calc(100% + 20px);
  height: auto;
  margin: 0;
  margin-left: -20px;
}
.sbjct-apply-wrap .edu-list-wrap .edu-list .not-data-cont {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.edu-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.edu-list .item {
  float: none;
  width: 25%;
  margin: 0;
  padding-left: 20px;
  padding-bottom: 32px;
}
.edu-list .item .item-box {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.edu-list .item .item-box .img-box {
  position: relative;
  padding-top: 57.3%;
  border-radius: 5px 5px 0 0;
}
.edu-list .item .item-box .img-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
  background: rgba(51, 51, 51, 0.3);
}
.edu-list .item .item-box .img-box a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
}
.edu-list .item .item-box .img-box .badge {
  position: absolute;
  top: 8px;
  left: -6px;
  z-index: 1;
}
.edu-list .item .item-box .cont-box {
  padding: 15px 15px 0;
  text-align: left;
}
.edu-list .item .item-box .cont-box .badge-group {
  display: inline-block;
  height: 44px;
  margin-bottom: 5px;
}
.badge-group .badge {
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 4px;
  margin-bottom: 5px;
  padding: 3px 7px 5px;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.badge-group .badge.elearning {
  border: 1px solid var(--badge-el-line-color);
  color: var(--badge-el-text-color);
}
.badge-group .badge.live,
.badge-group .badge.code_live {
  border: 1px solid var(--badge-live-line-color);
  color: var(--badge-live-text-color);
}
.badge-group .badge.blend {
  border: 1px solid var(--badge-black-line-color);
  color: var(--badge-black-text-color);
}
.badge-group .badge.now {
  border: 1px solid var(--badge-green-line-color);
  color: var(--badge-green-text-color);
}
.badge-group .badge.multiCampus,
.badge-group .badge.multiCampus {
  border: 1px solid var(--badge-blue-bg-color);
  color: var(--badge-blue-bg-color);
}
.badge-group .badge.kamcoClass,
.badge-group .badge.kamcoClass {
  border: 1px solid var(--badge-green-text-color);
  color: var(--badge-green-text-color);
}
.badge-group .badge.refund,
.badge-group .badge.refund {
  border: 1px solid var(--badge-orange-bg-color);
  color: var(--badge-orange-bg-color);
}
.edu-list .item .item-box .cont-box .title {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 48px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #121212;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: keep-all;
}
.edu-list .item .item-box .clasf-nm {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 20px;
  padding: 0 15px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #757575;
  text-align: left;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edu-list .item .item-box .btn-box {
  display: flex;
  width: 100%;
  margin-top: 15px;
  padding: 0 15px 15px;
}
.edu-list .item .item-box .btn-box .btn-list {
  width: 100%;
}
.item .item-box .btn-box .btn-point,
.item .item-box .btn-box .btn-disabled {
  height: 44px;
  border-radius: 3px 0 0 3px;
  border-right: 0;
}
.item .item-box .btn-box .btn-disabled > span {
  line-height: 44px;
}
.item .item-box .btn-box .btn-point > span {
  line-height: 44px;
}
.item .item-box .btn-box .btn-preview {
  width: calc(100% - 220px);
  height: 44px;
  border: 1px solid #dddddd;
  border-radius: 0 3px 3px 0;
  background: #ffffff url("../../images/renewal/icon/icon_preview.png")
    no-repeat center;
}
/* 추가 */
.pagination-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-area button {
  vertical-align: middle;
}
.pagination-area .prev-area .pprev-btn {
  width: 32px;
  height: 32px;
  background: url(../../images/renewal/icon/btn_cont_pprev.png) no-repeat center
    center;
}
.pagination-area .prev-area .prev-btn {
  width: 32px;
  height: 32px;
  background: url(../../images/renewal/icon/btn_cont_prev.png) no-repeat center
    center;
}
.pagination-area .next-area .next-btn {
  width: 32px;
  height: 32px;
  background: url(../../images/renewal/icon/btn_cont_next.png) no-repeat center
    center;
}
.pagination-area .next-area .nnext-btn {
  width: 32px;
  height: 32px;
  background: url(../../images/renewal/icon/btn_cont_nnext.png) no-repeat center
    center;
}
.pagination-area .prev-area .pprev-btn.disabled {
  background: url(../../images/renewal/icon/btn_cont_pprev_disabled.png)
    no-repeat center center;
}
.pagination-area .prev-area .prev-btn.disabled {
  background: url(../../images/renewal/icon/btn_cont_prev_disabled.png)
    no-repeat center center;
}
.pagination-area .next-area .next-btn.disabled {
  background: url(../../images/renewal/icon/btn_cont_next_disabled.png)
    no-repeat center center;
}
.pagination-area .next-area .nnext-btn.disabled {
  background: url(../../images/renewal/icon/btn_cont_nnext_disabled.png)
    no-repeat center center;
}

.pagination-area .num-area {
  font-weight: 400;
  font-size: 16px;
}
.pagination-area .num-area > li {
  padding: 10px 15px;
  cursor: pointer;
}
.pagination-area .num-area > li.selected {
  font-weight: 700;
  font-size: 16px;
  color: #144c9f;
  background: #f2f8ff;
  border-radius: 5px;
}
/* //추가 */
/* 상태 뱃지 */
.badge.circle {
  display: inline-block;
  width: 46.21px;
  height: 45px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  letter-spacing: -0.05em;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}
.badge.circle span {
  display: inline-block;
  line-height: 15px;
}
.badge.circle.state-comp {
  background: var(--badge-state-comp);
  color: #ffffff;
}
.badge.circle.state-appl {
  background: var(--badge-state-appl);
  color: #ffffff;
}
.badge.circle.state-signUp {
  background: var(--badge-state-signUp);
  color: #ffffff;
}
.badge.circle.state-notComp {
  background: var(--badge-state-notComp);
  color: #ffffff;
}

.badge.reborn {
  padding: 8px 10px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 13px;
}
.badge.reborn:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 0;
  height: 0;
  border-right: 7px solid #a7261b;
  border-bottom: 7px solid transparent;
}
.badge.reborn.state-comp {
  background: var(--badge-state-comp);
  color: #ffffff;
}
.badge.reborn.state-comp:after {
  border-right: 7px solid #a7261b;
}
.badge.reborn.state-appl {
  background: var(--badge-state-appl);
  color: #ffffff;
}
.badge.reborn.state-appl:after {
  border-right: 7px solid #1632a6;
}
.badge.reborn.state-signUp {
  background: var(--badge-state-signUp);
  color: #ffffff;
}
.badge.reborn.state-signUp:after {
  border-right: 7px solid #004840;
}
.badge.reborn.state-notComp {
  background: var(--badge-state-notComp);
  color: #ffffff;
}
.badge.reborn.state-notComp:after {
  border-right: 7px solid #111111;
}
/*.badge.comp { background: var(--badge-state-comp);}*/
/*.badge.signUp { background: var(--badge-state-signUp);}*/
/*.badge.notComp { background: var(--badge-state-notComp);}*/
/*.badge.unsel { background: var(--badge-state-unsel);}*/
/*.badge.appl { background: var(--badge-state-appl);}*/
/*.badge.cancel { background: var(--badge-state-cancel);}*/
/* 교육신청 상세 팝업 */
.k-window .k-window-content.edu_apply_window {
  border-top: 0;
}
.edu_apply_window {
  text-align: left;
}
.edu_apply_window .badge-group {
  display: flex;
  margin-bottom: 10px;
}
.edu_apply_window .title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2.2rem;
  font-weight: 500;
  color: #343434;
  text-align: left;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_apply_window .clasf-nm {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
  color: #565656;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edu_apply_window .edu-cost-box {
  margin-top: 20px;
}
.edu_apply_window .edu-cost-box dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.edu_apply_window .edu-cost-box dl dt {
  font-family: var(--font-family-montserrat);
  font-size: 13px;
  font-weight: 400;
  color: #565656;
  line-height: 27px;
  letter-spacing: 0.04em;
}
.edu_apply_window .edu-cost-box dl dd {
  font-family: var(--font-family-saira);
  font-size: 13px;
  font-weight: 400;
  color: #121212;
  line-height: 32px;
  letter-spacing: 0.04em;
}
.edu_apply_window .edu-cost-box dl dd strong {
  font-size: 25px;
  font-weight: 700;
  line-height: 27px;
}
.edu_apply_window .apply-info-box {
  margin-top: 20px;
  padding: 20px 0 0;
  border-top: 1px solid #eeeeee;
}
.edu_apply_window .apply-info-box .info-title {
  position: relative;
  width: calc(100% - 351px);
  padding-left: 28px;
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_apply_window .apply-info-box .info-txt {
  width: calc(100% - 100px);
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_apply_window .chasu .info-title {
  background: url("../../images/renewal/icon/repo.png") no-repeat 0 8px;
}
.edu_apply_window .eduPrd .info-title {
  background: url("../../images/renewal/icon/stopwatch.png") no-repeat 0 8px;
}
.edu_apply_window .aplSts .info-title {
  background: url("../../images/renewal/icon/check-circle.png") no-repeat 0 8px;
}
.edu_apply_window .aplPrd .info-title {
  background: url("../../images/renewal/icon/li_calendar.png") no-repeat 0 8px;
}
.edu_apply_window .istr .info-title {
  background: url("../../images/renewal/icon/person.png") no-repeat 0 8px;
}
.edu_apply_window .info_chasu_sel {
  height: 48px;
  margin-top: 20px;
}
.edu_apply_window .btn-box .btn-list {
  width: 100%;
  margin-top: 5px;
}
.sub-desc {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.sub-desc > i {
  display: inline-block;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  background: url(../../images/renewal/icon/icon_info.png) no-repeat center
    center;
  vertical-align: text-bottom;
}

.get-adress-pop .popup-content .impt-desc,
.ins-refund-pop .popup-content .impt-desc {
  margin: 15px 0;
  font-weight: 500;
  color: #343434;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: -0.02em;
}
.get-adress-pop .popup-content .impt-desc > span {
  display: block;
  margin-left: 22px;
}
.ins-refund-pop .popup-content .impt-desc {
  text-align: center;
}
.get-adress-pop .popup-content .impt-desc > i,
.ins-refund-pop .popup-content .impt-desc > i {
  display: inline-block;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  vertical-align: bottom;
  background: url(../../images/renewal/icon/icon_info.png) no-repeat center
    center;
}
.get-adress-pop .pop-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.get-adress-pop .pop-form-group .addr-label {
  flex: 1;
  font-weight: 500;
  color: #343434;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: -0.02em;
}
.get-adress-pop .pop-form-group .addr-search-area {
  display: flex;
  flex: 4;
  flex-direction: column;
  gap: 10px;
}
.get-adress-pop .pop-form-group .addr-search-area .addr-input {
  height: 40px;
  font-size: 14px;
}
.get-adress-pop .pop-form-group .addr-search-area .postcode-area {
  display: flex;
  align-items: center;
  gap: 8px;
}
.get-adress-pop
  .pop-form-group
  .addr-search-area
  .postcode-area
  .addr-input.btn {
  width: auto;
  padding: 0 18px;
  font-weight: 500;
  font-size: 13px;
  line-height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}

/* list 데이터 없다 */
.not-data-cont {
  position: relative;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  background: #ffffff;
  text-align: center;
}
.not-data-cont > div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.not-data-cont img {
  display: block;
  margin: 0 auto 20px;
}
.not-data-cont p {
  font-size: 1.4rem;
  font-weight: 350;
  color: #666666;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.not-data-cont > span,
.not-data-cont > div > span {
  font-size: 1.6rem;
  font-weight: 350;
  color: #666666;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.not-data-cont p span {
  font-weight: 700;
  color: var(--text-color-blue);
}
.preparing-cont {
  border: 0;
}
.preparing-cont p {
  font-weight: 500;
  color: #757575;
}
.item .not-data-cont {
  padding: 7.8rem 0;
  background: transparent;
}
.item .not-data-cont img {
  display: inline-block;
}
.prfs-cont-box .not-data-cont {
  padding: 2rem;
  border: 0;
}
.k-grid-norecords .not-data-cont {
  min-height: 200px;
  padding: 2rem;
  border: 0;
}

/* 권한 클릭 후 접속페이지 */
.edu-reslt-main .date-box-wrap .k-datepicker {
  height: 48px;
}
.edu-reslt-main .date-box-wrap .k-datepicker .k-input-button.k-button {
  height: 100%;
}
.edu-reslt-main .date-box-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
.edu-reslt-main .grid-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.edu-reslt-main .grid-wrap .btn-list {
  padding: 0 15px;
}
.edu-reslt-main .grid-wrap .k-grid.default-grid .k-grid-content {
  overflow-y: hidden;
}

/* KHJ */
.line-point-tab.contents {
  min-height: auto;
}

/*역량진단*/
.top_cont {
  width: 100%;
  display: inline-block;
  background: #f1f1f1;
  padding: 25px;
}
.top_cont strong {
  width: 100%;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px solid #e0e0e0;
  display: block;
  padding-bottom: 10px;
}
.top_cont .des {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 16px;
  color: #828282;
  border-top: 1px solid #fff;
  padding-top: 10px;
}
.cmpt_info_area1 {
  width: 100%;
  display: inline-block;
}
.cmpt_info_area1 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-top: 1px solid #dbdbdb;
}
.cmpt_info_area1 tr {
  border-bottom: 1px solid #dbdbdb;
}
.cmpt_info_area1 th {
  width: 280px;
  background: #989ea6;
  padding: 15px 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.cmpt_info_area1 td {
  text-align: left;
  padding: 0 15px;
  color: #828282;
}
.Info01 {
  width: 100%;
  background: #edf0f6;
  padding: 25px;
  display: inline-block;
}
.Info01 dt {
  float: left;
  color: #343434;
}
.Info01 dd {
  float: left;
  margin-left: 5px;
  color: #828282;
}
.Info01 dd.d03 {
  padding-right: 20px;
  margin-right: 20px;
  background: url(../../images/solution/Common/part_line.gif) no-repeat right
    center;
}
.cmpt_edu_table_info {
  width: 100%;
  display: inline-block;
}
.cmpt_edu_table_info #example {
  width: 100%;
  display: inline-block;
}
.cmpt_edu_table_info #example #cmptgrid {
  width: 100%; /*height:120px;*/
  display: inline-block;
  overflow-y: hidden;
}
.cmpt_edu_table_info .all_list_view {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
  text-align: left;
}
.cmpt_edu_table_info .all_list_view span.info_text {
  display: inline-block;
  margin-left: 15px;
}
.coments_area {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding: 0px 30px 15px;
  margin: 0 auto;
}
.coments_area .none_data {
  text-align: center;
}
.coments_area .coments_data {
  width: 100%;
}
.coments_area .coments_data table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.answer_state {
  text-align: right;
  margin: 25px 0 10px 0;
}
.answer_state p {
  font-size: 16px;
}
.answer_state p span {
  font-weight: 500;
  font-size: 18px;
}
.answer_state p span#eNum {
  color: #d25448;
}
.d_question {
  width: 100%;
  display: inline-block;
  position: relative;
  border-bottom: 2px solid #4c4c4c;
  border-top: 3px solid #4c4c4c;
}
.d_question .d_info {
  width: 280px;
  float: left;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 1px solid #dbdbdb;
}
.d_question .d_info > h4 {
  color: #343434;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.d_question .d_info .i_text {
  padding: 10px;
}
.d_question .d_info .i_text h5 {
  padding-bottom: 5px;
  border-bottom: 1px solid #343434;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: left;
}
.d_question .d_info .i_text li {
  text-align: justify;
  font-size: 15px;
  margin-bottom: 10px;
  padding-left: 8px;
  background: url(../../images/solution/Common/gray_bullet.gif) no-repeat left
    10px;
}
.d_question .d_info .i_text li span {
  color: #38b549;
  font-weight: 700;
}
.d_question .d_info table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.d_question .d_info table tr {
  border-bottom: 1px solid #dbdbdb;
}
.d_question .d_info thead th {
  background: #989ea6;
  padding: 15px 0;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.d_question .d_info tbody th {
  background: #edf0f6;
  padding: 15px 0;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border-right: 1px solid #dbdbdb;
}
.d_question .d_info tbody td {
  text-align: left;
}
.d_question .d_info .u_wrap {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.d_question .d_info .u_wrap ul {
  display: inline-block;
}
.d_question .d_info .u_wrap ul li {
  width: 72px;
  display: inline-block;
}
.d_question .d_info .u_wrap ul p {
  margin: 0;
  text-align: center;
  line-height: 1.2em;
}
.d_question .d_info .u_wrap ul.user {
  margin-left: 10px;
}
.d_question .d_info .u_wrap ul.user li {
  padding-top: 45px;
  height: 92px;
}
.d_question .d_info .u_wrap ul.user.g01 li {
  background: url(../../images/ico/group01.png) no-repeat center 10px;
}
.d_question .d_info .u_wrap ul.user.g02 li {
  background: url(../../images/ico/group02.png) no-repeat center 10px;
}
.d_question .d_info .u_wrap ul.user.g03 li {
  background: url(../../images/ico/group03.png) no-repeat center 10px;
}
.d_question .d_info .u_wrap ul.user.g04 li {
  background: url(../../images/ico/group04.png) no-repeat center 10px;
}
.d_question .diag_Area {
  width: 1000px;
  float: right;
  padding: 10px 15px;
  border: 1px solid #dbdbdb;
  border-top: none;
  border-bottom: none;
}
.d_question .diag_Area > h4 {
  color: #343434;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  padding-top: 10px;
}
.d_question .diag_Area > h4 .state {
  float: right;
  font-size: 16px;
}
.d_question .diag_Area > h4 .state #eNum {
  color: #d25448;
  font-size: 18px;
  font-weight: 500;
}
.d_question .ques_txt {
  width: 100%;
  display: inline-block;
  padding: 10px 25px;
  text-align: left;
  border: 1px solid #dbdbdb;
  margin: 0 0 20px 0;
}
.mun_quest {
  font-size: 20px;
  line-height: 27px;
  min-height: 125px;
  margin: 20px 0 !important;
  background: #ebeff6;
  border: 1px solid #d6dce7 !important;
  padding: 20px !important;
} /*20190326 ysj추가*/
.ques_Area {
  width: 100%;
  display: inline-block;
}
.ques_Area dl {
  overflow: hidden;
  border-bottom: 1px dashed #d6d6d6;
}
.ques_Area dl.top {
  padding-right: 17px;
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0 0 20px 0;
}
.ques_Area dl.top dt {
  width: 180px;
  font-size: 16px;
  color: #666666;
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  float: left;
  margin-top: 40px;
}
.ques_Area dl.top dt span {
  display: block;
  color: #b2b2b2;
  font-weight: bold;
  font-size: 12px;
}
.ques_Area dl.top dd {
  width: 760px;
  float: left;
}
.ques_Area dl.top ol {
  width: 100%;
  display: inline-block;
}
.ques_Area dl.top ol li {
  float: left;
  text-align: center;
  width: 20%;
}
.q_wrap {
  overflow-y: scroll;
  padding: 0 10px 0 0;
  height: 370px;
}
.q_wrap dl.user_val {
  width: 100%;
  display: inline-block;
}
.q_wrap dl.user_val dt {
  width: 180px;
  float: left;
  padding: 15px 0;
}
.q_wrap dl.user_val dt span {
  font-weight: 400;
  font-size: 14px;
}
.q_wrap dl.user_val dd {
  width: 760px;
  float: left;
  padding: 22px 0 22px 0;
  overflow: hidden;
}
.q_wrap dl.user_val dt .b01 {
  background: url(../../images/ico/big_group01.png) no-repeat center 20px;
  padding: 57px 0 10px 0;
  text-align: center;
}
.q_wrap dl.user_val dt .b02 {
  background: url(../../images/ico/big_group02.png) no-repeat center 20px;
  padding: 57px 0 10px 0;
  text-align: center;
}
.q_wrap dl.user_val dt .b03 {
  background: url(../../images/ico/big_group03.png) no-repeat center 20px;
  padding: 57px 0 10px 0;
  text-align: center;
}
.q_wrap dl.user_val dt .b04 {
  background: url(../../images/ico/big_group04.png) no-repeat center 20px;
  padding: 57px 0 10px 0;
  text-align: center;
}
.q_wrap dl.user_val dd .k-slider-wrap ul li:first-child {
  display: none;
}
.q_wrap dl.user_val dd .k-slider-track {
  margin-left: -75px;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.q_wrap dl.user_val dd .k-slider-track .k-slider-selection {
  background-color: transparent;
  box-shadow: none;
}
.q_wrap dl.user_val dd .demo-section.k-header {
  background: url(../../images/solution/k-slider_bg.gif) no-repeat right center;
}
.q_wrap dl.user_val dd .k-slider-horizontal .k-draghandle {
  width: 30px;
  height: 30px;
  background: url(../../images/solution/k-slider_check.png) no-repeat center
    center;
  border: none;
  box-shadow: none;
  top: -10px;
}
.q_wrap dl.user_val dd .textarea_input {
  width: 100%;
  padding: 10px;
  height: 80px;
  border: 1px solid #dbdbdb;
}
.layer_cont {
  width: 100%;
  display: inline-block;
}
.layer_cont .layer_text > h4 {
  text-align: left;
  color: #38b549;
  font-size: 20px;
  padding: 10px 0 20px 0;
}
.layer_cont .layer_text .data_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom: 2px solid #4c4c4c;
  border-top: 3px solid #4c4c4c;
  font-size: 14px;
}
.layer_cont .layer_text .data_table tr {
  border-bottom: 1px solid #dbdbdb;
}
.layer_cont .layer_text .data_table tr > th {
  width: 26%;
  border-right: 1px solid #dbdbdb;
  padding: 5px 2%;
  font-weight: 400;
  text-align: left;
}
.layer_cont .layer_text .data_table tr > td {
  width: 74%;
  text-align: left;
  padding: 5px 0;
}
.layer_cont .layer_text .data_table tr > td > div {
  width: 100%;
  display: inline-block;
}
.layer_cont .layer_text .data_table tr > td > p {
  display: inline-block;
  padding-left: 10px;
}

/* 20190305 popup */
table.table-sty {
  width: 100%;
  margin: 10px 0;
  border-top: 2px solid #cccccc;
  border-left: 0;
  border-right: 0;
}
.table-sty tr th,
.table-sty tr td {
  padding: 10px;
  vertical-align: middle;
}
.table-sty tr th {
  border-right: 1px solid #dbdbdb;
  border-top: 0;
  border-bottom: 1px solid #dbdbdb;
  background: #edf0f6;
  font-weight: 400;
  text-align: center;
}
.table-sty tr th:last-child {
  border-right: 0;
}
.table-sty tbody tr td {
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
}
.table-sty tbody tr td:last-child {
  border-right: 0;
}
.table-sty tr:last-child td,
.table-sty tbody tr:last-child th {
  border-bottom: 1px solid #cccccc;
}
.table-sty tr td input,
.table-sty tr td textarea {
  width: 100%;
}
.table-sty tr td textarea {
  min-height: 200px;
}

.title {
  margin: 30px 0 5px;
}

.my-popup .pop_tit {
  display: block;
  padding: 25px 0 10px;
}
.my-popup .pop_tit_2 .pop_tit {
  float: left;
}
.my-popup .pop_tit_2:after {
  content: "";
  display: block;
  clear: both;
}
.my-popup .sel_pop .table_type03 tr td {
  background: #edf0f6;
}
.my-popup .sel_pop .table_type03 tr td ul li {
  margin-left: 15px;
}
.my-popup .app_search {
  float: right;
  padding: 25px 0 10px;
}

/*.clear { *zoom:1;}*/
.clear:after {
  content: "";
  display: block;
  clear: both;
}

/*Footer*/
.footer {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  font-size: 0.8em;
  display: inline-block;
  color: #777;
  border-top: 1px solid #dbdbdb;
  position: relative;
}
.footer button {
  position: absolute;
  right: 1%;
  top: 20px;
  border: none;
  background: #fff url(../../images/solution/Common/gray_bullet.gif) no-repeat
    left center;
  padding: 0 0 0 8px;
  color: #777;
}

/*개인정보처리방침*/
.privacy_wrap {
  text-align: left;
  padding: 10px;
  font-size: 14px;
}
.pv_top_tit {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #343434;
}
.pv_sub_tit {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #808080;
  margin-top: 10px;
}
.pv_sub_tit strong {
  color: #343434;
}
.pv_part {
  margin-top: 40px;
}
.pv_part h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}
.pv_part .sub_tit {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #808080;
  margin-bottom: 5px;
  text-align: justify;
}
.pv_part ul.depth_one {
  margin-top: 10px;
  padding: 0 8px;
}
.pv_part ul.depth_one > li {
  margin-bottom: 5px;
}
.pv_part ul.depth_one h3 {
  font-size: 16px;
  font-weight: normal;
}
.pv_part .text {
  padding-left: 18px;
  color: #808080;
  text-align: justify;
}
.pv_part .text strong {
  color: #343434;
}

/* 역량진단 리뉴얼 20190522 KHJ */
.top_cont.step-wrap {
  display: block;
  padding: 40px 10px;
  background: #ffffff;
}
.step-wrap .d_step {
  border: 0;
}
.step-wrap ul:after {
  content: "";
  display: block;
  clear: both;
}
.step-wrap ul {
  display: table;
}
.step-wrap ul li {
  display: table-cell;
  width: 440px;
  background: url(../../images/ico/ico_next.png) no-repeat;
  background-position: 376px center;
}
.step-wrap ul li:after {
  content: "";
  display: block;
  clear: both;
}
.step-wrap ul li:last-child {
  background: 0;
}
.step-wrap ul li .step-bg {
  float: left;
  width: 100px;
  padding: 15px 0;
  text-align: center;
}
.step-wrap ul li .step-bg .circle {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
}
.step-wrap ul li .step-bg .circle {
  background: #cbced2 url(../../images/ico/ico_cmpt.png) no-repeat;
  background-position: center;
}
.step-wrap ul li + li .step-bg .circle {
  background: #cbced2 url(../../images/ico/ico_cmpt2.png) no-repeat;
  background-position: center;
}
.step-wrap ul li + li + li .step-bg .circle {
  background: #cbced2 url(../../images/ico/ico_cmpt3.png) no-repeat;
  background-position: center;
}
.step-wrap ul li .step-box {
  float: left;
  width: 300px;
}
.step-wrap ul li .step-box > span {
  font-size: 11px;
  font-weight: 300;
  color: #999999;
  text-transform: uppercase;
}
.step-wrap ul li .step-box > strong {
  border: 0;
  color: #666666;
  letter-spacing: -1px;
}
.step-wrap ul li .step-box > p {
  font-size: 13px;
  font-weight: 400;
  color: #9b9b9b;
  line-height: 1.3;
  letter-spacing: -1px;
}

li.step.on .step-bg .circle {
  background-color: #3d4495;
}
li.step.on .step-box > strong {
  color: #3d4495;
}
li.step.on .step-box > p {
  color: #5a5a5a;
}

.contents > h4.mt40 .ptree_btn {
  float: right;
}
.contents > .btn-close {
  position: absolute;
  top: -32px;
  right: -55px;
  z-index: 99999;
  width: 45px;
  height: 45px;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #000000;
}
.contents > .btn-close .icon-del {
  width: 30px;
  height: 30px;
  background: url(../../images/renewal/icon/icon.png) no-repeat -455px -379px;
  text-indent: -999999px;
}

/* 역량진단(다면진단) */
.cmpt-wrap .cmpt-box {
  padding: 40px 0;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background: #fbfbfb;
  text-align: center;
}
.cmpt-wrap .cmpt-box h4 {
  font-size: 24px;
  font-weight: 400;
  color: #4c4c54;
}
.cmpt-box p {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #888888;
}
.cmpt-box p span {
  font-weight: bold;
  color: #3156a3;
}
.cmpt-wrap .d_question {
  border: 0;
  border-top: 2px solid #4c4c4c;
}
.cmpt-wrap .d_question .d_info.table-cmpt {
  float: none;
  position: static;
  width: 100%;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr th,
.cmpt-wrap .d_question .d_info.table-cmpt tr td {
  border-bottom: 1px solid #dbdbdb;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr td {
  border-right: 1px solid #dbdbdb;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap {
  display: block;
  padding: 0 20px;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap li {
  width: auto;
  height: 40px;
  padding: 0 23px 0 40px;
  background-position: left;
}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap li p {
  display: inline-block;
  line-height: 40px;
}
.cmptMsd .step-wrap {
  display: none;
}

.d_question.cmpt-content {
  margin-top: 67px;
  border: 0;
}
.state {
  float: right;
  margin: 0 36px 11px;
  font-size: 18px;
  color: #9b9b9b;
}
.state #eNum {
  color: #547acb;
}
.d_question.cmpt-content .diag_Area {
  position: relative;
  width: 100%;
  padding: 20px 40px 40px;
  border: 0;
}
.circle-area {
  display: inline-block;
  position: absolute;
  top: -25px;
  left: 14px;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: #3c4394;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 53px;
  letter-spacing: -1px;
}
.area-top:after {
  content: "";
  display: block;
  clear: both;
}
.area-top {
  font-size: 14px;
}
.area-top .group-nm {
  float: left;
  margin-left: 50px;
  color: #4c4c54;
}
.area-top .group-box {
  float: right;
}
.area-top .group-box ul li {
  display: inline-block;
  padding: 0 15px;
  color: #888888;
}
.area-top .group-box ul li:first-child {
  border-right: 1px solid #e0e0e0;
}
.d_question .diag_Area .ques_txt {
  margin: 10px 0 0;
  padding: 27px 30px; /*border-top: 1px solid #d9dbe1;*/
  background: #f5f5fa;
}
.d_question .ques_txt p {
  font-size: 22px;
  color: #3d4495;
}
.cmpt-content .ques_Area .ques-ex {
  height: 191px;
  min-height: 190px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  border-top: 0;
  background: #f9f9f9;
}
.cmpt-content .ques_Area .ques-ex > p {
  padding: 12px 0;
  background: #5f649d;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 15px;
}
.cmpt-content .ques_Area .ques-ex ol {
  padding: 20px 52px;
}
.cmpt-content .ques_Area .ques-ex ol li p {
  color: #5e5e5e;
  font-size: 15px;
  text-align: left;
  line-height: 2;
}
.q_wrap {
  overflow: hidden;
}
.user-wrap {
  background: #90919b;
}
.table-user {
  display: block;
  width: 100%;
  border: 1px solid #dcdee2;
  border-right: 0;
}
.table-head {
  display: block;
  padding-right: 17px;
}
.table-user tbody {
  width: 100%;
}
.table-head thead {
  width: 100%;
  padding-right: 17px;
}
.table-head thead tr th,
.table-user tbody tr td {
  display: table-cell;
  width: 400px;
  padding: 10px;
}
.table-user tbody tr td .textarea_input {
  margin: 10px 0 5px;
}
.table-head thead tr th {
  border-right: 1px solid #dcdee2;
  border-bottom: 1px solid #dcdee2;
  background: #90919b;
  color: #ffffff;
}
.table-user tbody tr td {
  border-right: 1px solid #dcdee2;
  border-bottom: 1px solid #dcdee2;
}
.table-user tbody tr td > div {
  display: inline-block;
  width: auto;
}
.table-user tbody tr:last-child td {
  border-bottom: 0;
}
.table-user tbody tr td:last-child {
  border-right: 0;
}
.table-user tbody tr td .b01 {
  background: url(../../images/ico/big_group01.png) no-repeat center 20px;
  padding: 10px 0 10px 50px;
  text-align: left;
  background-position: left;
}
.table-user tbody tr td .b02 {
  background: url(../../images/ico/big_group02.png) no-repeat center 20px;
  padding: 10px 0 10px 50px;
  text-align: left;
  background-position: left;
}
.table-user tbody tr td .b03 {
  background: url(../../images/ico/big_group03.png) no-repeat center 20px;
  padding: 10px 0 10px 50px;
  text-align: left;
  background-position: left;
}
.table-user tbody tr td .b04 {
  background: url(../../images/ico/big_group04.png) no-repeat center 20px;
  padding: 10px 0 10px 50px;
  text-align: left;
  background-position: left;
}
.table-scroll-body {
  height: 315px;
  overflow: auto;
  overflow-y: scroll;
  border-bottom: 1px solid #dcdee2;
  background: #ffffff;
}
.radio-td {
  position: relative;
}
.radio-td label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto !important; /* ie ver */
  height: 100%;
  cursor: pointer;
}
.radio-td input {
  width: 25px;
  height: 25px;
  border: 1px solid #ebebeb;
  background: #ffffff;
}
/*.radio-td input[type="radio"]{ display: none;}*/
.radio-td label .circle-label {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 12px auto;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
  background: #ffffff;
}
.radio-td input[type="radio"]:checked + label .circle-label:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #628df0;
}
/*.radio-td label{ display: block; position: absolute; top: 0; left: 0; width: 100%; cursor: pointer;}*/

/* 자가진단 */
.answer_state .state {
  float: none;
}
.cmpt-jaga-wrap {
  position: relative;
  margin-top: 20px;
}
.cmpt-jaga-wrap .state {
  display: block;
  float: none;
  margin: 0 36px 11px 0;
  text-align: right;
}
.cmpt-jaga-wrap .state:after {
  content: "";
  display: block;
  clear: both;
}
.cmpt-jaga-wrap .circle-area {
  top: 10px; /*left: -27px;*/
  left: 5px;
}
.cmpt-jaga-wrap > ul {
  height: 474px;
  overflow: auto;
}
.cmpt-jaga-wrap > ul > li {
  position: relative;
  height: 465px; /*border-left: 1px solid #e2e2e2;*/
}
.cmpt-jaga-wrap > ul > li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 30px;
  width: 1px;
  height: 100%;
  background: #e2e2e2;
}
.ques_wrap {
  padding: 10px;
}
.ques_wrap .ques_box {
  position: relative;
  z-index: 3;
  width: 1157px;
  margin-left: 80px;
  padding: 0 40px 30px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
}
.ques_wrap .ques_box:before {
  position: absolute;
  top: 17px;
  left: -8px;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff;
  z-index: 2;
}
.ques_wrap .ques_box:after {
  position: absolute;
  top: 16px;
  left: -9px;
  content: "";
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #e2e2e2;
  z-index: 1;
}
.ques_box .tit_emt {
  padding: 28px 0 15px;
  font-size: 14px;
  color: #888888;
  text-align: right;
}
.ques_box .tit_emt span:first-child {
  margin-right: 10px;
  padding: 0 10px 0 0;
  border-right: 1px solid #e0e0e0;
}
.ques_box .ques_title {
  padding: 28px 25px;
  border-top: 1px solid #d9dbe1;
  border-bottom: 1px solid #d9dbe1;
  background: #f5f5fa;
  font-size: 22px;
  color: #3d4495;
  text-align: left;
}

.ans_list ul li {
  position: relative;
  font-size: 15px;
  text-align: left;
  line-height: 1.3;
}
.ans_list ul {
  padding-top: 10px;
}
.ans_list label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7px 22px;
  font-weight: 300;
  color: #5e5e5e;
  cursor: pointer;
}
/*.ans_list input[type="radio"]{ display: none;}*/
.ans_list label .circle-label {
  display: inline-block;
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  border-radius: 50%;
  background: #ffffff;
}
.ans_list input[type="radio"]:checked + label {
  background: #3d4495;
  color: #ffffff;
}
.ans_list input[type="radio"]:checked + label .circle-label:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #628df0;
}

/* KHJ 20190709 추가css */
.container-a {
  display: block;
  position: relative;
}

/* KHJ 20190723 renewal_sub 추가 class */
.my-class-tit {
  background: url("../../images/renewal/sub/visual_sub_myclass.png") no-repeat
    center center;
  background-size: cover;
}
.com_top_tit h3 {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.7;
  line-height: 1.5;
  letter-spacing: -1px;
}
.icon.icon-home {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -22px -2px;
}
.MyPage .i_data1 li span.info-raund {
  min-width: 133px;
  padding: 11px 20px;
  border-radius: 50px;
  background: #4e5bc2;
  color: #ffffff;
}
.info-raund {
  display: inline-block;
  min-width: 133px;
  margin-left: 20px;
  padding: 11px 20px;
  border-radius: 50px;
  background: #4e5bc2;
  color: #ffffff;
}
.MyPage .i_data2 li:first-child {
  margin-right: 20px;
}
.detail:after {
  content: "";
  display: block;
  clear: both;
}
.detail h4 {
  float: left;
  font-size: 22px;
  font-weight: bold;
}
.detail h4 span {
  color: #333f9f;
}
.detail .fl-r {
  float: right;
  font-size: 14px;
  color: #888888;
}
.detail .icon.icon-down {
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 19px;
  margin-left: 15px;
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -137px -7px;
}
.MyPage .img-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 118px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: url("../../images/renewal/main/sample.jpg") no-repeat -184px -37px;
  font-family: "NanumSquareRound", Sans-Serif !important;
  text-align: center;
}
.MyPage .img-box .op-black {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.MyPage .img-box p {
  position: relative;
  z-index: 1;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  line-height: 133px;
  text-transform: uppercase;
}
.MyPage .data1 .pf-box ul {
  width: 100%;
}
.pf-box ul:after {
  content: "";
  display: block;
  clear: both;
}
.pf-box ul li {
  float: left;
  width: 50%;
  padding: 0 18px;
  border-right: 1px dashed #cecece;
  text-align: center;
}
.pf-box ul li:last-child {
  border: 0;
}
.pf-box ul li p.pf-tit {
  width: 100px;
  height: 32px;
  padding: 0 16px;
  border: 1px solid #20aeca;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
  line-height: 32px;
  color: #20aeca;
}
.pf-box ul li p.pf-tit.cell_b {
  border: 1px solid #01a97f;
  color: #01a97f;
}
.pf-box ul li p.pf-tit + p {
  margin-top: 28px;
  margin-bottom: 10px;
  font-size: 35px;
  color: #20aeca;
}
.pf-box ul li p.pf-tit.cell_b + p {
  color: #01a97f;
}
/* //my-class chart */
.MyPage .data2 {
  transform: skew(-0.1deg);
  -webkit-transform: skew(-0.1deg);
}
.MyPage .data2 h4 {
  font-size: 18px;
  text-align: left;
  color: #212121;
}
.MyPage .data2 h4 span {
  font-weight: bold;
  color: #333f9f;
}
.icon.icon-point {
  width: 3px;
  height: 3px;
  margin-right: 10px;
  background: #4e5bc2;
  vertical-align: middle;
}

.MyPage .class_list {
  transform: skew(-0.1deg);
  -webkit-transform: skew(-0.1deg);
}
.MyPage .class_list ul.i_data3 {
  margin-left: 0;
  text-align: right;
}
.MyPage .class_list ul.i_data3 li > span {
  margin-left: 20px;
}
.MyPage .class_list ul.i_data3 li {
  font-size: 16px;
}
.MyPage .class_list ul.i_data3 li:last-child {
  margin-left: 52px;
}

#esList > div {
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
#esList > div:after {
  content: "";
  display: block;
  clear: both;
}
#esList > div > div {
  float: left;
}
#esList .check-tit {
  width: 80px;
  height: 80px;
  padding-top: 15px;
  text-align: center;
  color: #ffffff;
}
#esList .check-tit.ck-blue {
  background: #6b89c2;
}
#esList .check-tit.ck-green {
  background: #70baa1;
}
#esList .check-tit.ck-cancel {
  background: #a6a6a6;
}
#esList .check-tit.ck-red {
  background: #f28e84;
}
#esList .check-tit.ck-gray {
  background: #96a1b4;
}
#esList .check-tit .icon {
  width: 40px;
  height: 25px;
}
#esList .check-tit .icon.icon-pen {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -318px -15px;
}
#esList .check-tit .icon.icon-comp {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -258px -15px;
}
#esList .check-tit .icon.icon-cancel {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -442px -15px;
}
#esList .check-tit .icon.icon-ok {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -196px -15px;
}
#esList .check-tit .icon.icon-not {
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -384px -15px;
}
#esList .check-cont {
  width: 1140px;
  padding-left: 30px;
  text-align: left;
}
#esList > .add_view {
  display: block;
  width: 100%;
  padding: 15px 30px;
  border: 1px solid #e0e0e0;
  border-top: 0;
  background: #f7f7f7;
}
#esList > .add_view a {
  display: block;
  color: #666666;
}
.add_view .icon.icon-down {
  width: 20px;
  height: 18px;
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -143px -13px;
  vertical-align: sub;
}
#esList .none_data {
  min-height: 200px;
}
#esList .none_data p {
  line-height: 200px;
}

/* table_type05 */
.t_wrap table.table_type05 {
  width: 100%;
}
table.table_type05 {
  position: relative;
  border-top: 1px solid #414146;
}
table.table_type05 thead tr th {
  padding: 3px 15px;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
  font-size: 15px;
  font-weight: 500;
  color: #121212;
  text-align: center;
  line-height: 40px;
  letter-spacing: -0.02em;
}
table.table_type05 tbody tr th,
table.table_type05 tbody tr td {
  padding: 3px 15px;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  color: #343434;
  text-align: center;
  line-height: 40px;
  letter-spacing: -0.02em;
}
table.table_type05 .tr-color th,
table.table_type05 .tr-color td {
  border-right: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  background: #e0e0e0;
}
table.table_type05 .tr-color td:last-child {
  border-right: 0;
}
table.table_type05 thead tr th.bg,
table.table_type05 tbody tr td.bg {
  background: var(--bg-white-red-2);
}
table.table_type05 .not-data-cont {
  border: 0;
}

.detail_Info .table_type05 td {
  text-align: left;
}
.detail_Info .table_type05 td textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: "Noto Sans KR";
  font-size: 15px;
  border: 1px solid #dbdbdb;
  padding: 15px;
}
.k-grid .k-grid-header .k-grid-header-wrap table th {
  padding: 12px 10px;
}
.k-grid .k-grid-header .k-grid-header-wrap table thead th {
  border-bottom: 1px solid #dbdbdb;
}
.table_type05 .k-grid .k-grid-header {
  border-top: 0;
}
.table_type05 .k-grid-header-wrap table thead tr th.k-header:last-child {
  border-right: 1px solid #dbdbdb;
}

.tab_menu {
  margin-top: 30px;
}
.tab_menu ul {
  border-bottom: 1px solid #4e5bc2;
  background: none;
  transform: skew(-0.1deg);
  -webkit-transform: skew(-0.1deg);
}
.tab_menu ul:after {
  content: "";
  display: block;
  clear: both;
}
.tab_menu ul li {
  float: left;
  position: relative;
  width: 33.3%;
  height: 53px;
  line-height: 53px;
  border: 1px solid #d1d4db;
  border-bottom: 0;
  border-right: 0;
  font-size: 16px;
  color: #afb4c0;
  letter-spacing: -1px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.tab_menu ul li:last-child {
  border-right: 1px solid #d1d4db;
}
.tab_menu ul li a {
  display: block;
  height: 100%;
  font-size: 16px;
  color: #afb4c0;
  letter-spacing: -1px;
}
.tab_menu ul li:hover {
  background: #ededed;
}
.tab_menu ul li.on {
  height: 63px;
  line-height: 63px;
  margin-top: -10px;
  border: 1px solid #4e5bc2;
  border-bottom: 0;
}
.tab_menu ul li.on:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 9px;
  height: 57px;
  background: url("../../images/renewal/sub/tab_bg.png") no-repeat 0 0;
}
.tab_menu ul li.on a,
.tab_menu ul li.on {
  height: 64px;
  border-bottom: 1px solid #ffffff;
  font-size: 18px;
  font-weight: bold;
  color: #4e5bc2;
}
.tab_menu ul li.on:hover {
  background: transparent;
}
.tab-content > div {
  display: none !important;
  opacity: 0;
  transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
}
.tab-content > .on {
  display: block !important;
  opacity: 1;
}
.tab-content .k-grid .k-grid-header {
  border-top: 0;
}

.tab-st .tab_menu {
  border-bottom: 0;
  background: none;
  transform: skew(-0.1deg);
  -webkit-transform: skew(-0.1deg);
}
.tab-st .tab_menu:after {
  content: "";
  display: block;
  clear: both;
}
.tab-st .tab_menu li {
  float: left;
  position: relative;
  width: 33.3%;
  height: 53px;
  margin: 0;
  line-height: 53px;
  border: 1px solid #d1d4db;
  border-bottom: 0;
  border-right: 0;
  font-size: 16px;
  color: #afb4c0;
  letter-spacing: -1px; /*transition: all .3s; -webkit-transition: all .3s;*/
}
.tab-st .tab_menu li:last-child {
  border-right: 1px solid #d1d4db;
}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active {
  height: 63px;
  margin-top: -10px;
  border: 1px solid #4e5bc2;
  border-bottom: 1px solid #ffffff;
  font-size: 18px;
  font-weight: bold;
  color: #4e5bc2;
}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 9px;
  height: 57px;
  background: url("../../images/renewal/sub/tab_bg.png") no-repeat 0 0;
}
.tab-st .tab_menu.k-tabstrip-items li.k-item span.k-link {
  line-height: 53px;
  border-bottom: 0;
  background: transparent;
  color: #afb4c0;
}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active span.k-link {
  line-height: 63px;
  border-bottom: 0;
  background: #ffffff;
  color: #4e5bc2;
}
.tab-st .tab_cont {
  margin-top: -5px;
  border-top: 1px solid #4e5bc2;
}

.k-grid .k-grid-header {
  border-top: 0;
}

/* 교육훈련 */
.edu-page-tit {
  background: url("../../images/renewal/sub/visual_sub_edu.png") no-repeat
    center center;
  background-size: cover;
}
.result_info .tab_menu li {
  width: 20%;
}
.EeducationTraining .tab_cont {
}
.EeducationTraining .tab_cont h4.tit .fl-r {
  float: right;
  margin-top: 4px;
  margin-right: 25px;
  font-size: 16px;
  font-weight: 500;
  transform: skew(-0.1deg);
  -webkit-transform: skew(-0.1deg);
}
.EeducationTraining .tab_cont h4.tit .sp-name {
  font-weight: bold;
  color: #333f9f;
}
.EeducationTraining .tab_cont h4.tit .sp-date {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 500;
}
.EeducationTraining .tab_cont h4.tit .remark {
  font-size: 14px;
  color: #666666;
}
.EeducationTraining .tab_cont h4.tit .jobinfo {
  font-weight: bold;
  color: #212121;
}
.EeducationTraining .tab_cont h4.tit .sp-jobinfo {
  margin-left: 20px;
  padding: 7px 20px;
  border: 1px solid #444fa5;
  border-radius: 50px;
  color: #4e5bc2;
}
.remark .icon-circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  border: 1px solid #444fa5;
  border-radius: 50%;
  background: #4e5bc2;
  vertical-align: middle;
}
/*.cmpt-category{ padding: 0 5px;}*/
/* .cmpt-category:after{ content: ''; display: block; clear: both;} */
/* .cmpt-category li{ float: left; position: relative; margin: 10px 31px 10px 5px; padding: 10px 36px; border: 1px solid #e0e0e0; border-radius: 50px; color: #666666; letter-spacing: -1px;} */
/* .cmpt-category li button{ position: absolute; top: 0; right: -28px; width: 38px; height: 38px; padding: 0; border: 1px solid #444fa5; border-radius: 50%; background: #4e5bc2; color: #ffffff; text-align: center;} */
/* .cmpt-category li button:hover, */
/* .cmpt-category li button:active, .cmpt-category li button:focus, .cmpt-category li button.active{ border: 1px solid #d9695e; background: #f27569; color: #ffffff; } */
/* button:focus, button:active{ outline: none !important; box-shadow: none !important;} */
/* .cmpt-category li.btn-all{ padding: 0; border: 0;} */
/* .cmpt-category li.btn-all button{ position: static; width: 100%; padding: 5px 36px; border: 1px solid #e0e0e0; border-radius: 50px; background: transparent; color: #666666;} */
.ptree_btn.sampleUrlBtn {
  height: 39px;
  vertical-align: bottom;
}

.EeducationTraining .date_select .ptree_looup_btn {
  margin-left: 15px;
}
.detail_Info table.data_list.table_type05 {
  border-top: 0;
}
.detail_Info table.data_list .t_wrap th {
  text-align: center;
}
/*.result_info .tab-st .tab_menu{ margin-top: 70px;}*/
.detail_Info table.data_list .t_wrap .table_type05.table_type05_2 th,
.detail_Info table.data_list .t_wrap .table_type05.table_type05_2 td {
  font-size: 13px;
}
.t_wrap span {
  display: block;
  margin: 5px 0;
}

/* 경력관리 > 역량진단 */
.cmpt-page-tit {
  background: url("../../images/renewal/sub/visual_cmpt.png") no-repeat center
    center;
  background-size: cover;
}
.cmpt-content > h4 {
  display: block;
  margin: 40px 0 0;
  padding: 22px 0;
  border-top: 2px solid #212121;
  background: #f6f6f6;
  font-size: 16px;
  text-align: center;
  color: #212121;
  letter-spacing: -1px;
}
.icon-import {
  width: 25px;
  height: 25px;
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -25px -58px;
}
.cmpt-content > h4 .icon {
  margin-right: 10px;
  vertical-align: middle;
}

/* 역량결과 */
.cmptEvlAnalysisCmpt .detail {
  height: auto;
  margin-top: 40px;
  border-top: 2px solid #212121;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
  color: #212121;
  letter-spacing: -1px;
}
.cmptEvlAnalysisCmpt .detail .fl-r {
  font-size: 16px;
  color: #212121;
  letter-spacing: -1px;
}
.cmptEvlAnalysisCmpt .detail:after {
  content: "";
  display: block;
  clear: both;
}
.cmptEvlAnalysisCmpt .detail p {
  display: inline-block;
  margin-right: 40px;
}
.cmptEvlAnalysisCmpt .detail p:last-child {
  margin-right: 0px;
}
.fl-l {
  float: left;
}
.raund {
  margin-right: 10px;
  padding: 8px 30px;
  border: 1px solid #6673c5;
  border-radius: 50px;
  color: #4e5bc2;
}
.raund.bg-blue {
  border: 1px solid #444fa5;
  background: #4e5bc2;
  color: #ffffff;
}
.cmptEvlAnalysisCmpt .tab_menu ul li {
  width: 25%;
}
.cmptEvlAnalysisCmpt .tab_menu ul li.on {
  bottom: -1px;
  margin-top: -11px;
}
.cmptEvlAnalysisCmpt .tab_box {
  margin-bottom: 0;
  padding: 0;
}
.cmptEvlAnalysisCmpt .tab_box p {
  padding: 30px;
  font-size: 16px;
  color: #666666;
  line-height: 1.8;
  letter-spacing: -1px;
}
.cmptEvlAnalysisCmpt .tab_box .txt-box {
  padding: 30px;
  background: #f9f9f9;
  font-size: 14px;
  color: #666666;
  line-height: 1.8;
  letter-spacing: -1px;
}
.cmptEvlAnalysisCmpt .tab_box .txt-box .icon-nemo {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 15px;
  background: #828282;
  vertical-align: middle;
}
.cmptEvlAnalysisCmpt .tab_box .txt-box .icon-nemo + span {
  margin-right: 37px;
}
.cmptEvlAnalysisCmpt .tab_box .txt-box .raund {
  margin-right: 10px;
  padding: 8px 20px;
}
.cmptEvlAnalysisCmpt .tab_box .txt-box > ul > li {
  margin: 15px 0;
}
.rstevlrun-name {
  color: #f27569;
}
.rstevlscore {
  padding: 5px 14px;
  border: 1px solid #d9695e;
  border-radius: 50px;
  background: #f27569;
  font-weight: 300;
  color: #ffffff;
}
.cmptEvlAnalysisCmpt h4 {
  display: block;
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #212121;
  letter-spacing: -1px;
}
.graph_list.mt30 {
  margin-top: 30px;
}

.coments_area .none_data {
  padding: 30px;
  border-top: 1px solid #dbdbdb;
}
.coments_data table tr th {
  padding: 25px;
}
.coments_data table tr td {
  padding: 25px 30px;
  background: none;
  vertical-align: top;
}
.coments_data table td div {
  padding: 20px 30px;
  border: 1px solid #dbdbdb;
  border-radius: 0 30px 30px 30px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Noto Sans KR", sans-serif !important;
  line-height: 1.3;
  color: #888888;
}
.coments_data table tr {
  border-top: 1px dashed #dbdbdb;
}
.coments_data table tr:first-child {
  border-top: 1px solid #dbdbdb;
}
.coments_data tbody tr td.user-data .b0-normal {
  height: 40px;
  border: 0;
  background: url(../../images/renewal/sub/icon/cmpt_group_normal.png) no-repeat
    center 20px;
  font-size: 14px;
  padding: 5px 0 0 50px;
  line-height: 15px;
  text-align: left;
  background-position: left;
}
.coments_data tbody tr td.user-data .b0-normal strong {
  font-weight: bold;
  color: #5e5e5e;
}
.coments_data tbody tr td.user-data .b0-normal span {
  font-weight: 300;
  color: #888;
}
.coments_data tbody tr td.user-data .b01 {
  background: url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.coments_data tbody tr td.user-data .b02 {
  background: url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.coments_data tbody tr td.user-data .b03 {
  background: url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.coments_data tbody tr td.user-data .b04 {
  background: url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}

.cmpt_edu_table_info.tab_box {
  padding: 30px;
}
.cmpt_edu_table_info.tab_box > img {
  display: block;
  margin: 0 auto 13px;
}
.cmpt_edu_table_info.tab_box > p {
  padding: 0 0 30px;
  margin-bottom: 30px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.03em;
  border-bottom: 1px solid #dbdbdb;
}
.cmpt_edu_table_info.tab_box .remark {
  color: #666666;
  letter-spacing: -1px;
}
.cmpt-category-box {
  margin: 20px 0;
}
.k-grid.k-widget {
  border: 0;
  text-align: center;
}

/* 경력관리 > 역량진단 > 레이어팝업 */
.layerpop-cmpt .container {
  margin-top: 0;
}
.layerpop-cmpt {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layerpop-cmpt.show {
  display: block;
  opacity: 1;
  z-index: 10000;
}
.layerpop-cmpt > .popup {
  position: fixed;
  width: 1340px;
  height: 860px;
  border-radius: 20px;
  background: #ffffff;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.layerpop-cmpt > .popup {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.layerpop-cmpt > .popup.pop-show {
  visibility: visible;
}
.layerpop-cmpt > .popup.pop-show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.layerpop-cmpt > .popup .pop-cont {
  width: 98%;
  height: 97%;
  margin: 10px auto; /*overflow-y: auto;*/
}

.cmptEvl .detail {
  border-top: 2px solid #212121;
  border-bottom: 1px solid #e1e1e1;
}
.cmptEvl .detail p {
  display: inline-block;
  margin-right: 40px;
  font-size: 16px;
  color: #212121;
  letter-spacing: -1px;
}
.cmptEvl .detail p:last-child {
  margin-right: 0;
}
.cmptEvl h4 {
  display: block;
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  letter-spacing: -1px;
}
.popup .contents {
  min-height: auto;
  margin-bottom: 0;
}
.popup .top_cont.step-wrap {
  padding: 15px 0px 5px;
}
.raund.raund-red {
  border: 1px solid #ff8276;
  color: #ff8276;
}
.cmpt-jaga-wrap .state {
  margin-right: 0;
  color: #888888;
}
.cmpt-jaga-wrap .state #eNum {
  color: #ff8276;
}
.cmpt-jaga-wrap .state #tNum {
  color: #212121;
}
.cmpt-jaga-wrap table.table_type05 th {
  width: auto;
}
.cmpt-jaga-wrap table.table_type05 td {
  position: relative;
}
.cmpt-jaga-wrap table.table_type05 td label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 52px;
}
/*.cmpt-table-wrap{ position: relative; padding-top: 63px;}*/
/*.cmpt-table-form{ height: 345px; overflow-y: auto;}*/
/*.cmpt-table-form table{ width: 100%; table-layout: fixed;}*/
/*.cmpt-table-form table tr{ display: inline-block; width: 100%; table-layout: fixed;}*/
/*.cmpt-table-form table thead tr{ position: absolute; top: 0; left: 0; right: 0;}*/
/*.cmpt-table-form table tbody tr{ display: table-row;}*/
#userQuestArea.k-grid .k-grid-content table tr td {
  padding: 24px 10px;
}

.txt-left {
  text-align: left !important;
}

/* 다면진단 */
.cmptMsd:after {
  content: "";
  display: block;
  clear: both;
}
.cmptEvl.cmptMsd .detail {
  border-bottom: 1px solid #212121;
  background: #ffffff;
}
.cmptEvl.cmptMsd li.step.on .step-bg .circle {
  background-color: #8c8c8c;
}
.cmptEvl .step-wrap .d_step {
  padding-bottom: 0;
}
.cmptMsd li.step.on .step-box > strong {
  color: #212121;
}
.cmptEvl .cmpt-title {
  padding: 15px;
  font-size: 20px;
  text-align: left;
}
.cmptEvl .cmpt-title span {
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
  vertical-align: text-top;
}
.cmptMsd .cmpt-wrap {
  float: left;
  position: relative;
  width: 100%;
  margin-top: -3px;
  border-bottom: 2px solid #212121;
}
.cmptMsd .cmpt-wrap .d_question .d_info th {
  padding: 15px 20px;
  border-right: 1px solid #e1e1e1;
  background: #f9f9f9;
  font-size: 16px;
  font-weight: 500;
  color: #010101;
  text-align: left;
}
.cmptMsd .cmpt-wrap .d_question .d_info tbody th {
  padding: 40px 20px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 500;
  color: #5e5e5e;
}
.cmptMsd .cmpt-wrap .d_question .d_info td {
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #888888;
  line-height: 1.5;
  letter-spacing: -1px;
}
.cmptMsd .d_question {
  float: left;
  width: 20%;
}
.cmptMsd .d_question.cmpt-content {
  position: relative;
  width: 100%;
  margin-top: 0;
}
.cmpt-wrap .d_question {
  border-top: 0;
}
.diag-area-wrap {
  border-right: 1px solid #e1e1e1;
}
.diag-area-tit {
  padding: 15px 20px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
  color: #888888;
  letter-spacing: -1px;
}
.diag-area-tit:after {
  content: "";
  display: block;
  clear: both;
}
.diag-area-tit p {
  float: left;
  margin-top: 3px;
}
.diag-area-tit .state {
  margin: 0;
  font-size: 18px;
}
.d_question.cmpt-content .diag_Area {
  float: none;
  width: 1220px;
  height: 565px;
  margin: 0 auto;
  padding: 0;
  overflow: auto;
}
.d_question.cmpt-content .diag_Area .ex-num {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 30px;
  width: 48px;
  height: 48px;
  border: 1px solid #d9695e;
  background: #f27569;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 48px;
  letter-spacing: -1px;
}
.d_question .diag_Area .ques_txt {
  position: relative;
  min-height: 110px;
  margin: 0;
  padding: 25px 30px 25px 95px;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  background: #f9f9f9;
}
.d_question .diag_Area .ques_txt p {
  font-size: 20px;
  line-height: 1.5;
  color: #212121;
}
.cmptMsd .table-head thead tr th {
  padding: 17px 10px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
}
.cmptMsd .d_question.cmpt-info {
  display: none;
}
.cmptMsd .state #eNum {
  color: #f27569;
}
.cmptMsd .diag-area-wrap {
  border: 0;
}
.cmptMsd .diag-area-tit {
  border: 0;
}
.cmptMsd .table-user {
  border-left: 0;
}
.cmptMsd .table-user tr td > div strong {
  display: block;
  width: 100px;
  font-size: 14px;
  color: #5e5e5e;
}
.cmptMsd .table-user tr td > div span {
  font-size: 12px;
  font-weight: 400;
  color: #888888;
}
.cmptMsd .table-scroll-body {
  height: 202px;
  border-bottom: 0;
}
.cmptMsd .table-scroll-body dl dd > div {
  background: #ffffff;
}
.cmptMsd .ques_Area {
  position: relative;
}
.cmptMsd .ques_Area dl {
  border: 0;
}
.cmptMsd .q_wrap {
  position: relative;
  padding: 0;
}
.q_wrap dl.user_val dd {
  width: 100%;
  padding: 17px 0;
}
.q_wrap dl.user_val dd .demo-section.k-header {
  background: url(../../images/renewal/sub/k-slider_bg.png) right center;
  background-repeat: repeat-x;
}
.q_wrap dl.user_val dd .k-slider-horizontal .k-draghandle {
  width: 34px;
  height: 34px;
  background: url(../../images/renewal/sub/icon/icon_slider.png) no-repeat
    center center;
}
.q_wrap dl.user_val dd .k-slider-track {
  margin-left: -95px;
}
.k-slider-horizontal .k-label {
  display: none;
}
.k-slider-horizontal .k-tick {
  background-image: url(../../images/renewal/sub/icon/icon_slider_bar.png);
  background-position: center 7px;
}
.table-user tbody {
  border-left: 1px solid #e5e5e5;
}
.table-user tbody tr td {
  padding: 0px 10px;
}
.table-user tbody tr td > div {
  height: 48px;
  line-height: 1;
}
.cmptMsd .table-user tbody tr td .b01 {
  background: url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.cmptMsd .table-user tbody tr td .b02 {
  background: url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.cmptMsd .table-user tbody tr td .b03 {
  background: url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.cmptMsd .table-user tbody tr td .b04 {
  background: url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.cmptMsd .user-wrap .icon-import {
  width: 18px;
  height: 18px;
  background: url("../../images/renewal/sub/icon/icon_import_red.png") no-repeat;
  vertical-align: bottom;
}
.cmptMsd .q_wrap {
  height: auto;
}
.line-dott {
  display: block;
  width: 95%;
  height: 1px;
  margin: 0 auto;
  border-top: 1px dashed #e5e5e5;
}

.endFront {
  display: none;
  padding: 300px 30px 30px;
  background: url("../../images/renewal/sub/icon/cmpt_end.png") no-repeat center
    138px;
}
.endFront .txt-box {
  letter-spacing: -1px;
}
.endFront .txt-box strong {
  display: block;
  margin-bottom: 22px;
  font-size: 30px;
  font-weight: 500;
  color: #212121;
}
.endFront .txt-box p {
  font-size: 18px;
  color: #666666;
  line-height: 1.5;
}
.endFront .txt-box p span {
}
.endFront .btn-area {
  margin-top: 68px;
}
.endFront .btn-area button {
  width: 90px;
}

.cmptImport {
  border: 0;
  background: transparent;
}
.cmpt-info {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 85.5%;
  padding: 18px 33px;
  background: #5b5b5b;
  color: #ffffff;
  text-align: left;
}
.cmpt-info.on {
  display: block;
}
.cmpt-info h5 {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 500;
}
.cmpt-info .cmptImport {
  float: right;
}
.cmpt-info .cmptImport .icon-import {
  width: 18px;
  height: 18px;
  background: url("../../images/renewal/sub/icon/icon_import_red.png") no-repeat;
  vertical-align: bottom;
}
.cmpt-info .cmptImport .icon-del {
  width: 20px;
  height: 20px;
  background: url("../../images/renewal/icon/icon.png") no-repeat -460px -385px;
}
.cmpt-info .u_wrap > ul > li {
  padding: 10px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.cmpt-info .u_wrap > ul > li:last-child {
  border: 0;
}
.cmpt-info .u_wrap > ul > li:after {
  content: "";
  display: block;
  clear: both;
}
.cmpt-info .u_wrap > ul > li > p {
  display: inline-block;
  float: left;
  margin-top: 8px;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
}
.cmpt-info .u_wrap > ul > li.g04 > p {
  background: #f27569;
}
.cmpt-info .u_wrap > ul > li.g03 > p {
  background: #29bb97;
}
.cmpt-info .u_wrap > ul > li.g02 > p {
  background: #1cb8cb;
}
.cmpt-info .u_wrap > ul > li.g01 > p {
  background: #f6b265;
}
.cmpt-info .u_wrap > ul > li.g04 ul li {
  background: url("../../images/renewal/sub/icon/cmpt_group4.png") no-repeat;
}
.cmpt-info .u_wrap > ul > li.g03 ul li {
  background: url("../../images/renewal/sub/icon/cmpt_group.png") no-repeat;
}
.cmpt-info .u_wrap > ul > li.g02 ul li {
  background: url("../../images/renewal/sub/icon/cmpt_group2.png") no-repeat;
}
.cmpt-info .u_wrap > ul > li.g01 ul li {
  background: url("../../images/renewal/sub/icon/cmpt_group3.png") no-repeat;
}
.cmpt-info .u_wrap > ul > li > div {
  float: left;
  width: 857px;
  height: 48px;
  margin-left: 16px;
  overflow-x: auto;
  white-space: nowrap;
}
.cmpt-info .u_wrap > ul > li > div li {
  display: inline-block;
  height: 35px;
  margin-right: 20px;
  padding-left: 40px;
}
.cmpt-info .u_wrap > ul > li > div li:last-child {
  margin-right: 0;
}
.cmpt-info .u_wrap > ul > li > div li p {
  margin-top: 3px;
}
.cmpt-info .u_wrap > ul > li > div li p span {
  display: block;
  font-size: 12px;
}
.cmpt-info .u_wrap > ul > li > div .data-none {
  line-height: 45px;
}

.btn-arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 54px;
  border: 1px solid #cccccc;
  border-radius: 5px 0 0 5px;
  background: #ffffff;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 0 2px;
}
.btn-arrow.arrow-l {
  left: -10px;
  border-right: 0;
}
.btn-arrow.arrow-r {
  right: -10px;
  border-left: 0;
  border-radius: 0px 5px 5px 0px;
}
.btn-arrow .icon {
  width: 13px;
  height: 22px;
  margin-top: 15px;
}
.btn-arrow .icon-arrow-l {
  background: url("../../images/renewal/sub/icon/icon_arrow_l.png") no-repeat;
}
.btn-arrow .icon-arrow-r {
  background: url("../../images/renewal/sub/icon/icon_arrow_r.png") no-repeat;
}
.col-red {
  color: #f27569;
}

/* 경력개발계획 */
.cdp-page-tit {
  background: url("../../images/renewal/sub/visual_cdp.png") no-repeat center
    center;
  background-size: cover;
}
.user-cdp .step-wrap {
  margin: 40px 0 30px;
}
.user-cdp .step-wrap ul li {
  background-position: 360px center;
}
.user-cdp .step-wrap ul li .step-bg {
  width: 85px;
  margin: 0;
  padding: 0;
}
.user-cdp .step-wrap ul li .step-bg .circle {
  width: 60px;
  height: 60px;
  margin: 0;
  background-image: none;
  font-size: 19px;
  color: #ffffff;
  line-height: 1;
  text-transform: uppercase;
}
.user-cdp .step-wrap ul li .step-bg .circle small {
  display: inline-block;
  margin-top: 16px;
  font-size: 11px;
}
.user-cdp .step-wrap ul li .step-box {
  text-align: left;
}
.user-cdp .step-wrap ul li .step-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
  color: #3d4495;
  letter-spacing: -1px;
}
.user-cdp .step-wrap ul li .step-box p {
  font-size: 13px;
  color: #666666;
}

.tab-st.tab-two .tab_menu li {
  width: 50%;
}
.user-cdp .tab_cont {
  padding: 30px;
  text-align: left;
}
.user-cdp .tab_cont h4 {
  display: inline-block;
  margin: 15px 0;
  font-size: 18px;
  color: #212121;
  letter-spacing: -1px;
}
.user-cdp .tab_cont h4.mt30 {
  margin-top: 30px;
}
.user-cdp .tab_cont h4 span {
  margin-left: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #888888;
  letter-spacing: -1px;
}
ul.select_Area01 {
  padding: 20px 0;
  border-bottom: 1px solid #dbdbdb;
}
ul.select_Area01 li:first-child {
  width: 120px;
}
ul.select_Area01 li {
  margin-right: 10px;
}
.goal_inp + ul.select_Area01 {
  padding: 0 0 20px;
}
.user-cdp .ptree_looup_btn {
  height: auto;
}
.select_Area01 .ptree_btn.ptree_close {
  width: 36px;
  height: 36px;
  padding: 10px;
}
.user-cdp .ptree_close:hover {
  background: #f1f1f1;
}
.user-cdp .ptree_close .icon-close {
  vertical-align: bottom;
}
.ptree_btn.ptree_close {
  border: 1px solid #a0a0a0;
  background: #ffffff;
}
.ptree_looup_btn.del_btn {
  border: 1px solid #919191;
  background: #a6a6a6;
}
.ptree_looup_btn.del_btn:hover {
  background: #ffffff;
}
.user-cdp .plan01_wp + h4 {
  margin-top: 30px;
}
.user-cdp .k-tabstrip-wrapper .tab_cont {
  padding: 0;
  border: 0;
}
.user-cdp .k-tabstrip-wrapper .tab_cont .tab_cont_cont {
  border: 1px solid #dbdbdb;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 2%;
}
.user-cdp .tab-st .tab_menu li {
  border-bottom: 1px solid #4e5bc2;
}

.user-cdp .accordion h4 {
  display: inline-block;
  font-size: 22px;
}
.user-cdp .accordion h4 span {
  font-size: 22px;
  font-weight: bold;
  color: #333f9f;
  letter-spacing: -1px;
}
.state_wrap .accordion dt #isEnoughReqNm.raund-nm {
  display: inline-block;
  width: 220px;
  margin-left: 25px;
  padding: 16px 0;
  border-radius: 50px;
  background: #f27569;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  letter-spacing: -1px;
}
.user-cdp .title button {
  margin: 15px 0;
}
#eduPlanGrid {
  margin-top: -10px;
}

/* 소개 */
.intro-page-tit {
  background: url("../../images/renewal/sub/visual_sub_intro2.png") no-repeat
    center center;
  background-size: cover;
}
#company_intro {
  margin-top: 30px;
}

/* 부서장 */
.master-page-tit {
  background: url("../../images/renewal/sub/visual_sub3.png") no-repeat center
    center;
  background-size: cover;
}
.result_info {
  margin-top: 30px;
}
.form-group {
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 1px dashed #ededed;
}
.btn_right {
  margin-bottom: 10px;
}
.f-group {
  width: 100%;
}
.f-group:after {
  content: "";
  display: block;
  clear: both;
}
.line-dashed {
  border-bottom: 1px dashed #e1e1e1;
}
ul.select_Area02 li.tit:first-child {
  padding: 15px 0 10px 10px;
}
.CDResult .btn_right {
  display: inline-block;
}

.icon-close {
  width: 15px;
  height: 15px;
  background: url("../../images/renewal/icon/icon_sub.png") no-repeat -64px -58px;
}
.fl-r {
  float: right;
}

.table_type06 {
  width: 100%;
}
.table_type06 th,
.table_type06 td {
  padding: 11px 10px;
  border: 1px solid #dbdbdb;
  border-left: 0;
  border-top: 0;
  font-size: 14px;
  color: #333333;
  text-align: center;
  letter-spacing: -1px;
}
.table_type06 th {
  border-top: 1px solid #212121;
  background: #f3f4f5;
  font-weight: 400;
}
.table_type06 th:last-child,
.table_type06 td:last-child {
  border-right: 0;
}

table .ptree_btn {
  padding: 7px 20px;
}
table .ptree_btn,
table .ptree_looup_btn {
  border-radius: 0;
}
table .ptree_looup_btn {
  width: 65px;
}
table .ptree_btn span,
table .ptree_looup_btn span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.k-grid .k-grid-content table tr td a.ptree_btn {
  text-decoration: none;
}
.k-window .k-window-titlebar .k-window-title {
  font-size: 18px;
}
.plan01_wp .k-grid .k-grid-content table tr td {
  text-overflow: clip;
}

div#change-password-window.k-window-content table tr td {
  width: 25%;
}
div#change-password-window.k-window-content table tr td:last-child {
  width: 60%;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
}
input[type="checkbox"] + label span {
  font-size: 16px;
  vertical-align: top;
}
.g_check_list input[type="checkbox"] {
  margin-left: 10px;
  margin-right: 6px;
}
.k-grid-content input[type="checkbox"] {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
}
.k-grid
  .k-grid-header
  .k-grid-header-wrap
  table
  thead
  th
  input[type="checkbox"] {
  display: inline-block;
  position: relative;
  margin-left: 0;
  vertical-align: middle;
}
.k-dropdown-wrap .k-input {
  height: 34px;
}

/* 20191021 KHJ 역량진단 */
.ans_list li:after {
  content: "";
  display: block;
  clear: both;
}
.ans_list textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #dbdbdb;
}
.ans_list .user_val {
  float: left;
  width: 180px;
  padding: 10px;
}
.ans_list .user_val .b01 {
  background: url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.ans_list .user_val .b02 {
  background: url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.ans_list .user_val .b03 {
  background: url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.ans_list .user_val .b04 {
  background: url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat;
  padding: 10px 0 10px 39px;
  text-align: left;
  background-position: left;
}
.ans_list .user_val strong {
  display: block;
  width: 100px;
  font-size: 14px;
  color: #5e5e5e;
}
.ans_list .user_val span {
  font-size: 12px;
  font-weight: 400;
  color: #888888;
}

.ans_list .comm-txt {
  float: left;
  width: 890px;
  padding: 10px;
}

#userList tr.user_val {
  position: relative;
}

@media screen and (max-width: 1549px) {
  .container-a {
    width: 1519px;
  }
}
@media screen and (max-width: 1300px) {
  .container-a {
    width: 1280px;
  }
}

.btn-more {
  width: 100%;
  padding: 30px 0;
  margin-bottom: 20px;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.02em;
  border: none;
  background: none;
}

.cmpt-category:after {
  content: "";
  display: block;
  clear: both;
}
.cmpt-category li {
  float: left;
  position: relative;
  margin: 5px 3.5px;
  border: none;
}
.cmpt-category li button {
  width: auto;
  height: 62px;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 12px;
  color: #565656;
  font-weight: normal;
  letter-spacing: -0.02em;
  border-radius: 10px;
  border: none;
  background: #f8f8f8;
}
.cmpt-category li button > span {
  display: block;
  margin-bottom: 5px;
  line-height: 17px;
  text-align: center;
  font-size: 21px;
  color: #565656;
  font-weight: bold;
}
.cmpt-category li button:hover {
  color: #4e5bc2;
  background: #f4f6ff;
}
.cmpt-category li button:hover > span {
  color: #4e5bc2;
  font-weight: bold;
}
.cmpt-category li button:active,
.cmpt-category li button:focus,
.cmpt-category li button.active {
  color: #fff;
  font-weight: bold;
  background: #5e6cdf;
}
.cmpt-category li button:active > span,
.cmpt-category li button:focus > span,
.cmpt-category li button.active > span {
  color: #fff;
  font-weight: bold;
}
/* button:focus, button:active{ outline: none !important; box-shadow: none !important;} */
/* .cmpt-category li.btn-all{ padding: 0; border: 0;} */
/* .cmpt-category li.btn-all button{ position: static; width: 100%; padding: 5px 36px; border-radius: 20px; background: #f7f7f7; color: #666666;} */

/* 데이터가 없는 경우 */
.none-data {
  width: 100%;
  height: auto;
  padding: 200px 0;
  text-align: center;
}
.none-data > img {
  display: block;
  margin: 0 auto 15px;
}
.none-data > p {
  line-height: 25px;
  font-size: 16px;
  color: #b0b0b0;
  font-weight: 400;
  letter-spacing: -0.05em;
}

/* 역량진단 > 추천교육탭 > 교육목록*/
#cmptEduList .edu-list .trng-nm {
  padding: 0;
  padding-bottom: 5px;
}
#cmptEduList .edu-list .edu-info .edu-tit {
  padding: 0;
}
#cmptEduList .edu-list .edu-info .edu-date {
  padding: 0;
}

/* 교육신청 상세페이지 */
.edu-detail-wrap .contents {
  float: left;
  width: 880px;
  min-height: auto;
  margin-top: 0;
  padding-top: 30px;
}
.edu-detail-wrap .detail-top-cont {
  background: #ffffff;
}
.edu-detail-wrap .detail-top-cont:after {
  content: "";
  display: block;
  clear: both;
}
.edu-detail-wrap .sbjct-info-box {
  display: block;
  margin-bottom: 28px;
  text-align: left;
}
.edu-detail-wrap .sbjct-info-box:after {
  content: "";
  display: block;
  clear: both;
}
.edu-detail-wrap .sbjct-info-box .img-box {
  display: inline-block;
  float: left;
  position: relative;
  width: calc(100% - 500px);
  height: 224px;
  border-radius: 5px;
}
.edu-detail-wrap .sbjct-info-box .img-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: rgba(51, 51, 51, 0.3);
}
.edu-detail-wrap .sbjct-info-box .img-box .state-wrap {
  position: absolute;
  top: 8px;
  left: -6px;
  z-index: 1;
  text-align: center;
  line-height: 15px;
  letter-spacing: -0.05em;
}
.edu-detail-wrap .sbjct-info-box .img-box .state-wrap span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.edu-detail-wrap .sbjct-info-box .sbjct-cont-box {
  display: inline-block;
  flex-shrink: 0;
  float: left;
  width: calc(100% - 384px);
  padding-left: 40px;
}
.edu-detail-wrap .sbjct-info-box .sel-btn-box {
  display: inline-block;
  float: left;
  width: calc(100% - 384px);
  padding-left: 40px;
}
.edu-detail-wrap .badge-group {
  display: flex;
}
.edu-detail-wrap .badge-group .badge {
  padding: 4px 10px 5px;
  font-size: 1.3rem;
  line-height: 17px;
}
.edu-detail-wrap .edu-tit {
  display: block;
  width: 100%;
  margin: 10px 0;
  line-height: 30px;
  text-align: left;
  font-size: 2.2rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.edu-detail-wrap .sbjct-info-box .sbjct-cont-box p {
  margin-bottom: 28px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap .sbjct-info-box .btn-box {
  display: flex;
  margin-top: 10px;
}
.edu-detail-wrap .btn-box .btn-list {
  width: 100%;
  margin-left: 7px;
  padding: 0 !important;
}
.edu-detail-wrap .btn-box .btn-list span {
  font-weight: 500;
}
.edu-detail-wrap .btn-box .btn-list:nth-of-type(1) {
  margin-left: 0;
}
.edu-detail-wrap .sbjct-info-box .btn-list {
  height: 44px;
  border-radius: 3px;
}
.edu-detail-wrap .sbjct-info-box .btn-list span {
  line-height: 44px;
}
.edu-detail-wrap .sbjct-info-box .info_chasu_sel {
  height: 44px;
}
.edu-detail-wrap .sbjct-info-box .sel-btn-box {
  display: flex;
  flex-wrap: wrap;
}
.edu-detail-wrap .sbjct-info-box .sel-btn-box .btn-box {
  width: 100%;
}
.edu-detail-wrap .sbjct-info-box .sel-btn-box.online {
  flex-wrap: nowrap;
  margin-top: 78px;
}
.edu-detail-wrap .sbjct-info-box .sel-btn-box.online .btn-box {
  flex-shrink: 0;
  width: calc(100% - 281px);
  margin-top: 0;
  margin-left: 7px;
}
#dt_custom #pc_editor,
#dt_custom #m_editor {
  width: 100%;
  font-size: 1.5rem;
  line-height: 22px;
  word-wrap: break-word;
  word-break: keep-all;
}

.edu-detail-wrap .detail-cont {
  padding-bottom: 10rem;
  background: #f8f8f9;
  text-align: left;
}
.edu-detail-wrap .detail-cont:after {
  content: "";
  display: block;
  clear: both;
}
.detail-tab-menu {
  display: flex;
  border-bottom: 1px solid #e8e8e8;
}
.detail-tab-menu > li {
  flex-shrink: 0;
  position: relative;
  height: 55px;
  margin-left: 30px;
  padding: 0 5px;
  line-height: 55px;
  text-align: center;
  box-sizing: border-box;
}
.detail-tab-menu > li:first-child {
  margin-left: 0;
}
.detail-tab-menu > li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: var(--bg-tab-primary);
}
.detail-tab-menu > li:hover:after {
  height: 3px;
}
.detail-tab-menu > li:hover > a {
  color: var(--text-color-primary);
  font-weight: 700;
}
.detail-tab-menu > li.tab-on:after {
  height: 3px;
}
.detail-tab-menu > li > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #757575;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: pointer;
}
.detail-tab-menu > li.tab-on > a {
  color: var(--text-color-primary);
  font-weight: 700;
}

.edu-detail-wrap .detail-tab.contents {
  padding-top: 20px;
}
.edu-detail-wrap .detail-cont h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #343434;
  line-height: 50px;
  letter-spacing: -0.02em;
}
.detail-cont .detail-box {
  margin-bottom: 20px;
  padding: 0 25px;
  border-radius: 5px;
  background: #ffffff;
}
.detail-cont .detail-box2 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.detail-cont .detail-box img {
  max-width: 100%;
}
.edu-detail-wrap .detail-cont .detail-tab .tab-cont {
  margin-bottom: 0;
  padding-top: 0;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box {
  border-top: 1px solid #e8e8e8;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box:nth-of-type(1) {
  border-top: 0;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box {
  align-items: center;
  width: 100%;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box .detail-dt {
  width: calc(100% - 285px);
  padding: 12px 0 13px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box .detail-dd {
  flex-shrink: 0;
  width: calc(100% - 130px);
  padding: 12px 15px 13px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap
  .detail-cont
  .detail-box
  > .flex-box
  .child-box
  .detail-dd
  .img-box {
  margin-top: 10px;
}
.edu-detail-wrap
  .detail-cont
  .detail-box
  > .flex-box
  .child-box
  .detail-dd
  .btn-list {
  height: 35px;
  margin-left: 20px;
  padding: 0 15px;
}
.edu-detail-wrap
  .detail-cont
  .detail-box
  > .flex-box
  .child-box
  .detail-dd
  .btn-list
  span {
  line-height: 35px;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box.last-box {
  display: block;
}
.edu-detail-wrap .detail-cont .detail-box > .flex-box.last-box .detail-dt {
  width: calc(100% - 700px);
}
.edu-detail-wrap .detail-cont table.detail-table tr > th.bg-gray {
  width: 83.75px;
  padding: 8px 7.38px;
  background: #fafafa;
}
.edu-detail-wrap .detail-cont table.detail-table tr > th {
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #565656;
  line-height: 20px;
  letter-spacing: -0.05em;
}
.edu-detail-wrap .detail-cont table.detail-table tr > td {
  font-size: 13px;
  font-weight: 500;
  color: #343434;
  line-height: 20px;
  letter-spacing: -0.05em;
}
.edu-detail-wrap .detail-cont .detail-box .course-cont {
  padding: 25px 0;
  border-bottom: 0;
}
.edu-detail-wrap .detail-cont .detail-box .course-cont h4 {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap .detail-cont .detail-box .course-cont.last-cont {
  border-bottom: 0;
}
.edu-detail-wrap .detail-cont .detail-box .course-cont textarea,
.edu-detail-wrap .detail-cont .detail-box .course-cont > div {
  width: 100%;
  height: auto;
  border: 0;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.detail-dd .sub-list-wrap li {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.detail-dd .sub-list-wrap li .bullet {
  display: inline-block;
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  margin: 0 10px 0 8px;
  border-radius: 50%;
  background: #565656;
}
.detail-dd .sub-list-wrap li .badge {
  flex-shrink: 0;
  width: auto;
  height: auto;
  padding: 4px 8px 6px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.05em;
}
.detail-dd .sub-list-wrap li .badge.elearning {
  border: 1px solid var(--badge-el-line-color);
  color: var(--badge-el-text-color);
}
.detail-dd .sub-list-wrap li .badge.live {
  border: 1px solid var(--badge-live-line-color);
  color: var(--badge-live-text-color);
}
.detail-dd .sub-list-wrap li p {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 29px;
  letter-spacing: -0.02em;
}
.detail-dd .sub-list-wrap li .score {
  flex-shrink: 0;
  padding: 3px 10px 4px;
  border-radius: 30px;
  background: #f5f5f5;
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 22px;
  letter-spacing: -0.02em;
}
/* 추가 */
.detail-dd .tagTxt {
  display: inline-block;
  margin: 0 6px 5px 0;
  padding: 0 8px;
  color: var(--text-color-primary);
  text-align: center;
  background: #f2f8ff;
  border-radius: 3px;
  cursor: pointer;
}
/* //추가 */

.evlItmTableM {
  display: none;
}

/* 강사소개 */
/* .detail-cont .detail-box ul.istr-list{ display: inline-block; width: 100%; padding: 25px 0;} */
/* .detail-cont .detail-box ul.istr-list > li{ float: left; width: auto; padding-right: 18px; margin-right: 18px; background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%; background-size: 1px 14px;} */
/* .detail-cont .detail-box ul.istr-list > li:last-child{ padding-right: 0; margin-right: 0; background: none;} */
/* .detail-cont .detail-box ul.istr-list > li > p{ float: left; line-height: 3.5rem; text-align: left; font-size: 1.5rem; color: var(--text-color-56); font-weight: 400; letter-spacing: -0.02em;} */
/* .detail-cont .detail-box ul.istr-list > li > .btn_lab { display: inline-block; width: auto; height: 35px; padding: 0 15px; margin-left: 10px; line-height: 3.3rem; text-align: center; font-size: 1.4rem; color: var(--text-color-34); font-weight: 400; letter-spacing: -0.02em; border-radius: 3px; border: 1px solid var(--border-gray-dd); background: var(--bg-white);} */
/* .detail-cont .detail-box ul.istr-list > li > .btn_lab > i{ display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-top: -4px; margin-left: 4px; background: url(/images/renewal/icon/icon_addr_sch.png) no-repeat 50% 50%;} */
/* .detail-cont .detail-box ul.istr-list > li.empty-data{ width: 100%; padding: 50px 0;} */
/* .detail-cont .detail-box ul.istr-list > li.empty-data > img{ display: block; margin: 0 auto 20px;} */
/* .detail-cont .detail-box ul.istr-list > li.empty-data > p{ width: 100%; line-height: 20px; text-align: center; font-size: 1.4rem; color: #757575; font-weight: 400;} */
/* 수정 */
.detail-cont .detail-box .istr-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 25px 0;
}
.detail-cont .detail-box .istr-list .prof-profile {
  width: 84px;
  height: 84px;
  border: 1px solid #f8f8f9;
  border-radius: 50%;
}
.detail-cont .detail-box .istr-list .prof-profile > img {
  width: 100%;
  height: 100%;
}
.detail-cont .detail-box .istr-list .prof-profile-desc {
  flex: 1;
}
.detail-cont .detail-box .istr-list .prof-profile-desc .prof-name {
  font-weight: 500;
  font-size: 17px;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.detail-cont .detail-box .istr-list .prof-profile-desc .prof-career {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.detail-cont .detail-box .istr-list .prof-profile-desc .prof-career > i {
  display: inline-block;
  margin-right: 10px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  background-color: #565656;
  border-radius: 50%;
}
/* //수정 */
/* 추가 */
.prof-for-dot,
.prof-for-dot > ul > li > span {
  font-weight: 400;
  font-size: 15px !important;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.detail-box .empty-data {
  padding: 20px 0;
  text-align: center;
}
.detail-box .empty-data > p {
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.portal-only {
  text-align: center;
}
.prof-for-dot > ul > li {
  position: relative;
}
.prof-for-dot > ul > li:before {
  content: "";
  position: absolute;
  display: inline-block;
  margin-right: 10px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  background-color: #565656;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/* //추가 */

/* 강의목차 */
.detail-tab .tab-cont {
  position: relative;
}
.detail-tab .tab-cont .import-txt {
  position: absolute;
  top: 16px;
  right: 0;
  background: url("../../images/renewal/icon/icon_info.png") no-repeat 0 0;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}
.detail-tab .tab-cont .import-txt span {
  display: block;
  margin-left: 26px;
}

.accordion {
  margin-bottom: 20px;
  padding: 0;
  border-radius: 5px;
}
.accordion .accordion-head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  cursor: pointer;
}
.accordion .accordion-head strong {
  flex-shrink: 0;
  width: calc(100% - 88%);
  padding: 15px 0 15px 19px;
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-indigo);
  line-height: 26px;
  letter-spacing: -0.02em;
}
/* 추가 */
.accordion .accordion-head.multi strong {
  width: calc(100% - 45px);
}
/* //추가 */
.accordion .accordion-head .accor-title {
  position: relative;
  width: calc(100% - 18%);
  padding: 15px 19px 15px 0;
  border: 0;
  background: #ffffff;
  color: #343434;
  text-align: left;
}
.accordion .accordion-head button > span {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 29px);
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accordion .accordion-head .accordion-icon {
  width: 26px;
  height: 26px;
  background: url("../../images/renewal/icon/icon_class_down.png") no-repeat
    center;
}
.accordion .blend .accordion-head {
  align-items: center;
}
.accordion .blend .accordion-head .badge {
  flex-shrink: 0;
  margin: 0 10px 0 19px;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.05em;
}
.accordion .blend .accordion-head .badge.elearning {
  border: 1px solid var(--badge-el-line-color);
  color: var(--badge-el-text-color);
}
.accordion .blend .accordion-head .badge.code_live {
  border: 1px solid var(--badge-live-line-color);
  color: var(--badge-live-text-color);
}
.accordion .empty-data {
  padding: 2rem 0;
  text-align: center;
}
.accordion .empty-data img {
  margin-bottom: 20px;
}
.accordion .empty-data p {
  width: 100%;
  line-height: 20px;
  text-align: center;
  font-size: 1.4rem;
  color: #757575;
  font-weight: 400;
}

.accordion li[aria-expanded="true"] .accordion-icon {
  background: url("../../images/renewal/icon/icon_class_up.png") no-repeat
    center;
}
.accordion-body {
  padding: 0 15px 0 20px;
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  text-align: left;
}
.accordion-body .idx-2-box > li {
  padding: 15px 13px;
  border-top: 1px solid #e8e8e8;
}
.accordion-body .idx-2-box > li:first-child {
  border-top: 0;
}
.accordion-body .idx-2-box > li > div {
  display: flex;
  flex-direction: row;
}
.accordion-body .idx-2-box > li > div strong,
.accordion-body .idx-3-box > li > div strong {
  flex-shrink: 0;
  width: calc(100% - 92%);
  margin-right: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.accordion-body .idx-2-box > li > div p,
.accordion-body .idx-3-box > li > div p {
  overflow: hidden;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #343434;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accordion-body .idx-2-box > li > ul {
  padding-top: 10px;
  padding-left: 70px;
}
.accordion-body .idx-2-box > li > ul li {
  padding-left: 3px;
}
.accordion-body .idx-2-box > li > ul li .title {
  flex-shrink: 0;
  width: 65px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.accordion-body .idx-2-box > li > ul li .title + p {
  position: relative;
  width: 100%;
  padding-left: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.accordion-body .idx-2-box > li > ul li .title + p:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #565656;
}
/*.idx-list-wrap .accordion-body { padding: 0 75px 0 86px; background: transparent;}*/
/*.idx-list-wrap .accordion-body .idx-2-box > li { display: flex; padding: 12px 0; border-top: 1px solid #E8E8E8;}*/
/*.idx-list-wrap .accordion-body .idx-2-box > li:first-child { border-top: 0;}*/
/*.idx-list-wrap .accordion-body .idx-2-box > li > p { flex-shrink: 0; margin-right: 20px; font-size: 15px; font-weight: 400; color: #565656; line-height: 26px; letter-spacing: -0.02em;}*/
/*.idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont { justify-content: space-between; width: 100%;}*/
/*.idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title { width: calc(100% - 225px); padding-right: 20px;}*/
.blend.elearning .idx-2-box > li {
  padding: 0;
}
.blend.elearning .idx-2-box > li .accordion-head {
  border-bottom: 0;
}
.blend.elearning .idx-2-box > li .accordion-head strong {
  width: calc(100% - 89%);
}
.blend.elearning .idx-2-box > li .accordion-body .idx-2-box {
  width: 100%;
}
.blend.elearning .idx-2-box .ldx-list-2 {
  padding: 15px 0;
}
.blend.elearning .idx-2-box .ldx-list-2:first-child {
  padding-top: 0;
}
.blend.elearning .accordion-body .idx-2-box > li > div strong {
  width: calc(100% - 92%);
}
.accordion-body .idx-2-box .idx-list-3 li {
  display: flex;
}
.accordion.k-panelbar > .k-item.blend {
  margin-top: 10px;
}
.accordion.k-panelbar > .k-item:first-child {
  margin-top: 0;
}
/* 추가 */
.accordion.k-panelbar > .index-tit {
  padding: 15px 19px;
  font-size: 15px;
  font-weight: 500;
  background: #fff;
}
/* //추가 */

/* 라이브 */
.accordion .training_live {
  margin-bottom: 5px;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
}
.accordion.k-panelbar > .k-item.training_live + .k-item.training_live,
.accordion.k-panelbar
  > .k-panelbar-header.training_live
  + .k-panelbar-header.training_live,
.accordion.k-panelbar > .k-item.blend + .k-item {
  border-top: 1px solid #e8e8e8;
}
/*.accordion .training_live .accordion-head { display: block;}*/
.accordion .training_live .accordion-head {
  justify-content: space-between;
  align-items: center;
}
.accordion .accordion-head .accordion-icon {
  margin-right: 19px;
}
.accordion .training_live .accordion-head button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion .training_live .accordion-head button strong {
  flex-shrink: 1;
  width: 100%;
  padding: 0 0 0 19px;
}
.accordion .training_live .idx-2-box > li {
  padding-left: 0;
  padding-right: 0;
}
.accordion-body .idx-2-box > li .acc-body-title,
.accordion-body .idx-2-box > li .acc-body-title strong {
  display: block;
  width: 100%;
}
.accordion-body .idx-2-box > li .acc-body-title strong {
  width: auto;
  max-width: 50%;
}
.accordion-body .idx-2-box > li .acc-body-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.accordion-body .idx-2-box > li .acc-body-title .btn-default {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 50%;
  padding: 1.2rem 2rem;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
}
.accordion-body .idx-2-box > li .acc-body-title .btn-default span {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bg-primary-3);
  line-height: 13px;
}
.accordion-body .idx-2-box > li .acc-body-cont {
  display: block;
}
.accordion-body .idx-2-box > li .acc-body-cont .acc-body-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.accordion-body .idx-2-box > li .acc-body-cont .acc-body-top p {
  flex-shrink: 1;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.accordion-body .idx-2-box > li .acc-body-cont .acc-body-top .istr-nm {
  width: calc(100% - 110px);
  background: url("../../images/renewal/icon/person_gray.png") no-repeat 0 2px;
}
.accordion-body .idx-2-box > li .acc-body-cont .acc-body-top .istr-time {
  width: auto;
  padding-left: 26px;
  background: url("../../images/renewal/icon/clock_gray.png") no-repeat 0 4px;
}
.accordion-body .idx-2-box > li .acc-body-cont .acc-body-bottom {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.tab-cont .accordion-body .idx-2-box > li .acc-body-title {
  flex-direction: row;
}

/* 교육신청 결과 */
.result-cont-box {
  padding-bottom: 30rem;
}
.result-cont-box .result-cont {
  padding: 60px 0;
  border-bottom: 1px solid #dddddd;
}
.result-cont-box .result-cont img {
  margin-bottom: 30px;
}
.result-cont-box .result-cont p {
  font-size: 2.2rem;
  font-weight: 350;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.result-cont-box .result-cont p strong {
  display: block;
  font-weight: 700;
}
.result-cont-box .result-cont span {
  display: block;
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
.result-cont-box .btn-box {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.result-cont-box .btn-box .btn-list {
  flex-shrink: 0;
  width: 125px;
  padding: 0;
}

.detail-cont .detail-tab .tab-cont .satisfy-box {
  display: inline-block;
  width: auto;
  padding: 30px 0;
  margin: 0 auto;
  text-align: center;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total {
  display: inline-block;
  float: left;
  width: 120px;
  height: 110px;
  margin-right: 40px;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total > p {
  margin-bottom: 5px;
  line-height: 18px;
  text-align: center;
  font-size: 13px;
  color: #999;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total > span {
  display: block;
  margin-bottom: 23px;
  line-height: 37px;
  text-align: center;
  font-size: 42px;
  color: #35353a;
  font-weight: 700;
  font-family: "Play", sans-serif;
  letter-spacing: -0.02em;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total #avgStar > li {
  margin-right: 2px;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list {
  display: inline-block;
  float: left;
  width: 365px;
  height: 110px;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar {
  display: inline-block;
  float: left;
  width: 220px;
  margin-right: 32px;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar > li {
  float: left;
  width: 100%;
  height: 8px;
  margin: 5px 0 8.5px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  background: #f1f1f1;
  box-sizing: border-box;
}
.detail-cont
  .detail-tab
  .tab-cont
  .satisfy-box
  .avg-list
  ul.avg-bar
  > li
  > span {
  display: inline-block;
  float: left;
  height: 100%;
  border-radius: 3px;
  background: #d7d9dc;
}
.detail-cont
  .detail-tab
  .tab-cont
  .satisfy-box
  .avg-list
  ul.avg-bar
  > li
  > span.best {
  background: #6b7af8;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star {
  display: inline-block;
  float: left;
  width: 110px;
  height: 100px;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li {
  display: inline-block;
  float: left;
  width: 100%;
  height: 17px;
  margin-bottom: 4.5px;
}
.detail-cont
  .detail-tab
  .tab-cont
  .satisfy-box
  .avg-list
  ul.star
  > li
  > ul.star-list {
  float: left;
}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li > p {
  float: left;
  margin-left: 10px;
  line-height: 17px;
  font-size: 14px;
  color: #cbcece;
  font-weight: 500;
}
.detail-cont
  .detail-tab
  .tab-cont
  .satisfy-box
  .avg-list
  ul.star
  > li
  > p.best {
  color: #6b7af8;
}
ul.star-list {
  display: inline-block;
}
ul.star-list > li {
  float: left;
  pointer-events: none;
}
ul.star-list > li > img {
  vertical-align: middle;
}
.detail-cont .detail-tab .tab-cont .review-wrap {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #e8e8e8;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list {
  display: inline-block;
  width: 100%;
  padding: 18px;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .user-nm {
  display: inline-block;
  float: left;
  width: auto;
  margin-right: 13px;
  line-height: 26px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list ul.star-list {
  float: left;
  margin-top: 3px;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .review-time {
  display: inline-block;
  float: left;
  width: auto;
  padding-left: 13px;
  margin-left: 13px;
  line-height: 26px;
  color: #757575;
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/bg/bg_list_line.png) no-repeat 0 50%;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .btn-del-review {
  float: left;
  width: 45px;
  height: 24px;
  margin-left: 15px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
  color: #565656;
  font-weight: 500;
  letter-spacing: -0.02em;
  border: 1px solid #dadada;
  background: #fff;
  box-sizing: border-box;
}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .review-cmnt {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 10px;
  line-height: 22px;
  text-align: left;
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.detail-cont .detail-tab .tab-cont .btn-back {
  float: left;
  width: 76px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #676767;
  font-weight: 500;
  letter-spacing: -0.03em;
  border: 1px solid #e3e3e3;
  background: #fff;
  box-sizing: border-box;
}
.detail-cont .detail-tab .tab-cont .btn-review-pop {
  float: right;
  width: 103px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #444;
  font-weight: 500;
  letter-spacing: -0.03em;
  border: 1px solid #7f7f7f;
  background: #fff;
  box-sizing: border-box;
}

.detail-cont table.detail-table {
  width: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.detail-cont table.detail-table tr {
  border-bottom: 1px solid #e8e8e8;
}
.detail-cont table.detail-table tr > th {
  padding: 8px 15px;
  vertical-align: middle;
  line-height: 30px;
  text-align: left;
  font-size: 13px;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-right: 1px solid #e8e8e8;
  background: #fcfbfb;
}
.detail-cont table.detail-table tr > td {
  padding: 8px 15px;
  vertical-align: middle;
  line-height: 30px;
  text-align: left;
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
  border-right: 1px solid #e8e8e8;
  background: #fff;
  box-sizing: border-box;
}
.detail-cont table.detail-table ul.cmplt-standard {
  display: inline-block;
  float: left;
}
.detail-cont table.detail-table ul.cmplt-standard > li {
  float: left;
  width: auto;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 30px;
  text-align: left;
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/bg/bg_list_line.png) no-repeat 100% 50%;
}
.detail-cont table.detail-table ul.cmplt-standard > li:last-child {
  background: none;
}
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score {
  display: inline-block;
  float: right;
  width: auto;
  height: 30px;
  padding: 3px 12px;
  margin-left: 10px;
  line-height: 24px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.02em;
  border-radius: 30px;
  box-sizing: border-box;
}
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-1 {
  color: #d4564a;
  background: #fdf2f1;
} /*출석*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-7 {
  color: #6c60b0;
  background: #f4f2ff;
} /*진도*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-4 {
  color: #e77a31;
  background: #fff4e8;
} /*과제*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-2 {
  color: #1a60a8;
  background: #f2f8ff;
} /*시험*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-999 {
  color: #229a8f;
  background: #e9f4f3;
} /*수료기준 최소점수*/
.detail-cont table.detail-table #typeGrid {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.detail-cont table.detail-table #typeGrid .k-grid-norecords {
  height: 85px;
  line-height: 85px;
}
.detail-cont table.detail-table #typeGrid tr > th {
  height: 45px;
  padding: 8px 25px;
  border: none;
  border-bottom: 1px solid #ebebeb;
  background: #fafafa;
  box-sizing: border-box;
}
.detail-cont table.detail-table #typeGrid tr > th > a {
  line-height: 30px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.detail-cont table.detail-table #typeGrid tr > td {
  border: none;
}
.detail-cont table.detail-table #typeGrid tr > td > a {
  line-height: 30px;
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.detail-cont table.detail-table #fileGrid {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.detail-cont table.detail-table #fileGrid .k-grid-header {
  background: #fff;
}
.detail-cont table.detail-table #fileGrid .k-grid-header .k-grid-header-wrap {
  border-bottom: 1px solid #ebebeb;
}
.detail-cont table.detail-table #fileGrid tr > th {
  height: 45px;
  padding: 8px 25px;
  border: none;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
  box-sizing: border-box;
}
.detail-cont table.detail-table #fileGrid tr > th > a {
  line-height: 30px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.detail-cont table.detail-table #fileGrid .k-grid-content {
  border-bottom: none;
  overflow-y: hidden;
}
.detail-cont table.detail-table #fileGrid .k-grid-content tr {
  border-bottom: none;
}
.detail-cont table.detail-table #fileGrid tr > td {
  border: none;
}
.detail-cont table.detail-table #fileGrid tr > td > a {
  line-height: 30px;
  font-size: 13px;
  color: #565656;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.detail-cont table.detail-table #fileGrid .k-grid-norecords-template {
  position: unset;
  width: 100%;
  line-height: 60px;
  margin: 0;
  padding: 0;
  border: none;
}
.btn-file-down {
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  background: url(/images/ico/icon_file_down.png) no-repeat 50% 50% #fff;
  box-sizing: border-box;
}

/* 신청현황 */
.apl-sts-main {
  padding-bottom: 6rem;
}
.apl-sts-main .list-top-box {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
}
.apl-sts-main .list-top-box .select-year {
  width: 169px;
  height: 48px;
}
.apl-sts-main .eduList {
  margin-bottom: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
.apl-sts-main .eduList .not-data-cont {
  border: 0;
}
.apl-sts-main .item-wide {
  width: 100%;
  padding: 0 20px;
  text-align: left;
}
.apl-sts-main .item-wide .item-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.apl-sts-main .item-wide:last-child .item-box {
  border-bottom: 0;
}
.apl-sts-main .item-wide .img-box {
  flex-shrink: 0;
  position: relative;
  width: calc(100% - 88%);
  height: 87px;
  border-radius: 3px;
}
.apl-sts-main .item-wide .img-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(51, 51, 51, 0.3);
}
.apl-sts-main .item-wide .img-box a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.apl-sts-main .item-wide .cont-box {
  flex-shrink: 1;
  width: 100%;
  padding-left: 30px;
}
.apl-sts-main .item-wide .btn-box {
  flex-shrink: 0;
  width: 135px;
  margin-left: 30px;
}
.apl-sts-main .item-wide .btn-box .btn-list {
  display: block;
  width: 100%;
  height: 44px;
  margin-bottom: 7px;
  padding: 0;
  border-radius: 3px;
}
.apl-sts-main .item-wide .btn-box .btn-list span {
  line-height: 43px;
}
.apl-sts-main .item-wide .cont-box .badge-group {
  display: flex;
  margin-bottom: 5px;
}
.apl-sts-main .item-wide .cont-box .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.apl-sts-main .item-wide .title {
  margin-top: 0;
  margin-bottom: 0;
}
.apl-sts-main .item-wide .cont-box .title-box a {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 54px);
  margin-right: 10px;
  font-size: 1.7rem;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apl-sts-main .item-wide .cont-box .title-box .badge {
  min-width: 44px;
  height: 23px;
  padding: 0 6px;
  border-radius: 2px;
  text-align: center;
  line-height: 23px;
}
.apl-sts-main .item-wide .cont-box .title-box .badge span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 23px;
  letter-spacing: -0.05em;
}
.apl-sts-main .item-wide .cont-box .badge-group .badge.m span {
  color: #ffffff;
}
.apl-sts-main .item-wide .bottom-box {
  display: flex;
}
.apl-sts-main .item-wide .bottom-box.m {
  display: none;
}
.apl-sts-main .item-wide .bottom-box > div {
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 0 15px;
}
.apl-sts-main .item-wide .bottom-box > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #dddddd;
}
.apl-sts-main .item-wide .bottom-box > div.first {
  padding-left: 0;
}
.apl-sts-main .item-wide .bottom-box > div.first:after {
  display: none;
}
.apl-sts-main .item-wide .bottom-box > div p {
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.apl-sts-main .item-wide .bottom-box > div .title {
  padding-right: 10px;
  color: #666666;
}
.apl-sts-main .item-wide .img-box.no-img-box {
  background: #f9f9fb;
  text-align: center;
}
.apl-sts-main .item-wide .img-box.no-img-box > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.apl-sts-main .item-wide .img-box.no-img-box img {
  flex-shrink: 0;
}
.apl-sts-main .item-wide .img-box.no-img-box > div span {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #757575;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.apl-sts-main .item-wide .img-box.no-img-box:after {
  display: none;
}
.badge.comp {
  background: var(--badge-state-comp);
}
.badge.signUp {
  background: var(--badge-state-signUp);
}
.badge.notComp {
  background: var(--badge-state-notComp);
}
.badge.unsel {
  background: var(--badge-state-unsel);
}
.badge.appl {
  background: var(--badge-state-appl);
}
.badge.cancel {
  background: var(--badge-state-cancel);
}
.attendMng_window .popup-content {
  padding-top: 20px;
}
.attendMng_window .popup-content textarea {
  color: #565656;
}
/* 신청현황 상세 */
.edu-detail-wrap.apl-sts-main {
  padding-bottom: 0;
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box {
  width: calc(100% - 70.3%);
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box .no-img-box {
  width: 100%;
  height: 100%;
  background: #f9f9fb;
  text-align: center;
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box .no-img-box > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box .no-img-box img {
  flex-shrink: 0;
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box .no-img-box > div span {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #757575;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box:after {
  display: none;
}
.edu-detail-wrap .sbjct-info-box .sbjct-ul {
  float: left;
  width: calc(100% - 50%);
  margin-top: 25px;
  padding-left: 40px;
}
.edu-detail-wrap .sbjct-info-box .sbjct-ul .flex-box {
  margin-top: 10px;
}
.edu-detail-wrap .sbjct-info-box .sbjct-ul .info-title {
  width: 100px;
  margin-bottom: 0;
  padding-left: 26px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.edu-detail-wrap .sbjct-info-box .sbjct-ul .info-txt {
  flex-shrink: 0;
  padding-left: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.sbjct-ul .chasu .info-title {
  background: url("../../images/renewal/icon/repo.png") no-repeat 0 6px;
}
.sbjct-ul .eduPrd .info-title {
  background: url("../../images/renewal/icon/calendar.png") no-repeat 0 6px;
}
.sbjct-ul .clasfNm .info-title {
  background: url("../../images/renewal/icon/li_layers.png") no-repeat 0 6px;
}
.sbjct-ul .cancelEtime .info-title {
  background: url("../../images/renewal/icon/clock.png") no-repeat 0 6px;
}
.apl-sts-main .detail-tab {
  padding-top: 21px;
}
.detail-cont .detail-tab .btn-box {
  display: flex;
}
.detail-cont .detail-tab .btn-box.flex-right {
  justify-content: flex-end;
}
.apl-sts-main .detail-cont .detail-tab .btn-box .btn-list {
  width: auto;
  padding: 0 30px !important;
}

/* 수강신청 */
.apply-box {
  position: absolute;
  top: 75px;
  right: 0;
  float: right;
  width: 340px;
  height: auto;
  padding: 20px 25px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #fff;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}
.apply-box .edu-tit {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 28px;
  word-wrap: break-word;
  word-break: keep-all;
}
.apply-box .apply-info-box .info-title {
  width: calc(100% - 165px);
}
.apply-box .apply-info-box .info-txt {
  width: 100%;
}
.apply-box .btn-box .btn-list {
  margin-left: 0;
}

/* 후기작성 팝업 */
#reviewPop > h1 {
  width: 100%;
  padding: 30px 0;
  line-height: 36px;
  text-align: center;
  font-size: 25px;
  color: #444;
  font-weight: 500;
  letter-spacing: -0.04em;
  border-bottom: 1px solid #000;
}
#reviewPop > ul.star-list {
  margin: 34px auto;
}
#reviewPop > ul.star-list > li {
  cursor: pointer;
  pointer-events: auto;
}
#reviewPop > textarea {
  width: 100%;
  height: 128px;
  padding: 15px;
  font-size: 14px;
  color: #b0b0b0;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}

.review-wrap.k-grid .k-header {
  display: none;
}
.review-wrap.k-grid .k-grid-norecords {
  line-height: 80px;
}

/* 나의 강의실 - 수강중인 강의 */
.my-class-main {
  margin-top: 30px;
  padding-bottom: 10rem;
}
.default-tab {
  padding: 0;
}
.filter-tab-box {
  border-bottom: 1px solid #e8e8e8;
}
.filter-tab-box .filter-item {
  margin-left: 30px;
}
.filter-tab-box .filter-item:first-child {
  margin-left: 0;
}
.filter-tab-box .filter-item label,
.filter-tab-box .filter-item a {
  display: block;
  position: relative;
  padding: 14px 5px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #757575;
  line-height: 27px;
  letter-spacing: -0.03em;
  cursor: pointer;
}
.filter-tab-box .filter-item label:after,
.filter-tab-box .filter-item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--bg-tab-primary);
}
.filter-tab-box .filter-item:hover label:after,
.filter-tab-box .filter-item .filter:checked + label:after,
.filter-tab-box .filter-item a.active:after {
  height: 3px;
}
.filter-tab-box .filter-item:hover label,
.filter-tab-box .filter-item .filter:checked + label,
.filter-tab-box .filter-item a.active {
  font-weight: 700;
  color: var(--tab-item-active-color);
}
.filter-tab-box .filter-item input:focus + label {
  outline: auto;
}
/* list */
.my-class-list {
  border: 0;
}
.my-edu-list {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 30px;
}
.my-edu-list .item-wide {
  width: 100%;
  padding: 0 20px;
  text-align: left;
}
.my-edu-list .item-wide .item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.my-edu-list .item-wide:last-child .item-box {
  border-bottom: 0;
}
.my-edu-list .item-wide .img-box {
  flex-shrink: 0;
  position: relative;
  width: calc(100% - 1092px);
  height: 87px;
  border-radius: 3px;
}
.my-edu-list .item-wide .img-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(51, 51, 51, 0.3);
}
.my-edu-list .item-wide .img-box.no-img-box {
  background: #f9f9fb;
  text-align: center;
}
.my-edu-list .item-wide .img-box.no-img-box > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.my-edu-list .item-wide .img-box.no-img-box img {
  flex-shrink: 0;
}
.my-edu-list .item-wide .img-box.no-img-box > div span {
  display: block;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #757575;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.my-edu-list .item-wide .img-box.no-img-box:after {
  display: none;
}

.my-edu-list .item-wide .img-box a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.my-edu-list .item-wide .cont-box {
  flex-shrink: 0;
  width: calc(100% - 43.9%);
  padding-left: 30px;
}
.my-edu-list .item-wide .btn-box {
  flex-shrink: 0;
  width: 135px;
  margin-left: 30px;
}
.my-edu-list .item-wide .btn-box .btn-list {
  display: block;
  width: 100%;
  height: 44px;
  margin-bottom: 7px;
  padding: 0;
  border-radius: 3px;
}
.my-edu-list .item-wide .btn-box .btn-list span {
  line-height: 43px;
}
.my-edu-list .item-wide .cont-box .badge-group {
  display: flex;
  margin-bottom: 5px;
}
.my-edu-list .item-wide .cont-box .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.my-edu-list .item-wide .title {
  margin-top: 0;
  margin-bottom: 0;
}
.my-edu-list .item-wide .cont-box .title-box a,
.my-edu-list .item-wide .cont-box .title-box p {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 20%);
  margin-right: 10px;
  font-size: 1.7rem;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-edu-list .item-wide .cont-box .title-box .badge {
  width: 44px;
  height: 23px;
  padding: 0;
  border-radius: 2px;
  text-align: center;
  line-height: 23px;
}
.my-edu-list .item-wide .cont-box .title-box .badge span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  line-height: 13px;
  letter-spacing: -0.05em;
}
.my-edu-list .item-wide .bottom-box {
  display: flex;
}
.my-edu-list .item-wide .bottom-box > div {
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 0 15px;
}
.my-edu-list .item-wide .bottom-box > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #dddddd;
}
.my-edu-list .item-wide .bottom-box > div.first {
  padding-left: 0;
}
.my-edu-list .item-wide .bottom-box > div.first:after {
  display: none;
}
.my-edu-list .item-wide .bottom-box > div p {
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #343434;
  line-height: 19px;
  letter-spacing: -0.02em;
}
/* 추가 */
.sbjct-ellipsis {
  max-width: 274px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.notice-section {
  padding: 15px;
  font-weight: 400;
  color: var(--border-gray-56);
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-align: left;
  background: var(--bg-white-gray-2);
}
/* //추가 */
.my-edu-list .item-wide .bottom-box > div .title {
  padding-right: 10px;
  color: #666666;
}
.my-edu-list .item-wide {
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
}
.my-edu-list .item-wide .item-box {
  border-bottom: 0;
}
.my-edu-list .item-wide .img-box {
  width: 190px;
  height: 112px;
}
.my-edu-list .item-wide .score-box {
  flex-shrink: 0;
  width: 155px;
}
.my-edu-list .item-wide .score-box p {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #666666;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.my-edu-list .item-wide .score-box p:nth-of-type(1) {
  margin-top: 0;
}
.my-edu-list .item-wide .score-box p span + span {
  font-family: var(--font-family-saira);
  font-weight: 500;
  color: #121212;
  line-height: 17px;
}
.my-edu-list .item-wide .score-box p strong {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 19px;
}
.my-edu-list .item-wide .progress-box {
  flex-shrink: 0;
  width: 176px;
  margin-left: 30px;
}
.my-edu-list .item-wide .btn-box {
  width: 125px;
}
.my-edu-list .item-wide .bottom-box {
  margin-top: 5px;
}
.my-edu-list .item-wide .badge-group .badge {
  padding: 4px 8px 5px;
}
.progress-box progress {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 2px;
  background: #e8e8e8;
}
.progress-box ::-webkit-progress-bar {
  border-radius: 2px;
  background: #e8e8e8;
}
.progress-box ::-webkit-progress-value {
  border-radius: 2px;
  background: var(--progress-defult-color);
}
.item-wide .progress-box .progress-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.item-wide .progress-box .progress-top strong {
  font-family: var(--font-family-saira);
  font-size: 15px;
  font-weight: 500;
  color: #121212;
}
.my-edu-list .item-wide .sub-list-wrap {
  padding-left: calc(100% - 1060px);
}
.my-edu-list .item-wide .sub-list-wrap .item-wide {
  border-top: 1px solid #e8e8e8;
  border-bottom: 0;
}
.my-edu-list .item-wide .sub-list-wrap .cont-box {
  display: flex;
  align-items: flex-start;
  width: calc(100% - 35%);
}
.my-edu-list .item-wide .sub-list-wrap .badge-group {
  display: inline-flex;
  flex-shrink: 0;
}
.my-edu-list .item-wide .sub-list-wrap .sub-cont-box {
  width: 100%;
  margin-left: 11px;
}
.item-wide .sub-list-wrap .item-wide .cont-box {
  padding-left: 0;
}
.my-edu-list .not-data-cont {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
.edu-list .item-wide .not-data-cont {
  padding: 20px;
  border: 0;
}
/* 나의 강의실 - 수강완료 과정 */
.my-class-main .default-tab-cont {
  position: relative;
}
.my-class-main .select-box {
  justify-content: flex-end;
  padding-bottom: 20px;
}
.my-class-main .select-box .select-year {
  width: 169px;
  height: 40px;
}
.my-class-main .search-box {
  position: absolute;
  top: 30px;
  right: 0;
  width: 365px;
}
.my-class-main .search-box .select-year {
  width: 169px;
  height: 40px;
}
.my-class-main .search-box .input-box {
  width: 100%;
}
.my-class-main .search-box .input-box input {
  height: 40px;
  padding: 10.5px 15px;
  border-radius: 3px 0 0 3px;
  font-size: 14px;
  font-weight: 400;
}
.my-class-main .search-box .input-box .btn-search {
  min-width: 57px;
  padding: 10px 10px 11px;
  border-radius: 0 5px 5px 0;
  background: var(--btn-search-bg);
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.my-class-main .search-box .input-box .btn-search span {
  color: #ffffff;
}
.my-class-main .search-box .k-dropdown .k-input-button.k-button {
  width: 38px;
  height: 38px;
  padding: 0;
}
.my-edu-list .img-box .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 15px;
  letter-spacing: -0.05em;
}
.my-edu-list .img-box .badge.comp {
  background: var(--conts-cmplt-y-bg-color);
}
.my-edu-list .img-box .badge.notComp {
  background: var(--badge-state-notComp2);
}

/* 본인인증 */
.otp-wrap .popup-content {
  padding: 0 75px;
}
.otp-wrap .popup-content h2 {
  margin-top: 119px;
  margin-bottom: 0;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 45px;
  color: #343434;
}
.otp-wrap .popup-content .login {
  width: 100%;
  padding: 40px 0 119px;
  display: inline-block;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: none;
}
.otp-wrap .popup-content .login.otp-box p {
  margin-bottom: 40px;
}
.otp-wrap .login_btn {
  width: 100%;
  height: 56px;
  margin-bottom: 10px;
  border-radius: 5px;
  line-height: 55px;
  display: block;
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.otp-wrap .login_btn > span {
  font-size: 1.6rem;
}

/* 유의사항 */
.edu_alert .popup-content {
  min-height: 512px;
  padding: 20px 25px;
  text-align: left;
}
.edu_alert .p_01 .p_01_list h3 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  color: var(--text-color-primary2);
  line-height: 33px;
  letter-spacing: -0.02em;
}
.edu_alert .p_01 .p_01_list .cont p {
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_alert .p_01 .p_01_list .txt-box {
  margin: 5px 0;
  padding: 15px;
  border-radius: 5px;
  background: #f8f8f9;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 26px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
.edu_alert .p_01 .p_01_list .cont > ol > li {
  padding-left: 22px;
  padding-bottom: 5px;
}
.edu_alert .p_01 .p_01_list .cont > ol > li strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_alert .p_01 .p_01_list .cont > ol > li p {
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.edu_alert .table-box {
  padding-left: 22px;
}
.edu_alert .m-table-box {
  display: none;
}
.edu_alert .notiBox {
  padding-left: 22px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.edu_alert .popup-foot {
  justify-content: space-between;
  align-items: center;
}
.edu_alert .popup-foot > div {
  display: flex;
  align-items: center;
  width: 100%;
}
.edu_alert .popup-foot > div label span {
  vertical-align: middle;
}
.edu_alert .popup-foot > div:nth-of-type(2) {
  justify-content: flex-end;
}

/* 나의 강의실 - 수강중인 콘텐츠 */
.lear-cont-wrap .lear-cont-title {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #343434;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.lear-cont-wrap .lear-cont-title .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 7px 11px;
  border-radius: 7.8125px;
  background: var(--learning-ing-badge-bg);
  font-family: var(--font-family-montserrat);
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  color: var(--learning-ing-badge-color);
  line-height: 18px;
  letter-spacing: -0.05em;
}
.lear-cont-wrap .lear-list-wrap {
  margin-bottom: 30px;
}
.lear-list-wrap .list-item-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
}
.lear-list-wrap .item {
  float: none;
  width: 20%;
  margin: 0 0 40px;
  padding-left: 25px;
  text-align: left;
}
.lear-list-wrap .item .item-box {
  box-shadow: none;
}
.lear-list-wrap .list-item-wrap .item .item-box .img-box {
  overflow: hidden;
  position: relative;
  padding-top: 13.8rem;
  border-radius: 5px;
}
.lear-list-wrap .list-item-wrap .item .item-box .img-box.thumb-none {
  background: url("/images/renewal/icon/icon_none_thumbnail.png") no-repeat 50%
    39% #e8e8e8;
}
.lear-list-wrap .list-item-wrap .item .item-box .img-box.thumb-none > p {
  position: absolute;
  top: 68%;
  width: 100%;
  font-size: 1.1rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.02em;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
/*.lear-list-wrap .item .img-box:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(51, 51, 51, .3);}*/
.list-item-wrap.hover-2 .img-box .btn-box {
  display: flex;
  position: absolute;
  left: 0;
  bottom: -40px;
  z-index: 1;
  width: 100%;
  margin: 0;
  border-radius: 0 0 5px 5px;
  background: rgba(47, 49, 53, 0.9);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: bottom 0.3s ease-in-out;
}
.list-item-wrap.hover-2 .img-box .btn-box .btn {
  position: relative;
  width: 100%;
  padding: 6.5px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.list-item-wrap.hover-2 .img-box .btn-box .btn:nth-of-type(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.list-item-wrap.hover-2 .img-box:hover .btn-box {
  bottom: 0;
}
.list-item-wrap.hover-2 .item .item-box .img-box:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.lear-list-wrap .list-item-wrap .item .item-box .img-box > a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.lear-list-wrap .item .img-box .time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: auto;
  height: 19px;
  padding: 0 6px;
  line-height: 1.9rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--text-color-white);
  font-weight: 700;
  font-family: var(--font-family-malgun_gothic);
  z-index: 1;
  border-radius: 2px;
  background: var(--bg-color-34);
}
.lear-list-wrap .list-item-wrap .item .item-box .cont-box {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.lear-list-wrap .item .cont-box {
  padding: 15px 0;
}
.lear-list-wrap .item .cont-box .clasf-nm {
  display: block;
  margin-bottom: 4px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
  letter-spacing: -0.02em;
}
/*.lear-list-wrap .item .cont-box .clasf-nm { display: block; overflow: hidden; width: 100%; margin-bottom: 4px; font-size: 1.3rem; font-weight: 400; color: #666666; line-height: 21px; letter-spacing: -0.02em; text-overflow: ellipsis; white-space: nowrap;}*/
.lear-list-wrap .list-item-wrap .item .item-box .cont-box .title {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #121212;
  line-height: 24px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lear-list-wrap .item .progress-box {
  display: flex;
  align-items: center;
}
.lear-list-wrap .item .progress-box label,
.lear-list-wrap .item .progress-box .prog-txt {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 15px;
  letter-spacing: -0.02em;
}
.lear-list-wrap .item .progress-box .prog-txt {
  margin-right: 0;
}
.lear-list-wrap .item .progress-box progress {
  width: 100%;
  height: 10px;
  border-radius: 22px;
}
.prog-brd-22.progress-box ::-webkit-progress-bar,
.prog-brd-22.progress-box ::-webkit-progress-value {
  border-radius: 22px;
}
.lear-list-wrap .item .progress-box strong {
  margin-left: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #343434;
  line-height: 15px;
}
.lear-list-wrap .item .progress-box2 {
  justify-content: space-between;
}
.lear-list-wrap .item .progress-box2 strong {
  margin-left: 9.99px;
}
.item .score {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #565656;
  line-height: 15px;
  letter-spacing: -0.02em;
}
.item .score img {
  margin-right: 5px;
}
/*.lear-list-wrap .item .img-box .time { display: inline-block; position: absolute; right: 10px; bottom: 10px; z-index: 1; width: 41px; height: 19px; line-height: 1.9rem; text-align: center; font-size: 1.2rem; color: var(--text-color-white); font-family: var(--font-family-malgun_gothic); letter-spacing: -0.05em; border-radius: 2px; background: var(--bg-color-34);}*/
.lear-list-wrap .btn-more {
  margin-top: 0;
  margin-bottom: 0;
}
.comp-wrap {
  position: relative;
}
.compYear {
  position: absolute;
  top: 0;
  right: 0;
  width: 169px;
  height: 40px;
}
#youtubeIframeArea {
  width: 100%;
  height: 100%;
}
.lear-cont-wrap .lear-list-wrap .not-data-cont {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* 평가하기 팝업 */
.survey-star li label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* 나의 강의실 학습HOME */
.learning-tit {
  height: 58px;
  background: #fafafa;
}
.learning-tit #SNB,
.learning-tit .SNBWrap {
  background: #fafafa;
}
.learning-main {
  display: flex;
  min-height: calc(100vh - 300px);
  margin-top: 0;
  padding-left: calc(27.5vw - 220px);
  text-align: left;
}
.learning-sidebar {
  width: 220px;
  height: 100%;
  min-height: 503px;
  padding-right: 40px;
}
.learning-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 220px);
  min-height: calc(100vh - 300px); /*padding-bottom: 11rem;*/
  border-left: 1px solid #e8e8e8;
}
.learning-idx-wrap {
  padding: 30px calc(27.5vw - 220px) 30px 40px;
  background: #f8f8f9;
}
.learning-bg-wrap {
  padding: 30px calc(27.5vw - 220px) 30px 40px;
  background: #f8f8f9;
}
.learning-summary {
  padding: 30px calc(27.5vw - 220px) 118px 40px;
  background: #ffffff;
}
.learning-wrap {
  height: 100%;
  min-height: 736px;
  padding: 30px calc(27.5vw - 220px) 30px 40px;
  background: #f8f8f9;
}
.learning-sublist {
  padding: 30px calc(27.5vw - 220px) 30px 40px;
  background: #ffffff;
}
.learning-eduAlert {
  padding: 15px 25px;
  background: #ffffff;
}
.learning-result-wrap {
  height: 100%;
  padding: 30px calc(27.5vw - 220px) 30px 40px;
  background: #f8f8f9;
}

.learning-sidebar .sidebar-top {
  display: flex;
  position: relative;
  padding: 40px 0 25px;
}
.learning-sidebar .sidebar-top:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #343434;
}
.learning-sidebar .sidebar-top strong {
  margin-right: 10px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.05em;
}
.learning-sidebar .sidebar-top.elearning strong {
  color: var(--text-color-primary);
}
.learning-sidebar .sidebar-top.elearning:after {
  background: var(--text-color-primary);
}
.learning-sidebar .sidebar-top.code_live strong {
  color: var(--badge-live-text-color);
}
.learning-sidebar .sidebar-top.code_live:after {
  background: var(--badge-live-text-color);
}
/*.learning-sidebar .sidebar-top .right { display: none;}*/
.learning-sidebar ul li {
  border-bottom: 1px solid #e8e8e8;
}
.learning-sidebar ul li a {
  display: block;
  width: 100%;
  padding: 15px 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #565656;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.learning-sidebar ul li a:hover,
.learning-sidebar ul li a.active {
  font-weight: 700;
  color: #121212;
}
.learning-main .home {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  border: 1px solid #dddddd;
  border-radius: 7px;
  background: #ffffff url("../../images/renewal/icon/learning_home.png")
    no-repeat center;
}
.learningSideBarM {
  display: none;
}

.blend-sub-cont {
  padding: 0 calc(27.5vw - 220px) 0 40px;
}
.blend-sub-cont > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #414146;
}
.blend-sub-cont h2 {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 15px;
  font-size: 24px;
  font-weight: 500;
  color: #121212;
  line-height: 40px;
  letter-spacing: -0.05em;
}
.blend-sub-cont .btn {
  padding: 12px 20px 12px 43px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  text-align: center;
}
.blend-sub-cont .btn span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #565656;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.blend-sub-cont .btn.list {
  background: #ffffff url("../../images/renewal/icon/list-unordered.png")
    no-repeat 15px center;
}
/* 과목선택 팝업 */
.sbjct-sel-box {
  flex-shrink: 0;
  position: relative;
}
.sbjct-sel-box .subListBox {
  position: absolute;
  top: 52px;
  left: 50%;
  z-index: 1;
  width: 434px;
  border: 1px solid #dddddd;
  border-radius: 11px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.sbjct-sel-box .subListBox .title-box {
  position: relative;
  padding: 15px;
  border-radius: 11px 11px 0 0;
  background: #fafafa;
}
.sbjct-sel-box .subListBox .title-box p {
  font-size: 13px;
  font-weight: 500;
  color: #757575;
  line-height: 19px;
  letter-spacing: -0.05em;
}
.sbjct-sel-box .subListBox .title-box .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  padding: 0;
  border: 0;
  background: url("../../images/renewal/icon/close_gray.png") no-repeat center;
}
.sbjct-sel-box .subListBox .sub-list-box-wrap {
  overflow: auto;
  height: 211px;
  padding: 15px;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 11px 11px;
  background: #ffffff;
}
.sbjct-sel-box .subListBox .sub-list-box-wrap li {
  padding-bottom: 15px;
}
.sbjct-sel-box .subListBox .sub-list-box-wrap li a {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #565656;
  line-height: 20px;
  letter-spacing: -0.05em;
}

.learning-content .learning-top {
  display: flex;
  align-items: center;
  padding: 30px calc(27.5vw - 220px) 0 40px;
}
.learning-content .learning-top .left-box {
  width: 100%;
}
.learning-content .learning-top .left-box .txt-box {
  padding-right: 30px;
}
.learning-content .learning-top .right-box {
  width: calc(100% - 60%);
}
.learning-content .learning-top .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.learning-content .learning-top h2 {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 500;
  color: #121212;
  line-height: 40px;
  letter-spacing: -0.05em;
  word-wrap: break-word;
  word-break: keep-all;
}
.learning-content .learning-top h2 span {
  max-width: 80%;
}
.learning-content .learning-top .top-text {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.learning-content .learning-top .top-text p {
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.learning-content .learning-top .top-text p:nth-of-type(1) {
  margin-right: 50px;
}
.learning-content .learning-top .top-text p strong {
  display: inline-flex;
  margin-left: 10px;
  font-weight: 500;
}
.learning-content .learning-top .btn-box {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.learning-content .learning-top .btn-box .btn {
  padding: 12px 20px 12px 43px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  text-align: center;
}
.learning-content .learning-top .btn-box .btn span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #565656;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.learning-content .learning-top .btn-box .btn.download {
  background: #ffffff url("../../images/renewal/icon/download.png") no-repeat
    15px center;
}
.learning-content .learning-top .btn-box .btn.result {
  margin-left: 7px;
  background: #ffffff url("../../images/renewal/icon/graph.png") no-repeat 15px
    center;
}
.learning-content .learning-top .btn-box .btn:focus {
  outline: auto;
}
.learning-content .learning-top .progress-wrap {
  height: 25px;
}
.learning-content .learning-top .progress-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.learning-content .learning-top .progress-bottom strong {
  font-size: 16px;
  font-weight: 600;
  color: #343434;
  line-height: 26px;
}
.learning-content.code_blend .left-box {
  display: flex;
  justify-content: space-between;
}
.learning-content.code_blend .left-box .txt-box {
  width: calc(100% - 172px);
  padding-right: 35px;
}

.learning-content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 2rem;
  font-weight: 700;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-content h3 .open {
  display: inline-block;
  padding-right: 26px;
  background: transparent url("../../images/renewal/icon/icon_navi_arrow.png")
    no-repeat 100% center;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
}

/* 나의강의실 학습HOME - 강의목차 */
.learning-content .idx-list-wrap {
  border-top: 1px solid #414146;
}
.learning-content .idx-list-wrap > li .accordion-head {
  display: flex;
  margin-bottom: 0;
  padding: 12px 20px 12px 20px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 500;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.learning-content .idx-list-wrap > li .accordion-head .acc-head-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 47px);
  padding-left: 30px;
}
.learning-content .idx-list-wrap.code_live > li .accordion-head {
  padding-left: 0;
  padding-right: 0;
}
.learning-content .idx-list-wrap.code_live > li .accordion-head .acc-head-cont {
  width: 100%;
  padding: 0 20px;
}
.code_live.idx-list-wrap .accordion-body {
  padding: 0 20px;
}
.code_live .accordion-body .idx-2-box > li > div strong {
  font-size: 15px;
  font-weight: 500;
  color: #565656;
}
.learning-content
  .code_live
  .accordion-body
  .idx-2-box
  > li
  > div
  p
  span.col-red {
  color: var(--text-color-red);
}
.idx-list-wrap.code_live .accordion-body .idx-2-box > li > p {
  width: 77px;
  text-align: right;
}

/* 수정 */
/* .learning-content .acc-head-cont .accordion-title { width: calc(100% - 225px); padding-right: 30px;} */
/* .learning-content .accordion-btn { display: flex; justify-content: flex-end; width: 100%;} */
.learning-content .acc-head-cont .accordion-title {
  flex: 2;
  padding-right: 30px;
}
.learning-content .accordion-btn {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
/* //수정 */
.learning-content .acc-head-cont .accordion-title strong {
  display: block;
  width: auto;
  padding: 0;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.learning-content .txt-bottom {
  display: flex;
  align-items: center;
}
.learning-content .txt-bottom p,
.learning-content .accordion-body .idx-2-box > li > div p {
  position: relative;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 400;
  color: #757575;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.learning-content .accordion-body .idx-2-box > li > div p,
.learning-content .accordion-body .idx-3-box > li > div p {
  width: auto;
  font-size: 14px;
}
.learning-content .txt-bottom p:after,
.learning-content .accordion-body .idx-2-box > li > div p:after {
  content: "";
  display: block;
  position: absolute;
  top: 7.5px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #cacaca;
}
.learning-content .txt-bottom p:nth-of-type(1),
.learning-content .accordion-body .idx-2-box > li > div p:nth-of-type(1) {
  padding-left: 0;
}
.learning-content .txt-bottom p:nth-of-type(1):after,
.learning-content .accordion-body .idx-2-box > li > div p:nth-of-type(1):after {
  display: none;
}
.learning-content .txt-bottom p span,
.learning-content .accordion-body .idx-2-box > li > div p span {
  margin-left: 10px;
  font-weight: 500;
  color: #343434;
}
.learning-content .accordion-body .idx-2-box > li > div p span,
.learning-content .accordion-body .idx-3-box > li > div p span {
  font-weight: 400;
  color: #565656;
}
.learning-content .accordion .accordion-head .accordion-icon {
  flex-shrink: 0;
  margin-right: 0;
  margin-left: 20px;
}
.accordion .accordion-btn .btn-list,
.learning-gird .btn-list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  min-width: 115px;
  height: 44px;
  margin-left: 7px;
  padding: 0 20px;
  border-radius: 3px;
}
.learning-gird .btn-list .icon {
  margin-right: 5px;
}
.accordion .accordion-btn .btn-list .icon {
  margin-right: 5px;
}
.accordion-btn .btn-list > span {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-color-56);
  line-height: 20px;
  white-space: nowrap;
}
.accordion-btn .btn-list.btn-point {
  margin-left: 7px;
}
.accordion-btn .btn-list.btn-point > span {
  color: #ffffff;
}
.accordion-btn .btn-list.btn-point:disabled > span {
  color: var(--btn-disabled-bg-gray);
}
.accordion-btn .btn-list.download {
  margin-left: 0;
  background: #ffffff;
}
.accordion-btn .btn-list.download .icon.download {
  width: 23px;
  height: 23px;
  background: url("../../images/renewal/icon/icon_down.png") no-repeat center;
}
.accordion-btn .btn-list .icon.play,
.learning-gird .btn-list .icon.play {
  flex-shrink: 0;
  width: 20px;
  height: 21px;
  background-image: url("../../images/renewal/icon/icon_play_on.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list.play:disabled {
  margin-left: 7px;
}
.accordion-btn .btn-list.play:disabled .icon.play,
.accordion-btn .btn-list.play:disabled:hover .icon.play {
  background-image: url("../../images/renewal/icon/icon_play_disabled.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list.btn-point.play.btn-default .icon.play,
.accordion-btn .btn-list.btn-disabled .icon.play,
.accordion-btn .btn-list.btn-disabled:hover .icon.play,
.learning-gird .btn-list.btn-disabled:hover .icon.play,
.learning-gird .btn-list.btn-disabled .icon.play {
  background-image: url("../../images/renewal/icon/icon_play_disabled.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list:focus,
.accordion-btn .btn-list.btn-point:focus {
  border: 1px solid var(--bg-primary);
}
.accordion-btn .btn-list:focus > span,
.accordion-btn .btn-list.btn-point:focus > span {
  color: var(--bg-primary);
}
.accordion-btn .btn-list:hover,
.accordion-btn .btn-list.btn-point:hover {
  border: 1px solid var(--btn-learning-idx-bg);
  background: var(--btn-learning-idx-bg);
}
.accordion-btn .btn-list:hover > span,
.accordion-btn .btn-list.btn-point:hover > span {
  color: #ffffff;
}
.accordion-btn .btn-list.download:focus .icon.download {
  background-image: url("../../images/renewal/icon/icon_down_focus.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list.download:hover .icon.download {
  background-image: url("../../images/renewal/icon/icon_down_on.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list.play:focus .icon.play {
  background-image: url("../../images/renewal/icon/icon_play_focus.png");
  background-position: center;
  background-repeat: no-repeat;
}
.accordion-btn .btn-list.play:hover .icon.play {
  background-image: url("../../images/renewal/icon/icon_play_on.png");
  background-position: center;
  background-repeat: no-repeat;
}

.accordion-btn .btn-list.play:disabled:hover,
.code_live .btn-list.play:disabled:hover {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
}
.accordion-btn .btn-list.play:disabled:focus,
.code_live .btn-list.play:disabled:focus {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
}
.accordion-btn .btn-list.play:disabled:hover > span {
  color: var(--btn-disabled-bg-gray);
}
.accordion-btn .btn-list.play:disabled:focus > span {
  color: var(--btn-disabled-bg-gray);
}

.learning-idx-wrap .accordion-btn .btn-list > span {
  width: auto;
  font-size: 14px;
  font-weight: 500;
}

/* 라이브 */
.code_live.accordion .btn-list.btn-point {
  border: 1px solid var(--badge-live-line-color);
  background: var(--badge-live-line-color);
}
.code_live.accordion .btn-list.btn-point:hover {
  border: 1px solid var(--btn-learning-idx-bg);
  background-color: var(--btn-learning-idx-bg);
}
.code_live.accordion .btn-list.btn-point:focus > span {
  color: #ffffff;
}
/* 복습하기 버튼 */
.code_live.accordion .btn-list.btn-default {
  flex-shrink: 0;
  width: 124px;
  border: 1px solid var(--line-color-gray);
  background: #ffffff;
}
.code_live.accordion .btn-list.btn-default > span {
  color: var(--text-color-56);
}
.code_live.accordion .btn-list.btn-default:hover,
.code_live.accordion .btn-list.btn-default:focus {
  border: 1px solid var(--btn-learning-idx-bg);
  background-color: var(--btn-learning-idx-bg);
}
.code_live.accordion .btn-list.btn-default:hover > span {
  color: #ffffff;
}
.code_live.accordion .btn-list.play:disabled {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
}
/* 하위과정 grid */
.learning-gird .btn-list {
  justify-content: center;
  padding: 0;
  text-align: center;
}
.learning-gird .btn-list:hover,
.learning-gird .btn-list:focus {
  text-decoration: none;
}
.learning-gird .btn-list.code_live {
  border: 1px solid var(--badge-live-line-color);
  background: var(--badge-live-line-color);
}
.learning-gird .btn-list.code_live:hover,
.learning-gird .btn-list:hover {
  border: 1px solid var(--btn-learning-idx-bg);
  background-color: var(--btn-learning-idx-bg);
}
.learning-gird .btn-list.code_live:focus > span {
  color: #ffffff;
}
/* 종합결과 grid */
.learning-gird.k-grid.default-grid,
.learning_grid.k-grid.default-grid {
  border-top: 1px solid var(--border-gray-thick);
}
.learning_grid.k-grid .k-grid-header,
.learning_grid.k-grid .k-grid-header th.k-header {
  border-top: 0;
}
.learning-result-wrap .k-grid.learning-gird .k-grid-header th.k-header {
  border-bottom: 1px solid var(--border-gray-dd);
}
.learning-result-wrap .learning-gird.k-grid.default-grid tbody td {
  padding: 5px 10px;
  background: #ffffff;
}
.learning-result-wrap .learning-gird.k-grid.default-grid tbody td .col-red,
.learning-result-wrap .learning-gird.k-grid.default-grid tbody td .col-blue {
  font-weight: 500;
}
.result-bar-wrap {
  margin-bottom: 20px;
  padding: 20px 0;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #ffffff;
}
.result-bar-wrap .k-chart {
  width: calc(100% - 114px);
  height: 180px;
  margin: 0 auto;
}

.idx-list-wrap .accordion-body {
  padding: 0 77px 0 57px;
  background: transparent;
}
.idx-list-wrap .accordion-body .idx-2-box > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 12px 0;
  border-top: 1px solid #e8e8e8;
}
.idx-list-wrap .accordion-body .idx-2-box > li:first-child {
  border-top: 0;
}
.idx-list-wrap .accordion-body .idx-2-box > li > p,
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li > p {
  flex-shrink: 0;
  width: calc(100% - 95%);
  margin-right: 20px;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont,
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li .idx-dtl-cont {
  justify-content: space-between;
  width: calc(100% - 7.9%);
}
.idx-list-wrap.code_live .accordion-body .idx-2-box > li .idx-dtl-cont {
  width: calc(100% - 97px);
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li .idx-dtl-cont {
  display: flex;
  flex-direction: column;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title,
.idx-list-wrap
  .accordion-body
  .idx-2-box
  > li
  .idx-3-box
  > li
  .idx-dtl-cont
  .idx-dtl-title {
  width: 100%;
  padding-right: 20px;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .accordion-btn {
  padding-right: 0;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box {
  flex-shrink: 0;
  width: 100%;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li {
  display: flex;
  padding: 12px 0 12px 0;
  border-top: 1px solid #e8e8e8;
}
.idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li > p {
}

/* 강의 summary */
.learning-summary table.table_type05 tbody tr td.bg {
  font-weight: 500;
  vertical-align: middle;
}
.learning-summary #m_cmpltStnd tr th {
  padding: 5px 15px;
  border-left: 1px solid #e8e8e8;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #343434;
  line-height: 30px;
}
.learning-summary #m_cmpltStnd tr th:nth-of-type(1) {
  border-left: 0;
}
.learning-summary #m_cmpltStnd tr td {
  padding: 5px 15px;
  border-left: 1px solid #e8e8e8;
  font-size: 13px;
  font-weight: 400;
  color: #343434;
  line-height: 30px;
}
.learning-summary #m_cmpltStnd .bg-gray {
  padding: 3px 15px;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
  font-size: 15px;
  font-weight: 500;
  color: #121212;
  text-align: center;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.learning-summary #m_cmpltStnd .bg {
  background: var(--bg-white-red-2);
  font-weight: 500;
  color: #121212;
}
.learning-summary.sub-summary {
  padding: 0;
  background: transparent;
}
.learning-card {
  margin-top: 30px;
  margin-bottom: 20px;
}
.learning-card .card-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.learning-card .card-list .card-item {
  width: calc(100% / 3 - 5px);
  padding-left: 10px;
  padding-bottom: 10px;
}
.learning-card .card-list .card-item > div:focus {
  outline: auto;
}
.card-list .card-item > div {
  padding: 18px 15px 15px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #ffffff;
}
.card-list .card-item > div .badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
  padding: 3px 8px 4px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: -0.02em;
}
.card-list .card-item > div .badge.test {
  background: var(--badge-test-bg-color);
  color: var(--badge-test-text-color);
}
.card-list .card-item > div .badge.hw {
  background: var(--badge-hw-bg-color);
  color: var(--badge-hw-text-color);
}
.card-list .card-item > div .badge.quiz {
  background: var(--badge-quiz-bg-color);
  color: var(--badge-quiz-text-color);
}
.card-list .card-item > div .badge.dscs {
  background: var(--badge-dscs-bg-color);
  color: var(--badge-dscs-text-color);
}
.card-list .card-item > div .badge.surv {
  background: var(--badge-surv-bg-color);
  color: var(--badge-surv-text-color);
}
.card-list .card-item > div .info-box p {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 23px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-list .card-item > div .txt-bottom {
  margin-top: 10px;
}
.card-list .card-item > div .txt-bottom p {
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.card-list .card-item > div .btn-box {
  display: flex;
  margin-top: 20px;
}
.card-list .card-item > div .btn-box .btn-list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  border-radius: 3px;
}
.card-list .card-item > div .btn-box .btn-list span {
  font-weight: 700;
  color: var(--primary-indigo);
}
.card-list .card-item > div .btn-box .btn-list:hover {
  border: 1px solid var(--btn-learning-idx-bg);
  background: var(--btn-learning-idx-bg);
}
.card-list .card-item > div .btn-box .btn-list:focus {
  border: 1px solid var(--bg-primary);
}
.card-list .card-item > div .btn-box .btn-list:focus span {
  color: var(--bg-primary);
}
.card-list .card-item > div .btn-box .btn-list:hover span,
.card-list.code_live .card-item > div .btn-box .btn-list:hover span {
  color: #ffffff;
}
.card-list .card-item > div .btn-box button.btn-disabled {
  cursor: pointer;
}
.card-list .card-item > div .btn-box .btn-disabled {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 3px;
  background: var(--btn-disabled-bg-gray2);
}
.card-list .card-item > div .btn-box .btn-disabled span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  line-height: 13px;
}
.card-list .card-item > div .btn-box .btn-disabled.cursor {
  cursor: pointer;
}
.card-list .card-item > div .btn-box .btn-disabled:focus {
  outline: auto;
}
.card-list.code_live .card-item > div .btn-box .btn-list span,
.code_live .card-list .card-item > div .btn-box .btn-list span {
  color: var(--badge-live-text-color);
}
.card-list.code_live .card-item > div .btn-box .btn-list:focus,
.code_live .card-list .card-item > div .btn-box .btn-list:focus {
  border: 1px solid var(--btn-learning-idx-bg);
}
.card-list.code_live .card-item > div .btn-box .btn-list:focus span,
.code_live .card-list .card-item > div .btn-box .btn-list:focus span {
  color: var(--badge-live-text-color);
}
.card-list.code_live .card-item > div .btn-box .btn-list:hover span,
.code_live .card-list .card-item > div .btn-box .btn-list:hover span {
  color: #ffffff;
}
.card-list .card-item > div .btn-box .btn-disabled span.col {
  font-weight: 700;
  color: var(--primary-indigo);
}
.card-list.code_live .card-item > div .btn-box .btn-disabled.col-box,
.code_live .card-list .card-item > div .btn-box .btn-disabled.col-box {
  background: #fcf4f4;
}
.card-list.code_live .card-item > div .btn-box .btn-disabled span.col,
.code_live .card-list .card-item > div .btn-box .btn-disabled span.col {
  color: var(--badge-live-text-color);
}
.card-list .card-item > div .btn-box .btn + .btn {
  margin-left: 7px;
}

/* 유의사항 */
.learning-summary .edu-title {
  margin-top: 30px;
}
.learning-summary .learning-eduAlert .notiBox {
  margin-bottom: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 28px;
  letter-spacing: -0.02em;
}

/* 나의 강의실 홈 - 블랜디드 */
.learning-content.code_blend .learning-top h2 {
  width: 100%;
}
.learning-content.code_blend .blend-sub-list {
  padding: 0 calc(27.5vw - 220px) 0 40px;
}
.learning-content.code_blend
  .idx-list-wrap
  > li
  .accordion-head
  .acc-head-cont {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
}
.code_blend .accordion-head .badge-group {
  flex-shrink: 0;
  margin-right: 15px;
}
.code_blend .accordion-head .badge-group .badge {
  display: block;
  margin: 0;
}
.code_blend .acc-head-cont2 {
  display: flex;
  align-items: center;
  width: 100%;
}
.code_blend .acc-head-cont .accordion-title strong {
  font-size: 17px;
  line-height: 25px;
  letter-spacing: -0.05em;
}
.code_blend .acc-head-cont2 .txt-bottom p {
  font-size: 14px;
  color: #666666;
}
.code_blend .acc-head-cont2 .txt-bottom p span {
  font-weight: 400;
  color: #343434;
}
.acc-head-cont2 .btn-box {
  margin-left: 30px;
}
.acc-head-cont2 .btn-box .btn-list {
  flex-shrink: 0;
  width: 97px;
  padding: 12px 23px;
  white-space: nowrap;
}
.acc-head-cont .progress-box {
  flex-shrink: 0;
  width: 176px;
}
.acc-head-cont .progress-box .progress-wrap {
  height: 10px;
  border-radius: 2px;
  background: #e8e8e8;
}
.acc-head-cont .progress-box .progress-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.acc-head-cont .progress-box .progress-top strong {
  width: auto;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  color: #121212;
  line-height: 19px;
}
.code_blend .accordion .accordion-head .accordion-icon {
  margin-left: 30px;
}
.blend-sub-list .idx-list-wrap .acc-body-parents {
  padding: 0;
}
.acc-body-parents .learning-idx-wrap {
  padding: 30px;
}
.code_blend
  .idx-list-wrap
  > li
  .acc-body-parents
  .accordion-head
  .acc-head-cont {
  align-items: center;
  width: calc(100% - 47px);
  padding-left: 30px;
  padding-right: 0;
}
.learning-content .acc-body-parents .acc-head-cont .accordion-title {
  width: 100%;
}
.code_blend .acc-body-parents .acc-head-cont .accordion-title strong {
  font-size: 15px;
  line-height: 26px;
}
.acc-body-parents .accordion .accordion-head .accordion-icon {
  background: url("../../images/renewal/icon/icon_class_down.png") no-repeat
    center;
}
.acc-body-parents .accordion > li[aria-expanded="true"] .accordion-icon {
  background: url("../../images/renewal/icon/icon_class_up.png") no-repeat
    center;
}
.acc-body-parents .learning-summary {
  padding: 0 30px 30px;
  background: #f8f8f9;
}
/*.code_blend .idx-list-wrap { margin-bottom: 0;}*/
/*.code_blend .learning-card { margin: 0; padding: 0 30px 30px; background: #F8F8F9;}*/
.template-grid.blend-list {
  border: 0;
  border-top: 1px solid #414146;
}
.template-grid.blend-list .brd-list {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.template-grid.blend-list .brd-list .badge-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 10px;
}
.template-grid.blend-list .brd-list .brd-tit {
  overflow: hidden;
  height: auto;
  font-size: 1.7rem;
  color: #343434;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.template-grid.blend-list .brd-list .brd-tit:after {
  content: "";
  display: block;
  clear: both;
}
.template-grid.blend-list .brd-list .top-text {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
.template-grid.blend-list .brd-list .top-text p {
  position: relative;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.template-grid.blend-list .brd-list .top-text p strong {
  display: inline-block;
  margin-left: 10px;
  color: #343434;
}
.template-grid.blend-list .brd-list .top-text p:nth-of-type(1) {
  padding-left: 0;
}
.template-grid.blend-list .brd-list .top-text p:nth-of-type(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 4.5px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #dddddd;
}
.template-grid.blend-list .brd-list .btn-box {
  flex-shrink: 0;
  width: calc(100% - 85%);
  margin-left: 30px;
}
.template-grid.blend-list .brd-list .btn-box .btn-list {
  height: 44px;
  line-height: 44px;
}
.template-grid.blend-list .brd-list .btn-box .btn-list > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.template-grid.blend-list .brd-list .btn-box .btn-list.code_live > span {
  color: #ffffff;
}
.template-grid.blend-list .brd-list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.template-grid.blend-list .brd-list .brd-list-cont {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.template-grid.blend-list .brd-list .btn-box .btn-list.btn-disabled:hover {
  border: 1px solid var(--line-color-gray);
  background: var(--bg-white-gray-2);
  cursor: pointer;
}
.learning-sublist.training_blend {
  padding-top: 0;
}

.blend-list .btn-list.btn-point .play {
  width: 20px;
  height: 21px;
  margin-right: 5px;
  background-image: url("../../images/renewal/icon/icon_play_on.png");
  background-position: center;
  background-repeat: no-repeat;
}
.k-grid.mobile-grid tbody tr td {
  border-right: 0;
}
.k-grid.mobile-grid tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* 학습목록 */
.learning-page .learning-top .left-box {
  display: flex;
  justify-content: space-between;
}
.learning-page .learning-top .left-box .txt-box {
  width: 100%;
  margin-right: 35px;
}
.learning-page .learning-top .left-box .btn-box {
  flex-shrink: 0;
}
/*.learning-page .learning-top .left-box .m { display: none !important;}*/
/*.learning-top .left-box .m { display: none !important;}*/
.learning-wrap .learning-noti li {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-wrap .learning-noti li h3,
.learning-wrap .learning-cont h3 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #343434;
  line-height: 33px;
  letter-spacing: -0.02em;
}
.learning-wrap .learning-noti li:first-child h3 {
  margin-top: 0;
}
.learning-wrap .learning-noti li .txt-box p {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-wrap .learning_list .card-list .card-item .badge {
  margin-bottom: 10px;
  padding: 3px 6px 4px;
  border-radius: 2px;
  background: var(--badge-non-gaze);
  font-size: 11px;
  font-weight: 500;
  color: var(--badge-non-gaze-txt);
  line-height: 16px;
  letter-spacing: -0.02em;
}
.learning-wrap .learning_list .card-list .card-item .badge.black {
  background: var(--badge-stare);
  color: var(--badge-stare-txt);
}
.learning-wrap .learning_list .card-list .card-item > div .info-box > p {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.learning-wrap .learning_list .card-list .card-item .txt-bottom {
  flex-flow: column;
  margin-top: 15px;
  padding: 15px 0 0;
  border-top: 1px solid #e8e8e8;
}
.learning-wrap .learning_list .card-list .card-item .txt-bottom p {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.learning-wrap .learning_list .card-list .card-item .txt-bottom p:after {
  display: none;
}
.learning-wrap .learning_list .card-list .card-item .txt-bottom p span {
  flex-shrink: 0;
  margin-left: 0;
  margin-right: 10px;
  font-weight: 400;
  color: #757575;
}
.learning-wrap .learning_list .card-list .card-item .txt-bottom p strong {
  font-weight: 400;
  color: #565656;
}
.learning-wrap .learning_list .card-list .card-item > div > p.h2 {
  display: -webkit-box;
  display: -moz-box;
  height: 50px;
  line-height: 25px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: keep-all;
  white-space: normal;
}
/* 피드백 팝업 */
#feed_back_window .k-textbox {
  width: 100%;
  height: 244px;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}

/* 퀴즈 응시 팝업 */
.stare-cont {
  overflow-y: auto;
  margin-top: 20px;
  height: calc(100% - 71px);
  text-align: left;
}
#stare_resurt_qz_window2 .stare-cont {
  height: 473px;
}
.stare-cont .problem-list {
}
.stare-cont .problem-list .problem-title-box {
  display: flex;
  position: relative;
  padding: 15px;
  border-top: 1px solid #e8e8e8;
  background: #f9f9fb;
}
.stare-cont .problem-list .problem-title-box .sortNum {
  flex-shrink: 0;
  margin-right: 10px;
  font-family: var(--font-family-nanum_square);
  font-size: 21px;
  font-weight: 800;
  color: #121212;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.stare-cont .problem-list .problem-title-box .problem-title {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #343434;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.stare-cont .problem-list .problem-cont {
  padding: 20px;
}
.stare-cont .problem-list .problem-cont li label {
  float: none;
  cursor: pointer;
}
.stare-cont .problem-list .problem-cont .multip li {
  margin-top: 15px;
}
.stare-cont .problem-list .problem-cont .multip li:first-child {
  margin-top: 0;
}
.stare-cont .problem-list .problem-cont .multip li label {
  display: inline-flex;
  align-items: center;
  width: auto;
}
.stare-cont .problem-list .problem-cont .multip li label img {
  width: 120px;
}
.stare-cont .problem-list .problem-cont .multip li.row-qstn {
  display: flex;
  margin: 0;
  flex-wrap: nowrap;
  justify-content: space-around;
  border-bottom: 1px solid #ddd;
}
.stare-cont .problem-list .problem-cont .multip li.row-qstn > div {
  padding: 10px;
  justify-content: center;
  flex-basis: 0;
  flex-grow: 1;
  line-height: 19px;
  text-align: center;
  font-size: 13px;
  color: #343434;
  font-weight: 400;
}
.stare-cont .problem-list .problem-cont .multip li.row-qstn > div:first-child {
  border-right: 1px solid #ddd;
}
.stare-cont .problem-list .problem-cont .multip li.col-qstn {
  display: flex;
  margin: 0;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.stare-cont .problem-list .problem-cont .multip li.col-qstn > div {
  padding: 10px;
  justify-content: center;
  flex-basis: 0;
  flex-grow: 1;
  line-height: 19px;
  text-align: center;
  font-size: 13px;
  color: #343434;
  font-weight: 400;
}
.stare-cont .problem-list .problem-cont .multip li.col-qstn > div:first-child {
  border-right: 1px solid #ddd;
  justify-content: start;
}
.stare-cont
  .problem-list
  .problem-cont
  .multip
  li.col-qstn
  > div
  > input[type="radio"] {
  margin-right: 0;
}
.idx-list-wrap
  .accordion-body
  .idx-2-box
  > li
  .idx-dtl-cont.stare-cont
  .problem-list
  .problem-cont
  .multip
  li
  label
  .btn,
.stare-cont .problem-list .problem-cont .multip li label .btn {
  display: inline-block;
  margin-left: 20px;
  padding: 3px 10px;
  border: 1px solid var(--line-color-gray);
  border-radius: 5px;
  background: #ffffff;
}
.stare-cont .problem-list .problem-cont .multip li label .btn > span {
  font-size: 1.4rem;
  color: var(--text-color-34);
}
.stare-cont .problem-list .problem-cont label .exam-num + span {
  width: auto;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.stare-cont .problem-list .problem-cont .exam-num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  border: 1px solid #343434;
  border-radius: 50px;
  background: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  color: #343434;
  line-height: 11px;
  letter-spacing: -0.02em;
}
.stare-cont
  .problem-list
  .problem-cont
  input[type="checkbox"]
  + label
  .exam-num {
  border-radius: 5px;
}
.stare-cont .problem-list .problem-cont .multip li input:checked + label span {
  font-weight: 500;
  color: #343434;
}
.stare-cont
  .problem-list
  .problem-cont
  .multip
  li
  input:checked
  + label
  .exam-num {
  background: #343434;
  color: #ffffff;
}
.stare-cont
  .problem-list
  .problem-cont
  .multip
  li.red
  input:checked
  + label
  .exam-num {
  border: 1px solid #d23325;
  background: #d23325;
  color: #ffffff;
}
.stare-cont
  .problem-list
  .problem-cont
  .multip
  li.red
  input:checked
  + label
  span {
  font-weight: 500;
  color: #d23325;
}
.stare-cont .problem-list .problem-cont .ox {
  display: flex;
  justify-content: center;
}
.stare-cont .problem-list .problem-cont .ox li {
  margin-left: 15.7px;
  margin-bottom: 20px;
}
.stare-cont .problem-list .problem-cont .ox li:first-child {
  margin-left: 0;
}
.stare-cont .problem-list .problem-cont .ox li label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 155.65px;
  height: 155.65px;
  border: 1px solid #e8e8e8;
  border-radius: 26.16px;
}
.stare-cont .problem-list .problem-cont .ox li input[type="radio"] {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 1;
}
.stare-cont .problem-list .problem-cont .ox li .o-box label .img {
  display: inline-block;
  width: 69px;
  height: 72px;
  background: url("../../images/renewal/sub/O_unselect.png") no-repeat center;
}
.stare-cont .problem-list .problem-cont .ox li .x-box label .img {
  display: inline-block;
  width: 69px;
  height: 72px;
  background: url("../../images/renewal/sub/X_unselect.png") no-repeat center;
}
.stare-cont .problem-list .problem-cont .ox li .o-box label {
  background: #ffffff;
}
.stare-cont .problem-list .problem-cont .ox li .x-box label {
  background: #ffffff;
}
.stare-cont .problem-list .problem-cont .ox li .o-box input:checked + label {
  border: 3px solid #185abc;
  background: #ffffff;
}
.stare-cont
  .problem-list
  .problem-cont
  .ox
  li
  .o-box
  input:checked
  + label
  .img {
  background: url("../../images/renewal/sub/O_select.png") no-repeat center;
}
.stare-cont .problem-list .problem-cont .ox li .x-box input:checked + label {
  border: 3px solid #d23325;
  background: #ffffff;
}
.stare-cont
  .problem-list
  .problem-cont
  .ox
  li
  .x-box
  input:checked
  + label
  .img {
  background: url("../../images/renewal/sub/X_select.png") no-repeat center;
}
.stare-cont .problem-list .problem-cont textarea.k-textbox {
  height: 100px;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #343434;
}
.stare-cont .problem-list .problem-cont .textarea-box {
  padding-left: calc(100% - 770px);
}
.stare-cont .problem-list .problem-cont li {
  position: relative;
}
.stare-cont .problem-list .problem-cont li input[type="checkbox"],
.stare-cont .problem-list .problem-cont li input[type="radio"] {
  position: relative;
  top: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
/*.stare-cont .problem-list .problem-cont li .exam-num { display: none;}*/
.stare-cont .problem-list .problem-cont li > div {
  display: flex;
  align-items: center;
}
.stare-cont .ansr-box {
  padding: 10px;
  background: var(--qz-bg-color);
}
.stare-cont .ansr-box p {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #343434;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.stare-cont .ansr-box p .exam-num:nth-of-type(1) {
  width: 23px;
  height: 23px;
  margin-left: 20px;
  padding: 0;
  border: 1px solid #343434;
  border-radius: 50px;
  background: #ffffff;
  text-align: center;
}
.stare-cont .exam-ansr-cont {
  display: flex;
  padding: 20px 15px 20px calc(100% - 93%);
}
.stare-cont .exam-ansr-cont span {
  flex-shrink: 0;
  width: 38px;
  height: 22px;
  margin-right: 15px;
  border-radius: 30px;
  background: var(--primary-indigo);
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 21px;
  letter-spacing: -0.055em;
}
.stare-cont .exam-ansr-cont p {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.stare-window .popup-content {
  height: 95%;
}
.stare-window .popup-foot {
  position: fixed;
}
.stare-window .resurt-box {
  padding-top: 20px;
}
.stare-window .resurt-box .img-box {
  position: relative;
  width: 100%;
  height: 211px;
  margin: 0 auto;
  background: url("../../images/renewal/sub/qz_resurt.png") no-repeat center
    bottom;
}
.stare-window .resurt-box .img-box strong {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.1rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 24px;
  letter-spacing: -0.02em;
  transform: translate(-50%, 9%);
  -ms-transform: translate(-50%, 9%);
  -moz-transform: translate(-50%, 9%);
  -webkit-transform: translate(-50%, 9%);
}
.stare-window .resurt-box .txt-box {
  text-align: center;
}
.stare-window .resurt-box .txt-box > p {
  margin-top: 20px;
  font-size: 2.5rem;
  font-weight: 350;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.stare-window .resurt-box .txt-box > p strong {
  display: block;
  font-weight: 700;
}
.stare-window .resurt-box .txt-box .retry-box {
  display: inline-block;
  margin: 10px auto;
  padding: 2px 10px 4px;
  border-radius: 30px;
  background: #f5f5f5;
}
.stare-window .resurt-box .txt-box .retry-box p {
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.stare-cont .problem_rst .problem-cont li input[type="radio"] {
  position: absolute;
  top: 1px;
  left: 1px;
}
/* 시험 응시 팝업 */
#stare_test_window .stare-cont {
  height: 460px;
  margin-top: 0;
}
.stare-top-cont {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.stare-top-cont .stare-top-text {
  width: 100%;
}
.stare-top-cont .stare-top-text ul {
  display: flex;
}
.stare-top-cont .stare-top-text ul li {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
/*.stare-top-cont .stare-top-text ul li.first { margin-left: 0;}*/
.stare-top-cont .stare-top-text ul li span {
  flex-shrink: 0;
  margin-right: 15px;
  padding-left: 28px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.stare-top-cont .stare-top-text ul li span.prd {
  background: #ffffff url("../../images/renewal/icon/checklist.png") no-repeat 0
    center;
}
.stare-top-cont .stare-top-text ul li span.timer {
  background: #ffffff url("../../images/renewal/icon/clock_gray.png") no-repeat
    0 center;
}
.stare-top-cont .stare-top-text ul li span.answer {
  background: #ffffff url("../../images/renewal/icon/check-circle_gray.png")
    no-repeat 0 center;
}
.stare-top-cont .stare-top-text ul li span.wrong-answer {
  background: #ffffff url("../../images/renewal/icon/x-circle.png") no-repeat 0
    center;
}
.stare-top-cont .stare-top-text ul li span.sco {
  background: #ffffff url("../../images/renewal/icon/pencil_gray.png") no-repeat
    0 center;
}
.stare-top-cont .stare-top-text ul li strong {
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.stare-top-cont .stare-top-text ul li strong.col {
  font-weight: 700;
  color: var(--primary-indigo);
}
.stare-top-cont .stare-top-num {
  display: flex;
  margin-right: 30px;
}
.stare-top-cont .stare-top-num span {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.stare-top-cont .stare-top-num .col {
  font-weight: 700;
  color: var(--primary-indigo);
}
.k-window .middle-window .popup-content {
  border-radius: 10px 10px 0 0;
}
.k-window .middle-window .popup-content .btn-list {
  margin-top: 20px;
}
/* 시험 결과 팝업 */
#stare_test_result_window .stare-cont {
  overflow-y: auto !important;
  height: 458px;
  margin-top: 0;
}
.stare-cont .crctYn {
  position: absolute;
  top: 0;
  left: 0;
  width: 65.9px;
  height: 64.73px;
}
.stare-cont .crctY {
  background: url("../../images/renewal/sub/answer.png") no-repeat center;
}
.stare-cont .crctN {
  background: url("../../images/renewal/sub/wrong_answer.png") no-repeat center;
}
.stare-cont .ansr-btn {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 4px 32px 3px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background: #ffffff url("../../images/renewal/icon/icon_arrow_down.png")
    no-repeat 89% center;
  font-size: 13px;
  font-weight: 400;
  color: #343434;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.stare-cont .ansr-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 10px;
}
.stare-cont .ansr-box-wrap > div {
  flex-shrink: 0;
  width: 100%;
}
/* 학습 게시판 메인 */
.learning-wrap .board-top-box {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 15px;
}
.learning-wrap .board-top-box .info-box {
  width: calc(100% - 92px);
}
.learning-wrap .board-top-box .info-box h3 {
  /*margin-bottom: 8px;*/
  font-size: 2rem;
  font-weight: 500;
  color: #343434;
  line-height: 33px;
  letter-spacing: -0.02em;
}
.learning-wrap .board-top-box .btn-box {
  width: 100%;
  text-align: right;
}
.learning-wrap .board-top-box .btn-box .btn-list {
  display: inline-block;
  height: 44px;
  padding: 0 23px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #343434;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.learning-wrap .board-top-box .btn-box .btn-list span {
  line-height: 44px;
}
.learning_grid.k-grid .k-grid-header th.k-header {
  padding: 5px 0;
  border-bottom: 0;
}
.learning_grid.k-grid .k-grid-header {
  border-bottom: 1px solid var(--border-gray-dd);
}
.learning_grid.k-grid .k-grid-content table tr td {
  padding: 3px 15px;
}
.learning_grid.k-grid .k-grid-content table tr td .flex-box {
  align-items: center;
}
.learning_grid.k-grid .k-grid-content table tr td .flex-box a {
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.learning_grid.k-grid .k-grid-content table tr td .flex-box .reply-str {
  flex-shrink: 0;
  height: 29px;
  margin-right: 10px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  color: #565656;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.learning_grid.k-grid .k-grid-content table tr td .flex-box .reply-str.col {
  border: 1px solid var(--text-color-primary);
  color: var(--text-color-primary);
}
.k-grid .k-grid-content table tr td .list-lock {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url("../../images/renewal/icon/icon_Lock_gray.png") no-repeat
    center;
}
.learning-wrap .board-top-box .search-box {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.learning-wrap .board-top-box .search-box .rfrcSelect {
  width: 169px;
  height: 40px;
  margin-right: 10px;
}
.learning-wrap .board-top-box .search-box .input-box {
  position: relative;
}
.learning-wrap .board-top-box .search-box input {
  width: 349px;
  padding-right: 40px;
}
.learning-wrap .board-top-box .search-box .input-box button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  background: url("../../images/renewal/icon/icon_search.png") no-repeat 50% 50%;
  cursor: pointer;
}
/* 학습 게시판 작성 */
.learning-form .form-top {
  display: flex;
  justify-content: flex-end;
}
.learning-form .form-top p {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #565656;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.learning-form .form-top p .col-red {
  display: inline-block;
  margin-right: 3px;
  font-size: 1.7rem;
  font-weight: 500;
  vertical-align: middle;
}
.learning-brd-form {
  border-top: 1px solid #414146;
}
.learning-brd-form .form-box {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
}
.learning-brd-form .form-box label {
  font-size: 1.5rem;
  font-weight: 500;
  color: #121212;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.learning-brd-form .form-box > label {
  display: inline-block;
  width: 120px;
}
.learning-brd-form .form-box label .col-red {
  margin-left: 5px;
  font-size: 1.6rem;
  color: var(--text-color-red);
  vertical-align: middle;
}
.learning-brd-form .form-box input.k-textbox {
  width: calc(100% - 126px);
  height: 40px;
  padding: 10.5px 15px;
  line-height: 40px;
}
.learning-brd-form .form-box textarea.k-textbox {
  width: calc(100% - 126px);
  height: 351px;
  padding: 15px;
}
.learning-brd-form .form-box table.k-editor {
  width: calc(100% - 126px);
}
.learning-brd-form .form-box .radio-box-wrap {
  display: inline-flex;
  width: calc(100% - 155px);
  vertical-align: middle;
}
.learning-brd-form .form-box .radio-box-wrap label {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #343434;
  line-height: 40px;
}
.learning-brd-form .form-box.blend-sh .openSubList {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.learning-brd-form .form-box .area-box {
  width: calc(100% - 126px);
}
.learning-form + .btn-box,
.learning-brd-detail + .btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
}
.learning-form + .btn-box .btn-list,
.learning-brd-detail + .btn-box .btn-list {
  margin-left: 7px;
}
/* 학습 게시판 상세 */
.learning-detail {
  padding-top: 0;
}
.learning-brd-detail .brd-det-top {
  padding: 20px 20px 25px;
  border-bottom: 1px solid #dddddd;
}
.learning-brd-detail .brd-det-top .brd-title {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #343434;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.brd-det-top .brd-info-box {
  display: flex;
  align-items: center;
}
.brd-det-top .brd-info-box > div {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 20px;
}
.brd-det-top .brd-info-box > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 10.5px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #dddddd;
}
.brd-det-top .brd-info-box > div:nth-of-type(1) {
  padding-left: 0;
}
.brd-det-top .brd-info-box > div:nth-of-type(2):after {
  display: none;
}
.brd-info-box .brd-profile,
.brd-info-box .reply-str,
.learning-brd-detail .brd-reply,
.learning-brd-detail .reply,
.learning-brd-detail .comment-wrap,
.learning-brd-detail .btn-list {
  display: none;
}
.brd-info-box .brd-profile .profile-box {
  flex-shrink: 0;
  overflow: hidden;
  width: 35px;
  height: 35px;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  background-color: #ffffff !important;
  background-size: cover !important;
}
.brd-info-box .brd-profile p {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.brd-info-box .brd-date span {
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.brd-info-box .brd-date.rfrc-dateTxt {
  padding-left: 0;
}
/*.brd-info-box .brd-date.noti-date { padding-left: 0;}*/
.brd-info-box .brd-date .reply-str,
.title-group .reply-str {
  flex-shrink: 0;
  height: 29px;
  margin-left: 20px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  color: #565656;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.brd-info-box .brd-date .reply-str.col,
.title-group .reply-str.col {
  border: 1px solid var(--text-color-primary);
  color: var(--text-color-primary);
}
.brd-det-top .title-group {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.brd-det-top .title-group .reply-str {
  margin-left: 0;
  margin-right: 10px;
  padding: 4px 10px 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.learning-brd-detail .brd-cont {
  min-height: 374px;
  padding: 20px;
  border-bottom: 1px solid #dddddd;
  font-size: 1.6rem;
  font-weight: 400;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.learning-brd-detail .file-template {
  padding: 15px 0;
  border-bottom: 1px solid #dddddd;
}
.learning-brd-detail .reply {
  margin-top: 30px;
}
.learning-brd-detail .reply h4 {
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-brd-detail .reply h4 span {
  display: inline-block;
  margin-left: 3px;
  font-weight: 700;
  color: var(--badge-purple-text-color);
}
.learning-brd-detail .enter-wrap {
  display: flex;
  margin-top: 5px;
}
.learning-brd-detail .enter-wrap textarea {
  width: 100%;
  height: 90px;
  padding: 15px 15px 5px;
  font-size: 1.5rem;
  line-height: 19px;
}
.learning-brd-detail .enter-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: 0 5px 5px 0;
  background: var(--primary-black);
  font-size: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 19px;
}
.learning-brd-detail .brd-reply .enter-wrap button {
  background: var(--reply-button-color);
}
.comment-list {
  border-bottom: 1px solid #dddddd;
}
.comment-list .comment-box {
  padding: 20px 10px;
  border-top: 1px dashed #dddddd;
}
.comment-list .comment-box:first-child {
  border-top: 0;
}
.comment-list .comment-box .comment-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.comment-list .comment-box .comment-top > div {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 13px;
}
.comment-list .comment-box .comment-top > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 8.5px;
  left: 0;
  width: 1px;
  height: 13px;
  background: #dddddd;
}
.comment-list .comment-box .comment-top > div:nth-of-type(1) {
  padding-left: 0;
}
.comment-list .comment-box .comment-top > div:nth-of-type(1):after {
  display: none;
}
.comment-list .comment-box .comment-top .comment-profile .profile-img-box {
  flex-shrink: 0;
  overflow: hidden;
  width: 30px;
  height: 30px;
  border: 1px solid #f8f8f9;
  border-radius: 50%;
  background: #ffffff;
}
.comment-list .comment-box .comment-top .comment-profile p {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.comment-list .comment-box .comment-top .comment-date p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.comment-list .comment-box .comment-top .comment-date .btn {
  margin-left: 10px;
  padding: 0 12px;
  border: 1px solid #d1d1d1;
  background: #ffffff;
  font-size: 11px;
  font-weight: 500;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.comment-list .comment-box .comment-cont p {
  font-size: 15px;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
  letter-spacing: -0.02em;
}
/* 블랜디드 */
/* 블랜디드 질문하기 */
.learning_grid .badge,
.brd-sublist-info .badge {
  flex-shrink: 0;
  margin: 0 10px 0 0;
  padding: 4px 8px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: var(--badge-black-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.05em;
}
.learning_grid .badge.elearning,
.brd-sublist-info .badge.elearning {
  color: var(--badge-el-text-color);
}
.learning_grid .badge.code_live,
.brd-sublist-info .badge.code_live {
  color: var(--badge-live-text-color);
}
.learning_grid .badge-wrap {
  align-items: center;
  overflow: hidden;
  width: 100%;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.learning_grid .badge + span {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brd-sublist-info {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.brd-sublist-info .badge {
  padding: 4px 13px 3px;
  line-height: 13px;
}
.brd-sublist-info .badge + span {
  font-size: 15px;
  font-weight: 400;
  color: #565656;
  line-height: 30px;
  letter-spacing: -0.02em;
}
/* 답변 */
.reply-box {
  padding: 20px 0 0;
  border-top: 1px solid #dddddd;
}
.reply-box:first-child {
  border-top: 0;
}
.reply-box .reply-top {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 35px;
}
.reply-box .reply-top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  width: 10px;
  height: 27px;
  background: url("../../images/renewal/icon/icon_reply.png") no-repeat 0 0;
}
.reply-box .reply-top .tag {
  width: 50px;
  margin-right: 18px;
  padding: 6px 0 7px;
  border-radius: 30px;
  background: var(--primary-indigo);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 14px;
  letter-spacing: -0.02em;
}
.reply-box .reply-top p {
  font-size: 15px;
  font-weight: 400;
  color: #343434;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.reply-box .reply-top p.name {
  margin-right: 17px;
  font-weight: 500;
}
.reply-box .reply-cont {
  padding: 20px 35px;
}
.reply-box .reply-cont p {
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-brd-detail .reply-box .file-template {
  padding-top: 0;
  padding-left: 19px;
}

/* 설문 팝업 */
#stare_surv_window .stare-cont {
  height: 460px;
  margin-top: 0;
}
.stare-top-cont .stare-top-text ul li span.lctr {
  background: #ffffff url("../../images/renewal/icon/person_gray.png") no-repeat
    0 center;
}
.stare-cont .k-grid caption {
  width: 100%;
  padding: 5px 15px;
  border-top: 1px solid #343434;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
  font-size: 1.5rem;
  font-weight: 500;
  color: #121212;
  line-height: 40px;
  letter-spacing: -0.02em;
  caption-side: top;
  box-sizing: border-box;
}
.stare-cont .k-grid.popup-grid .k-grid-header th.k-header {
  font-weight: 500;
  color: #121212;
}
.stare-cont .k-grid.popup-grid tbody tr td .radio-box {
  display: flex;
  justify-content: center;
  text-align: center;
}
.stare-cont .k-grid.popup-grid tbody tr td .radio-box label {
  float: none;
  margin-right: 0;
}
.stare-cont .k-grid.popup-grid tbody tr td .radio-box label .icon {
  margin: 0;
}
.stare-cont .k-grid.popup-grid tbody tr td p {
  line-height: 20px;
  word-wrap: break-word;
  word-break: keep-all;
}
.matrix-head {
  display: flex;
  width: 100%;
  border-top: 1px solid #343434;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
}
.matrix-head p {
  padding: 5px 14px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #121212;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.matrix-head p.matrix-head-1 {
  width: 56px;
  text-align: center;
}
.matrix-head p.matrix-head-2 {
  width: calc(100% - 60%);
  text-align: center;
}
.matrix-head p.matrix-head-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40%);
}
.matrix-head p.matrix-head-3 span {
  display: flex;
  align-items: center;
}
.matrix-head p.matrix-head-3 .left {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url("../../images/renewal/icon/icon_back.png") no-repeat center;
}
.matrix-head p.matrix-head-3 .right {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  background: url("../../images/renewal/icon/icon_right.png") no-repeat center;
}
/*.matrix-body {}*/
.matrix-body .matrix-list > li {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.matrix-body .matrix-list > li > div,
.matrix-body .matrix-list > li > div p {
  font-size: 1.5rem;
  font-weight: 400;
  color: #343434;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.matrix-body .matrix-list > li > div {
  padding: 8px 15px;
}
.matrix-body .matrix-list > li > .sortNum {
  width: 56px;
  text-align: center;
}
.matrix-body .matrix-list > li > .srv-name {
  width: calc(100% - 60%);
  text-align: left;
}
.matrix-body .matrix-list > li > .srv-exam {
  display: flex;
  align-items: center;
  width: calc(100% - 40%);
  text-align: left;
}
.matrix-body .matrix-list > li > .srv-exam > ul {
  display: flex;
  position: relative;
  width: 100%; /*번호 정렬 css 수정*/
  justify-content: space-between;
}
.matrix-body .matrix-list > li > .srv-exam > ul:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0; /*번호 정렬 css 수정*/ /*width: 90%;*/
  width: 100%;
  height: 1px;
  background: #dddddd;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.matrix-body .matrix-list > li > .srv-exam > ul li {
  position: relative;
  z-index: 1; /*width: 100%;*/ /*번호 정렬 css 수정*/
}
.matrix-body .matrix-list > li > .srv-exam > ul li input[type="radio"] {
  display: none;
}
.matrix-body .matrix-list > li > .srv-exam > ul li label {
  cursor: pointer;
}
.matrix-body .matrix-list > li > .srv-exam > ul li label span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #dddddd;
  border-radius: 50px;
  background: #ffffff;
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.matrix-body
  .matrix-list
  > li
  > .srv-exam
  > ul
  li
  input[type="radio"]:checked
  + label
  span {
  border: 1px solid #414146;
  background: #414146;
  font-weight: 500;
  color: #ffffff;
}
.matrix-body
  .matrix-list
  > li
  > .srv-exam
  > ul
  li
  input[type="radio"]:focus
  + label
  span {
  border: 1px solid #414146;
}

/* 과제팝업 */
.hw-box .hw-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.hw-box .hw-top h3 {
  width: 100%;
  margin-right: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #343434;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.hw-box .hw-top .hw-date {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.hw-box .hw-top .hw-date p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.hw-box .hw-top .hw-date p strong {
  margin-left: 15px;
  font-weight: 500;
  color: #343434;
}
.hw-box .hw-top .hw-date .btn {
  margin-left: 10px;
  padding: 7px 13px 8px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 400;
  color: #343434;
  line-height: 17px;
  letter-spacing: -0.02em;
}
.hw-box .hw-cont {
  margin-bottom: 10px;
  padding: 10px 15px;
  background: #f9f9fb;
}
.hw-box .hw-cont p {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.hw-box .import-txt {
  margin-bottom: 15px;
}
.k-window .k-window-content .hw-box textarea {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #757575;
  line-height: 21px;
  letter-spacing: -0.02em;
}
.custom-file-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.custom-file-box > p {
  position: absolute;
  top: 0;
  left: 111px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  line-height: 35px;
  letter-spacing: -0.02em;
}
.custom-file-box .k-upload {
  width: 100%;
  border: 0;
  background: transparent;
}
.custom-file-box .k-upload .k-dropzone {
  padding: 0;
}
.custom-file-box .file-input {
  position: static;
  width: calc(100% - 118px);
  height: 48px;
  padding: 15px 15px 14px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #ffffff;
}
.custom-file-box .k-upload .k-dropzone em {
  display: none;
  font-size: 1.5rem;
  font-style: normal;
}
/*.custom-file-box .k-upload .k-upload-button { position: absolute; top: 0; right: 0; width: calc(100% - 539px); height: 48px; margin-right: 0; margin-left: 7px;}*/
.custom-file-box .k-upload .k-upload-button {
  width: auto;
  height: 40px;
  margin-right: 0;
  margin-left: 0;
  padding: 0 18px;
}
.custom-file-box .k-upload .k-upload-button span {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--text-color-34);
  line-height: 17px;
}
.custom-file-box .k-upload .k-upload-button:hover,
.custom-file-box .k-upload .k-upload-button:active {
  background: var(--primary-indigo);
}
.custom-file-box .k-upload .k-upload-button:hover span,
.custom-file-box .k-upload .k-upload-button:active span {
  color: var(--text-color-white);
  font-weight: 700;
}
.custom-file-box .k-upload .k-upload-button:focus {
  border: 1px solid var(--border-gray-thick);
  background: var(--bg-white);
}
.custom-file-box .k-upload .k-upload-button:focus span {
  color: var(--text-color-34);
  font-weight: 500;
}
.custom-file-box .k-upload .k-dropzone .k-upload-status {
  display: none;
}
.hw-box .file-list-wrap {
  margin: 0;
}
.hw-box .file-template .k-grid-norecords .file-empty > p {
  padding-bottom: 0;
}

/* 종합결과 */
.learning-content h3.result-title {
  justify-content: flex-start;
}
.learning-content h3.result-title .badge {
  margin-left: 10px;
  padding: 6px 8px 7px;
  border-radius: 3px;
  background: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: -0.05em;
}
.learning-content h3.result-title .badge.col-red {
  border: 1px solid var(--text-color-red);
  color: var(--text-color-red);
}
.learning-content h3.result-title .badge.col-blue {
  border: 1px solid var(--text-color-blue);
  color: var(--text-color-blue);
}
.result-chart-wrap {
  display: flex;
  position: relative;
  margin-bottom: 30px;
}
.result-chart-wrap .result-chart {
  position: relative;
  width: 40%;
  height: 250px;
}
.result-chart-wrap .result-chart .k-chart {
  height: 100%;
}
.result-chart-wrap .result-chart .donutChart-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -61%);
  -ms-transform: translate(-50%, -61%);
  -moz-transform: translate(-50%, -61%);
  -webkit-transform: translate(-50%, -61%);
}
.result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit {
  font-size: 1.4rem;
  font-weight: 400;
  color: #343434;
  text-align: center;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit strong {
  display: inline-block;
  margin-top: 3px;
  font-family: var(--font-family-montserrat);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.04em;
}
.result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit span {
  display: inline-block;
  font-family: var(--font-family-montserrat);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.04em;
}
.result-chart-wrap .result-prog-box {
  width: 60%;
  margin-left: 10px;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  background: #ffffff;
}
.result-prog-box .stnd-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.result-prog-box .stnd-item:first-child {
  margin-top: 0;
}
.result-prog-box .stnd-item .stnd-title {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 112px;
  margin-right: 30px;
  letter-spacing: -0.02em;
}
.result-prog-box .stnd-item .stnd-title p {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #343434;
  line-height: 21px;
}
.result-prog-box .stnd-item .stnd-title span {
  flex-shrink: 0;
  padding: 3px 6px;
  border-radius: 3px;
  background: #f5f5f5;
  font-size: 1.3rem;
  font-weight: 400;
  color: #565656;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.result-prog-box .stnd-item .progress-wrap {
  width: 100%;
  height: 12px;
  border-radius: 2px;
  background: #e8e8e8;
}
.result-prog-box .stnd-item .progress-wrap .progress-bar {
  height: 12px;
  border-radius: 2px;
}
.result-prog-box .stnd-item .stnd-sco {
  flex-shrink: 0;
  min-width: 50px;
  margin-left: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #121212;
  text-align: right;
  line-height: 26px;
}
#resultStnd {
  margin-bottom: 30px;
}
#resultStnd.k-grid.learning-gird .k-grid-footer {
  background: #ffffff;
}
#resultStnd.k-grid.learning-gird .k-grid-footer-wrap {
  border: 0;
}

/* progress bar div */
.progress-wrap {
  position: relative;
  width: 100%;
  border-radius: 3px;
  background: #f4f6fb;
}
.progress-wrap .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
}
.progress-wrap.elearning .progress-bar {
  background: var(--progress-el-color);
}
.progress-wrap.code_live .progress-bar {
  background: var(--progress-live-color);
}
.progress-wrap .progress-bar .progressBarTxt {
  position: absolute;
  top: -40px;
  right: -23px;
  padding: 5px 13px 6px;
  border-radius: 3px;
  background: #071c3a;
  font-family: var(--font-family-saira);
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.progress-wrap .progress-bar .progressBarTxt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 9px;
  height: 8px;
  background: url("../../images/renewal/icon/prograss_bar_tooltup.png")
    no-repeat 0 0;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.import-txt.col-red {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #d23325;
  line-height: 18px;
  letter-spacing: -0.02em;
}
.import-txt .icon.import-red {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  background: url("../../images/renewal/icon/icon_info_red.png") no-repeat
    center;
}

/* 플레이어 팝업 */
.k-window .k-window-content.player-window {
  padding: 20px 25px !important;
  border: 0;
}
#videoIframeArea1 {
  height: 100%;
}
#videoIframeArea,
#videoIframeArea2 {
  height: 100%;
}
.jp-video-360p {
  height: 100%;
}
.jp-type-single {
  height: 100%;
}
.player-window .popup-content {
  overflow-y: hidden !important;
  height: 100%;
}
.player-window .popup-close {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
  width: 28px;
  height: 28px;
  background: url("../../images/renewal/icon/icon_pop_close.png") no-repeat 50%
    50%;
}
.player-window .popup-close:focus {
  outline: auto;
}
.player-window .popup-content {
  display: flex;
  overflow: auto;
  padding: 0;
  border-top: 0;
  border-radius: 0;
}
.player-window .popup-content .playerContIndex {
  display: flex;
  width: 100%;
}
.player-window .video-cont-box {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100% - 347px);
}
.player-window .player-cont-box {
  width: 327px; /*height: 68.6em;*/
  height: 100%;
  padding-left: 20px;
  text-align: left;
}
.player-window .video-cont-box .videoPlayer,
.player-window .video-cont-box .play-wrap {
  position: relative;
  width: 100%;
  height: 505px;
  background: #0a0a0a;
}
.player-window .video-cont-box .textarea {
  overflow: auto;
  height: 124px;
  margin-top: 20px;
  border: 0;
  background: #ffffff;
  font-size: 1.6rem;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
  letter-spacing: -0.03em;
}
.player-window .player-cont-box .tabstrip-content {
  /*height: 62.5em;*/
  height: calc(100% - 60px);
  padding: 15px 0 0;
  background: #ffffff;
}
.player-window .player-cont-box .tabstrip-content2 {
  padding: 0;
}
.player-window .player-cont-box .mCSB_container {
  margin-right: 0;
}
.player-window .player-cont-box .mCSB_outside + .mCSB_scrollTools {
  top: 0;
  right: 0;
  bottom: 0;
}
.player-window .player-cont-box .tabstrip-sty {
  height: 100%;
}
.player-window
  .player-cont-box
  .k-tabstrip.k-tabstrip-scrollable
  > .k-tabstrip-items-wrapper {
  padding-right: 30px;
}
.player-window .player-title-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
}
.player-window .player-title-box .player_title {
  overflow: hidden;
  max-width: calc(100% - 200px);
  font-size: 1.8rem;
  font-weight: 500;
  color: #121212;
  line-height: 22px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.player-window .player-title-box .player_progresbar {
  display: flex;
  align-items: center;
  width: 28%;
}
.player-window .player-title-box .player_progresbar progress {
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 2px;
  background: #e8e8e8;
}
.player-window .player-title-box .player_progresbar .live progress {
  border-radius: 2px;
}
.player_progresbar .el ::-webkit-progress-bar {
  border-radius: 22px;
  background: #e8e8e8;
}
.player_progresbar .live ::-webkit-progress-bar {
  border-radius: 2px;
  background: #e8e8e8;
}
.player_progresbar .el ::-webkit-progress-value {
  border-radius: 22px;
  background: var(--progress-el-color);
}
.player_progresbar .live ::-webkit-progress-value {
  border-radius: 2px;
  background: var(--progress-live-color);
}
.player_progresbar .progress-bar {
  width: 195px;
  height: 12px;
}
.player_progresbar .progress-txt {
  margin-left: 15px;
  font-size: 15px;
  font-weight: 500;
  color: #121212;
  line-height: 22px;
  white-space: nowrap;
}
.player_progresbar .progress-txt strong {
  font-weight: 500;
}
.player-window
  .player-cont-box
  .idx-list-wrap
  .idx-list-item
  > .idx-cont
  > strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary-indigo);
  line-height: 26px;
  letter-spacing: -0.02em;
}
.player-window .player-cont-box .idx-list-wrap .idx-list-item > .idx-cont > p,
.player-cont-box .idx-list-wrap > li.idx-list-item > .idx-cont .idx-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #343434;
  line-height: 20px;
  letter-spacing: -0.05em;
}
/*.player-cont-box .idx-list-wrap .idx-dtl-list { padding-top: 18px;}*/
.player-cont-box .idx-list-wrap li {
  display: flex;
  position: relative;
}
.player-cont-box .idx-list-wrap li:first-child {
  padding-top: 18px;
}
.player-window
  .player-cont-box
  .tabstrip-content
  .idx-list-wrap
  li:first-child {
  padding-top: 0;
}
.player-cont-box .idx-list-wrap li > .idx-title {
  display: block;
  width: 100%;
  padding: 15px;
  background: #f9f9fb;
  font-size: 14px;
  font-weight: 500;
  color: #565656;
  line-height: 18px;
  letter-spacing: -0.05em;
  box-sizing: border-box;
}
.player-cont-box .idx-list-wrap li.learning > .idx-title {
  color: #121212;
}
/*.player-cont-box .idx-list-wrap > li.idx-list-item { flex-wrap: wrap;}*/
.player-cont-box .idx-cont {
  position: relative;
}
.player-cont-box .idx-list-item > .idx-cont.first:before,
.player-cont-box .idx-list-wrap li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 9px;
  z-index: 0;
  width: 1px;
  height: 100%;
  background: #dddddd;
}
.player-cont-box .idx-list-wrap > li {
  display: block;
}
.player-cont-box .idx-list-item > .idx-cont.first > .idx-dtl-list li:before,
.player-cont-box .idx-list-wrap > li:before {
  display: none;
}
.player-cont-box .idx-list-item > .idx-cont.first .three li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: -18px;
  z-index: 0;
  width: 15px;
  height: 1px;
  background: #dddddd;
}
.player-cont-box .idx-list-item > .idx-cont.first .three li:first-child {
  margin-top: 18px;
  padding-top: 0;
}
.player-cont-box .idx-list-wrap li .icon {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  background-size: contain !important;
}
.player-cont-box .idx-list-wrap li.before > .icon {
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  background: #ffffff;
}
.player-cont-box .idx-list-wrap li.learning > .icon {
  background: url("../../images/renewal/icon/icon_study_state_ing.png")
    no-repeat 0 0;
}
.player-cont-box .idx-list-wrap li.completed > .icon {
  background: url("../../images/renewal/icon/icon_study_state_before.png")
    no-repeat 0 0;
}
.player-cont-box .idx-list-wrap > li.idx-list-item > .idx-cont {
  width: calc(100% - 16px);
  margin-left: 15px;
  padding-top: 18px;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont {
  width: calc(100% - 16px);
  margin-left: 10px;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li > .idx-cont {
  padding-bottom: 18px;
}
/*추가 - 마지막 막의에서는 줄 없애기*/
.player-cont-box .idx-list-wrap li:last-child:before {
  content: none;
}
/*//추가*/
.player-cont-box .idx-list-item > .idx-cont.first .three li .idx-cont {
  padding-bottom: 0;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont p,
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .idx-title {
  display: block;
  margin-bottom: 9px;
  font-size: 1.3rem;
  font-weight: 400;
  color: #565656;
  line-height: 20px;
  letter-spacing: -0.05em;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont > div {
  display: flex;
  align-items: center;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .timer {
  display: inline-block;
  padding: 1px 6px 2px;
  border-radius: 2px;
  border: 1px solid #dddddd;
  background: #ffffff;
  font-family: var(--font-family-malgun_gothic);
  font-size: 1.1rem;
  font-weight: 700;
  color: #757575;
  line-height: 15px;
  letter-spacing: -0.05em;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .attend {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 6px 2px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  background: #ffffff;
  font-size: 11px;
  font-weight: 700;
  color: #565656;
  line-height: 15px;
  letter-spacing: -0.05em;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .attend.col-red {
  color: #d23325;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .attend.col-blue {
  color: #5a65ed;
}
.player-cont-box .idx-list-wrap .idx-dtl-list > li.learning .idx-cont p {
  font-weight: 500;
  color: #121212;
}
/*.player-cont-box .idx-list-wrap .idx-dtl-list > li.learning .idx-cont .timer { background: #343434;}*/
.jp-page-box {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.jp-page-box button {
  display: block;
  overflow: hidden;
  float: left;
  width: 22px;
  height: 28px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
}
.jp-page-box .jp-page-prev {
  background: url("../../images/renewal/icon/icon_paging_control_prev.png")
    no-repeat center;
}
.jp-page-box .jp-page-next {
  background: url("../../images/renewal/icon/icon_paging_control_next.png")
    no-repeat center;
}
.jp-page-box .jp-page-txt {
  margin: 0 1.7rem;
  font-family: var(--font-family-saira);
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  line-height: 20px;
}
.player-form-box .k-upload .k-dropzone em {
  display: none;
}
.player-form-box .file-empty {
  width: 100%;
  padding: 10px 0;
}
.player-form-box .file-template .k-grid-norecords .file-empty > p {
  padding: 0;
  font-weight: 400;
  font-size: 13px;
  color: #757575;
  text-align: center;
  line-height: 29px;
  letter-spacing: -0.02em;
}
.player-form-box .file-template .file-list {
  padding: 0;
}
.player-form-box .file-template .file-list .file-tit {
  font-size: 13px;
  line-height: 29px;
}
.player-form-box .file-template .file-list .file-size {
  font-size: 13px;
  line-height: 29px;
}

.jp-interface .jp-controls button,
.jp-interface .jp-toggles button,
.jp-interface .jp-volume-controls button {
  /*-webkit-transition-delay: 0;*/
  /*transition-delay: 0;*/
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.jp-volume-bar {
  overflow: visible !important;
}
.jp-volume-bar .jp-volume-bar-value {
  position: relative;
}
.jp-progress .bullet,
.jp-volume-bar .bullet {
  position: absolute;
  content: "";
  top: -5px;
  right: -7px;
  height: 18px;
  width: 18px;
  background: #ffffff;
  border-radius: 50%;
}

/* 라이브 */
#zmmtg-root {
  display: none !important;
  background: transparent !important;
}
/*.player-live-window .video-cont-box .videoPlayer { height: 100%;}*/
.player-live-window .video-cont-box .videoPlayer iframe {
  width: 100%;
  height: 100%;
}
/*.player-live-window .player-cont-box { height: 64.6em;}*/
.player-live-window .player-cont-box {
  height: 78.6em;
}
/*.player-live-window .player-cont-box .tabstrip-content {padding-top: 0;}*/
.player-live-window
  .tabstrip-sty
  .k-tabstrip-items
  li.k-item
  span.k-link:after {
  background: var(--tab-item-live-active-color);
}
.player-live-window .tabstrip-sty .k-tabstrip-items li:hover span.k-link,
.player-live-window
  .tabstrip-sty
  .k-tabstrip-items
  li.k-state-active
  span.k-link {
  color: var(--tab-item-live-active-color);
}
.player-live-window .tabstrip-sty .k-tabstrip-items li.k-state-active {
  color: var(--tab-item-live-active-color);
}
.player-live-window .mCSB_container {
  margin-right: 20px;
}
.player-live-window .video-cont-box .play-wrap {
  height: 597px;
}
.player-live-window .video-cont-box .videoPlayer {
  height: 100%;
}
.player-live-window .player-form-box .btn-box .btn-list.btn-point2 {
  background: #4c4954;
}
.player-live-window .player-form-box textarea {
  height: 457px;
}

/* 질문하기 */
.k-window .k-window-content .player-form-box input.k-textbox {
  padding: 10.5px 15px;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 400;
}
.k-window .k-window-content .player-form-box textarea {
  height: 361px;
  padding: 15px;
}
.player-form-box .radio-box-wrap {
  margin: 5px 0;
}
.player-form-box .radio-box-wrap > div {
  display: flex;
  align-items: center;
  position: relative;
}
.player-form-box .radio-box-wrap input[type="radio"].radio22 {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.player-form-box .radio-box-wrap input[type="radio"].radio22 + label {
  display: inline-flex;
  align-items: center;
  float: none;
  margin-right: 10px;
  padding: 10px 0;
  line-height: 20px;
}
.player-form-box .radio-box-wrap label .icon {
  margin-right: 15px;
}
.player-form-box .file-box {
  position: relative;
  border-top: 1px solid #e8e8e8;
}
.player-form-box .file-box .k-upload {
  padding: 5px 0;
  border: 0;
  background: transparent;
}
.player-form-box .file-box .k-dropzone .k-upload-status {
  position: absolute;
  top: 15px;
  right: 0;
}
.player-form-box .file-box .k-upload .k-dropzone {
  padding: 0;
  border: 0;
  background: transparent;
}
.player-form-box .file-box .k-upload .k-dropzone .k-upload-button {
  padding: 11px 18px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  font-weight: 500;
  color: #343434;
}
.player-form-box .file-box > p {
  position: absolute;
  top: 15px;
  left: calc(100% - 217px);
  font-size: 1.3rem;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.player-form-box .file-box {
}
.file-list-wrap > ul {
}
.player-form-box .btn-box {
  justify-content: center;
  padding: 15px 0 0;
  border-top: 1px solid #dddddd;
}
.player-form-box .btn-box .btn-list {
  width: 100%;
  height: 40px;
  margin-left: 7px;
  padding: 0 22px;
  border-radius: 3px;
}
.player-form-box .btn-box .btn-list span {
  font-weight: 500;
  line-height: 38px;
}
.player-form-box .btn-box .btn-point2 {
  margin-left: 0;
}
.radio-box-wrap label {
  font-size: 1.6rem;
  color: #343434;
}

/* 교안받기 */
.get-list-wrap {
  text-align: left;
}
.get-list-wrap .get-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.get-list-wrap .get-list-item .accordion-head {
  display: flex;
  align-items: center;
  padding-top: 11.5px;
  padding-bottom: 13.5px;
  cursor: pointer;
}
.get-list-wrap .get-list-item:first-child .accordion-head {
  padding-top: 0;
}
.get-list-wrap .get-list-item .accordion-head .accordion-trigger {
  width: calc(100% - 33px);
  font-size: 1.4rem;
  font-weight: 400;
  color: #343434;
  text-align: left;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.get-list-wrap .get-list-item .file-download {
  display: inline-block;
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  margin-left: 10px;
  background: url("../../images/renewal/icon/icon_down.png") no-repeat 0 0;
}
.get-list-wrap .get-list-item .accordion-body {
  overflow: auto;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}
.get-list-wrap .get-list-item .get-dtl-list {
  max-height: 200px;
  padding-top: 10px;
  border-top: 1px solid #e8e8e8;
}
.get-list-wrap .get-list-item .get-dtl-list li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 5px 30px;
}
.get-list-wrap .get-list-item .get-dtl-list li:first-child {
  padding-top: 0;
}
.get-list-wrap .get-list-item .get-dtl-list li:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 10px;
  width: 10px;
  height: 27px;
  background: url("../../images/renewal/icon/icon_list_list.png") no-repeat 0 0;
}
.get-list-wrap .get-list-item .get-dtl-list li p {
  width: calc(100% - 33px);
  padding: 3.5px 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #343434;
  line-height: 20px;
  letter-spacing: -0.02em;
}

/* 과정내용 */
.learning-cont {
  padding-top: 20px;
}
.learning-cont .learning-noti h3 {
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 40px;
}
.learning-cont .learning-noti .cont-txt-box {
  margin-bottom: 20px;
  padding: 25px;
  border-radius: 5px;
  background: #ffffff;
}
.learning-cont .learning-noti .cont-txt-box2 {
  padding: 12px 25px;
}
.learning-cont .learning-noti .cont-txt-box .line-box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e8e8e8;
}
.learning-cont .learning-noti .cont-txt-box .line-box:nth-of-type(1) {
  padding-top: 0;
  border-top: 0;
}
.learning-cont .learning-noti .cont-txt-box .line-box h4 {
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.learning-cont .learning-noti .cont-txt-box .line-box div {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.learning-cont .learning-noti .flex-box p {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.5rem;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.learning-cont .learning-noti .flex-box p strong {
  width: calc(100% - 60%);
  font-weight: 500;
  color: #343434;
}
.learning-cont .learning-noti .flex-box p span {
  width: calc(100% - 40%);
  font-weight: 400;
  color: #565656;
}

/* 미리보기 */
#youtubeIframeAreaPre,
#youtubePrePlayer {
  height: 100%;
}
#player_preview_window .pdf-wrap-pre {
  overflow: hidden;
  height: 783px;
  border-radius: 10px 10px 0 0;
}
.k-window .k-window-content.preview-window {
  padding: 0 !important;
}
.k-window .k-window-content.preview-window .videoTextarea {
  overflow-y: auto;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e8e8e8;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  line-height: 25px;
  letter-spacing: -0.03em;
}
#player_preview_window .popup-content {
  display: block;
  padding: 0;
  border-top: 1px solid #e8e8e8;
  text-align: left;
}
#player_preview_window .video-cont-box {
  overflow: hidden;
  width: 100%;
}
#player_preview_window .popup-close {
  display: none;
}
#player_preview_window .box-top-box {
  padding: 30px 0 0;
  border-bottom: 0;
}
#player_preview_window .box-top-box .title-box .col {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
  color: var(--primary-indigo);
  line-height: 21px;
  letter-spacing: -0.02em;
}
#player_preview_window .box-top-box .title-box > strong {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  color: #121212;
  line-height: 32px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
#player_preview_window .box-top-box .title-box > img {
  float: right;
  width: 28px;
  height: 28px;
}
#player_preview_window .box-top-box .title-box:after {
  content: "";
  display: block;
  clear: both;
}
#player_preview_window .box-top-box ul:after {
  content: "";
  display: block;
  clear: both;
}
#player_preview_window .box-top-box ul li {
  float: left;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
#player_preview_window .box-top-box ul li:first-child {
  padding-left: 0;
}
#player_preview_window .box-top-box ul li:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d6d6d6;
}
#player_preview_window .box-top-box ul li span {
  display: inline-block;
  float: left;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
  letter-spacing: -0.02em;
}
#player_preview_window .box-top-box ul li strong {
  display: inline-block;
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #343434;
  line-height: 22px;
  letter-spacing: -0.02em;
}

/* 스크롤바 */
.mCSB_container {
  margin-right: 35px;
}
.mCSB_scrollTools {
  opacity: 1;
}
.mCSB_outside + .mCSB_scrollTools {
  top: 15px;
  right: 15px;
  bottom: 15px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  border-radius: 10px;
  background: #cacaca;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 10px;
  background: #e8e8e8;
}
.stare-cont .mCSB_container {
  margin-right: 30px;
}
.stare-cont .mCSB_outside + .mCSB_scrollTools {
  top: 0;
  right: 0;
  bottom: 0;
}
/* 학습 하위과정 */
/*.sub-list-box-wrap .mCSB_container { margin-right: 35px;}*/
/*.sub-list-box-wrap .mCSB_scrollTools { opacity: 1;}*/
/*.sub-list-box-wrap .mCSB_outside + .mCSB_scrollTools { top: 15px; right: 15px; bottom: 15px;}*/
/*.sub-list-box-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; border-radius: 10px; background: #CACACA;}*/
/*.sub-list-box-wrap .mCSB_scrollTools .mCSB_draggerRail { width: 6px; border-radius: 10px; background: #E8E8E8;}*/

/* ====================== 이용약관 ======================== */
.terms-service {
  padding: 30px 0;
  font-size: 1.5rem;
  text-align: left;
  line-height: 27px;
  word-wrap: break-word;
  word-break: keep-all;
}
.terms-service .terms-box {
  margin-bottom: 20px;
}
.terms-service h3 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-bottom: 5px;
  color: #343434;
  line-height: 33px;
  letter-spacing: -0.02em;
}
.terms-service p,
.terms-service li {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 27px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.terms-service p {
  padding-bottom: 0;
}
.terms-service .terms-box > ul li > ul,
.terms-service .terms-box > ul li > ol {
  margin-left: 15px;
}
.terms-service li p {
  padding-left: 15px;
}
.privacy-policy {
  padding: 30px 0;
  font-size: 1.5rem;
  text-align: left;
  line-height: 27px;
  word-wrap: break-word;
  word-break: keep-all;
}
.privacy-policy .privacy-box {
  margin-bottom: 20px;
}
.privacy-policy p,
.privacy-policy li {
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 27px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.privacy-policy h3 {
  font-size: 1.8rem;
  font-weight: 500;
  padding-bottom: 5px;
  color: #343434;
  line-height: 33px;
  letter-spacing: -0.02em;
}
.privacy-policy .table {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.privacy-policy .table caption {
  display: block;
  position: relative;
  margin-top: 20px;
  padding-left: 14px;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  text-align: left;
  line-height: 27px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.privacy-policy .table caption:after {
  content: "";
  display: block;
  position: absolute;
  top: 11.5px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #565656;
}
.privacy-policy .table tbody tr th {
  padding: 11px 15px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background: #fafafa;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #343434;
  line-height: 22px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
.privacy-policy .table tbody tr td {
  padding: 11px 15px;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  text-align: left;
  line-height: 22px;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
}
/*.privacy-policy .table tbody tr:first-child th,*/
/*.privacy-policy .table tbody tr:first-child td { border-top: 0;}*/

/* ====================== 공무원 ======================== */
/* 연간교육일정 */
.anul-edu-scdl {
  background: url("../../images/renewal/sub/visual_sub5.png") no-repeat center
    center;
  background-size: cover;
}
.ann-schedule-wrap {
  margin-top: 25px;
  text-align: left;
}
.ann-schedule-wrap.default-tab .k-tabstrip-items li.k-state-active span.k-link {
  font-size: 1.8rem;
}
.ann-schedule-wrap .anul-scdl-wrap {
  display: flex;
  position: relative;
}
.ann-schedule-wrap .anul-scdl-wrap > div {
  width: 100%;
}
.ann-schedule-wrap .anul-scdl-wrap > .sidebar-wrap {
  width: 206px;
  margin-right: 40px;
}
.ann-schedule-wrap .anul-scdl-wrap .anul-scdl-sideBar {
  flex-shrink: 0;
  margin-top: 64px;
}
.anul-scdl-cont > .btn-list {
  position: absolute;
  right: 0;
  z-index: 1;
  padding: 0 15px;
}
.anul-scdl-sideBar .panelbar > li h3 {
  padding: 13.5px 0 13.5px 19px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #343434;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.anul-scdl-sideBar .panelbar > li h3 .side-bar-btn {
  display: block;
  width: 100%;
  padding: 13.5px 0 13.5px 19px;
  text-align: left;
  line-height: 23px;
  cursor: pointer;
}
.anul-scdl-sideBar .panelbar > li:first-child h3 {
  padding: 0;
}
.anul-scdl-sideBar .panelbar > li h3 .side-bar-btn span {
  font-weight: 500;
}
.anul-scdl-sideBar .panelbar > li .k-link {
  background: #ffffff;
}
.anul-scdl-sideBar .panelbar > li.k-panelbar-header.k-state-active > .k-link,
.anul-scdl-sideBar
  .panelbar
  li:first-child.k-panelbar-header
  > .k-link.k-state-selected,
.anul-scdl-sideBar .panelbar > li .k-state-selected h3 .side-bar-btn {
  background: #4c4954;
  font-weight: 700;
  color: #ffffff;
}
.anul-scdl-sideBar .panelbar > li.k-panelbar-header.k-state-active > .k-link h3,
.anul-scdl-sideBar
  .panelbar
  > li.k-panelbar-header.k-state-active
  > .k-link
  label,
.anul-scdl-sideBar
  .panelbar
  li:first-child.k-panelbar-header
  > .k-link.k-state-selected
  label {
  font-weight: 700;
  color: #ffffff;
}
.anul-scdl-sideBar .panelbar > li.k-state-active h3 .side-bar-btn span {
  font-weight: 700;
}
.anul-scdl-sideBar .panelbar > li .k-icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background: url("../../images/renewal/icon/icon_class_down2.png") no-repeat
    center;
}
.anul-scdl-sideBar .panelbar > li .k-icon:before {
  display: none;
}
.anul-scdl-sideBar .panelbar > li.k-item.k-state-selected .k-icon,
.anul-scdl-sideBar
  .panelbar
  > li.k-panelbar-header.k-state-active
  > .k-link
  .k-icon {
  background: url("../../images/renewal/icon/icon_class_up_white.png") no-repeat
    center;
}
.anul-scdl-sideBar .k-panelbar .k-group > .k-item > .k-link {
  padding: 0;
}
.anul-scdl-sideBar .panelbar li .panelbar-child li.k-last {
  border-bottom: 0;
}
.panelbar-child li .k-link {
  padding: 0;
}
.anul-scdl-sideBar .k-panelbar .panelbar-child li .k-link.side-bar-btn,
.anul-scdl-sideBar .k-panelbar h3 .side-bar-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13.5px 20px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #343434;
  text-align: left;
  line-height: 23px;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.anul-scdl-sideBar .k-panelbar .panelbar-child li .k-link.side-bar-btn .circle,
.anul-scdl-sideBar .k-panelbar h3 .side-bar-btn .circle {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 30px;
}
.anul-scdl-sideBar
  .k-panelbar
  .panelbar-child
  li
  .k-link.side-bar-btn
  .circle
  + span,
.anul-scdl-sideBar .k-panelbar h3 .side-bar-btn .circle + span {
  width: calc(100% - 10px);
  word-break: keep-all;
}
.panelbar-child li .k-link [type="radio"]:checked + .side-bar-btn span,
.anul-scdl-sideBar
  .k-panelbar
  .panelbar-child
  li.active
  .k-link.side-bar-btn
  span {
  font-weight: 700;
}
.panelbar-child-1 .circle,
.year-list .year-list-title .circle-1 {
  background: #008575;
}
.panelbar-child-2 .circle,
.year-list .year-list-title .circle-2 {
  background: #454ebf;
}
.panelbar-child-3 .circle,
.year-list .year-list-title .circle-3 {
  background: #d23325;
}
.panelbar-child-4 .circle,
.year-list .year-list-title .circle-4 {
  background: #9275f3;
}
.circle.scheduler-circle-1,
.default-grid td .circle-1 {
  background: #008575;
}
.circle.scheduler-circle-2,
.default-grid td .circle-2 {
  background: #454ebf;
}
.circle.scheduler-circle-3,
.default-grid td .circle-3 {
  background: #d23325;
}
.circle.scheduler-circle-4,
.default-grid td .circle-4 {
  background: #9275f3;
}
.scheduler-list-item.item-1 .bar,
.scheduler-list-item.item-1 .item-title-box .title:after {
  background: #008575;
}
.scheduler-list-item.item-2 .bar,
.scheduler-list-item.item-2 .item-title-box .title:after {
  background: #454ebf;
}
.scheduler-list-item.item-3 .bar,
.scheduler-list-item.item-3 .item-title-box .title:after {
  background: #d23325;
}
.scheduler-list-item.item-4 .bar,
.scheduler-list-item.item-4 .item-title-box .title:after {
  background: #9275f3;
}

.anul-scdl-sideBar-m {
  display: none;
}
.anul-scdl-sideBar .panelbar li {
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
}
.anul-scdl-sideBar .panelbar li:first-child {
  border-top: 1px solid #e8e8e8;
}
.anul-scdl-sideBar .panelbar li .k-link {
  cursor: pointer;
}
.anul-scdl-wrap .anul-scdl-txt {
  display: flex;
  align-items: center;
  position: absolute;
  top: 22px;
  right: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #565656;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.anul-scdl-wrap .anul-scdl-txt .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url("../../images/renewal/icon/icon_info.png") no-repeat center;
}
.anul-scdl-cont {
  padding-bottom: 10rem;
}
/* 추가 */
.ann-schedule-wrap .banner-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px 0;
}
.ann-schedule-wrap .banner-section > a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  color: var(--text-color-black);
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  border: 1px solid var(--border-gray-e8);
  border-radius: 5px;
  cursor: pointer;
}
.ann-schedule-wrap .banner-section > a:nth-child(1) {
  background: #f2f8ff;
}
.ann-schedule-wrap .banner-section > a:nth-child(2) {
  background: #fff1f5;
}
.ann-schedule-wrap .banner-section > a:nth-child(3) {
  background: #ecf9f0;
}
.ann-schedule-wrap .banner-section > a > span > i {
  font-style: normal;
}
.ann-schedule-wrap .banner-section > a:nth-child(1) > span > i {
  color: #1b67d8;
  font-weight: 700;
}
.ann-schedule-wrap .banner-section > a:nth-child(2) > span > i {
  color: #ff1d6e;
  font-weight: 700;
}
.ann-schedule-wrap .banner-section > a:nth-child(3) > span > i {
  color: #008575;
  font-weight: 700;
}
/* //추가 */

/* kendo calender */
.calender {
  position: relative;
  margin-bottom: 20px;
  border: 0;
}
.calender .k-scheduler-refresh {
  display: none;
}
.calender .k-scheduler-toolbar {
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
  padding: 0;
  border: 0;
}
.calender .k-scheduler-toolbar .k-nav-current {
  margin-left: 60px;
}
.calender .k-scheduler-toolbar .k-nav-current .k-icon {
  display: none;
}
.calender .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
  font-family: var(--font-family-saira);
  font-size: 3.2rem;
  font-weight: 700;
  color: #343434;
  line-height: 4rem;
  letter-spacing: -0.02em;
}
.calender .k-scheduler-toolbar .k-nav-today {
  position: absolute;
  right: calc(100% - 324px);
  width: 54px;
  padding: 11px 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
}
.calender .k-scheduler-toolbar .k-nav-today span {
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 17px;
  letter-spacing: -0.02em;
}
.calender .k-scheduler-toolbar .k-nav-prev {
  position: absolute;
  left: 1px;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff url("../../images/renewal/icon/calender_prev.png")
    no-repeat center;
}
.calender .k-scheduler-toolbar .k-nav-next {
  position: absolute;
  left: 220px;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff url("../../images/renewal/icon/calender_next.png")
    no-repeat center;
}
.calender .k-scheduler-toolbar .k-nav-prev .k-icon:before,
.calender .k-scheduler-toolbar .k-nav-next .k-icon:before {
  display: none;
}
.k-scheduler-monthview .k-scheduler-content {
  overflow: visible;
}
.k-scheduler-header th {
  padding: 14px;
  border-top: 1px solid #414146;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  border-left: 0;
  background: #fafafa;
  font-size: 13px;
  font-weight: 700;
  color: #343434;
  line-height: 20px;
}
.k-scheduler-header th:nth-of-type(1) {
  border-left: 1px solid #e8e8e8;
}
/* .k-scheduler-header th:nth-of-type(6), .k-scheduler-header th:nth-of-type(7) { width: 120px;} */
/* .anul-scdl-wrap .k-scheduler-monthview .k-scheduler-table tr td:nth-of-type(6), */
/* .anul-scdl-wrap .k-scheduler-monthview .k-scheduler-table tr td:nth-of-type(7), */
/* .calendar-wrap .k-scheduler-monthview .k-scheduler-table tr td:nth-of-type(6), */
/* .calendar-wrap .k-scheduler-monthview .k-scheduler-table tr td:nth-of-type(7) { width: 120px;} */
.anul-scdl-wrap
  .k-scheduler-monthview
  .k-scheduler-table
  tr
  td:nth-of-type(6)
  .k-link,
.anul-scdl-wrap
  .k-scheduler-monthview
  .k-scheduler-table
  tr
  td:nth-of-type(7)
  .k-link,
.calendar-wrap
  .k-scheduler-monthview
  .k-scheduler-table
  tr
  td:nth-of-type(6)
  .k-link,
.calendar-wrap
  .k-scheduler-monthview
  .k-scheduler-table
  tr
  td:nth-of-type(7)
  .k-link {
  color: #757575;
}
.k-scheduler-table td {
  padding: 11px 14px;
  border: 1px solid #e8e8e8;
}
.k-scheduler-table td.k-today .k-link {
  /*position: relative;*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 28px;
  height: 28px;
  padding: 2px 5px;
  border-radius: 50px;
  background: var(--primary);
  color: #ffffff !important;
}
/*.k-scheduler-table td.k-today .k-link:after { content: ''; position: absolute; top: -3px; left: -5px; z-index: -1; width: 28px; height: 28px; border-radius: 50px; background: var(--primary);}*/
.k-scheduler-monthview .k-scheduler-table td {
  height: 148px;
  border-top: 0;
  text-align: left;
}
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td {
  border-bottom: 1px solid #e8e8e8;
}
.k-scheduler .k-link {
  font-family: var(--font-family-saira);
  font-size: 13px;
  font-weight: 500;
  color: #343434;
  line-height: 16px;
}
.k-scheduler-table td.k-other-month .k-link {
  color: #757575;
}
.calender .k-event {
  min-height: auto;
  margin-bottom: 5px;
  border: 0;
}
.calender .k-event .circle {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  border-radius: 30px;
}
.calender .event-box {
  display: flex;
  align-items: center;
}
.calender .event-box .event-tit {
  width: 73%;
}
.calender .event-box .event-tit a {
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #343434;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-scheduler-table {
  border-collapse: collapse;
}
.k-scheduler-table td:first-child {
  border-left: 1px solid #e8e8e8;
}
div.k-more-events {
  right: 0;
  bottom: 0;
  width: 21px !important;
  height: 21px;
  border-radius: 0;
  background: #4c4954;
}
div.k-more-events .icon {
  width: 18px;
  height: 18px;
  background: url("../../images/renewal/icon/icon_Plus_calender.png") no-repeat
    center;
}
.more-event-popup-wrap {
  width: 311px;
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.05), 4px 4px 10px rgba(0, 0, 0, 0.08);
}
.more-event-popup-wrap a {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.more-event-popup-wrap a .circle {
  width: 10px;
  height: 10px;
  margin-right: 7px;
  border-radius: 30px;
}
.more-event-popup-wrap a .title {
  overflow: hidden;
  width: 100%;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #343434;
  text-align: left;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.more-event-popup-wrap .head-box {
  position: relative;
  text-align: left;
}
.more-event-popup-wrap .head-box strong {
  display: inline-block;
  font-family: var(--font-family-saira);
  font-size: 18px;
  font-weight: 700;
  color: #343434;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.more-event-popup-wrap .head-box button {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background: url("../../images/renewal/icon/close_gray.png") no-repeat center;
  background-size: cover;
}
.scheduler-list .scheduler-list-item {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
  border: 1px solid #e8e8e8;
}
.scheduler-list .scheduler-list-item .bar {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  width: 4px;
  height: 127px;
}
.scheduler-list .scheduler-list-item .btn-box {
  display: flex;
  position: relative;
  z-index: 1;
  margin-right: 25px;
}
.scheduler-list .scheduler-list-item .btn-box .btn-list {
  flex-shrink: 0;
  width: 135px;
  height: 40px;
  padding: 0;
  border-radius: 3px 0 0 3px;
}
.scheduler-list .scheduler-list-item .btn-box .btn-list span {
  font-weight: 500;
  line-height: 40px;
}
.scheduler-list .scheduler-list-item .btn-box .btn-list + .btn-list {
  border-radius: 0 3px 3px 0;
}
.scheduler-list .scheduler-list-item .item-title-box {
  width: calc(100% - 50%);
  padding: 33px 29px;
}
.scheduler-list .scheduler-list-item .item-title-box .badge-group {
  display: flex;
}
/*.scheduler-list .scheduler-list-item .item-title-box .badge-group .badge { padding: 4px 8px 6px;}*/
.scheduler-list .scheduler-list-item .item-title-box .title {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 8px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #343434;
  line-height: 25px;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scheduler-list .scheduler-list-item .item-title-box .title .title-box {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scheduler-list .scheduler-list-item .item-cost-box {
  flex-shrink: 0;
  width: calc(100% - 82%);
  margin-right: 30px;
}
.scheduler-list .scheduler-list-item .item-cost-box p {
  display: block;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #757575;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.scheduler-list .scheduler-list-item .item-cost-box p strong {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #343434;
  line-height: 28px;
  letter-spacing: -0.04em;
}
.scheduler-list .scheduler-list-item .item-cost-box p strong span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #121212;
  line-height: 30px;
}
.scheduler-list-item:hover .hover-box {
  opacity: 1;
}
.scheduler-list-item .hover-box {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 26px 25px;
  background: rgba(76, 73, 84, 0.95);
  transition: opacity 0.3s ease-in-out;
}
.scheduler-list-item .hover-box ul {
  display: flex;
  align-items: center;
  width: 80%;
}
.scheduler-list-item .hover-box ul li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 15px;
}
.scheduler-list-item .hover-box ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background: #ffffff;
}
.scheduler-list-item .hover-box ul li.first:after {
  display: none;
}
.scheduler-list-item .hover-box ul li.first {
  padding-left: 0;
}
.scheduler-list-item .hover-box ul li p {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.scheduler-list-item .hover-box ul li p strong {
  flex-shrink: 0;
  margin-left: 10px;
  font-weight: 500;
}
.k-popup.k-calendar-container {
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background: #ffffff;
  font-size: 1.4rem;
}
.k-popup.k-calendar-container .k-nav-prev {
  background: url("../../images/renewal/icon/main_calender_left.png") no-repeat
    center !important;
}
.k-popup.k-calendar-container .k-nav-next {
  background: url("../../images/renewal/icon/main_calender_right.png") no-repeat
    center !important;
}
.k-calendar .k-header {
  border: 0;
  background: #fafafa;
  font-weight: 600;
}

.anul-scdl-cont .top-cont {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.anul-scdl-cont .top-cont .btn-list {
  height: 40px;
  margin-left: 10px;
  padding: 0 15px;
}
.anul-scdl-cont .top-cont .btn-list > span {
  font-weight: 500;
  line-height: 40px;
}
.anul-scdl-cont .top-cont .btn {
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
}
.anul-scdl-cont .top-cont .btn-prev {
  background: #ffffff url("../../images/renewal/icon/calender_prev.png")
    no-repeat center;
}
.anul-scdl-cont .top-cont .btn-next {
  background: #ffffff url("../../images/renewal/icon/calender_next.png")
    no-repeat center;
}
.anul-scdl-cont .top-cont strong {
  margin: 0 20px;
  font-family: var(--font-family-saira);
  font-size: 3.2rem;
  font-weight: 700;
  color: #35353a;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.anul-scdl-cont .top-cont strong span {
  font-size: 19px;
}
.anul-scdl-cont .default-grid th {
  padding: 8px;
}
.anul-scdl-cont .k-grid .k-grid-content table tr td {
  padding: 8px;
}
.anul-scdl-cont .mobile-grid.k-grid .k-grid-content table tr td {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}
.k-event-actions:first-child {
  display: none;
}
.default-grid td .circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 30px;
  vertical-align: middle;
}
.default-grid td p {
  display: flex;
  align-items: baseline;
  width: 100%;
  line-height: 24px;
}
.default-grid td p.cost {
  justify-content: space-between;
}
.default-grid td p.txt-center {
  justify-content: center;
}
.default-grid td .btn-disabled {
  padding: 11px 18px;
  border: 0;
  border-radius: 3px;
  background: #f8f8f9;
}
.default-grid td .btn-disabled span {
  font-size: 14px;
  font-weight: 500;
  color: #757575;
  line-height: 17px;
  letter-spacing: -0.02em;
}
.default-grid td .btn-point {
  padding: 0 18px;
  height: 40px;
}
.default-grid td .btn-point span {
  line-height: 40px;
}
.mobile-grid {
  border: 0;
}
.anul-scdl-cont .k-grid .k-grid-content table tr td a {
  max-width: 90%;
}

/* ====================== 해외 ======================== */
.learning-cont-cont {
  position: relative;
}
.learning-cont-cont .learning-idx-wrap {
  padding-top: 85px;
}
.learning-bg-wrap .learning-cont {
  padding-top: 0;
}
.learning-bg-wrap .detail-cont {
  padding-top: 20px;
  border-top: 1px solid #343434;
}
.learning-bg-wrap .detail-cont h4 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #343434;
  line-height: 45px;
  letter-spacing: -0.02em;
}
.fixed-menu {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  padding-left: 40px;
  background: #ffffff;
}
.detail-tab-menu.elearning > li:hover > a,
.detail-tab-menu.elearning > li.tab-on > a {
  color: var(--text-color-primary);
}
.detail-tab-menu.elearning > li:hover:after,
.detail-tab-menu.elearning > li.tab-on:after {
  background: var(--text-color-primary);
}
.detail-tab-menu.code_live > li:hover > a,
.detail-tab-menu.code_live > li.tab-on > a {
  color: var(--badge-live-text-color);
}
.detail-tab-menu.code_live > li:hover:after,
.detail-tab-menu.code_live > li.tab-on:after {
  background: var(--badge-live-text-color);
}
.live-scroll-box {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 230px;
  padding: 20px;
  border-radius: 10px;
  background: #4c4954;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
}
.live-scroll-box .cont-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.live-scroll-box .cont-head .badge {
  display: flex;
  align-items: center;
  margin-right: 6px;
  padding: 7px 8px;
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 14px;
}
.live-scroll-box .cont-head .badge-live {
  border-color: #d23325;
  background: #d23325;
  font-family: var(--font-family-montserrat);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 14px;
}
.live-scroll-box .cont-head .badge-live i {
  display: inline-block;
  width: 15px;
  height: 16px;
  margin-right: 5px;
  background: url("../../images/renewal/icon/broadcast.svg") no-repeat 0 0;
}
.live-scroll-box .scrollBox-title {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 25px;
  letter-spacing: -0.02em;
}
.live-scroll-box .scrollBox-info {
  margin-bottom: 20px;
}
.live-scroll-box .scrollBox-info li {
  margin-top: 7px;
}
.live-scroll-box .scrollBox-info li:first-child {
  margin-top: 0;
}
.live-scroll-box .scrollBox-info li p {
  color: #ffffff;
  letter-spacing: -0.02em;
}
.live-scroll-box .scrollBox-info li p strong {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 25px;
}
.live-scroll-box .scrollBox-info li p span {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 22px;
}
.live-scroll-box .btn {
  display: block;
  width: 100%;
  padding: 14px;
  border: 1px solid #dddddd;
  border-radius: 5px;
  background: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  color: #343434;
  line-height: 19px;
  letter-spacing: -0.02em;
}
.live-scroll-box .cont a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.learning-cont .detail-cont .detail-box div {
  font-size: 1.4rem;
  line-height: 2rem;
}

.gust-url {
  height: 500px;
  margin-bottom: 5rem;
}

.jp-controls-holder {
  height: 38px;
}

.m {
  display: none;
}
.pc {
  display: block;
}

/* 로딩바 */
#loading-window.k-window-content {
  border: 0;
}

/* 썸네일 없음 */
.thumbnail.thumb-none {
  padding-top: 35%;
  line-height: 2rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--text-color-gray-softly);
  font-weight: 400;
  letter-spacing: -0.02em;
  background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
    40% #e8e8e8 !important;
  background-size: 23px !important;
}

/* ====================== 미디어쿼리 ======================== */
@media screen and (max-width: 1600px) {
  .learning-main {
    padding-left: calc(27.5vw - 21%);
  }
  .learning-content .learning-top,
  .learning-idx-wrap,
  .learning-summary {
    padding-right: calc(27.5vw - 22%);
  }
  .idx-list-wrap.code_live .accordion-body .idx-2-box > li .idx-dtl-cont {
    flex-direction: column;
    width: 100%;
  }
  .idx-list-wrap.code_live .accordion-body .idx-2-box > li > p {
    width: 100%;
    text-align: left;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title {
    width: 100%;
    padding-right: 0;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .accordion-btn {
    width: 100%;
    padding-right: 0;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title {
    width: 100%;
    padding: 0;
  }
  .idx-list-wrap
    .accordion-body
    .idx-2-box
    > li
    .idx-dtl-cont
    .idx-dtl-title
    strong {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 1549px) {
  .container {
    width: 100% !important;
  }
}
/* 추가 */
@media (min-width: 1414px) {
  .learning-content .txt-bottom p {
    min-width: 176px;
  }
  .learning-content .learning-idx-wrap .txt-bottom p {
    min-width: 114px;
  }
}
/* //추가 */
@media screen and (max-width: 1400px) {
  .SNBWrap {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  /* Kendo Editor */
  .k-editor-toolbar {
    padding: 3px !important;
  }

  .com_top_tit .sub-top-wrap {
    width: 100%;
    padding: 0 60px;
  }
  .contents {
    width: 100%;
    padding: 0 2em;
  }

  /* 교육신청 */
  .apply-box {
    right: 0 !important;
  }

  /* ====================== 교육콘텐츠 ======================== */
  /* 교육콘텐츠 > 추천콘텐츠(목록) */
  .custom-wrap #customList {
    width: 100%;
  }
  .custom-wrap .custom-conts-ad {
    width: 100%;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box {
    margin-left: 60px;
  }

  /* 교육콘텐츠 > 콘텐츠(상세) */
  .contents.conts-detail-wrap {
    padding: 0;
  }
  .conts-detail-wrap .conts-detail {
    width: 100%;
    padding: 30px 20px;
  }
  .conts-detail .play-wrap {
    width: 100%;
    margin-bottom: 25px;
  }
  .conts-detail .play-wrap #youtubePlayer {
    width: 100% !important;
  }
  #youtubeCoverArea,
  #youtubeVideoTimer {
    display: none;
  }
  .conts-detail .conts-cate-nm {
    margin-bottom: 3px;
    line-height: 1.8rem;
    font-size: 1.3rem;
  }
  .conts-detail .conts-tit {
    line-height: 2.8rem;
    font-size: 1.8rem;
  }
  .conts-detail ul.conts-info {
    height: auto;
    line-height: 1.4rem;
  }
  .conts-detail ul.conts-info > li {
    display: flex;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 8px;
    background: none;
  }
  .conts-detail ul.conts-info > li:nth-child(2n + 1) {
    width: 60%;
  }
  .conts-detail ul.conts-info > li:nth-child(2n) {
    width: 40%;
  }
  .conts-detail ul.conts-info > li > span {
    min-width: 56px;
    margin-right: 10px;
    font-size: 1.3rem;
  }
  .conts-detail ul.conts-info > li > p {
    width: calc(100% - 66px);
    font-size: 1.3rem;
  }
  .conts-detail ul.conts-info > li:last-child > span {
    display: block !important;
  }
  .conts-detail ul.conts-info > li > .btn-survey {
    height: 14px;
    padding: 0;
    line-height: 1.4rem;
    font-size: 1.3rem;
    border: none;
    white-space: nowrap;
  }

  .conts-detail-wrap .related-conts {
    width: 100%;
    padding: 20px;
    margin-left: 0;
    background: var(--related-list-bg-color);
  }
  .conts-detail-wrap .related-conts .related-wrap {
    height: auto;
    width: 100%;
    padding: 0;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul {
    display: flex;
    overflow-x: auto;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul::-webkit-scrollbar {
    display: none;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li {
    width: 142px;
    height: auto !important;
    padding: 0;
    margin-right: 15px;
    margin-bottom: 0;
    border: none;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li:last-child {
    margin-right: 0;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .thumbnail {
    width: 100%;
    height: 84px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-cate {
    width: 100%;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-tit {
    width: 100%;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li .stdnt-box {
    width: 100%;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li .std-cnt {
    width: auto;
    height: 12px;
    line-height: 1.2rem;
    font-size: 1.2rem;
    padding-right: 10px;
    margin-right: 10px;
    background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li .std-cnt > span {
    font-size: 1.2rem;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li .surv-sco {
    width: auto;
    height: 12px;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }

  /* 교육콘텐츠 > 맞춤추천설정(목록) */
  .custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box {
    margin-left: 50px;
  }
  .clasf-step-wrap .clasf-step {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .my-interest-wrap > div {
    width: 100%;
  }

  /* ====================== 교수Lab실 ======================== */
  /* 교수Lab실 공통 */
  .prfs-list > li {
    width: 18.4%;
    margin-right: 2%;
  }

  /* 교수Lab실 > 프로필 */
  .profile-wrap .profile-top {
    width: 100%;
  }
  .profile-wrap .profile-bot > ul {
    width: 100%;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont {
    width: 100%;
  }

  /* ====================== 커뮤니티 ======================== */
  /* 커뮤니티 > 공지사항(목록) */
  #grid .brd-list {
    width: 32%;
    height: auto;
    margin-right: 2%;
  }
}

/* tablet */
@media screen and (max-width: 1200px) {
  .SNBWrap {
    padding-left: 20px;
  }
  .com_top_tit .sub-top-wrap {
    padding: 0 20px;
  }

  .calendar-wrap ul.schd-badge {
    right: 20px;
  }
  .podo-wrap .header-wrap .head-top-box {
    padding: 0 20px !important;
  }

  /* ====================== 강의홈 ======================== */
  .learning-main {
    padding-left: calc(27.5vw - 24%);
  }
  .learning-content .learning-top,
  .learning-idx-wrap,
  .learning-summary,
  .learning-wrap {
    padding-right: calc(100% - 92%);
  }
  .learning-page .learning-top .left-box .btn-box {
    flex-direction: column;
    justify-content: center;
  }
  .learning-content .learning-top .btn-box .btn.result {
    margin-top: 7px;
    margin-left: 0;
  }

  .prfs-profile-wrap {
    padding: 0;
  }
  .profile-wrap .profile-top,
  .line-point-tab {
    padding: 0 20px;
  }
  .profile-wrap .profile-bot-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list#cmpEduList {
    margin-left: 0;
  }
  .profile-wrap .profile-top .profile-info-top {
    flex-wrap: wrap;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn {
    width: 100%;
    margin-bottom: 20px;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn .prfs-home {
    margin-left: 0;
  }

  .idx-list-wrap .accordion-body {
    padding: 0 66px 0 77px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont,
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li .idx-dtl-cont {
    flex-direction: column;
    width: 100%;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title,
  .idx-list-wrap
    .accordion-body
    .idx-2-box
    > li
    .idx-3-box
    > li
    .idx-dtl-cont
    .idx-dtl-title {
    width: 100%;
  }

  /* ====================== player ======================== */
  .player-window .video-cont-box .videoPlayer,
  .player-window .video-cont-box .play-wrap {
    height: 336px;
  }
  .jp-video .jp-interface {
    margin-top: -78px;
  }
  .player-window .player-cont-box {
    height: 52.6em;
  }
  /*.player-window .player-cont-box .tabstrip-content { height: 24rem;}*/

  /* ====================== 해외 ======================== */
  .live-scroll-box {
    left: 20px !important;
  }

  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box
    .child-box
    .detail-dt {
    width: calc(100% - 70%);
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box
    .child-box
    .detail-dd {
    width: calc(100% - 30%);
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box.last-box
    .detail-dt {
    width: calc(100% - 85%);
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box.last-box
    .detail-dd {
    width: calc(100% - 15%);
  }

  .edu-detail-wrap .detail-top-cont {
    padding: 0 20px;
  }
  .edu-detail-wrap .detail-cont,
  .my-interest-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container .custom-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .custom-wrap #customList > li.tit-zone {
    height: auto;
  }
  .custom-wrap #customList > li.tit-zone > h3 {
    word-wrap: break-word;
    word-break: keep-all;
  }

  /*  달력  */
  .k-pane-wrapper {
    border: 0;
  }
  .k-scheduler-toolbar .k-scheduler-tools {
    display: none;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-nav-current {
    width: calc(100% - 85%);
    font-size: 2.5rem;
    font-weight: 700;
    color: #343434;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-y-date-format {
    font-size: 2rem;
  }
  .k-scheduler-footer {
    position: absolute;
    top: 58px;
    left: 31%;
    border: 0;
  }
  .k-scheduler-today {
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;
  }
  .k-scheduler-today .k-link {
    padding: 11px 15px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #343434;
    line-height: 17px;
    letter-spacing: -0.02em;
  }
  .calendar-wrap .k-scheduler-footer {
    left: 24%;
  }

  /*    */
  .item .item-box .btn-box .btn-preview {
    width: calc(100% - 73%);
  }
}
@media screen and (max-width: 1080px) {
  .header-overlay {
    display: none !important;
  }

  /* ====================== 교육콘텐츠 ======================== */
  /* 교육콘텐츠 > 추천콘텐츠(목록) */
  .custom-wrap .custom-conts-ad {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
  .custom-wrap .custom-conts-ad > img {
    order: 2;
    float: unset;
    margin: 40px auto 0;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box {
    order: 1;
    width: 100%;
    margin-left: 0;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box > h3 {
    line-height: 2.3rem;
    text-align: center;
    font-size: 2rem;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box > h3 > span {
    line-height: 2.3rem;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box > .btn-set-interest {
    float: unset;
    width: auto;
    height: 42px;
    padding: 0 20px;
    margin-top: 25px;
    line-height: 4.2rem;
    font-size: 1.2rem;
  }
  .custom-wrap .custom-conts-ad > .custom-text-box > .btn-set-interest > i {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  /* 교육콘텐츠 > 맞춤추천설정(목록) */
  .custom-wrap.interest-wrap .custom-conts-ad {
    display: flex;
    flex-direction: column;
  }
  .custom-wrap.interest-wrap .custom-conts-ad > img {
    order: 2;
    margin-top: 40px;
  }
  .custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box {
    order: 1;
    width: 100%;
    padding-top: 0;
    margin-left: 0;
    text-align: center;
  }
  .custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box > h3 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 2.8rem;
  }
  .custom-wrap.interest-wrap .custom-conts-ad > .interest-text-box > p {
    line-height: 2.3rem;
    text-align: center;
    font-size: 1.6rem;
  }

  /* 교육콘텐츠 > 분류별콘텐츠 */

  /* ====================== 나의강의실 ======================== */
  .my-edu-list .item-wide .cont-box .title-box {
    width: 80%;
  }
  .my-edu-list .item-wide .cont-box {
    width: calc(100% - 56.5%);
  }
  .item-wide .sub-list-wrap .item-wide .cont-box {
    width: 100%;
  }

  .learning-main {
    padding-left: 20px;
  }
  .learning-page .learning-top .left-box .btn-box {
    flex-direction: column;
    justify-content: center;
  }
  .learning-content .learning-top .btn-box .btn.result {
    margin-top: 7px;
    margin-left: 0;
  }

  .learning-content .idx-list-wrap > li .accordion-head .acc-head-cont {
    display: block;
    position: relative;
    width: calc(100% - 14%);
  }
  .learning-content .acc-head-cont .accordion-title {
    width: 100%;
  }
  .learning-content .accordion .accordion-head .accordion-icon {
    position: absolute;
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .idx-list-wrap .accordion-body {
    padding: 0 3em;
  }
  .idx-list-wrap.code_live .accordion-body .idx-2-box > li .idx-dtl-cont {
    flex-direction: column;
    width: calc(100% - 18%);
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .idx-dtl-title,
  .idx-list-wrap
    .accordion-body
    .idx-2-box
    > li
    .idx-3-box
    > li
    .idx-dtl-cont
    .idx-dtl-title {
    width: 100%;
  }
  .learning-content .accordion-btn {
    width: 100%;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont {
    width: calc(100% - 8.9%);
    padding-right: 32px;
  }

  /* ====================== 교수Lab실 ======================== */
  /* 교수Lab실 공통 */
  .prfs-list > li {
    width: 18.4%;
    height: 220px;
    margin-right: 2%;
  }
  .prfs-list > li > .prfs-img {
    height: 130px;
  }
  .prfs-list > li > .prfs-info {
    padding: 1.2rem;
  }

  /* 교수Lab실 > 프로필 */
  .profile-wrap .profile-top {
    height: auto;
  }
  .profile-wrap .profile-top .profile-img {
    float: unset;
    margin: 0 auto 20px;
  }
  .profile-wrap .profile-top .profile-info {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .profile-wrap .profile-top .profile-info-top {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .profile-wrap .profile-top .profile-info > h3 {
    display: inline-block;
  }
  .profile-wrap .profile-top .profile-info .profile-info-top h3 {
    padding-bottom: 0;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn {
    width: 100%;
    height: auto;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn > button.prfs-home {
    margin-left: 0;
  }

  .edu-detail-wrap .detail-top-cont {
    padding: 0 20px;
  }
  .edu-detail-wrap .detail-cont {
    padding-left: 20px;
    padding-right: 20px;
  }

  .player-window .jp-jplayer {
    width: 100% !important;
  }
  .player-window .jp-jplayer img {
    width: 100% !important;
  }
  .player-window .jp-jplayer video {
    width: 100% !important;
  }
  /*.player-window .video-cont-box .play-wrap .jp-jplayer { height: 348px !important;}*/
  /*.player-window .video-cont-box .play-wrap .jp-jplayer video { height: 348px !important;}*/

  /*  ====================== 교육인증 ======================   */
  .cert-popup
    .cert-pop-wrap
    > ul.sbj-sts-list
    > li
    > #sbjChartWrap
    .pieChart-text {
    right: 128px;
  }
}

/* mobile */
@media screen and (max-width: 1023px) {
  .m {
    display: block;
  }
  .pc {
    display: none;
  }
  .container {
    padding-top: 54px;
  }
  .com_top_tit {
    display: none;
  }

  .header-overlay {
    position: fixed;
    top: 0;
    height: 100%;
  }

  /* ====================== input Style ======================== */
  /*  input Style(text, password) */
  input[type="text"].input35,
  input[type="password"].input35 {
    font-size: 12px;
  }
  input[type="text"].input40,
  input[type="password"].input40 {
    font-size: 13px;
  }
  input[type="text"].input48,
  input[type="password"].input48 {
    font-size: 13px;
  }
  input[type="text"].input50,
  input[type="password"].input50 {
    font-size: 14px;
  }

  /*  input Style(radio) */
  input[type="radio"].radio22 + label {
    line-height: 1.8rem;
    font-size: 1.3rem;
  }
  input[type="radio"].radio22 + label > span.icon {
    width: 18px;
    height: 18px;
  }

  /* File upload */
  .k-upload .k-dropzone {
    padding: 8px 12px;
  }
  .k-upload .k-dropzone .k-upload-button {
    padding: 10px 12px;
  }
  .k-upload .k-dropzone .k-upload-button > span {
    font-size: 1.3rem;
  }

  .file-template tbody {
    padding: 16px 0;
  }
  .file-template .file-list {
    padding-left: 8px;
    margin-bottom: 0;
  }
  .file-template tbody tr td {
    padding: 0;
  }
  .file-template .file-list .file-icon {
    width: 16px;
    height: 26px;
    margin-right: 6px;
    background-size: 16px 16px;
  }
  .file-template .file-list .file-tit {
    line-height: 2.6rem;
    font-size: 1.444rem;
  }
  .file-template .file-list .file-size {
    margin-left: 15px;
    line-height: 2.6rem;
    font-size: 1.444rem;
  }
  .file-template .file-list .del-file {
    width: 14px;
    height: 26px;
    background-size: 14px 14px;
  }

  /* Kendo Window */
  .k-window .k-window-titlebar {
    padding: 15px;
    line-height: 25px;
    font-size: 1.7rem;
    border-bottom: 1px solid var(--border-gray-e8);
  }

  /* 권한 클릭 후 접속페이지 */
  .edu-reslt-main .grid-wrap > table {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .edu-reslt-main .grid-wrap > table > tbody {
    table-layout: auto;
    white-space: normal;
    min-width: 800px;
  }
  .edu-reslt-main .grid-wrap .btn-list {
    padding: 0 10px;
  }

  /* ====================== 검색결과 페이지 ======================== */
  /* 검색페이지 공통 */
  .search-page.contents {
    padding-top: 30px;
  }
  .search-page .search-wrap {
    height: 44px;
  }
  .search-page .search-wrap input {
    padding: 0 30px 0 15px;
    font-size: 1.2rem;
    border: 1px solid var(--border-gray-thick);
  }
  .search-page .search-wrap button {
    top: 5px;
    right: 15px;
  }
  .search-page .search-wrap .rcnt-wrap {
    display: none;
    position: fixed;
    top: 164px;
    left: 0;
    width: 100%;
    height: 90vh !important;
    padding: 0 20px;
    border-radius: 0;
    background: var(--bg-white);
    box-shadow: 0;
    z-index: 999;
  }
  .search-page .search-wrap .rcnt-wrap > h2 {
    padding: 15px 0;
    line-height: 2.5rem;
    text-align: left;
    font-size: 1.6rem;
    color: var(--text-color-34);
    font-weight: 700;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .search-page #rsltWrap.default-tab .k-tabstrip-items {
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .search-page #rsltWrap.default-tab .k-tabstrip-items li.k-item {
    flex: none;
    width: auto;
    height: 100%;
    line-height: 5rem;
    border-bottom: none;
  }
  .search-page #rsltWrap.default-tab .k-tabstrip-items li.k-state-active {
    border-radius: 0;
    border: none;
  }
  .search-page #rsltWrap.default-tab .k-tabstrip-items li span.k-link {
    padding: 0 15px;
    font-size: 1.4rem;
  }
  .search-page
    #rsltWrap.default-tab
    .k-tabstrip-items
    li.k-state-active
    span.k-link {
    border-bottom: 2px solid var(--primary-indigo);
  }
  .search-page #rsltWrap.default-tab .k-content > h3 {
    line-height: 2rem;
    font-size: 1.6rem;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    line-height: 2rem;
    text-align: left;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li.empty-text {
    padding: 0 15px;
    text-align: left;
    font-size: 1.3rem;
    color: var(--text-color-75);
    font-weight: 400;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li:last-child {
    margin-bottom: 0;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li > i {
    display: inline-block;
    float: left;
    width: 16px;
    height: 20px;
    margin-right: 7px;
    background: url(/images/renewal/icon/icon_history.svg) no-repeat 50% 50%;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li > a {
    float: left;
    width: calc(100% - 40px);
    font-size: 1.4rem;
    color: var(--text-color-56);
    font-weight: 500;
    cursor: pointer;
  }
  .search-page .search-wrap .rcnt-wrap > ul.rcnt-list > li > button {
    float: right;
    position: relative;
    top: auto;
    right: auto;
    width: 16px;
    height: 20px;
    background: url(/images/renewal/icon/icon_delete.svg) no-repeat 50% 50%;
  }
  .search-page .search-wrap .rcnt-wrap > button {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 1.3rem;
    color: var(--text-color-75);
    font-weight: 500;
    letter-spacing: -0.05em;
    border-radius: 0 0 11px 11px;
    background: var(--bg-white-gray-6);
  }
  .search-page .search-wrap .rcnt-wrap .btn-group {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid #f1f1f1;
  }
  .search-page .search-wrap .rcnt-wrap .btn-group button {
    position: relative;
    top: 0;
    right: auto;
    width: auto;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #757575;
    line-height: 17px;
    letter-spacing: -0.05em;
  }
  .search-page #rsltWrap.default-tab .k-content > h2 {
    line-height: 2.6rem;
    font-size: 1.8rem;
  }
  .search-page #rsltWrap .edu-list > li {
    position: relative;
    padding: 15px 0;
    flex-direction: column;
  }
  .search-page #rsltWrap .edu-list > li .thumbnail {
    position: absolute;
    top: 15px;
    left: 0;
    width: 132px;
    height: 78px;
  }
  .search-page #rsltWrap .edu-list > li .thumbnail.thumb-none {
    padding-top: 5.5rem;
  }
  .search-page #rsltWrap .edu-list > li .thumbnail > span.cmplt-tag {
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    font-size: 0.9rem;
    font-family: var(--font-family-malgun_gothic);
  }
  .search-page #rsltWrap .edu-list > li .info-wrap > span {
    margin-left: 147px;
  }
  .search-page #rsltWrap .edu-list > li .info-wrap > a {
    width: calc(100% - 147px);
    height: 46px;
    margin-left: 147px;
    margin-top: 7px;
    line-height: 2.3rem;
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .search-page #rsltWrap .edu-list > li .info-wrap > ul {
    margin-top: 10px;
  }
  .search-page #rsltWrap .edu-list > li .info-wrap > ul > li {
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 0;
    margin-top: 4px;
    margin-right: 0;
    line-height: 1.7rem;
    font-size: 1.2rem;
    background: none;
  }
  .search-page #rsltWrap .edu-list > li .info-wrap > ul > li > span {
    float: right;
    width: calc(100% - 93px);
  }
  .search-page #rsltWrap .edu-list > li .btn-wrap {
    width: 100%;
    flex-direction: row;
    margin-top: 15px;
    margin-left: 0;
  }
  .search-page #rsltWrap .edu-list > li .btn-wrap > button {
    width: 100%;
    margin-right: 1%;
    height: 42px;
    margin-bottom: 0;
  }
  .search-page #rsltWrap .edu-list > li .btn-wrap > button + button {
    margin-right: 0;
  }
  .search-page #rsltWrap .edu-list > li .btn-wrap > button > span {
    line-height: 4rem;
    font-size: 1.444rem;
  }
  .search-page #rsltWrap.default-tab .k-content > ul.conts-list {
    display: inline-block !important;
    width: 100%;
    margin-left: 0;
    padding: 0;
    border-bottom: none;
  }
  .search-page #rsltWrap .conts-list > li {
    width: 48%;
    height: 200px;
    margin-left: 2%;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .search-page #rsltWrap .conts-list > li .thumbnail {
    float: unset;
    width: 160px;
    height: 93px;
    margin: 0 auto 10px;
  }
  .search-page #rsltWrap .conts-list > li .thumbnail > .cmplt-tag {
    top: 4px;
    left: 4px;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    font-size: 0.9rem;
    border-radius: 100%;
  }
  .search-page #rsltWrap .conts-list > li .thumbnail.thumb-none {
    padding-top: 18%;
  }
  .search-page #rsltWrap .conts-list > li .conts-clasf {
    float: left;
    width: 100%;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  .search-page #rsltWrap .conts-list > li .conts-tit {
    height: 20px;
    line-height: 2rem;
    font-size: 1.4rem;
  }
  .search-page #rsltWrap .conts-list > li .stdnt-cnt {
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  .search-page #rsltWrap .conts-list > li .stdnt-cnt > span {
    margin-left: 3px;
  }

  /* ====================== 회원가입 ======================== */
  .contents {
    margin-top: 0;
  }
  .contents.join-wrap {
    width: 100%;
  }
  .join-wrap .agreement-box div {
    height: 200px;
  }
  .join-wrap .agreement-box.agreement-box2 div {
    height: auto;
  }
  .join-wrap .agreement-box .check-box label,
  .join-wrap .step-content .all-chk {
    font-size: 1.4rem;
  }
  .join-wrap .step-content .import-txt {
    margin-bottom: 10px;
  }
  .join-form-box > li {
    flex-direction: column;
    padding-top: 10px;
  }
  .join-form-box li .title {
    width: 100%;
  }
  .join-form-box li .title br {
    display: none;
  }
  .join-form-box li.first .input-box.flex-box {
    flex-direction: column;
  }
  .join-form-box li.first input:disabled {
    margin-right: 0;
  }
  .join-form-box li .input-box.flex-box .m-box {
    width: 100%;
    margin-bottom: 5px;
  }
  .join-form-box li .input-box .btn-list > span {
    font-size: 1.5rem;
  }
  .k-upload .k-dropzone .k-upload-button > span {
    font-size: 1.5rem;
  }
  .join-result-box span {
    font-size: 1.5rem;
  }
  .join-result-box {
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
  }
  .input-box .file-input {
    flex-shrink: 0;
  }
  .input-box .k-upload {
    width: 100%;
  }

  /* ====================== 교육신청 ======================== */
  .sbjct-apply-wrap .edu-list-wrap {
    padding-bottom: 6rem;
  }
  .sbjct-apply-wrap {
    padding-top: 30px;
  }
  .prfs-search-wrap {
    padding: 15px;
  }
  .prfs-search-wrap .line .title {
    display: none;
  }
  .prfs-search-wrap .line-first {
    flex-wrap: wrap;
  }
  .prfs-search-wrap .line-first > .flex-box {
    width: calc(100% - 51%);
    margin-right: 0;
  }
  .prfs-search-wrap .line-first > .flex-box:nth-of-type(1) {
    margin-right: 5px;
  }
  .prfs-search-wrap .line-first .last-box {
    margin: 5px 0;
  }
  .prfs-search-wrap .select-box .select:nth-of-type(1) {
    margin-left: 0;
  }
  .prfs-search-wrap .line-two {
    margin: 0;
  }
  .prfs-search-wrap .line-two .input-box .btn-list {
    flex-shrink: 1;
    width: calc(100% - 81.7%);
  }
  .sbjct-apply-wrap .edu-list-wrap .filter-box.m .k-dropdown {
    width: 153px;
    height: 35px;
  }
  .edu-list-wrap .list-top-box .filter-box.flex-box {
    display: none;
  }
  .edu-list-wrap .edu-list {
    border-top: 1px solid #e8e8e8;
  }
  .edu-list-wrap .edu-list.bt0 {
    border-top: 0;
  }
  .edu-list .item {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
  }
  .edu-list .item .item-box {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0;
    text-align: left;
    box-shadow: none;
  }
  .edu-list .item .item-box .img-box {
    display: inline-block;
    width: calc(100% - 65%);
    padding-top: calc(100% - 79.3%);
    border-radius: 5px;
  }
  .edu-list .item .item-box .img-box a,
  .edu-list .item .item-box .img-box:after {
    border-radius: 5px;
  }
  /*.edu-list .item .item-box .img-box .badge { right: 4px; bottom: 4px;}*/
  .badge.circle {
    width: 30px;
    height: 30px;
    font-size: 9px;
    line-height: 30px;
  }
  .edu-list .item .item-box .cont-box {
    display: inline-block;
    width: calc(100% - 35%);
    padding: 0 0 0 15px;
  }
  .edu-list .item .item-box .cont-box .badge-group {
    margin-bottom: 7px;
  }
  .badge-group .badge {
    padding: 2px 8px 3px;
  }
  .edu-list .item .item-box .cont-box .title {
    margin-bottom: 0;
    font-size: 1.7rem;
  }
  .edu-list .item .item-box .clasf-nm {
    margin: 15px 0;
    padding: 0;
  }
  .edu-list .item .item-box .btn-box {
    margin: 0;
    padding: 0;
  }
  .item .item-box .btn-box .btn-point {
    height: 42px;
    border-radius: 3px 0 0 5px;
  }
  .item .item-box .btn-box .btn-point > span {
    font-size: 13px;
    line-height: 40px;
  }
  .item .item-box .btn-box .btn-preview {
    width: calc(100% - 87%);
    height: 42px;
    border-radius: 0 5px 5px 0;
  }
  .btn-list.btn-more {
    width: 110px;
    height: 44px;
    margin-top: 25px;
  }
  .edu-list .not-data-cont {
    padding-top: 14.6rem;
    border: 0;
  }
  .edu-list .not-data-cont p,
  .not-data-cont p {
    font-size: 1.56rem;
  }
  /* 신청 팝업 */
  .k-window .k-window-titlebar.padding-30 {
    padding: 20px 20px 0;
  }
  .k-window .popup-content {
    padding: 0 20px 20px;
  }
  .edu_apply_window .badge-group {
    margin-bottom: 8px;
  }
  .edu_apply_window .title {
    margin-bottom: 8px;
    font-size: 1.9rem;
  }
  .edu_apply_window .edu-cost-box dl {
    margin-bottom: 5px;
  }
  .edu_apply_window .edu-cost-box dl dd strong {
    font-size: 24px;
  }
  .edu_apply_window .apply-info-box {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
  }
  .edu_apply_window .apply-info-box > div {
    margin-bottom: 2px;
  }
  .edu_apply_window .apply-info-box .info-title,
  .edu_apply_window .apply-info-box .info-txt {
    font-size: 12px;
  }
  .edu_apply_window .apply-info-box .info-title {
    width: calc(100% - 80%);
  }
  .edu_apply_window .apply-info-box .info-txt {
    width: calc(100% - 20%);
  }
  .edu_apply_window .info_chasu_sel {
    height: 35px;
    margin-top: 15px;
  }
  .edu_apply_window .btn-box .btn-list {
    height: 46px;
  }
  .edu_apply_window .btn-box .btn-list > span {
    line-height: 44px;
  }
  /* 결과 */
  .edu-detail-wrap .content {
    width: 100%;
  }
  .result-cont-box .result-cont {
    margin: 0 20px;
    padding: 30px 0;
    border-top: 1px solid #e8e8e8;
  }
  .result-cont-box .result-cont p {
    font-size: 2rem;
  }
  .result-cont-box .result-cont span {
    font-size: 1.45rem;
    line-height: 20px;
  }
  .result-cont-box .btn-box .btn-list {
    height: 44px;
  }
  .result-cont-box .btn-box .btn-list > span {
    line-height: 42px;
  }
  /* 상세 */
  .container.edu-detail-wrap {
    padding-top: 30px;
  }
  .edu-detail-wrap .contents {
    width: 100%;
    padding-top: 0;
  }
  .edu-detail-wrap .sbjct-info-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .edu-detail-wrap .sbjct-info-box .img-box {
    display: inline-block;
    float: none;
    width: calc(100% - 65%);
    height: 128px;
  }
  .edu-detail-wrap .sbjct-info-box .img-box .state-wrap {
    font-size: 10px;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-cont-box {
    float: none;
    width: calc(100% - 35%);
    padding-left: 15px;
  }
  .edu-detail-wrap .sbjct-info-box .sel-btn-box {
    flex-shrink: 0;
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .edu-detail-wrap .badge-group .badge {
    padding: 2px 8px 3px;
    font-size: 1.12rem;
  }
  .edu-detail-wrap .edu-tit {
    margin: 6px 0;
    font-size: 1.9rem;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-cont-box p {
    margin-bottom: 0;
    font-size: 1.34rem;
  }
  .edu-detail-wrap .sbjct-info-box .info_chasu_sel {
    height: 35px;
  }
  .edu-detail-wrap .sbjct-info-box .sel-btn-box .btn-box {
    margin-top: 20px;
  }
  .edu-detail-wrap .sbjct-info-box .sel-btn-box.online {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .edu-detail-wrap .sbjct-info-box .sel-btn-box.online .btn-box {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  .edu-detail-wrap .sbjct-info-box .btn-list {
    height: 42px;
  }
  .edu-detail-wrap .sbjct-info-box .btn-list > span {
    font-size: 13px;
    line-height: 40px;
  }
  .detail-tab-menu {
    justify-content: center;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .detail-tab-menu > li {
    display: inline-block;
    flex-shrink: 1;
    width: 100%;
    height: 50px;
    margin-left: 0;
  }
  .detail-tab-menu > li > a {
    display: block;
    font-size: 14px;
  }
  .edu-detail-wrap .detail-tab.contents {
    padding-top: 15px;
  }
  .detail-cont .detail-tab .tab-cont > h3 {
    height: auto;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
  }
  .edu-detail-wrap .detail-cont {
    padding: 0;
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box .detail-dt {
    width: calc(100% - 70%);
    font-size: 1.45rem;
    line-height: 21px;
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box .detail-dd {
    width: calc(100% - 30%);
    padding: 10px;
    font-size: 1.45rem;
    line-height: 20px;
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box.last-box .detail-dt {
    width: calc(100% - 70%);
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box.last-box .detail-dd {
    width: calc(100% - 30%);
  }
  .edu-detail-wrap .detail-cont .detail-tab .tab-cont .accordion {
    margin-top: 40px;
  }

  .edu-detail-wrap .detail-cont table.detail-table {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .edu-detail-wrap .detail-cont table.detail-table tr > th.bg-gray {
    width: 33.33%;
    border-top: 1px solid #e8e8e8;
    word-break: keep-all;
  }
  .detail-cont .detail-box {
    padding: 0 10px;
  }
  .edu-detail-wrap .detail-cont .detail-box .course-cont {
    padding: 15px 0;
  }
  .edu-detail-wrap .detail-cont .detail-box .course-cont h4 {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .edu-detail-wrap .detail-cont .detail-box .course-cont textarea,
  .edu-detail-wrap .detail-cont .detail-box .course-cont > div {
    font-size: 12px;
  }
  .edu-detail-wrap .detail-cont .detail-box .course-cont.last-cont {
    border-bottom: 1px solid #e8e8e8;
  }
  .detail-tab .tab-cont .import-txt {
    top: 36px;
    background: url("../../images/renewal/icon/icon_info.png") no-repeat 0
      center;
    font-size: 12px;
    line-height: 28px;
  }
  .detail-cont .detail-box ul.istr-list {
    padding: 10px 0 0;
  }
  .detail-cont .detail-box ul.istr-list > li {
    padding-right: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .detail-cont .detail-box ul.istr-list > li > p {
    font-size: 1.3rem;
  }
  .detail-cont .detail-box ul.istr-list > li > button {
    padding: 0 13px;
    font-size: 1.2rem;
  }
  .detail-cont .detail-box ul.istr-list > li.empty-data {
    padding: 20px 0;
  }
  .accordion .accordion-head {
    justify-content: space-between;
  }
  .accordion .idx-2-box > li .accordion-head {
    justify-content: flex-start;
  }
  .accordion .accordion-head strong {
    width: calc(100% - 82%);
    padding: 10px 0 10px 15px;
    font-size: 13px;
    line-height: 24px;
  }
  /* 추가 */
  .detail-cont .detail-box .istr-list .prof-profile-desc .prof-name {
    font-size: 16px;
  }
  .detail-cont .detail-box .istr-list .prof-profile-desc .prof-career,
  .prof-for-dot {
    font-size: 13px;
  }
  /* //추가 */
  .accordion .accordion-head .accor-title {
    flex-shrink: 1;
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 22px;
  }
  .accordion-body {
    padding: 0 15px;
  }
  .accordion-body .idx-2-box > li {
    padding: 10px 0;
  }
  .accordion-body .idx-2-box > li > div strong,
  .accordion-body .idx-2-box > li > div p {
    font-size: 13px;
    line-height: 22px;
  }
  .accordion-body .idx-2-box > li > div strong {
    width: 65px;
  }
  .accordion-body .idx-2-box > li > ul {
    margin-top: 8px;
  }
  .accordion-body .idx-2-box > li > ul li .title,
  .accordion-body .idx-2-box > li > ul li .title + p {
    font-size: 12px;
    line-height: 20px;
  }
  /* 라이브 */
  .accordion-body .idx-2-box > li .acc-body-title {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 22px;
  }
  .accordion-body .idx-2-box > li .acc-body-cont .acc-body-top {
    margin-bottom: 4px;
  }
  .accordion-body .idx-2-box > li .acc-body-cont .acc-body-top p {
    font-size: 12px;
    line-height: 20px;
  }
  .accordion-body .idx-2-box > li .acc-body-cont .acc-body-bottom {
    font-size: 12px;
    line-height: 20px;
  }
  /* 블랜디드 */
  .accordion .blend .accordion-head .badge {
    margin: 0 10px 0 15px;
    padding: 2px 8px 3px;
    font-size: 10px;
    line-height: 15px;
  }
  .code_live .accordion-body .idx-2-box > li > div strong {
    font-size: 13px;
  }
  .blend.elearning .idx-2-box > li .accordion-head strong {
    padding-left: 0;
  }
  .accordion-body .idx-2-box > li > div {
    padding: 0;
  }
  .blend.elearning .idx-2-box .ldx-list-2 {
    display: block;
  }
  .apply-box {
    position: fixed;
    top: auto !important;
    bottom: -1px;
    z-index: 3;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .apply-box .m-box {
    position: fixed;
    bottom: -100%;
    z-index: 2;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #e8e8e8;
    background: #ffffff;
    transition: bottom 0.3s ease-in-out;
  }
  .apply-box .m-box.on {
    bottom: 0;
  }
  .apply-box .btn {
    position: absolute;
    top: -22px;
    left: 50%;
    width: 58px;
    height: 22px;
    border: 1px solid #e8e8e8;
    border-bottom: 1px solid #ffffff;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .apply-box .m-box > .btn {
    display: none;
    background: #ffffff
      url("../../images/renewal/mobile/icon/btn_apply_down.svg") no-repeat
      center;
  }
  .apply-box .m-box.on > .btn {
    display: block;
  }
  .apply-box .apply-box-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #e8e8e8;
    background: #ffffff;
  }
  .apply-box .apply-box-btn > .btn {
    background: #ffffff url("../../images/renewal/mobile/icon/btn_apply_up.svg")
      no-repeat center;
  }
  .apply-box .apply-box-btn .btn-list {
    width: 100%;
    height: 46px;
  }
  .apply-box .apply-box-btn .btn-list > span {
    line-height: 44px;
  }

  /* ====================== 신청현황 ======================== */
  .apl-sts-main {
    padding: 0;
  }
  .apl-sts-main .list-top-box {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-right: 20px;
  }
  .apl-sts-main .eduList {
    border: 0;
  }
  .apl-sts-main .item-wide:nth-of-type(1) .item-box {
    border-top: 1px solid #e8e8e8;
  }
  .apl-sts-main .item-wide .item-box {
    padding: 15px 0;
  }
  .apl-sts-main .item-wide .img-box {
    width: calc(100% - 82%);
    height: 78px;
  }
  .apl-sts-main .item-wide .cont-box {
    padding-left: 15px;
  }
  .apl-sts-main .item-wide .btn-box {
    margin-left: 15px;
  }
  .apl-sts-main .item-wide .bottom-box.m {
    display: none;
  }
  .apl-sts-main .item-wide .bottom-box > div p {
    font-size: 12px;
  }
  .apl-sts-main .item-wide .cont-box .title-box .badge {
    min-width: 37px;
    height: 20px;
    line-height: 20px;
  }
  .apl-sts-main .item-wide .cont-box .title-box .badge span {
    font-size: 10px;
    line-height: 15px;
  }
  .apl-sts-main .item-wide:last-child .item-box {
    border-bottom: 1px solid #e8e8e8;
  }
  .attendMng_window .popup-content {
    padding-top: 20px;
  }
  /* 상세 */
  .edu-detail-wrap .detail-top-cont {
    padding: 0;
  }
  .edu-detail-wrap.apl-sts-main {
    padding: 30px 0 0;
  }
  .edu-detail-wrap.apl-sts-main .sbjct-info-box {
    padding: 0 20px;
  }
  .edu-detail-wrap.apl-sts-main .detail-tab-menu {
    padding: 0 20px;
  }
  .edu-detail-wrap.apl-sts-main .detail-cont {
    padding: 0 20px 10rem;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-ul {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-ul .flex-box {
    margin-top: 6px;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-ul .flex-box.chasu {
    margin-top: 0;
  }
  .detail-cont .detail-tab .btn-box .btn-list {
    height: 42px;
  }
  .detail-cont .detail-tab .btn-box .btn-list > span {
    line-height: 42px;
  }
  #state_change_window.edu_apply_window .badge-group {
    margin-top: 20px;
  }

  /* ====================== 수강중인콘텐츠 ======================== */
  .lear-cont-wrap {
    padding-top: 30px;
  }
  .lear-cont-wrap .lear-cont-title {
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #414146;
    font-size: 2rem;
    line-height: 27px;
  }
  .lear-cont-wrap .lear-cont-title .badge {
    margin-left: 8px;
    padding: 5px 9px 6px;
  }
  .lear-cont-wrap .btn-more {
    margin-bottom: 30px;
  }
  .lear-cont-wrap .lear-list-wrap {
    margin-bottom: 25px;
  }
  .lear-list-wrap .list-item-wrap {
    flex-wrap: nowrap;
    flex-direction: column;
    margin-left: 0;
  }
  .lear-list-wrap .item {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
  }
  .lear-list-wrap .item:first-child {
    border-top: 0;
  }
  .lear-list-wrap .item .item-box {
    display: flex;
    align-items: flex-start;
  }
  .lear-list-wrap .list-item-wrap .item .item-box .img-box {
    width: calc(100% - 65%);
  }
  .lear-list-wrap .list-item-wrap .item .item-box .img-box.thumb-none {
    background: url("/images/renewal/icon/icon_none_thumbnail.png") no-repeat
      50% 10px #e8e8e8;
  }
  .lear-list-wrap .list-item-wrap .item .item-box .cont-box {
    width: calc(100% - 35%);
    padding: 6px 0 6px 15px;
  }
  .lear-list-wrap .item .cont-box .clasf-nm {
    margin-bottom: 5px;
    font-size: 1.333rem;
    line-height: 12px;
  }
  .lear-list-wrap .list-item-wrap .item .item-box .cont-box .title {
    font-size: 1.556rem;
    line-height: 20px;
  }
  .lear-list-wrap .item .progress-box label,
  .lear-list-wrap .item .progress-box .prog-txt {
    margin-right: 9px;
    font-size: 12px;
  }
  .lear-list-wrap .item .progress-box strong {
    width: 32px;
    margin-left: 9px;
    font-size: 12px;
  }
  .item .score {
    font-size: 12px;
    line-height: 12px;
  }
  .list-item-wrap.hover-2 .img-box .btn-box {
    display: none;
  }
  .lear-list-wrap .item .progress-box2 .btn {
    display: inline-block;
    padding-right: 13px;
    background: url("../../images/renewal/mobile/icon/icon_navi_next_score.svg")
      no-repeat 100% center;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 12px;
    letter-spacing: -0.02em;
  }
  .compYear {
    width: calc(100% - 60%);
    height: 35px;
  }
  /* 콘텐츠 평가하기 팝업 */
  #surveyPop .survey-pop-top > h3 {
    font-size: 2rem;
  }
  #surveyPop .survey-pop-top > h3 > span {
    font-size: 1.8rem;
  }
  #surveyPop .survey-pop-top > p {
    font-size: 1.3rem;
  }
  #surveyPop .pop-btn-wrap {
    border-radius: 0 0 10px 10px;
  }

  .conts-detail-wrap
    .related-conts
    .related-wrap
    > ul
    > li
    > .thumbnail.thumb-none {
    padding-top: 49px;
    background: url("/images/renewal/icon/icon_none_thumbnail.png") no-repeat
      50% 18px #e8e8e8;
  }
  .conts-list > li .stdnt-box {
    width: calc(100% - 145px);
  }
  .custom-wrap .conts-list > li .stdnt-box {
    width: 100%;
  }

  /* ====================== 나의 강의실 수강중인 강의 ======================== */
  .my-class-main {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-edu-list {
    margin-bottom: 0;
  }
  .filter-tab-box .filter-item {
    width: 100%;
    margin-left: 0;
  }
  .filter-tab-box .filter-item label {
    padding: 15px 0;
    font-size: 1.556rem;
    line-height: 20px;
  }
  .default-tab .k-content.k-state-active {
    padding-top: 10px;
  }
  .my-edu-list .item-wide .item-box {
    display: block;
    padding: 15px 0;
  }
  .my-edu-list .item-wide .item-box:after {
    content: "";
    display: block;
    clear: both;
  }
  .my-edu-list .item-wide .img-box {
    display: inline-block;
    float: left;
    width: calc(100% - 80%);
    height: 78px;
  }
  .my-edu-list .item-wide .cont-box {
    display: inline-block;
    float: left;
    width: calc(100% - 20%);
    padding-left: 15px;
  }
  .my-edu-list .item-wide .cont-box .title-box {
    margin-bottom: 0;
  }
  .my-edu-list .item-wide .cont-box .title-box a,
  .my-edu-list .item-wide .cont-box .title-box p {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    width: 100%;
    max-width: 100%;
    height: 46px;
    margin-right: 0;
    font-size: 1.667rem;
    line-height: 23px;
    letter-spacing: -0.05em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
  }
  .my-edu-list .item-wide .cont-box .bottom-box {
    display: none;
  }
  .my-edu-list .item-wide .score-box {
    display: none;
  }
  .my-edu-list .item-wide .mobile-bottom-wrap {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .my-edu-list .item-wide .bottom-box {
    display: block;
    margin-top: 0;
  }
  .my-edu-list .item-wide .bottom-box > div {
    margin-top: 5px;
    padding: 0;
  }
  .my-edu-list .item-wide .sub-list-wrap .sub-cont-box .bottom-box {
    width: 100%;
  }
  .my-edu-list .item-wide .bottom-box > div p {
    width: calc(100% - 20%);
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.03em;
  }
  .my-edu-list .item-wide .bottom-box > div .title {
    width: calc(100% - 80%);
    min-width: 43px;
    margin-right: 10px;
    padding-right: 0;
    letter-spacing: -0.05em;
  }
  .my-edu-list .item-wide .bottom-box.m-score-box .title + p > span {
    display: inline-block;
    position: relative;
    padding: 0 8px;
  }
  .my-edu-list .item-wide .bottom-box.m-score-box p span:nth-of-type(1) {
    padding-left: 0;
  }
  .my-edu-list .item-wide .bottom-box.m-score-box p span:nth-of-type(2) {
    display: inline-block;
    margin-left: 4px;
  }
  .my-edu-list .item-wide .bottom-box.m-score-box p span:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 9px;
    background: #dddddd;
  }
  .my-edu-list .item-wide .cont-box .bottom-box > div .title {
    flex-shrink: 0;
    width: calc(100% - 60%);
    padding-right: 0;
  }
  .my-edu-list .item-wide .progress-box {
    position: relative;
    float: left;
    width: 100%;
    margin-left: 0;
  }
  .item-wide .progress-box .progress-top {
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.05em;
  }
  .item-wide .progress-box .progress-top strong {
    font-size: 13px;
    color: #262527;
  }
  .my-edu-list .item-wide .progress-box progress {
    position: relative;
    top: 2px;
    z-index: 1;
    width: calc(100% - 32%);
    margin-left: calc(100% - 79%);
  }
  .my-edu-list .item-wide .btn-box {
    display: flex;
    flex-direction: row-reverse;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
  .my-edu-list .item-wide .btn-box .btn-list {
    height: 42px;
    margin-bottom: 0;
    margin-left: 5px;
  }
  /*.my-edu-list .item-wide .btn-box .btn-list:nth-of-type(1) { margin-left: 0;}*/
  .my-edu-list .item-wide .btn-box .btn-list > span {
    line-height: 40px;
    white-space: nowrap;
  }
  .my-edu-list .item-wide .badge-group .badge {
    padding: 2px 8px 3px;
  }

  .item-wide .sub-list-wrap .item-wide .item-box {
    padding: 10px 0;
  }
  .item-wide .sub-list-wrap .item-wide .cont-box {
    width: 100%;
  }
  .my-edu-list .item-wide .sub-list-wrap .sub-cont-box {
    margin-left: 4px;
  }
  .my-edu-list .item-wide .sub-list-wrap .sub-cont-box .title-box a {
    display: block;
    height: auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: horizontal;
    white-space: nowrap;
  }
  .my-edu-list .item-wide .sub-list-wrap .bottom-box > div {
    padding: 0 15px;
  }
  .my-edu-list .item-wide .sub-list-wrap .bottom-box > div.first {
    padding-left: 0;
  }
  .my-edu-list .item-wide .sub-list-wrap .bottom-box > div.first + div {
    width: 55%;
  }
  .my-edu-list .item-wide .sub-list-wrap .progress-box {
    padding-left: 53px;
  }
  .my-edu-list .item-wide .sub-list-wrap .progress-box .progress-top {
    display: block;
    width: calc(100% - 53px);
  }
  .my-edu-list .item-wide .sub-list-wrap .progress-box .progress-top strong {
    float: right;
  }
  .my-edu-list .item-wide .sub-list-wrap .progress-box progress {
    margin-left: 53px;
  }
  .my-edu-list .item-wide .sub-list-wrap .sub-cont-box .bottom-box {
    display: flex;
  }
  .notice-section {
    font-size: 12px;
    line-height: 19px;
  }

  /* 수강완료 과정 */
  .my-class-main .search-box {
    position: relative;
    top: 15px;
    width: 100%;
    margin-bottom: 15px;
  }
  .my-class-main .select-box .select-year {
    height: 35px;
  }
  .my-class-main .search-box .input-box .btn-search {
    min-width: 50px;
    padding: 7.5px 10px 8.5px;
  }
  .my-class-main .search-box .input-box input {
    height: 35px;
  }
  .my-edu-list .img-box .badge {
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    font-size: 9px;
    line-height: 30px;
  }

  /* 본인인증 팝업 */
  .otp-wrap .popup-content h2 {
    margin-top: 40px;
    font-size: 2.446rem;
    line-height: 30px;
  }
  .otp-wrap .popup-content .login {
    padding: 20px 0 20px;
  }
  .otp-wrap .popup-content .login.otp-box p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
  }
  .login.otp-box .number-box input {
    height: 35px;
    padding: 8px 50px 8px 10px;
  }
  .login.otp-box .number-box .col-red {
    top: 8px;
    right: 10px;
  }
  .login.otp-box .input-box .btn-list {
    width: calc(100% - 76%);
    height: 35px;
    line-height: 35px;
  }
  .login.otp-box .input-box .btn-list > span {
    line-height: 34px;
  }
  .otp-wrap .login_btn {
    height: 44px;
    margin-bottom: 0;
    line-height: 44px;
  }
  .otp-wrap .login_btn > span {
    line-height: 43px;
  }

  .progress-box progress {
    height: 8px;
  }

  .btn-list > span {
    font-size: 13px;
  }
  .default-tab .k-tabstrip-items li.k-item {
    height: 45px;
    line-height: 45px;
  }

  .k-window .k-window-titlebar {
    padding: 15px;
  }
  .k-window .popup-foot .btn-box .btn-list {
    height: 36px;
  }
  .k-window .popup-foot .btn-box .btn-list span {
    line-height: 34px;
  }
  /* 유의사항 팝업 */
  .edu_alert .popup-content {
    min-height: auto;
  }
  .edu_alert .notiBox {
    padding-top: 15px;
    padding-left: 0;
    font-size: 14px;
    line-height: 26px;
  }
  .edu_alert .p_01 .p_01_list h3 {
    font-size: 16px;
    line-height: 30px;
  }
  .edu_alert .p_01 .p_01_list .cont p {
    font-size: 14px;
    line-height: 26px;
    word-break: keep-all;
  }
  .edu_alert .p_01 .p_01_list .txt-box {
    font-size: 13px;
    line-height: 22px;
  }
  .edu_alert .p_01 .p_01_list .cont > ol > li {
    padding-left: 18px;
  }
  .edu_alert .p_01 .p_01_list .cont > ol > li strong {
    font-size: 14px;
    line-height: 26px;
  }
  .edu_alert .p_01 .p_01_list .cont > ol > li p {
    font-size: 13px;
    line-height: 22px;
  }
  .edu_alert .p_01 .p_01_list .table-box {
    display: none;
    padding-left: 18px;
  }
  .edu_alert .p_01 .p_01_list .m-table-box {
    display: block;
  }
  .edu_alert .p_01 .p_01_list .m-table-box tr th,
  .edu_alert .p_01 .p_01_list .m-table-box tr td {
    padding: 5px;
    background: #ffffff;
    font-size: 13px;
    font-weight: 400;
    color: #343434;
    line-height: 30px;
  }
  .edu_alert .p_01 .p_01_list .m-table-box tr th.bg {
    background: #fafafa;
    font-weight: 500;
  }

  .jp-jplayer {
    width: 100% !important;
  }
  .jp-jplayer img {
    width: 100% !important;
    height: auto !important;
  }
  .jp-jplayer video {
    width: 100% !important;
  }

  /* ====================== 교육콘텐츠 ======================== */
  /* 교육콘텐츠 공통 */
  .edu-conts-wrap > h2 {
    line-height: 2rem;
    font-size: 1.8rem;
  }
  .edu-conts-wrap > h2 > span.conts-cnt {
    width: 27px;
    height: 27px;
    margin-top: -3.5px;
    margin-left: 8px;
    line-height: 2.7rem;
    font-size: 1.4rem;
  }

  .clasf-wrap .conts-list {
    margin-left: -15px;
  }
  .clasf-wrap .conts-list > li {
    margin-right: 0;
    margin-left: 15px;
    margin-bottom: 15px;
  }
  .conts-list > li {
    width: calc(100% - 54%);
    height: 197px;
    padding: 15px 0;
  }
  .conts-list > li > .thumbnail {
    height: 93px;
    margin-bottom: 10px;
    background-position: 50% 50% !important;
  }
  .conts-list > li > .thumbnail .time {
    right: 4px;
    bottom: 4px;
    width: auto;
    height: 15px;
    padding: 0 4px;
    line-height: 1.5rem;
    font-size: 1.112rem;
  }
  .conts-list > li > .thumbnail .more-view {
    line-height: 9.3rem;
  }
  .conts-list > li > .thumbnail .more-view > p {
    font-size: 1.1rem;
  }
  .conts-list > li > .cate-nm {
    width: 100%;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  .conts-list > li > .conts-tit {
    width: 100%;
    height: 20px;
    margin: 5px 0 15px;
    line-height: 2.223rem;
    font-size: 1.556rem;
    font-weight: 500;
  }
  .conts-list > li > .stdnt-cnt {
    line-height: 1.3333rem;
    font-size: 1.3333rem;
  }
  .conts-list > li .stdnt-box {
    width: calc(100% - 145px);
  }

  .btn-set-interest {
    width: auto;
    height: 42px;
    line-height: 4.2rem;
    padding: 0 20px;
    text-align: center;
    font-size: 1.2rem;
    color: var(--text-color-white);
    border-radius: 5px;
    border: none;
    background: var(--primary-indigo);
  }
  .btn-set-interest > i {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }

  /* 교육콘텐츠  > 추천콘텐츠(목록_인기강의) */
  .conts-list#topContsList {
    margin-bottom: 15px;
    border-top: 1px solid var(--border-gray-thick);
  }
  .conts-list#topContsList > li {
    width: 100%;
    height: 106px;
    padding: 15px 0;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .conts-list#topContsList > li:last-child {
    border-bottom: 0;
  }
  .conts-list#topContsList > li > .thumbnail {
    width: 130px;
    height: 76px;
    margin-right: 15px;
    padding-top: 7%;
  }
  .conts-list#topContsList > li > .thumbnail .rank-tag {
    left: 5px;
    width: 27px;
    height: 30px;
    padding-top: 8.5px;
    font-size: 1.1rem;
  }
  .conts-list#topContsList > li > .thumbnail .time {
    right: 4px;
    bottom: 4px;
    width: auto;
    height: 15px;
    padding: 0 4px;
    line-height: 1.5rem;
    font-size: 1rem;
  }
  .conts-list#topContsList > li > .thumbnail .more-view {
    line-height: 7.6rem;
  }
  .conts-list#topContsList > li > .thumbnail .more-view > p {
    font-size: 1.1rem;
  }
  .conts-list#topContsList > li > .cate-nm {
    width: calc(100% - 145px);
    margin-top: 6px;
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  .conts-list#topContsList > li > .conts-tit {
    width: calc(100% - 145px);
    height: 20px; /*margin: 5px 0 15px;*/
    margin: 5px 0 8px;
    line-height: 2rem;
    font-size: 1.4rem;
  }
  .conts-list#topContsList > li > .stdnt-cnt {
    width: auto;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 1.2rem;
    font-size: 1.2rem;
    background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
  }
  .conts-list > li > .score {
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  .edu-conts-wrap .conts-list > li > .score {
    width: auto;
  }

  /* 교육콘텐츠 > 추천콘텐츠(목록_맞춤교육) */
  .container .custom-wrap {
    padding: 30px 20px 0;
  }
  .custom-wrap #customList > li {
    width: calc(50% - 7.5px);
    height: auto;
    padding: 15px 0;
    margin-right: 15px;
    margin-bottom: 0;
    border-top: 1px solid var(--border-gray-e8);
  }
  .custom-wrap #customList > li:nth-child(2) {
    border-top: none;
  }
  .custom-wrap #customList > li:nth-child(3) {
    border-top: none;
  }
  .custom-wrap #customList > li:nth-child(2n + 1) {
    margin-right: 0;
  }
  .custom-wrap #customList > li .thumbnail {
    height: 138px;
  }
  .custom-wrap #customList > li.tit-zone {
    display: flex;
    width: 100%;
    height: auto;
    padding-top: 0;
    border: none;
    border-bottom: 1px solid var(--border-gray-thick);
  }
  .custom-wrap #customList > li.tit-zone > h3 {
    float: left;
    margin-bottom: 0;
    line-height: 2.6rem;
    font-size: 2rem;
  }
  .custom-wrap #customList > li.tit-zone > h3 > br + br {
    display: none;
  }
  .custom-wrap #customList > li.tit-zone > .btn-set-interest {
    float: right;
    margin-left: 160px;
  }

  /* 교육콘텐츠 > 콘텐츠(상세) */
  .conts-detail .pdfBox {
    height: 500px;
  }
  .conts-detail .play-wrap {
    height: 500px;
    min-height: auto;
    background-size: contain !important;
    background-position: center !important;
    background-color: #000000 !important;
  }
  .conts-detail-wrap .conts-detail {
    width: 100%;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li {
    flex-shrink: 0;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .thumbnail {
    margin-bottom: 8px;
  }
  .conts-detail-wrap
    .related-conts
    .related-wrap
    > ul
    > li
    > .thumbnail
    .cont-time {
    bottom: 6px;
    right: 6px;
    width: auto;
    padding: 0 5px;
    font-size: 1rem;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-cate {
    margin-bottom: 2px;
    line-height: 1.6rem;
    font-size: 1.1rem;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > .conts-tit {
    font-size: 1.3rem;
  }
  .conts-detail-wrap .related-conts .related-wrap > ul > li > span {
    height: 21px;
    padding: 0 6px;
    line-height: 2.1rem;
  }
  .conts-detail ul.tag-list > li {
    height: 28px;
    padding: 0 8px;
    margin-right: 6px;
    line-height: 2.8rem;
    font-size: 1.1rem;
  }
  .conts-detail .script-wrap {
    padding-top: 20px;
    margin-top: 20px;
  }
  .conts-detail .script-wrap > p {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }

  /* 분류별콘텐츠 */
  .clasf-wrap #contsWrap > h3 {
    padding-bottom: 15px;
    border-bottom: 1px solid #414146;
  }
  .clasf-wrap ul.clasf-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 10px;
  }
  .clasf-wrap ul.clasf-list > li {
    flex-shrink: 0;
    flex-basis: auto;
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-right: 4px;
  }
  .clasf-wrap ul.clasf-list > li > a {
    padding: 12px 20px;
  }

  /* 교육콘텐츠 > 맞춤추천설정(목록) */
  .intCategory_window .popup-content {
    padding: 0;
  }
  /*.container .clasf-step-wrap{ padding-bottom: 90px;}*/
  /*.clasf-step-wrap .clasf-step .step{ width: 100%; min-height: 160px; padding-top: 30px;}*/
  /*.clasf-step .step .step-box{ height: 23px; margin-right: 12px; line-height: 2.3rem; font-size: 1.1rem;}*/
  /*.clasf-step .step > p{ display: inline-block; width: auto; margin-top: 0; line-height: 2.3rem; font-size: 1.6rem;}*/
  /*.clasf-step > span{ display: none;}*/
  .clasf-step .step > ul > li {
    margin-right: 3px;
    margin-bottom: 7px;
  }
  .clasf-step .step > ul > li > input + label {
    padding: 8px 10px;
    line-height: 17px;
    font-size: 12px;
  }
  .clasf-step .step p.empty-step-txt {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
  }
  .clasf-step-wrap .clasf-step {
    padding: 0;
  }
  /*.my-interest-wrap{ position: fixed; bottom: 89px; left: 0; right: 0; padding: 0; background: transparent; z-index: 999;}*/
  /*.my-interest-wrap > span{ display: block!important;}*/
  /*.my-interest-wrap > div{ display: none; width: 100%; padding: 20px 20px 10px; border-top: 1px solid var(--border-gray-e8); border-bottom: 1px solid var(--border-gray-e8); background: var(--bg-white);}*/
  /*.my-interest-wrap > div > h3{ display: none;}*/
  /*.my-interest-wrap > div > ul{ width: 100%; margin-left: 0;}*/
  /*.my-interest-wrap > div > ul > li{ height: 32px; padding: 7px 10px; margin-right: 8px; margin-bottom: 10px;}*/
  /*.my-interest-wrap > div > ul > li > p{ font-size: 1.2rem;}*/
  /*.my-interest-wrap #interestListBtn{ display: inline-block; width: 58px; height: 22px; margin: 0 auto; border: 1px solid var(--border-gray-e8); border-bottom: none; box-sizing: border-box; cursor: pointer;}*/
  /*.my-interest-wrap #interestListBtn.show{ background: url(/images/renewal/icon/icon_show_interest.png) no-repeat 50% 50% var(--bg-white);}*/
  /*.my-interest-wrap #interestListBtn.hide{ background: url(/images/renewal/icon/icon_hide_interest.png) no-repeat 50% 50% var(--bg-white);}*/
  /*.interest-btn-wrap{ position: fixed; bottom: 0; width: 100%; height: 90px; padding: 20px; border-top: 1px solid var(--border-gray-e8); border-bottom: 1px solid var(--border-gray-e8); background: var(--bg-white); box-sizing: border-box; z-index: 998;}*/
  /*.btn-save-interest{ width: 100%; height: 50px; margin: 0; line-height: 5rem; font-size: 1.4rem;}*/

  /* ====================== 교수Lab실 ======================== */
  /* 교수Lab실 공통 */
  .prfs-wrap > .prfs-search-wrap {
    height: auto;
    padding: 0;
    margin: 30px 0 0;
    border: none;
    background: none;
  }
  .prfs-wrap > .prfs-search-wrap h3 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    line-height: 2rem;
    font-size: 1.7rem;
  }
  .prfs-wrap > .prfs-search-wrap .prfs-search {
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid var(--border-gray-e8);
    background: var(--bg-white-gray);
    box-sizing: border-box;
  }
  .prfs-wrap > .prfs-search-wrap .prfs-search > .k-dropdown,
  .prfs-wrap > .prfs-search-wrap .prfs-search > .select {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    line-height: 1;
  }
  .prfs-wrap > .prfs-search-wrap .prfs-search #searchText {
    width: 100%;
    height: 35px;
    margin-left: 0;
  }
  .prfs-wrap > .prfs-search-wrap .prfs-search button#schPrfs {
    top: unset;
    right: 15px;
    width: 35px;
    height: 35px;
  }

  /* 교수Lab실 강사목록 */
  #bestPrfsList.prfs-list > li {
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border-gray-e8);
    box-sizing: border-box;
  }
  #bestPrfsList.prfs-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  #bestPrfsList.prfs-list > li > .rank-tag {
    top: 15px;
    left: 0;
    width: 28px;
    height: 28px;
    line-height: 2.8rem;
    font-size: 1.1rem;
  }
  #bestPrfsList.prfs-list > li > .prfs-img {
    float: left;
    width: 128px;
    height: 80px;
    margin-right: 15px;
  }
  #bestPrfsList.prfs-list > li > .prfs-info {
    float: left;
    width: calc(100% - 143px);
    padding: 6.5px 0;
  }
  #bestPrfsList.prfs-list > li > .prfs-info .prfs-nm {
    line-height: 2.1rem;
    font-size: 1.5rem;
  }
  #bestPrfsList.prfs-list > li > .prfs-info .prfs-sbjct {
    height: 36px;
    line-height: 1.8rem;
    font-size: 1.2rem;
  }
  #bestPrfsList.prfs-list > li:hover {
    border: none;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  #bestPrfsList.prfs-list > li:hover > .prfs-info {
    position: static;
    left: unset;
    bottom: unset;
    right: unset;
    background: none;
  }
  #bestPrfsList.prfs-list > li:hover > .prfs-info .prfs-nm {
    color: var(--text-color-34);
  }
  #bestPrfsList.prfs-list > li:hover > .prfs-info .prfs-sbjct {
    color: var(--text-color-75);
  }

  #prfsList.prfs-list {
    margin-bottom: 25px;
  }
  #prfsList.prfs-list > li {
    width: calc(50% - 7.5px);
    height: 185px;
    padding: 15px 0 12px;
    margin-right: 15px;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  #prfsList.prfs-list > li:nth-child(5n) {
    margin-right: 15px;
  }
  #prfsList.prfs-list > li:nth-child(2n) {
    margin-right: 0;
  }
  #prfsList.prfs-list > li > .prfs-img {
    height: 100px;
  }
  #prfsList.prfs-list > li > .prfs-info {
    height: 61px;
    padding: 0;
    margin-top: 10px;
    border-radius: 0;
  }
  #prfsList.prfs-list > li > .prfs-info > .prfs-nm {
    line-height: 2.1rem;
    font-size: 1.5rem;
  }
  #prfsList.prfs-list > li > .prfs-info > .prfs-sbjct {
    line-height: 1.2rem;
    font-size: 1.2rem;
  }
  #prfsList.prfs-list > li:hover {
    border: none;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  #prfsList.prfs-list > li:hover .prfs-img {
    height: 100px;
  }
  #prfsList.prfs-list > li:hover > .prfs-info {
    position: static;
    left: unset;
    bottom: unset;
    right: unset;
    padding: 0;
    background: none;
  }
  #prfsList.prfs-list > li:hover > .prfs-info .prfs-nm {
    color: var(--text-color-34);
  }
  #prfsList.prfs-list > li:hover > .prfs-info .prfs-sbjct {
    color: var(--text-color-75);
  }

  .board-list-wrap {
    padding-top: 0;
    margin-top: 1.5em;
    border-radius: 0;
  }
  .board-main .board-top {
    width: 100%;
    padding-top: 30px;
  }
  .contents.board-main #newBtn {
    position: absolute;
    bottom: 0;
    right: 2em;
  }
  #grid .brd-list {
    width: 100%;
    padding: 1.5em 0;
    margin-right: 0;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #e8e8e8;
  }
  #grid .brd-list .new-tag {
    position: static;
    float: left;
    width: 14px;
    height: 14px;
    margin-top: 0.5em;
    line-height: 14px;
    font-size: 0.9em;
    margin-left: 6px;
  }
  #grid .brd-list .brd-tag {
    font-size: 1.2em;
  }
  #grid .brd-list .brd-tit {
    height: 24px;
    margin: 0;
    font-size: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
  }
  #grid .brd-list .brd-date {
    padding-right: 1em;
    margin-right: 1em;
    font-size: 1.2em;
    background-size: 1px 10px;
  }
  #grid .brd-list .view-cnt {
    font-size: 1.2em;
  }

  /* 교수Lab실 > 프로필 */
  .profile-wrap .profile-top .profile-img {
    width: 335px;
    height: 210px;
    margin-bottom: 20px;
  }
  .profile-wrap .profile-top .profile-info > h3,
  .profile-wrap .profile-top .profile-info .profile-info-top h3 {
    line-height: 3.2rem;
    font-size: 2.3rem;
  }
  .profile-wrap .profile-top .profile-info > h3 > span,
  .profile-wrap .profile-top .profile-info .profile-info-top h3 > span {
    margin-right: 6px;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn {
    width: 100%;
    margin-top: 20px;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn > button {
    width: calc(25% - 7px);
  }
  .profile-wrap .profile-top .profile-info > ul > li > p {
    min-width: 100px;
    line-height: 3rem;
    font-size: 1.4rem;
  }
  .profile-wrap .profile-bot > ul {
    margin-top: 20px;
  }
  .profile-wrap .profile-bot > ul.detail-tab-menu > li {
    width: 25%;
    height: 50px;
    margin-left: 0;
    line-height: 5rem;
  }
  .profile-wrap .profile-bot > ul.detail-tab-menu > li > a {
    font-size: 1.4rem;
  }
  .profile-wrap .profile-bot-wrap {
    padding-top: 15px;
    background: var(--bg-white);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont > h4 {
    margin-bottom: 4px;
    line-height: 3.4rem;
    font-size: 1.6rem;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .career-list {
    padding: 0;
    margin-bottom: 15px;
    border-radius: 0;
    border-top: 1px solid var(--border-gray-thick);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .career-list > li {
    padding: 0;
    border-bottom: none;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .career-list > li > p {
    min-width: 100px;
    padding: 12.5px 10px;
    line-height: 2rem;
    font-size: 1.3rem;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .career-list > li > span {
    width: calc(100% - 100px);
    padding: 12.5px 10px;
    line-height: 2rem;
    font-size: 1.3rem;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list {
    padding: 0;
    margin-bottom: 15px;
    border-radius: 0;
    border-top: 1px solid var(--border-gray-thick);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li {
    display: flex;
    flex-direction: row;
    padding: 0;
    border-bottom: none;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p {
    flex-basis: auto;
    min-width: 56px;
    padding: 10px;
    line-height: 2.2rem;
    font-size: 1.3rem;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p + p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 95px;
    padding: 10px;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .lctr-list > li > p + p + p {
    flex: 1;
    padding: 10px;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list {
    border-radius: 0;
    border-top: 1px solid var(--border-gray-thick);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list#cmpEduList {
    padding: 0;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li {
    position: relative;
    flex-direction: column;
    height: auto;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-thumb {
    position: absolute;
    top: 15px;
    left: 0;
    width: 132px;
    height: 78px;
    margin: 0;
    margin-right: 15px;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list
    > li
    > .edu-thumb
    > span {
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    line-height: 3rem;
    font-size: 0.9rem;
    border-radius: 100%;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info {
    width: 100%;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info > span {
    height: 20px;
    margin-top: 2.5px;
    line-height: 2rem;
    font-size: 1rem;
    border-radius: 3px;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list
    > li
    > .edu-info
    > span:first-child {
    margin-left: 147px;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li > .edu-info > p {
    width: calc(100% - 147px);
    height: 46px;
    margin-top: 7px;
    margin-left: 147px;
    line-height: 2.3rem;
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list
    > li
    > .edu-info
    > ul
    > li {
    display: flex;
    width: 100%;
    height: 17px;
    padding: 0;
    margin-top: 4px;
    line-height: 1.7rem;
    font-size: 1.2rem;
    background: none;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list
    > li
    > .edu-info
    > ul
    > li
    > span {
    min-width: 95px;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list
    > li
    > .edu-info
    > ul
    > li
    > p {
    flex: 1;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list#cmpEduList
    > li
    > .edu-etc.edu-score {
    flex: none;
    flex-direction: row;
    width: 100%;
    height: 17px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list#cmpEduList
    > li
    > .edu-etc.edu-score
    > span {
    display: inline-block;
    min-width: 95px;
    margin-right: 10px;
    line-height: 1.7rem;
    text-align: left;
    font-size: 1.2rem;
    color: var(--text-color-66);
    font-weight: 400;
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list#cmpEduList
    > li
    > .edu-etc.edu-score
    > p {
    flex: 1;
    line-height: 1.7rem;
    text-align: left;
    font-size: 1.2rem;
    color: var(--text-color-34);
    font-weight: 400;
    font-family: var(--font-family-noto_sans_kr);
  }
  .profile-wrap
    .profile-bot-wrap
    .prfs-cont
    .edu-list#cmpEduList
    > li
    > .edu-etc.edu-score
    > p
    > span {
    text-align: left;
    font-size: 1.2rem;
    font-family: var(--font-family-noto_sans_kr);
    font-weight: 400;
  }
  .profile-wrap .profile-bot-wrap .prfs-cont .edu-list > li.empty-list > p,
  .prfs-cont-box .not-data-cont p {
    font-size: 1.2rem;
  }

  /* 교수Lab실 > 서브공통 */
  .prfs-sub-wrap .prfs-sub-top {
    height: auto;
    margin: 30px 0 25px;
  }
  .prfs-sub-wrap .prfs-sub-top > .thumbnail {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
  .prfs-sub-wrap .prfs-sub-top > h3 {
    margin: 9px 0;
    line-height: 3.2rem;
    font-size: 2.3rem;
  }
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn {
    width: 100%;
    margin-top: 20px;
  }
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button {
    width: calc(25% - 7px);
    min-width: auto;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit {
    padding: 10px;
    height: auto;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > a {
    max-width: calc(100% - 80px);
    line-height: 2.1rem;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > .ans-tag {
    height: 23px;
    padding: 0 10px;
    line-height: 2.3rem;
    font-size: 1.1rem;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul {
    float: left;
    width: 100%;
    margin-top: 4px;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul > li {
    padding-right: 10px;
    margin-right: 10px;
    line-height: 2.2rem;
    font-size: 1.2rem;
  }
  .prfs-qstn-wrap #qstnList .qstn-list > .qstn-tit > ul > li > span {
    width: 22px;
    height: 22px;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info {
    padding: 10px;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .thumbnail {
    width: 82px;
    height: 47px;
    margin-right: 15px;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .thumbnail.thumb-none {
    padding-top: 25px;
    background: url(/images/renewal/icon/icon_none_thumbnail.png) no-repeat 50%
      3px #e8e8e8;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info .sbjct-tit {
    width: calc(100% - 100px);
    height: 44px;
    margin-bottom: 0;
    line-height: 2.2rem;
    font-size: 1.3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul > li {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    background: none;
  }
  .prfs-qstn-wrap #qstnList .qstn-list .sbjct-info > ul > li > span {
    min-width: 90px;
  }

  .prfs-brd-cont .prfs-brd-tit {
    padding: 15px;
  }
  .prfs-brd-cont .prfs-brd-tit > h4 {
    margin-bottom: 6px;
    line-height: 2.5rem;
    font-size: 1.6rem;
  }
  .prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li {
    padding-right: 15px;
    margin-right: 15px;
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .prfs-brd-cont .prfs-brd-tit > ul.prfs-reg-info > li > .thumbnail {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .prfs-brd-cont #brdCont {
    padding: 15px;
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
  .prfs-brd-cont .answer-wrap {
    padding: 15px;
    margin-bottom: 15px;
  }
  .prfs-brd-cont .answer-wrap > p {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
  .prfs-brd-cont .answer-wrap > p + p {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
  .prfs-brd-cont .reply {
    padding-top: 0;
  }
  .prfs-brd-cont .reply > h4 {
    margin-bottom: 10px;
    line-height: 2.4rem;
    font-size: 1.5rem;
  }
  .prfs-brd-cont .reply .enter-wrap > textarea {
    width: calc(100% - 82px);
    height: 82px;
    padding: 10px;
    font-size: 1.3rem;
    border-radius: 5px 0 0 5px;
  }
  .prfs-brd-cont .reply .enter-wrap > button {
    width: 82px;
    height: 82px;
    line-height: 8.2rem;
    font-size: 1.3rem;
    border-radius: 0 5px 5px 0;
  }
  .prfs-brd-cont #replyList > li {
    padding: 15px 10px;
  }
  .prfs-brd-cont #replyList > li > p.none-replay {
    font-size: 1.2rem;
  }
  .prfs-brd-cont #replyList > li > .reply-nm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .prfs-brd-cont #replyList > li > .reply-dtm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .prfs-brd-cont #replyList > li > .reply-cont {
    margin-top: 10px;
    line-height: 2.3rem;
    font-size: 1.4rem;
  }
  .prfs-sub-wrap .prfs-middl {
    display: block;
  }
  .prfs-sub-wrap .prfs-middl .search-wrap + div {
    text-align: right;
  }

  /* 교수Lab실 > 게시판(목록) */
  .prfs-sub-wrap .grid-wrap {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  #m-grid.k-grid.template-grid,
  .mobile-grid.template-grid {
    border: none;
    border-top: 1px solid var(--border-gray-e8);
  }
  .mobile-grid.template-grid table tr td {
    border-bottom: 0;
  }
  #m-grid.k-grid.template-grid .brd-list,
  .mobile-grid.template-grid .brd-list {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  #m-grid.k-grid.template-grid .brd-list .brd-tit,
  .mobile-grid.template-grid .brd-list .brd-tit {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    height: 24px;
    line-height: 2.4rem;
    text-align: left;
    font-size: 1.556rem;
    color: var(--text-color-34);
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  #m-grid.k-grid.template-grid .brd-list .brd-date,
  .mobile-grid.template-grid .brd-list .brd-date {
    float: left;
    line-height: 2.2rem;
    text-align: left;
    font-size: 1.333rem;
    color: var(--text-color-56);
    font-weight: 400;
    letter-spacing: -0.02em;
    background-image: none;
  }
  #m-grid.k-grid.template-grid .brd-list .brd-tag,
  .mobile-grid .brd-list .brd-tag {
    height: auto;
    margin-bottom: 8px;
    padding: 3px 6px 4px;
    font-size: 11px;
    line-height: 14px;
  }

  .prfs-brd-cont .prfs-bot-btn {
    display: flex;
    justify-content: flex-end;
    margin: 15px 0;
  }
  .prfs-brd-cont .prfs-bot-btn .btn-list {
    margin-left: 7px;
  }

  /* ====================== 커뮤니티 ======================== */
  /* 커뮤니티 > 공지사항(목록) */
  .board-list-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 100px; /*padding-top: 2.5em; border-top: 1px solid #343434;*/
  }
  #m-grid .k-grid-norecords .board-empty {
    width: 100%;
    line-height: 100px;
  }
  #m-grid .k-grid-norecords .board-empty > p {
    font-size: 1.4rem;
    color: var(--text-color-75);
  }
  .contents.board-main .board-list-wrap #newBtn {
    position: static !important;
    margin-top: 15px;
  }

  /* 커뮤니티 > 공지사항(상세) */
  .board-detail .detail_content .brd-tit {
    padding: 1.5rem;
  }
  .board-detail .detail_content .brd-tit > p {
    height: auto;
    margin-bottom: 10px;
    line-height: 2.5rem;
    font-size: 1.7rem;
  }
  .board-detail .detail_content .brd-tit > span {
    line-height: 2rem;
    font-size: 1.4rem;
  }
  .board-bot-btn {
    display: flex;
    justify-content: center;
    flex-basis: auto;
    flex: 1;
    gap: 7px;
  }
  .board-bot-btn > button {
    flex: 1;
  }

  /* 커뮤니티 > 공지사항(등록) */
  .board-update {
    margin-bottom: 100px;
  }
  .board-update ul.brd-update-wrap {
    margin-top: 10px !important;
    border-top: 1px solid var(--border-gray-thick) !important;
  }
  .board-update ul.brd-update-wrap > li {
    padding: 15px 10px;
  }
  .board-update ul.brd-update-wrap > li > .brd-th {
    width: 100%;
    padding-left: 0;
    line-height: 2.2rem;
    font-size: 1.3rem;
  }
  .board-update ul.brd-update-wrap > li > .brd-td {
    width: 100%;
    padding: 0;
    margin-top: 8px;
  }
  /* 교수랩 */
  .prfs-qstn-wrap.board-update ul.brd-update-wrap {
    margin-top: 0 !important;
    border-top: 0 !important;
  }

  /* 커뮤니티 > FAQ(목록) */
  .contents.board-main.faq-main #newBtn {
    position: static !important;
    margin-top: 15px;
  }
  #grid .faq-list > .ques {
    position: relative;
    padding: 15px 10px 62px;
  }
  #grid .faq-list > .ques > span {
    width: 28px;
    line-height: 3.2rem;
    font-size: 1.7rem;
  }
  #grid .faq-list > .ques > a {
    width: calc(100% - 65px);
    line-height: 3.2rem;
    font-size: 1.4rem;
  }
  #grid .faq-list > .ques > button {
    position: absolute;
    height: 32px;
    margin-left: 7px;
    line-height: 3.2rem;
    font-size: 1.2rem;
  }
  #grid .faq-list > .ques > button.del-faq {
    right: 10px;
    bottom: 15px;
  }
  #grid .faq-list > .ques > button.mod-faq {
    right: 71px;
    bottom: 15px;
  }
  #grid .faq-list > .ques > input[type="button"].ans-control {
    right: 10px;
    width: 32px;
    height: 32px;
    line-height: 3.2rem;
    margin-left: 5px;
  }
  #grid .faq-list > ul {
    padding: 15px 10px;
  }
  #grid .faq-list > ul > li > span {
    width: 28px;
    line-height: 2.8rem;
    font-size: 1.7rem;
  }
  #grid .faq-list > ul > li > p {
    line-height: 2rem;
    font-size: 1.3rem;
  }

  /* 커뮤니티 > FAQ(수정) */
  .board-update ul.brd-update-wrap > li > .brd-td .k-dropdown.dropdown40 {
    width: 100% !important;
  }

  /* 커뮤니티 > 교육문의(목록) */
  .contents.qna-main #newBtn {
    position: static !important;
    width: auto !important;
    margin-top: 15px;
  }
  .qna-main .grid-wrap {
    margin-top: 10px;
  }
  .qna-main .btn-sorting {
    float: right;
    height: 20px;
    padding: 0;
    border: none;
  }
  .qna-main .btn-sorting.btn-list > span {
    line-height: 2rem;
    font-size: 1.3rem;
  }
  .qna-main #m-grid.k-grid {
    border-top: 1px solid var(--border-gray-34);
  }
  .qna-main #m-grid.k-grid .k-grid-header {
    display: none;
  }
  .qna-main #m-grid.k-grid .board-list {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .qna-main #m-grid.k-grid .board-list > span.answer-tag {
    display: inline-block;
    float: left;
    width: auto;
    height: 23px;
    padding: 0 10px;
    line-height: 2.3rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    border-radius: 3px;
    box-sizing: border-box;
  }
  .qna-main #m-grid.k-grid .board-list > span.answer-tag.answer-y {
    border: 1px solid var(--bg-primary-2);
    color: var(--text-color-primary);
  }
  .qna-main #m-grid.k-grid .board-list > span.answer-tag.answer-n {
    border: 1px solid var(--line-color-gray);
    color: var(--text-color-56);
  }
  .qna-main #m-grid.k-grid .board-list > a {
    float: left;
    width: 100%;
    margin-top: 4px;
    line-height: 2.4rem;
    text-align: left;
    font-size: 1.4rem;
    color: var(--text-color-34);
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .qna-main #m-grid.k-grid .board-list > ul {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .qna-main #m-grid.k-grid .board-list > ul > li {
    float: left;
    width: auto;
    height: 22px;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 2.2rem;
    font-size: 1.2rem;
    color: var(--text-color-56);
    font-weight: 400;
    letter-spacing: -0.02em;
    background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
    background-size: 1px 10px;
  }
  .qna-main #m-grid.k-grid .board-list > ul > li:last-child {
    background: none;
  }

  /* 커뮤니티 > 교육문의(상세) */
  .board-detail .comment #commentList > li {
    padding: 15px 10px !important;
  }
  .board-detail .comment #commentList > li > span {
    height: 24px;
    margin-right: 8px;
  }
  .board-detail .comment #commentList > li > .ans-tag {
    height: 24px;
    padding: 0 11px;
    margin-right: 15px;
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .board-detail .comment #commentList > li > .reg-nm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .board-detail .comment #commentList > li > .reg-dtm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .board-detail .comment #commentList > li > .reply-cont {
    padding: 10px;
    line-height: 2.3rem;
    font-size: 1.3rem;
  }
  .board-detail .comment .enter-wrap > textarea {
    width: calc(100% - 82px);
    height: 82px;
    padding: 10px;
    font-size: 1.3rem;
  }
  .board-detail .comment .enter-wrap > button {
    width: 82px;
    height: 82px;
    line-height: 8.2rem;
    font-size: 1.3rem;
  }

  /* 커뮤니티 > 동적게시판(목록) */
  #m-grid.k-grid .board-list > span.noti-tag {
    display: inline-block;
    width: auto;
    height: 29px;
    padding: 0 10px;
    margin: 0 auto;
    line-height: 27px;
    text-align: center;
    font-size: 13px;
    color: var(--primary-2);
    font-weight: 500;
    letter-spacing: -0.02em;
    border-radius: 3px;
    border: 1px solid var(--primary-2);
    box-sizing: border-box;
  }
  .contents.dnmc-main #newBtn {
    position: static !important;
    width: auto !important;
    margin-top: 15px;
  }
  .dnmc-main .grid-wrap {
    margin-top: 10px;
  }
  .dnmc-main .btn-sorting {
    float: right;
    height: 20px;
    padding: 0;
    border: none;
  }
  .dnmc-main .btn-sorting.btn-list > span {
    line-height: 2rem;
    font-size: 1.3rem;
  }
  .dnmc-main #m-grid.k-grid {
    border-top: 1px solid var(--border-gray-34);
  }
  .dnmc-main #m-grid.k-grid .k-grid-header {
    display: none;
  }
  .dnmc-main #m-grid.k-grid .board-list {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
    text-align: left;
  }
  .dnmc-main #m-grid.k-grid .board-list > span.brd-tag {
    display: inline-block;
    float: left;
    width: auto;
    height: 23px;
    padding: 0 10px;
    margin-right: 5px;
    line-height: 2.3rem;
    text-align: center;
    font-size: 1.1rem;
    color: var(--text-color-primary);
    font-weight: 500;
    letter-spacing: -0.02em;
    border-radius: 3px;
    border: 1px solid var(--bg-primary-2);
    box-sizing: border-box;
  }
  .dnmc-main #m-grid.k-grid .board-list > a {
    float: left;
    width: 100%;
    margin-top: 4px;
    line-height: 2.4rem;
    text-align: left;
    font-size: 1.4rem;
    color: var(--text-color-34);
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .dnmc-main #m-grid.k-grid .board-list > ul {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .dnmc-main #m-grid.k-grid .board-list > ul > li {
    float: left;
    width: auto;
    height: 22px;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 2.2rem;
    font-size: 1.2rem;
    color: var(--text-color-56);
    font-weight: 400;
    letter-spacing: -0.02em;
    background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
    background-size: 1px 10px;
  }
  .dnmc-main #m-grid.k-grid .board-list > ul > li:last-child {
    background: none;
  }

  /* 커뮤니티 > 동적게시판(상세) */
  .dnmc-detail .reply > h4 {
    line-height: 2.4rem;
    font-size: 1.5rem;
  }
  .dnmc-detail .reply .enter-wrap > textarea {
    width: calc(100% - 82px);
    height: 82px;
    padding: 10px;
    font-size: 1.3rem;
  }
  .dnmc-detail .reply .enter-wrap > button {
    width: 82px;
    height: 82px;
    line-height: 8.2rem;
    font-size: 1.3rem;
  }
  .dnmc-detail #replyList > li {
    padding: 15px 10px;
  }
  .dnmc-detail #replyList > li > .reply-nm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .dnmc-detail #replyList > li > .reply-dtm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .dnmc-detail #replyList > li > .del-reply {
    margin: 0;
  }
  .dnmc-detail #replyList > li > .reply-cont {
    margin-top: 10px;
    line-height: 2.3rem;
    font-size: 1.4rem;
  }

  /* ====================== 마이페이지 ======================== */
  /* 나의교육인증(목록) */
  .cert-wrap > h3 {
    line-height: 2.7rem;
    font-size: 1.8rem;
  }
  .cert-wrap > h3 > span {
    width: 27px;
    height: 27px;
    vertical-align: middle;
    margin: 0;
    margin-left: 8px;
    line-height: 2.7rem;
    font-size: 1.4rem;
  }
  .template-grid.m-cert-grid {
    border-top: 1px solid var(--border-gray-thick);
  }
  .m-cert-list {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .m-cert-list > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    text-align: left;
    font-size: 1.5rem;
    color: var(--text-color-34);
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .m-cert-list > ul {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
  }
  .m-cert-list > ul > li {
    float: left;
    width: 100%;
    line-height: 2.3rem;
    text-align: left;
  }
  .m-cert-list > ul > li > span {
    display: inline-block;
    float: left;
    min-width: 100px;
    font-size: 1.2rem;
    color: var(--text-color-66);
    font-weight: 400;
    letter-spacing: -0.02em;
  }
  .m-cert-list > ul > li > p {
    display: inline-block;
    float: left;
    width: calc(100% - 100px);
    font-size: 1.2rem;
    color: var(--text-color-34);
  }
  .m-cert-list > ul > li > p.crtf-n {
    color: var(--text-color-red);
  }
  .m-cert-list > ul > li > .cert-info-pop {
    color: var(--text-color-primary);
    text-decoration: underline;
    cursor: pointer;
  }
  /* 나의교육인증(팝업) */
  .cert-popup .cert-pop-wrap {
    padding: 0 15px;
  }
  .cert-popup .cert-pop-wrap > ul {
    margin-bottom: 0;
  }
  .cert-popup .cert-pop-wrap > ul > li > span {
    width: 90px;
    line-height: 2.2rem;
    font-size: 1.3rem;
  }
  .cert-popup .cert-pop-wrap > ul > li > p {
    line-height: 2.2rem;
    font-size: 1.3rem;
  }
  .cert-popup .cert-pop-wrap > ul > li > textarea {
    width: calc(100% - 105px);
    height: auto;
    line-height: 2.2rem;
  }
  .cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap > h3 {
    line-height: 2rem;
    font-size: 1.5rem;
  }

  /* 마이페이지 > 나의쪽지함(공통) */
  #myNotePop {
    padding: 0 15px !important;
  }
  #myNotePop #myNoteWrap.line-point-tab .k-tabstrip-items li.k-item {
    width: 33.33%;
  }
  #myNotePop
    #myNoteWrap.line-point-tab
    .k-tabstrip-items
    li.k-item
    span.k-link {
    font-size: 1.4rem;
  }
  #myNotePop #myNoteWrap.line-point-tab .k-content {
    padding-top: 10px;
    overflow-x: hidden;
  }
  #myNotePop #myNoteWrap .del-note {
    height: 35px;
    padding: 0 14px;
  }
  #myNotePop #myNoteWrap .del-note > span {
    line-height: 3.3rem;
    font-size: 1.3rem;
  }
  #myNotePop #myNoteWrap .send-note {
    height: 35px;
    padding: 0 14px;
  }
  #myNotePop #myNoteWrap .send-note > span {
    line-height: 3.3rem;
    font-size: 1.3rem;
  }
  #myNotePop #myNoteWrap .select-note {
    height: 35px;
    padding: 0 14px;
  }
  #myNotePop #myNoteWrap .select-note > span {
    line-height: 3.3rem;
    font-size: 1.3rem;
  }
  #myNotePop #myNoteWrap .select-note#addrAdd {
    float: right;
  }
  #myNotePop #myNoteWrap .pop-search-wrap {
    width: 100%;
    height: 35px;
  }
  #myNotePop #myNoteWrap .pop-search-wrap > .k-dropdown {
    width: 90px;
    height: 35px;
  }
  #myNotePop #myNoteWrap .pop-search-wrap > .k-dropdown > span > span {
    font-size: 1.3rem;
  }
  #myNotePop #myNoteWrap .pop-search-wrap .search-wrap {
    width: calc(100% - 100px);
    height: 35px;
  }
  #myNotePop #myNoteWrap .pop-search-wrap .search-wrap > input {
    height: 35px;
  }
  #myNotePop #myNoteWrap .pop-search-wrap .search-wrap > button {
    width: 35px;
    height: 35px;
  }
  #myNotePop #myNoteWrap .grid-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-y: auto;
  }
  #myNotePop #myNoteWrap .grid-wrap::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    border-radius: var(--scroll-bar-border-radius);
  }
  #myNotePop #myNoteWrap .grid-wrap::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  #myNotePop #myNoteWrap .grid-wrap::-webkit-scrollbar-track {
    background-color: var(--scroll-bar-bg-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  #myNotePop .k-grid.popup-grid .k-grid-header th.k-header {
    padding: 0;
    vertical-align: middle;
    line-height: 3rem;
    font-size: 1.3rem;
  }
  #myNotePop #addrSbjctList.k-grid.popup-grid .k-grid-header th.k-header {
    height: 40px;
  }
  #myNotePop .k-grid.popup-grid tbody td {
    padding: 5px 0;
    vertical-align: middle;
    line-height: 3rem;
    font-size: 1.3rem;
  }

  /* 마이페이지 > 나의쪽지함(쪽지상세_쓰기,읽기,답장) */
  #noteDetPop {
    padding: 0 15px !important;
  }
  ul.note-det-list {
    overflow-y: auto;
  }
  ul.note-det-list::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    border-radius: var(--scroll-bar-border-radius);
  }
  ul.note-det-list::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  ul.note-det-list::-webkit-scrollbar-track {
    background-color: var(--scroll-bar-bg-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  ul.note-det-list > li:first-child {
    padding: 10px;
  }
  ul.note-det-list > li > h2 {
    padding: 0;
    line-height: 2.5rem;
    font-size: 1.5rem;
  }
  ul.note-det-list > li > ul > li > p {
    min-width: 50px;
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  ul.note-det-list > li > p + div > ul.receiver-list > li {
    height: 35px;
    padding: 0 12px;
    margin-right: 4px;
    line-height: 3.5rem;
    font-size: 1.2rem;
  }
  ul.note-det-list > li > p + div > ul.receiver-list > li > textarea {
    padding: 10px 5px;
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  ul.note-det-list > li > p + div > ul.receiver-list > li > button {
    height: 35px;
  }
  ul.note-det-list > li > p + div > button.sch-rcvr {
    height: 35px;
  }
  ul.note-det-list > li > textarea {
    padding: 10px;
    font-size: 1.3rem;
  }
  ul.note-det-list > li > ul > li {
    font-size: 1.3rem;
  }
  ul.note-det-list > li > ul > li > span {
    line-height: 2.4rem;
  }
  #noteDetPop .pop-btn-wrap {
    padding: 10px 0;
  }
  #noteDetPop .pop-btn-wrap > button {
    height: 35px;
    padding: 0 14px;
    margin-left: 7px;
  }
  #noteDetPop .pop-btn-wrap > button > span {
    line-height: 3.3rem;
    font-size: 1.3rem;
  }

  /* 마이페이지 > 쪽지쓰기 받는사람 검색 */
  #prsnListPop .prsn-wrap {
    padding: 15px;
    overflow-y: auto;
  }
  #prsnListPop .user-search-wrap {
    width: 100%;
    height: 35px;
  }
  #prsnListPop .user-search-wrap > .k-dropdown {
    width: 90px;
    height: 35px;
  }
  #prsnListPop .user-search-wrap > .k-dropdown > span > span {
    font-size: 1.3rem;
  }
  #prsnListPop .user-search-wrap .search-wrap {
    width: calc(100% - 100px);
    height: 35px;
  }
  #prsnListPop .user-search-wrap .search-wrap > input {
    height: 35px;
  }
  #prsnListPop .user-search-wrap .search-wrap > button {
    width: 35px;
    height: 35px;
  }
  #prsnListPop .prsn-wrap::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    border-radius: var(--scroll-bar-border-radius);
  }
  #prsnListPop .prsn-wrap::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  #prsnListPop .prsn-wrap::-webkit-scrollbar-track {
    background-color: var(--scroll-bar-bg-color);
    border-radius: var(--scroll-bar-border-radius);
  }
  #prsnListPop .prsn-wrap .k-grid.popup-grid .k-grid-header th.k-header {
    padding: 0;
    vertical-align: middle;
    font-size: 1.3rem;
  }
  #prsnListPop .prsn-wrap .k-grid.popup-grid tbody td {
    padding: 5px 0;
    line-height: 3rem;
    font-size: 1.3rem;
  }
  #prsnListPop .pop-btn-wrap > button {
    height: 35px;
  }
  #prsnListPop .pop-btn-wrap > button > span {
    line-height: 3.5rem;
    font-size: 1.3rem;
  }

  /* 학습캘린더 */
  .calendar-wrap ul.schd-badge {
    top: 82px;
    right: 20px;
    z-index: 1;
  }
  .calendar-wrap ul.schd-badge > li {
    margin-left: 15px;
    margin-right: 0;
    line-height: 2rem;
  }
  .calendar-wrap ul.schd-badge > li > i.schdl {
    width: 8px;
    height: 8px;
    margin: 6px 8px 6px 0;
    text-indent: -999em;
  }
  .stdCalendar.k-scheduler {
    margin-top: 30px;
  }
  .stdCalendar.k-scheduler .k-scheduler-toolbar {
    height: 35px;
    margin-bottom: 48px;
  }
  .stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation {
    justify-content: center;
  }
  .stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current {
    flex-direction: row-reverse;
    flex-shrink: 0;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    width: 100px;
    margin: 0 auto;
  }
  .stdCalendar.k-scheduler .k-scheduler-toolbar .k-nav-current > span {
    width: 130px;
    line-height: 3.5rem;
    font-size: 2.2rem;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-toolbar
    .k-scheduler-navigation
    > button.k-nav-prev {
    position: absolute;
    left: 0;
    width: 35px;
    height: 35px;
    border: none;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-toolbar
    .k-scheduler-navigation
    > button.k-nav-next {
    position: absolute;
    width: 35px;
    height: 35px;
    margin-left: 6px;
    border: none;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-toolbar
    .k-scheduler-navigation
    > button.k-nav-today {
    height: 35px;
    padding: 0 13px;
    margin-left: 0;
    line-height: 3.5rem;
    font-size: 1.2rem;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-layout
    .k-scheduler-content
    .day-template
    > h3
    > i.schdl {
    width: 6px;
    height: 6px;
    margin-right: 2px;
    text-indent: -999em;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-layout
    .k-scheduler-content
    .day-template
    > h3
    > a {
    display: none;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-layout
    .k-scheduler-table
    td.k-other-month
    .k-nav-day {
    color: #757575;
  }

  /* 나의문의내역 > 상세 공통 */
  .my-ask-wrap .my-ask-det .ask-det-top {
    padding: 15px;
  }
  .my-ask-wrap .my-ask-det .ask-det-top > p {
    margin-bottom: 4px;
    line-height: 2.7rem;
    font-size: 1.7rem;
  }
  .my-ask-wrap .my-ask-det .ask-det-top > ul > li {
    height: 20px;
    padding-right: 15px;
    margin-right: 15px;
    line-height: 2rem;
    font-size: 1.4rem;
  }
  .my-ask-wrap .my-ask-det .ask-cont {
    padding: 15px;
    line-height: 2.3rem;
    font-size: 1.3rem;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li {
    padding: 15px 10px;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li > span {
    height: 25px;
    margin-right: 8px;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .ans-tag {
    height: 25px;
    padding: 0 11px;
    margin-right: 15px;
    line-height: 2.5rem;
    font-size: 1.3rem;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reg-nm {
    padding-right: 7px;
    margin-right: 7px;
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reg-dtm {
    line-height: 2.4rem;
    font-size: 1.3rem;
  }
  .my-ask-wrap .my-ask-det .reply-wrap #replyList > li > .reply-cont {
    padding: 10px 28px;
    line-height: 2.3rem;
    font-size: 1.3rem;
  }
  .my-ask-wrap .my-ask-det .reply-wrap .enter-wrap {
    margin-top: 0;
  }
  .my-ask-wrap .my-ask-det .reply-wrap .enter-wrap > textarea {
    width: calc(100% - 82px);
    height: 82px;
    padding: 10px;
    font-size: 1.3rem;
    border-radius: 5px 0 0 5px;
  }
  .my-ask-wrap .my-ask-det .reply-wrap .enter-wrap > button {
    width: 82px;
    height: 82px;
    line-height: 8.2rem;
    font-size: 1.3rem;
    border-radius: 0 5px 5px 0;
  }

  /* 나의문의내역 > 나의 강의 질문하기(목록) */
  .my-ask-wrap #qnaListWrap .qna-list > p.qna-tit {
    height: auto;
    padding: 10px;
  }
  .my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > a {
    line-height: 2.3rem;
    font-size: 1.4rem;
  }
  .my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .ans-tag {
    height: 23px;
    padding: 0 10px;
    line-height: 2.3rem;
    font-size: 1.1rem;
  }
  .my-ask-wrap #qnaListWrap .qna-list > p.qna-tit > .qna-dtm {
    width: 100%;
    margin-top: 2px;
    line-height: 2.2rem;
    text-align: left;
    font-size: 1.2rem;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info {
    padding: 10px;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info .thumbnail {
    width: 82px;
    height: 47px;
    margin-right: 15px;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info .sbjct-tit {
    width: calc(100% - 97px);
    height: 44px;
    margin: 1.5px 0;
    line-height: 2.2rem;
    font-size: 1.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul > li {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    font-size: 1.2rem;
    background: none;
  }
  .my-ask-wrap #qnaListWrap .qna-list .sbjct-info > ul > li > span {
    min-width: 97px;
  }

  /* 나의문의내역 > 교육문의(목록) */
  .my-ask-wrap .search-wrap .select {
  }
  .my-ask-wrap #m-inqrList.k-grid {
    border-top: 1px solid var(--border-gray-e8);
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid var(--border-gray-e8);
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > span.answer-tag {
    display: inline-block;
    float: left;
    width: auto;
    height: 23px;
    padding: 0 10px;
    line-height: 2.3rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    border-radius: 3px;
    box-sizing: border-box;
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > span.answer-tag.answer-y {
    border: 1px solid var(--bg-primary-2);
    color: var(--text-color-primary);
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > span.answer-tag.answer-n {
    border: 1px solid var(--line-color-gray);
    color: var(--text-color-56);
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > a {
    float: left;
    width: 100%;
    margin-top: 4px;
    line-height: 2.4rem;
    text-align: left;
    font-size: 1.4rem;
    color: var(--text-color-34);
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > ul {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > ul > li {
    float: left;
    width: auto;
    height: 22px;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 2.2rem;
    font-size: 1.2rem;
    color: var(--text-color-56);
    font-weight: 400;
    letter-spacing: -0.02em;
    background: url(/images/renewal/bg/bg_list_line.png) no-repeat 100% 50%;
    background-size: 1px 10px;
  }
  .my-ask-wrap #m-inqrList.k-grid .board-list > ul > li:last-child {
    background: none;
  }

  /* 마이페이지 > 내정보 */
  .my-info-wrap .my-info {
    margin-bottom: 15px;
  }
  .my-info-wrap .my-info > div {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
  }
  .my-info-wrap .my-info p.info-tit {
    width: calc(100% - 70%);
    height: auto;
    line-height: 20px;
  }
  .my-info-wrap .my-info p.info-tit.info-icon {
    height: auto;
  }
  .my-info-wrap .my-info div.info-cont.info-icon {
    height: auto;
  }
  .my-info-wrap .my-info div.info-cont {
    width: calc(100% - 30%);
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-info-wrap .my-info div.info-cont ul.profile-list > li {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .my-info-wrap .my-info div.info-cont ul.profile-list > li img {
    width: 40px;
    height: 40px;
  }
  .my-info-wrap .my-info div.info-cont.info-icon button.btn-set {
    height: 35px;
    margin-top: 0;
  }
  .my-info-wrap .my-info div.info-cont button.btn-set {
    height: 35px;
  }
  .my-info-btn .btn-list {
    height: 42px;
  }
  .my-info-btn .btn-list > span {
    line-height: 41px;
  }
  .my-info-wrap
    .my-info
    div.info-cont
    ul.profile-list
    > li.reg-profile
    .k-upload
    .k-dropzone {
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
  }
  .my-info-wrap
    .my-info
    div.info-cont
    ul.profile-list
    > li.reg-profile
    .k-upload
    .k-dropzone
    .k-upload-button {
    top: 13px;
    left: -16px;
    z-index: 1;
    width: 100%;
  }
  .my-info-wrap
    .my-info
    div.info-cont
    ul.profile-list
    > li.reg-profile
    .k-upload
    .k-dropzone
    .k-upload-button
    span {
    font-size: 1.112rem;
  }
  .my-info-window .pop-content {
    padding: 35px 15px;
  }
  .my-info-window .pop-content .input-box input.input {
    height: 35px;
  }
  .my-info-window .pop-content .input-box > button {
    height: 35px;
    line-height: 34px;
  }
  .my-info-window .pop-content .input-box .input-wrap > p {
    top: 8px;
    right: 10px;
  }
  .my-info-wrap .my-info div.info-cont ul.profile-list > li.reg-profile2 > img {
    width: 100%;
    height: 100%;
  }
  .my-info-wrap .my-info div.info-cont ul.profile-list > li.on:after {
    width: 121%;
    height: 121%;
  }
  .my-info-wrap .my-info div.info-cont ul.profile-list > li.on {
    border: 0;
  }

  /* ====================== 나의 강의실 ======================== */
  .edu_alert .table-box {
    display: none;
    padding-left: 0;
  }
  .edu_alert .m-table-box {
    display: block;
  }
  .edu_alert .popup-foot {
    flex-direction: column-reverse;
  }
  .edu_alert .popup-foot > div:nth-of-type(2) {
    justify-content: flex-start;
  }
  .edu_alert .popup-foot > div:nth-of-type(1) .btn {
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: url("../../images/renewal/mobile/icon/popup_close.svg")
      no-repeat center;
  }
  .edu_alert .popup-foot > div:nth-of-type(1) .btn span {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
  }
  .edu_alert .popup-foot label {
    display: flex;
    align-items: center;
  }

  .my-edu-list .item-wide .cont-box .sub-cont-box .title-box p {
    display: block;
    height: auto;
    -webkit-line-clamp: 1;
    white-space: nowrap;
  }
  .my-edu-list .item-wide .cont-box .bottom-box > div p {
    font-size: 12px;
    line-height: 17px;
  }

  .k-window .k-window-titlebar .k-window-actions .k-window-action {
    background: url("../../images/renewal/mobile/icon/popup_close_lg.svg")
      no-repeat center !important;
  }

  /*  학습HOME  */
  .learning-main {
    display: block;
    padding-top: 0;
    padding-left: 0;
  }
  .learning-sidebar {
    position: relative;
    width: 100%;
    min-height: auto;
    padding-right: 0; /* 모바일일 때 height 자동조절 추가 */
    height: auto;
  }
  .learning-content {
    width: 100%;
  }

  .learning-sidebar .sidebar-top {
    align-items: center;
    padding: 15px 20px;
  }
  .learning-sidebar .sidebar-top:after {
    display: none;
  }
  .learning-sidebar .sidebar-top strong {
    margin: 0;
    font-size: 1.556rem;
  }
  .learning-sidebar .sidebar-top .home {
    display: none;
  }
  .learning-sidebar .sidebar-top .right {
    width: 12px;
    height: 12px;
    margin: 0 8px;
    background: url("../../images/renewal/mobile/icon/learning_navi_right.svg")
      no-repeat center;
  }
  .learning-sidebar .sidebar-top .sideMenuNm {
    font-weight: 700;
    color: #121212;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .learning-sidebar .sidebar-top.code_live strong.sideMenuNm {
    color: #121212;
  }
  .learning-sidebar .sidebar-top.elearning strong.sideMenuNm {
    color: #121212;
  }
  .learning-sidebar .sidebar-top .learning-nav-btn {
    width: 16px;
    height: 16px;
    margin: 0 7px;
    background: url("../../images/renewal/mobile/icon/icon_navi_down.svg")
      no-repeat center;
  }
  .learning-sidebar ul {
    display: none;
    position: absolute;
    top: 60px;
    z-index: 2;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: #ffffff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
  }
  .learning-sidebar ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .learning-sidebar ul li {
    float: left;
    width: 50%;
    border-bottom: 0;
  }
  .learning-sidebar ul li a {
    padding: 10px 20px;
    line-height: 14px;
  }

  .blend-sub-cont {
    padding: 0 20px;
  }
  .blend-sub-cont > div {
    flex-direction: column;
    padding: 0;
    border-bottom: 0;
  }
  .blend-sub-cont h2 {
    margin-right: 0;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
  }
  .sbjct-sel-box {
    width: 100%;
  }
  .learning-page .learning-top .left-box {
    display: block;
  }
  .learning-content .learning-top {
    padding: 10px 0 20px;
  }
  .learning-content .learning-top .right-box {
    display: none !important;
  }
  .learning-content .learning-top .left-box .txt-box {
    width: 100%;
    padding-right: 0;
  }
  .learning-content .learning-top .left-box {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 15px;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  /*.learning-page .learning-top .left-box .m { display: block !important;}*/
  /*.learning-top .left-box .m { display: block !important;}*/
  .progress-wrap .progress-bar .progressBarTxt {
    display: none;
  }
  .learning-content .learning-top .title-box {
    margin-bottom: 15px;
  }
  .learning-content .learning-top h2 {
    font-size: 2rem;
    line-height: 28px;
  }
  .learning-content .learning-top h2 span {
    max-width: 100%;
  }
  .learning-main .home {
    width: 24px;
    height: 24px;
    background: url("../../images/renewal/mobile/icon/home.svg") no-repeat
      center;
  }
  .learning-content .learning-top .top-text {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
  }
  .learning-content .learning-top .top-text p {
    font-size: 13px;
    text-align: left;
    line-height: 25px;
  }
  .learning-content .learning-top .top-text p:nth-of-type(1) {
    margin-right: 0;
  }
  .learning-top .left-box .m .progress-box {
    display: flex;
    align-items: center;
  }
  .learning-top .left-box .m .progress-box p {
    flex-shrink: 0;
    margin-right: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    letter-spacing: -0.02em;
  }
  .learning-top .left-box .m .progress-box strong {
    margin-left: 20px;
    font-family: var(--font-family-saira);
    font-size: 15px;
    font-weight: 600;
    color: #343434;
    line-height: 25px;
  }
  .learning-content .learning-top .progress-wrap {
    width: calc(100% - 20%);
    height: 13px;
  }
  .learning-content .learning-top .btn-box {
    margin-top: 20px;
    padding-bottom: 0;
  }
  .learning-content .learning-top .btn-box .btn {
    padding: 13px 9px 15px 28px;
  }
  .learning-content .learning-top .btn-box .btn span {
    font-size: 12px;
    line-height: 12px;
  }
  .learning-content .learning-top .btn-box .btn.download {
    background: #ffffff
      url("../../images/renewal/mobile/icon/learning_icon_download.svg")
      no-repeat 8px center;
  }
  .learning-content .learning-top .btn-box .btn.result {
    margin-left: 5px;
    background: #ffffff
      url("../../images/renewal/mobile/icon/learning_icon_graph.svg") no-repeat
      8px center;
  }

  .learning-idx-wrap,
  .learning-summary,
  .learning-bg-wrap {
    padding: 20px;
  }
  .learning-content h3 {
    font-size: 1.777rem;
    line-height: 16px;
  }
  .learning-content h3 .open {
    line-height: 14px;
  }

  .learning-card {
    margin-top: 10px;
  }
  .learning-card .card-list {
    flex-direction: column;
    margin: 0;
  }
  .learning-card .card-list .card-item {
    width: 100%;
    padding-left: 0;
    padding-bottom: 10px;
  }
  .card-list .card-item > div {
    display: flex;
    align-items: center;
    padding: 15px;
  }
  .card-list .card-item > div .info-box {
    width: calc(100% - 30%);
    margin-right: 16px;
  }
  .card-list .card-item > div .badge {
    margin-bottom: 8px;
    padding: 3px 6px 4px;
    font-size: 11px;
    line-height: 14px;
  }
  .card-list .card-item > div .info-box p {
    font-size: 14px;
    line-height: 20px;
  }
  .card-list .card-item > div .txt-bottom {
    margin-top: 8px;
  }
  .card-list .card-item > div .txt-bottom p {
    font-size: 11px;
    line-height: 16px;
  }
  .card-list .card-item > div .btn-box {
    width: 30%;
    margin-top: 0;
  }
  .card-list .card-item > div .btn-box .btn-list,
  .card-list .card-item > div .btn-box .btn-disabled {
    height: 35px;
    padding: 0;
    line-height: 35px;
  }
  .card-list .card-item > div .btn-box .btn-list > span,
  .card-list .card-item > div .btn-box .btn-disabled span {
    font-size: 12px;
    line-height: 14px;
  }
  .k-grid .k-pager-wrap .k-pager-info {
    display: none;
  }
  .mobile-grid.template-grid {
    overflow: auto;
    border-top: 1px solid #343434;
  }
  .k-pager-wrap span.k-pager-info {
    font-size: 13px;
  }

  /* 블랜디드 */
  .learning-sublist {
    padding: 0 20px;
  }
  .mobile-grid.template-grid.blend-list .brd-list {
    padding: 10px;
  }
  .mobile-grid.template-grid.blend-list .brd-list .badge-group {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }
  .mobile-grid.template-grid .brd-list .brd-tit {
    overflow: hidden;
    height: auto;
    font-size: 1.6rem;
    line-height: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-grid.template-grid .brd-list .brd-tit:after {
    content: "";
    display: block;
    clear: both;
  }
  .mobile-grid.template-grid .brd-list .top-text {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 4px;
  }
  .mobile-grid.template-grid .brd-list .top-text p {
    position: relative;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .mobile-grid.template-grid .brd-list .top-text p strong {
    display: inline-block;
    margin-left: 10px;
    color: #343434;
  }
  .mobile-grid.template-grid .brd-list .top-text p:nth-of-type(1) {
    padding-left: 0;
  }
  .mobile-grid.template-grid .brd-list .top-text p:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 4.5px;
    left: 0;
    width: 1px;
    height: 11px;
    background: #dddddd;
  }
  .mobile-grid.template-grid .brd-list .btn-box {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
  }
  .mobile-grid.template-grid .brd-list .btn-box .btn-list {
    height: 37px;
    line-height: 37px;
  }
  .mobile-grid.template-grid .brd-list .btn-box .btn-list > span {
    font-size: 13px;
    font-weight: 500;
    line-height: 35px;
  }

  /* 강의 목차 */
  .learning-content .idx-list-wrap > li .accordion-head {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .learning-content .idx-list-wrap > li .accordion-head .acc-head-cont {
    flex-direction: column;
    position: relative;
    width: calc(100% - 20%);
    padding-left: 10px;
  }
  .learning-content .acc-head-cont .accordion-title {
    width: 100%;
    padding-right: 0;
  }
  .learning-content .acc-head-cont .accordion-btn {
    width: 100%;
    padding-right: 41px;
  }
  .learning-content .accordion .accordion-head .accordion-icon {
    position: absolute;
    bottom: 5px;
    right: 0;
    margin-left: 0;
  }
  .learning-content .accordion.code_live .accordion-head .accordion-icon {
    bottom: 0;
    right: 10px;
  }
  .accordion-btn .btn-list.btn-point {
    margin-left: 0;
  }
  .code_live.idx-list-wrap .accordion-body {
    padding: 0;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li {
    padding: 10px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li > p {
    width: calc(100% - 80%);
    margin-right: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .idx-list-wrap.code_live .accordion-body .idx-2-box > li > p {
    width: calc(100% - 85%);
    text-align: left;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont {
    flex-direction: column;
    justify-content: flex-start;
    width: calc(100% - 25%);
  }

  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li > p {
    width: calc(100% - 85%);
    margin-right: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li .idx-dtl-cont {
    width: calc(100% - 25%);
  }
  .idx-list-wrap
    .accordion-body
    .idx-2-box
    > li
    .idx-3-box
    > li
    .idx-dtl-cont
    .idx-dtl-title {
    width: 100%;
  }
  .idx-list-wrap .accordion-body {
    padding: 10px;
  }
  .learning-content .txt-bottom {
    width: 100%;
  }
  .learning-content .txt-bottom p,
  .learning-content .accordion-body .idx-2-box > li > div p,
  .learning-content .accordion-body .idx-3-box > li > div p {
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .learning-content .txt-bottom p:nth-of-type(1),
  .learning-content .accordion-body .idx-2-box > li > div p:nth-of-type(1),
  .learning-content .accordion-body .idx-3-box > li > div p:nth-of-type(1) {
    padding-left: 0;
  }
  .learning-content .txt-bottom p span,
  .learning-content .accordion-body .idx-2-box > li > div p span,
  .learning-content .accordion-body .idx-3-box > li > div p span {
    margin-left: 6px;
  }
  .learning-content .txt-bottom p:after,
  .learning-content .accordion-body .idx-2-box > li > div p:after {
    top: 3.5px;
    height: 9px;
  }
  .learning-content .accordion-btn {
    width: 100%;
    margin-top: 15px;
  }
  .accordion .accordion-btn .btn-list,
  .learning-gird .btn-list {
    justify-content: center;
    width: 100%;
    height: 36px;
  }
  .learning-idx-wrap .accordion-btn .btn-list > span {
    font-size: 12px;
    line-height: 18px;
  }
  .accordion-btn .btn-list.play:disabled {
    margin-left: 0;
  }
  .accordion-btn .btn-list:nth-of-type(2) {
    margin-left: 7px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li {
    padding-left: 20px;
  }

  /* 종합결과 */
  .learning-result-wrap {
    padding: 20px;
  }
  .result-chart-wrap {
    flex-direction: column;
    margin-bottom: 20px;
    padding-top: 7px;
  }
  .result-chart-wrap .result-chart {
    width: 100%;
    height: 250px;
  }
  .result-chart-wrap .result-prog-box {
    width: 100%;
    margin-left: 0;
  }
  .learning-content h3.result-title {
    align-items: center;
  }
  .learning-content h3.result-title .badge {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 7px;
    padding: 2px 6px 3px;
    font-size: 11px;
    line-height: 16px;
  }
  .result-chart-wrap .result-chart {
    display: inline-block;
    margin: 0 auto;
  }
  .result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit {
    font-size: 1.55rem;
  }
  .result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit strong {
    font-size: 2.8624rem;
  }
  .result-chart-wrap .result-chart .donutChart-txt .donutChart-subTit span {
    font-size: 1.41312rem;
  }
  .result-prog-box .stnd-item .stnd-title p {
    line-height: 24px;
  }
  .result-prog-box .stnd-item .stnd-title span {
    padding: 4px 6px;
    font-size: 1.223rem;
  }
  .result-prog-box .stnd-item .progress-wrap,
  .result-prog-box .stnd-item .progress-wrap .progress-bar {
    height: 10px;
    border-radius: 22px;
  }
  .result-prog-box .stnd-item .stnd-sco {
    margin-left: 10px;
  }

  /*  리스트 홈  */
  .learning-wrap {
    padding: 20px;
  }
  .learning-wrap .learning-noti li {
    font-size: 1.444rem;
  }
  .learning-wrap .learning-noti li h3,
  .learning-wrap .learning-cont h3 {
    margin-top: 10px;
    font-size: 1.777rem;
    line-height: 34px;
  }
  .learning-wrap .learning-noti li:first-child h3 {
    margin-top: 0;
  }
  .learning-wrap .learning-noti li .txt-box p {
    font-size: 1.444rem;
    line-height: 25px;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .learning-card.learning_list {
    margin-top: 20px;
  }
  .learning-card.learning_list .card-list .card-item > div {
    flex-direction: column;
  }
  .learning-card.learning_list .card-list .card-item > div .info-box {
    width: 100%;
    margin: 0;
  }
  .learning-wrap .learning_list .card-list .card-item .badge {
    margin-bottom: 0;
  }
  .learning-card.learning_list .card-list .card-item > div .info-box > p {
    display: inline-block;
    width: calc(100% - 16%);
    padding-left: 8px;
    font-size: 1.777rem;
    vertical-align: middle;
  }
  .learning-wrap .learning_list .card-list .card-item .txt-bottom {
    margin-top: 12px;
    padding-top: 12px;
  }
  .learning-wrap .learning_list .card-list .card-item .txt-bottom p {
    margin-bottom: 2px;
    font-size: 1.333rem;
  }
  .learning-card.learning_list .card-list .card-item > div .btn-box {
    width: 100%;
    margin-top: 12px;
  }

  /* 시험 결과 */
  .k-window .k-window-titlebar .k-window-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
  }
  .k-window .stare-window .popup-content {
    padding: 0 15px 15px;
    height: 480px;
    overflow-y: auto;
  }
  .stare-top-cont {
    padding: 15px 0;
  }
  .stare-top-cont .stare-top-text ul {
    flex-direction: column;
  }
  .stare-top-cont .stare-top-text ul li {
    margin-left: 0;
  }
  .stare-top-cont .stare-top-text ul li span {
    padding-left: 20px;
    font-size: 12px;
    line-height: 22px;
  }
  .stare-top-cont .stare-top-text ul li span:nth-of-type(1) {
    width: calc(100% - 85%);
    text-align: left;
  }
  .stare-top-cont .stare-top-text ul li strong {
    font-size: 12px;
    line-height: 22px;
  }
  .stare-cont .problem-list .problem-title-box {
    flex-direction: column;
    padding: 10px;
  }
  .stare-cont .problem-list .problem-title-box .sortNum {
    font-size: 17px;
    line-height: 22px;
  }
  .stare-cont .problem-list .problem-title-box .problem-title {
    font-size: 13px;
    line-height: 22px;
  }
  .stare-cont .crctYn {
    width: 5rem;
    height: 5rem;
  }
  .stare-cont .crctY {
    background: url("../../images/renewal/mobile/icon/answer.svg") no-repeat
      center;
  }
  .stare-cont .crctN {
    background: url("../../images/renewal/mobile/icon/wrong_answer.svg")
      no-repeat center;
  }
  .stare-cont .problem-list .problem-cont {
    padding: 15px 10px;
  }
  .stare-cont .problem-list .problem-cont .exam-num {
    width: 18px;
    height: 18px;
    font-size: 1.223rem;
    line-height: 11px;
  }
  .stare-cont .problem-list .problem-cont label .exam-num + span {
    width: calc(100% - 18px);
    font-size: 1.333rem;
    line-height: 18px;
  }
  .stare-cont .problem-list .problem-cont textarea.k-textbox {
    height: 137px;
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 3px 0 0 3px;
    font-size: 13px;
    color: #343434;
    line-height: 21px;
  }
  .stare-cont .problem-list .problem-cont .textarea-box {
    padding-left: 0;
  }
  .stare-cont .ansr-box-wrap {
    justify-content: flex-start;
  }
  .stare-cont .ansr-btn {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 22px;
  }
  .stare-cont .ansr-box p {
    font-size: 1.444rem;
    line-height: 15px;
  }
  .stare-cont .ansr-box p .exam-num:nth-of-type(1) {
    font-size: 11px;
    line-height: 11px;
  }
  .stare-cont .exam-ansr-cont {
    padding: 10px 10px 10px calc(100% - 83%);
  }
  .stare-cont .exam-ansr-cont span {
    margin-right: 10px;
    font-size: 11px;
    line-height: 21px;
  }
  .stare-cont .exam-ansr-cont p {
    font-size: 12px;
    line-height: 22px;
    word-wrap: break-word;
    word-break: keep-all;
  }

  /* 과제 */
  .hw-box .hw-top {
    flex-direction: column;
  }
  .hw-box .hw-top h3 {
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 1.777rem;
    line-height: 24px;
  }
  .hw-box .hw-top .hw-date {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
  }
  .hw-box .hw-top .hw-date p {
    width: 100%;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 20px;
  }
  .hw-box .hw-top .hw-date p strong {
    display: inline-block;
    width: calc(100% - 30%);
  }
  .hw-box .hw-top .hw-date .btn {
    margin-left: 0;
    padding: 0 16px;
    font-size: 12px;
    line-height: 31px;
  }
  .hw-box .hw-cont {
    padding: 10px;
  }
  .hw-box .hw-cont p {
    font-size: 13px;
    line-height: 20px;
  }
  .import-txt.col-red {
    font-size: 11px;
    line-height: 15px;
  }
  .custom-file-box > p {
    left: 90px;
    font-size: 12px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .hw-box .file-list-wrap {
    border-top: 1px solid #e8e8e8;
  }

  /* 퀴즈 */
  .stare-cont .problem-list .problem-cont .ox li label {
    width: 96px;
    height: 96px;
  }
  .stare-cont .problem-list .problem-cont .ox li .o-box label .img,
  .stare-cont .problem-list .problem-cont .ox li .x-box label .img {
    width: 42px;
    height: 49px;
    background-size: contain;
  }
  .stare-cont
    .problem-list
    .problem-cont
    .ox
    li
    .o-box
    input:checked
    + label
    .img,
  .stare-cont
    .problem-list
    .problem-cont
    .ox
    li
    .x-box
    input:checked
    + label
    .img {
    background-size: contain;
  }
  .stare-window .resurt-box {
    padding-top: 0;
  }
  .stare-window .resurt-box .img-box {
    background-size: contain;
  }
  .stare-window .resurt-box .img-box strong {
    font-size: 1.76557rem;
    font-weight: 700;
    line-height: 18px;
    transform: translate(-50%, 43%);
    -ms-transform: translate(-50%, 43%);
    -moz-transform: translate(-50%, 43%);
    -webkit-transform: translate(-50%, 43%);
  }
  .stare-window .resurt-box .txt-box > p {
    margin-top: 15px;
    font-size: 2rem;
    line-height: 22px;
  }
  .stare-window .resurt-box .txt-box > p strong {
    margin-top: 5px;
  }
  .stare-window .resurt-box .txt-box .retry-box {
    margin: 12px 0 0;
    padding: 2px 9px 3px;
  }
  .stare-window .resurt-box .txt-box .retry-box p {
    font-size: 12px;
    line-height: 22px;
  }

  /* 설문 */
  #stare_surv_window .stare-cont {
    height: auto;
  }
  .stare-cont .problem-list .problem-cont .multip li label,
  .stare-cont .problem-list .problem-cont .multip li label p {
    font-size: 1.333rem;
    line-height: 16px;
  }
  .stare-cont .problem-list .problem-cont .multip li label img {
    width: 106px;
  }
  .stare-cont .problem-list .problem-cont .multip li label .btn {
    padding: 3px 8px;
  }
  .stare-cont .problem-list .problem-cont .multip li label .btn > span {
    font-size: 1.333rem;
    line-height: 16px;
  }
  /* 설문 - 매트릭스 */
  .matrix-head p {
    font-size: 1.444rem;
    line-height: 22px;
  }
  .matrix-head p.matrix-head-1 {
    display: none;
  }
  .matrix-head p.matrix-head-2 {
    display: none;
  }
  .matrix-head p.matrix-head-3 {
    width: 100%;
    padding: 10px;
  }
  .matrix-body .matrix-list > li * {
    box-sizing: border-box;
  }
  .matrix-body .matrix-list > li {
    flex-direction: column;
    background: #fafafa;
  }
  .matrix-body .matrix-list > li > div p {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
  }
  .matrix-body .matrix-list > li > .sortNum {
    width: 100%;
    padding: 10px 10px 5px;
    font-family: var(--font-family-nanum_square);
    font-size: 17px;
    font-weight: 800;
    text-align: left;
    line-height: 22px;
  }
  .matrix-body .matrix-list > li > .sortNum {
    font-family: var(--font-family-nanum_square);
    font-size: 17px;
    font-weight: 800;
    line-height: 22px;
  }
  .matrix-body .matrix-list > li > .sortNum > span {
    display: inline-block;
  }
  .matrix-body .matrix-list > li > .srv-name {
    width: 100%;
    padding: 0 10px 10px;
  }
  .matrix-body .matrix-list > li > .srv-exam {
    width: 100%;
    padding: 15px 10px;
    border-top: 1px solid #e8e8e8;
    background: #ffffff;
  }

  /* 게시판 */
  .learning-wrap .board-top-box .btn-box .btn-list {
    height: 42px;
    line-height: 40px;
  }
  .learning-wrap .board-top-box .btn-box .btn-list span {
    line-height: 40px;
  }
  .mobile-grid.template-grid .brd-list .reply-str {
    display: inline-block;
    flex-shrink: 0;
    min-width: 64px;
    margin-bottom: 4px;
    padding: 1px 10px 2px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;
    font-size: 1.2223rem;
    font-weight: 500;
    color: #565656;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .mobile-grid.template-grid .brd-list .reply-str.col {
    border: 1px solid var(--text-color-primary);
    color: var(--text-color-primary);
  }
  .mobile-grid.template-grid .brd-list2 .brd-tit {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 8px;
    font-size: 1.556rem;
  }
  .mobile-grid.template-grid .brd-list2 .brd-tit .tit {
    display: inline-block;
    overflow: hidden;
    max-width: calc(100% - 20%);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile-grid.template-grid .brd-list .brd-tit .new {
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-left: 8px;
    background: url("../../images/renewal/icon/icon_new.png") no-repeat center;
    vertical-align: middle;
  }
  .mobile-grid.template-grid .brd-list .brd-tit .list-lock {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    background: url("../../images/renewal/icon/icon_Lock_gray.png") no-repeat
      center;
  }
  .mobile-grid.template-grid .brd-list .brd-bottom {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .mobile-grid.template-grid .brd-list .brd-bottom p {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
    letter-spacing: -0.02em;
  }
  .mobile-grid.template-grid .brd-list .brd-bottom p.name {
    padding-left: 0;
    padding-right: 17px;
  }
  .mobile-grid.template-grid .brd-list .brd-bottom p.name:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 7px;
    width: 1px;
    height: 10px;
    background: #e8e8e8;
  }
  .learning-wrap .board-top-box .search-box .rfrcSelect {
    flex-shrink: 0;
    width: 100px;
  }
  .learning-wrap .board-top-box .search-box .input-box {
    width: calc(100% - 100px);
  }
  .learning-wrap .board-top-box .search-box input {
    width: 100%;
  }
  /* 블랜디드 게시판 */
  .brd-list2 .badge-wrap {
    display: flex;
    align-items: center;
  }
  .brd-list2 .badge-wrap .badge {
    flex-shrink: 0;
    margin-right: 8px;
    padding: 2px 8px 3px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;
    font-size: 10px;
    font-weight: 500;
    color: var(--badge-blend-text-color);
    line-height: 15px;
    letter-spacing: -0.05em;
  }
  .brd-list2 .badge-wrap .badge.elearning {
    color: var(--badge-el-text-color);
  }
  .brd-list2 .badge-wrap .badge.code_live {
    color: var(--badge-live-text-color);
  }
  .brd-list2 .badge-wrap .badge + span {
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #343434;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .brd-list2 .brd-tit-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .brd-list2 .brd-tit-group.brd-blind {
    flex-direction: row;
  }
  .mobile-grid.template-grid .brd-list .brd-tit-group.brd-blind .reply-str {
    margin-right: 8px;
  }

  .learning-brd-detail .brd-det-top {
    padding: 0 15px 15px;
  }
  .learning-brd-detail .brd-det-top .brd-title {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 23px;
  }
  .brd-det-top .brd-info-box > div {
    padding: 0 10px;
  }
  .brd-det-top .brd-info-box > div:nth-of-type(1) {
    padding-left: 0;
  }
  .brd-info-box .brd-profile .profile-box {
    width: 25px;
    height: 25px;
  }
  .brd-info-box .brd-profile p {
    font-size: 13px;
    line-height: 25px;
  }
  .brd-det-top .brd-info-box > div:after {
    top: 6.5px;
  }
  .brd-info-box .brd-date span {
    font-size: 13px;
    line-height: 25px;
  }
  .brd-info-box .brd-date .reply-str {
    height: auto;
    margin-left: 10px;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 20px;
  }
  .learning-brd-detail .brd-cont {
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .learning-brd-detail .file-template {
    padding: 17px 0;
  }
  .reply-box {
    padding: 15.5px 0;
  }
  .reply-box .reply-top {
    padding: 0 28px;
  }
  .reply-box .reply-top:after {
    left: 9px;
  }
  .reply-box .reply-top .tag {
    width: auto;
    margin-right: 15px;
    padding: 5px 11px 6px;
    font-size: 13px;
    line-height: 13px;
  }
  .reply-box .reply-top p {
    padding-left: 7px;
    font-size: 13px;
    line-height: 24px;
  }
  .reply-box .reply-top p.name {
    position: relative;
    margin-right: 0;
    padding-left: 0;
    padding-right: 8px;
    font-size: 13px;
    line-height: 24px;
  }
  .reply-box .reply-top p.name:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c4c4c4;
  }
  .reply-box .reply-cont {
    padding: 10px 0 10px calc(100% - 92%);
    font-size: 13px;
    line-height: 23px;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .reply-box .reply-cont p {
    font-size: 13px;
    line-height: 23px;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .learning-form + .btn-box .btn-list,
  .learning-brd-detail + .btn-box .btn-list {
    height: 42px;
    line-height: 40px;
  }
  .learning-form + .btn-box .btn-list > span,
  .learning-brd-detail + .btn-box .btn-list > span {
    line-height: 42px;
  }

  /* 토론 글쓰기 */
  .learning-wrap .board-top-box .info-box {
    width: 100%;
  }
  .learning-wrap .board-top-box .info-box h3 {
    font-size: 1.777rem;
    line-height: 24px;
  }
  .learning-form .form-top p {
    margin-bottom: 11px;
  }
  .learning-brd-form .form-box {
    padding: 15px 10px;
  }
  .learning-brd-form .form-box label {
    margin-bottom: 8px;
    font-size: 1.444rem;
    line-height: 22px;
  }
  .learning-brd-form .form-box input.k-textbox {
    height: 35px;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 19px;
  }
  .learning-brd-form .form-box .radio-box-wrap {
    width: 100%;
    margin-left: 0;
  }
  .learning-brd-form .form-box .radio-box-wrap label {
    margin-bottom: 0;
  }
  .k-dropzone .k-upload-status {
    font-size: 1.444rem;
  }
  /* 추가 */
  .learning-brd-form .form-box label {
    flex: 1;
  }
  .learning-brd-form .form-box input.k-textbox,
  .learning-brd-form .form-box table.k-editor,
  .learning-brd-form .form-box .radio-box-wrap,
  .learning-brd-form .form-box .area-box {
    flex: 3;
  }
  .k-upload .k-dropzone em.k-dropzone-hint {
    display: block;
  }
  .learning-form + .btn-box,
  .learning-brd-detail + .btn-box {
    padding: 0 10px;
  }
  .k-grid .k-grid-content table tr td {
    width: 100%;
    border: none;
  }
  /* //추가 */

  /* 과정내용 */
  .learning-cont .learning-noti h3 {
    padding-bottom: 4px;
    border-bottom: 1px solid #0d0914;
    font-size: 1.777rem;
    line-height: 34px;
  }
  .learning-cont .learning-noti .cont-txt-box {
    margin-bottom: 15px;
    padding: 15px 10px;
    border-bottom: 1px solid #e8e8e8;
    background: transparent;
  }
  .learning-cont .learning-noti .cont-txt-box .line-box {
    padding-bottom: 15px;
  }
  .learning-cont .learning-noti .cont-txt-box .line-box h4 {
    font-size: 15px;
    line-height: 23px;
  }
  .learning-cont .learning-noti .cont-txt-box .line-box div {
    font-size: 12px;
    line-height: 22px;
  }
  .learning-cont .learning-noti .cont-txt-box2 {
    padding: 0;
  }
  .learning-cont .learning-noti .cont-txt-box2 .flex-box {
    flex-direction: column;
  }
  .learning-cont .learning-noti .cont-txt-box2 p {
    font-size: 13px;
    line-height: 21px;
  }
  .learning-cont .learning-noti .flex-box p strong {
    padding: 12px 10px;
  }

  /*.learning-summary.sub-summary { padding: 20px;}*/
  .learning-page .learning-top .left-box .btn-box {
    flex-direction: row;
    justify-content: flex-start;
  }
  .learning-content .learning-top .btn-box .btn.result {
    margin-top: 0;
  }

  /*.accordion .accordion-btn .btn-list.download { margin-right: 7px;}*/

  /* player */
  .player-window .popup-content {
    flex-direction: column;
    overflow: auto !important;
    padding: 0 15px 15px;
  }
  .player-window .video-cont-box {
    width: 100%;
    padding: 71px 0 0;
  }
  .player-window .video-cont-box .play-wrap {
    height: 348px;
  }
  .player-window .video-cont-box .jp-video-play-icon {
    top: 44%;
  }

  .player-window .video-cont-box textarea {
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
  }
  .player-window .player-cont-box {
    width: 100%;
    height: 100%;
    padding-left: 0;
    border-top: 1px solid #e8e8e8;
  }
  .tabstrip-sty .k-tabstrip-items li.k-item {
    flex-shrink: 1;
    width: 100%;
  }
  .tabstrip-sty .k-tabstrip-items li.k-item span.k-link {
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px;
  }
  .player-window .player-cont-box .tabstrip-content {
    height: 24rem;
    scroll-behavior: smooth;
  }
  .player-window .player-cont-box .tabstrip-content .mCSB_container {
    margin-right: 30px;
  }
  .player-window .player-cont-box .player-title-box .player_title {
    font-size: 1.5556rem;
    line-height: 20px;
  }
  .player_progresbar .progress-bar {
    width: calc(100% - 20%);
  }
  .player-window
    .player-cont-box
    .player-title-box
    .player_progresbar
    progress {
    height: 8px;
    border-radius: 2px;
  }
  .player_progresbar .progress-txt {
    font-size: 11px;
    line-height: 10px;
  }
  .player-window .player-cont-box .idx-list-wrap .idx-list-item > strong {
    line-height: 25px;
  }
  .player-window .player-cont-box .idx-list-wrap .idx-list-item > p {
    font-size: 1.444rem;
  }
  .player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .timer {
    font-size: 1.2rem;
  }
  .k-window .k-window-content .player-form-box input.k-textbox {
    height: 35px;
    padding: 8px 10px;
  }
  .k-window .k-window-content .player-form-box textarea {
    height: 150px;
    padding: 10px;
  }
  .player-form-box .radio-box-wrap input[type="radio"].radio22 + label {
    font-size: 1.444rem;
    line-height: 25px;
  }
  /* 라이브 */
  .player-live-window .video-cont-box .videoPlayer iframe {
    height: 350px !important;
  }
  /* 미리보기 */
  #player_preview_window .popup-content {
    min-height: 394px;
    padding: 25px;
  }
  #player_preview_window .video-cont-box {
    padding-top: 0;
  }
  #player_preview_window .box-top-box .title-box .col {
    font-size: 1.444rem;
    line-height: 25px;
  }
  #player_preview_window .box-top-box ul li span,
  #player_preview_window .box-top-box ul li strong {
    font-size: 1.444rem;
    line-height: 25px;
  }

  /* 연간교육일정 */
  .ann-schedule-wrap {
    margin-top: 30px;
  }
  .ann-schedule-wrap .anul-scdl-wrap {
    display: block;
    width: 100%;
    padding-top: 20px;
  }
  .anul-scdl-sideBar {
    display: none;
  }
  .anul-scdl-sideBar-m {
    display: block;
    margin-bottom: 15px;
  }
  .ann-schedule-wrap .anul-scdl-wrap > .sidebar-wrap {
    width: 100%;
  }
  .ann-schedule-wrap .anul-scdl-wrap > div {
    width: 100%;
  }
  .anul-scdl-wrap .anul-scdl-txt {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 8px;
    font-size: 1.333rem;
    line-height: 24px;
  }
  .anul-scdl-wrap .anul-scdl-txt .icon {
    margin-right: 6px;
  }
  .anul-scdl-sideBar-m .anuScdlSideSel {
    width: 100%;
    height: 35px;
  }
  .mobile_anuScdl_list {
    display: flex;
    overflow: auto;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    scroll-behavior: smooth;
  }
  .mobile_anuScdl_list > li {
    flex-shrink: 0;
    position: relative;
  }
  .mobile_anuScdl_list > li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
  }
  .mobile_anuScdl_list > li.active:after {
    height: 3px;
  }
  .mobile_anuScdl_list > li a {
    display: block;
    padding: 15px;
    font-size: 1.444rem;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    letter-spacing: -0.03em;
  }
  .mobile_anuScdl_list > li.active:after {
    background: #008575;
  }
  .mobile_anuScdl_list > li.color-2.active:after {
    background: #454ebf;
  }
  .mobile_anuScdl_list > li.color-3.active:after {
    background: #d23325;
  }
  .mobile_anuScdl_list > li.color-4.active:after {
    background: #9275f3;
  }
  .mobile_anuScdl_list > li.active a {
    font-weight: 700;
    color: #008575;
  }
  .mobile_anuScdl_list > li.color-2.active a {
    color: #454ebf;
  }
  .mobile_anuScdl_list > li.color-3.active a {
    color: #d23325;
  }
  .mobile_anuScdl_list > li.color-4.active a {
    color: #9275f3;
  }
  .calender .k-scheduler-toolbar {
    width: 57%;
    height: 40px;
    margin-bottom: 0;
  }
  .calender .k-scheduler-toolbar:nth-of-type(1) {
    display: none;
  }
  .calender .k-scheduler-toolbar .k-nav-prev,
  .anul-scdl-cont .top-cont .btn-prev {
    border: 0;
    background: #ffffff url("../../images/renewal/mobile/icon/scdl_prev.svg")
      no-repeat center;
  }
  .calender .k-scheduler-toolbar .k-nav-next,
  .anul-scdl-cont .top-cont .btn-next {
    border: 0;
    background: #ffffff url("../../images/renewal/mobile/icon/scdl_next.svg")
      no-repeat center;
  }
  .calender .k-scheduler-toolbar .k-nav-prev {
    position: relative;
    left: 0;
  }
  .calender .k-scheduler-toolbar .k-nav-next {
    position: relative;
    left: auto;
    right: 0;
  }
  .calender .k-scheduler-toolbar .k-nav-current,
  .anul-scdl-cont .top-cont strong {
    margin: 0 10px;
    font-family: var(--font-family-saira);
    font-size: 2.446rem;
    font-weight: 700;
    color: #35353a;
    line-height: 35px;
    letter-spacing: -0.02em;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-y-date-format {
    padding-right: 5px;
    font-family: var(--font-family-saira);
    font-size: 2.446rem;
    font-weight: 700;
    color: #35353a;
    line-height: 35px;
    letter-spacing: -0.02em;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-y-date-format:after {
    content: ".";
  }
  .calender .k-scheduler-toolbar .k-nav-current {
    margin-left: calc(100% - 73%);
  }
  .anul-scdl-cont .top-cont {
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .anul-scdl-cont .top-cont .btn-list {
    height: 35px;
  }
  .anul-scdl-cont .top-cont .btn-list > span {
    font-size: 12px;
    line-height: 21px;
  }
  .calender .k-scheduler-toolbar .k-nav-today {
    width: 48px;
    padding: 7px 0;
  }
  .calender .k-scheduler-toolbar .k-nav-today span {
    font-size: 12px;
    line-height: 21px;
  }
  .k-scheduler-table td.k-today .k-link {
    margin-top: -3px;
  }
  .k-scheduler-table td.k-today .k-link:after {
    top: -1px;
    left: -4px;
    width: 21px;
    height: 21px;
  }
  .calender .k-scheduler-monthview .k-scheduler-table td {
    height: 48px;
    padding: 0;
  }
  .calender .k-scheduler-header th {
    width: unset !important;
    padding: 20px 0;
    border: 0;
    background: #ffffff;
    font-size: 12px;
  }
  .calender .k-scheduler-header th:nth-of-type(1) {
    border-left: 0;
  }
  /*     .calender .k-scheduler-monthview .k-scheduler-table td { border: 0; } */
  .calender .k-scheduler-monthview .k-scheduler-table td {
    border: 0;
    width: unset !important;
  }
  .calender .k-scheduler .k-link {
    font-size: 12px;
    line-height: 12px;
  }
  .calender .k-event .circle {
    width: 6px;
    height: 6px;
  }
  .calender.k-scheduler-mobile .k-scheduler-monthview .k-event {
    overflow: visible;
    height: 10px;
  }
  .calender.k-scheduler-mobile .k-scheduler-monthview .k-event {
    width: 6px;
    height: 6px;
  }
  .calender .event-box {
    display: inline-block;
    float: left;
  }
  .k-pane-wrapper {
    border: 0;
  }
  .anul-scdl-cont > .btn-list {
    height: auto;
    padding: 7px 13px;
  }
  .anul-scdl-cont > .btn-list > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
  }
  .k-scheduler-mobile .k-scheduler-footer {
    position: absolute;
    top: 0;
    left: auto;
    right: 113px;
    z-index: 8;
    padding: 0;
    border: 0;
  }
  .k-scheduler-mobile .k-scheduler-footer .k-scheduler-today {
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;
  }
  .k-scheduler-mobile .k-scheduler-footer .k-scheduler-today a {
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 400;
    color: #343434;
    line-height: 21px;
    letter-spacing: -0.02em;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-nav-current {
    flex-direction: row-reverse;
    position: relative;
    margin-left: 0;
  }
  .k-pane-wrapper .k-content,
  .k-pane-wrapper > div.k-pane {
    overflow: visible;
  }
  .k-button-group .k-button {
    display: none;
  }
  .k-tool-group.k-button-group .k-button {
    display: block;
  }
  .calender .event-box .event-tit {
    display: none;
  }

  .scheduler-list {
    border-top: 1px solid #e8e8e8;
  }
  .scheduler-list .scheduler-list-item {
    flex-direction: column;
    padding: 15px 10px;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .scheduler-list .scheduler-list-item .bar {
    display: none;
  }
  .scheduler-list .scheduler-list-item .item-title-box {
    width: 100%;
    padding: 0;
  }
  .scheduler-list .scheduler-list-item .badge-group .badge {
    font-size: 10px;
    line-height: 15px;
  }
  .scheduler-list .scheduler-list-item .item-title-box .title {
    position: relative;
    margin-top: 2px;
    margin-bottom: 3px;
    padding-left: 15px;
    font-size: 1.556rem;
  }
  .scheduler-list .scheduler-list-item .item-title-box .title:after {
    content: "";
    display: block;
    position: absolute;
    top: 8.5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
  .scheduler-list .scheduler-list-item .btn-box {
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }
  .scheduler-list .scheduler-list-item .btn-box .btn-list {
    flex-shrink: 1;
    width: 100%;
  }
  .scheduler-list .scheduler-list-item .btn-box .btn-list.btn-point {
    margin-left: 5px;
  }
  .scheduler-list .scheduler-list-item .item-cost-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 2px;
  }
  .scheduler-list .scheduler-list-item .item-cost-box p {
    position: relative;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  /*.scheduler-list .scheduler-list-item .item-cost-box p:nth-of-type(1) { padding-left: 0;}*/
  .scheduler-list .scheduler-list-item .item-cost-box p strong {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  .scheduler-list .scheduler-list-item .item-cost-box p strong span {
    font-size: 12px;
    line-height: 17px;
  }
  /*.scheduler-list .scheduler-list-item .item-cost-box p:nth-of-type(2):after { content: ''; display: block; position: absolute; top: 4px; left: 0; width: 1px; height: 9px; background: #dddddd;}*/
  .scheduler-list-item .hover-box {
    display: none;
  }
  /* 연간 */
  .year-list {
    border-bottom: 0;
    text-align: left;
  }
  .year-list .year-list-title {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .year-list:nth-of-type(1) .year-list-title {
    border-top: 1px solid #e8e8e8;
  }
  .year-list .year-list-title .circle {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 30px;
  }
  .year-list .year-list-title a {
    overflow: hidden;
    width: calc(100% - 20%);
    font-size: 1.444rem;
    font-weight: 500;
    color: #121212;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .year-list .year-list-title .btn-list,
  .year-list .year-list-title .btn-disabled {
    height: 35px;
    margin-left: 8px;
    padding: 0 13px;
    border-radius: 3px;
  }
  .year-list .year-list-title .btn-list span,
  .year-list .year-list-title .btn-disabled span {
    font-size: 12px;
    line-height: 32px;
  }
  .year-list .year-list-box {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
  }
  .year-list .year-list-box p {
    display: flex;
    margin-top: 3px;
    font-size: 1.223rem;
    font-weight: 400;
    line-height: 1.777rem;
  }
  .year-list .year-list-box p:nth-of-type(1) {
    padding-top: 0;
  }
  .year-list .year-list-box p > span {
    flex-shrink: 0;
    width: calc(100% - 70%);
    color: #666666;
    letter-spacing: -0.05em;
  }
  .year-list .year-list-box p > strong {
    width: calc(100% - 30%);
    font-weight: 400;
    color: #343434;
    letter-spacing: -0.03em;
  }
  .year-list .year-list-box p .col-red {
    color: #d23325;
  }
  .year-list .year-list-box p.cost > strong {
    display: inline-flex;
    width: auto;
    padding: 0 10px 0 0;
  }
  .year-list .year-list-box p.cost > strong span {
    font-weight: 400;
    margin-right: 7px;
  }
  .year-list .year-list-box p.cost > strong:nth-of-type(2) {
    position: relative;
    padding-left: 10px;
  }
  .year-list .year-list-box p.cost > strong:nth-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    top: 3.5px;
    left: 0;
    width: 1px;
    height: 9px;
    background: #dddddd;
  }

  /* ====================== 해외 ======================== */
  .fixed-menu {
    top: 54px;
    z-index: 9;
    width: 100% !important;
    padding-left: 0;
  }
  .fixed-menu > li {
    padding: 0;
  }
  .fixed-menu::-webkit-scrollbar-thumb {
    height: 3px !important;
    background: #c3c3c3 !important;
  }
  .learning-bg-wrap {
    background: #ffffff;
  }
  .learning-bg-wrap .detail-cont h4 {
    font-size: 1.555rem;
    line-height: 34px;
  }
  .learning-bg-wrap .edu-detail-wrap .detail-cont {
    padding-top: 10px;
  }
  .learning-bg-wrap .edu-detail-wrap .detail-cont .detail-box {
    padding: 0;
  }
  .learning-bg-wrap .edu-detail-wrap .detail-cont .detail-box.m-detail-box {
    border-top: 1px solid #e8e8e8;
  }
  .learning-bg-wrap .edu-detail-wrap .detail-cont .detail-box .course-cont {
    padding: 15px 10px;
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box
    .child-box
    .detail-dt {
    padding-left: 10px;
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box.last-box
    .detail-dt {
    width: calc(100% - 70%);
  }
  .learning-bg-wrap
    .edu-detail-wrap
    .detail-cont
    .detail-box
    > .flex-box.last-box
    .detail-dd {
    width: calc(100% - 30%);
  }
  .learning-bg-wrap .edu-detail-wrap .box-box {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .learning-bg-wrap .edu-detail-wrap .box-box .detail-box {
    margin-bottom: 0;
  }

  /* custom scrollbar */
  .stare-cont .mCSB_container {
    margin-right: 10px;
  }
  .stare-cont .mCSB_outside + .mCSB_scrollTools {
    right: -5px;
  }

  /* radio */
  input[type="radio"].radio22 + label {
    font-size: 1.555rem;
    line-height: 35px;
  }
}

@media screen and (max-width: 960px) {
  .k-pane-wrapper .k-pane > .k-view > .k-content {
    background-color: #ffffff;
  }
  .stdCalendar.k-scheduler .k-scheduler-layout {
    border-top: 0;
  }
  /*.stdCalendar.k-scheduler .k-scheduler-toolbar { margin-bottom: 0;}*/
  /*.stdCalendar.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation > button.k-nav-next { margin-left: 6px;}*/
  .stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-header th {
    border: 0;
    background: #ffffff;
  }
  .stdCalendar.k-scheduler .k-scheduler-layout .k-scheduler-table td {
    height: 48px;
    padding: 0;
    text-align: center;
  }
  .stdCalendar.k-scheduler
    .k-scheduler-layout
    .k-scheduler-content
    .day-template {
    padding: 0;
  }

  /* 서브 공통_검색창 */
  .search-page .search-wrap > button {
    top: 0;
    height: 100%;
  }
  .search-page #rsltWrap .edu-list > li {
    flex-direction: column;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .btn-list {
    width: 35px;
    text-align: center;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .btn-list span {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    left: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .search .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../images/renewal/mobile/icon/icon_edu_search.svg")
      no-repeat center;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .search:hover .icon {
    background: url("../../images/renewal/mobile/icon/icon_search_w.svg")
      no-repeat center;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .reset .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../images/renewal/mobile/icon/icon_reset.svg") no-repeat
      center;
  }
  .sbjct-apply-wrap .prfs-search-wrap .line-two .input-box .reset:hover .icon {
    background: url("../../images/renewal/mobile/icon/icon_reset_w.svg")
      no-repeat center;
  }
  /* 추가 */
  .btn-list:focus {
    border: 1px solid var(--primary-indigo);
    background: var(--primary-indigo);
  }
  /* //추가 */

  /*  교육인증  */
  /*     .cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap .pieChart-text { right: 91px;} */

  /* 콘텐츠 */
  .clasf-wrap .conts-list > li {
    height: auto;
  }
  .my-interest-wrap {
    padding: 20px 0;
  }
  .intCategory_window .clasf-step .step > ul > li > input + label {
    padding: 8px 13px 10px;
    font-size: 12px;
    line-height: 17px;
  }

  .sbjct-apply-wrap .edu-list-wrap .edu-list {
    width: 100%;
    margin-left: 0;
  }
  .sbjct-apply-wrap .edu-list-wrap .edu-list .not-data-cont {
    width: 100%;
    margin-left: 0;
  }

  .clasf-wrap .conts-list > li {
    width: 45%;
    padding: 0;
  }
  .clasf-wrap .conts-list > li .stdnt-box {
    width: 100%;
  }

  /* 교수랩실 */
  #prfsList.prfs-list > li {
    height: auto;
  }

  /*  썸네일  */
  #prfsList.prfs-list > li > .prfs-img {
    height: 180px;
  }
  .clasf-wrap .conts-list > li > .thumbnail,
  .my-edu-list .item-wide .img-box {
    height: 138px;
  }
  .clasf-wrap .conts-list > li > .thumbnail.thumb-none {
    padding-top: 27%;
  }

  /*  미리보기  */
  #player_preview_window .popup-content {
    padding: 0;
  }

  /* 쪽지함 */
  .line-point-tab {
    padding: 0;
  }
  #myNotePop
    #myNoteWrap.line-point-tab
    .k-tabstrip-items
    li.k-item
    span.k-link {
    padding: 0;
  }

  /*  ====================== 학습콘텐츠 > 추천콘텐츠 ======================   */
  /* 추가 */
  .edu-conts-wrap .prfs-search-wrap .line-two .input-box .btn-list {
    width: 35px;
    text-align: center;
  }
  .edu-conts-wrap .prfs-search-wrap .line-two .input-box .btn-list span {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    left: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
  }
  .edu-conts-wrap .prfs-search-wrap .line-two .input-box .search .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/renewal/mobile/icon/icon_edu_search.svg)
      no-repeat center;
  }
  .edu-conts-wrap .prfs-search-wrap .line-two .input-box .search:hover .icon {
    background: url(../../images/renewal/mobile/icon/icon_search_w.svg)
      no-repeat center;
  }
  .edu-conts-wrap .prfs-search-wrap .line-two .input-box .reset .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/renewal/mobile/icon/icon_reset.svg) no-repeat
      center;
  }
  /* //추가 */

  /*  ====================== 해외 ======================   */
  .live-scroll-box {
    position: fixed;
    top: auto !important;
    left: 20px !important;
    bottom: 20px;
    z-index: 2;
    width: calc(100% - 40px);
    padding: 10px;
  }
  .live-scroll-box .cont-head {
    margin-bottom: 6px;
  }
  .live-scroll-box .cont-head .badge {
    margin-right: 5px;
    padding: 6px 8px;
    font-size: 1.223rem;
    line-height: 13px;
    letter-spacing: -0.05em;
  }
  .live-scroll-box .cont-head .badge-live {
    font-size: 1.333rem;
    line-height: 14px;
  }
  .live-scroll-box .cont-head .badge-live i {
    width: 12px;
    height: 14px;
    background-size: contain;
  }
  .live-scroll-box .scrollBox-title {
    overflow: hidden;
    width: 100%;
    margin-bottom: 6px;
    font-size: 1.667rem;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .live-scroll-box .scrollBox-info {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
  .live-scroll-box .scrollBox-info li {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0 10px;
  }
  .live-scroll-box .scrollBox-info li:after {
    content: "";
    display: block;
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 1px;
    height: 9px;
    background: #757575;
  }
  .live-scroll-box .scrollBox-info li:first-child {
    padding-left: 0;
  }
  .live-scroll-box .scrollBox-info li:first-child:after {
    display: none;
  }
  .live-scroll-box .scrollBox-info li p:nth-of-type(1) {
    margin-right: 10px;
  }
  .live-scroll-box .scrollBox-info li p strong {
    font-size: 1.223rem;
    line-height: 20px;
  }
  .live-scroll-box .scrollBox-info li p span {
    font-size: 1.223rem;
    line-height: 20px;
  }
  .live-scroll-box .btn-box {
    display: none;
  }
  .live-scroll-box a.m {
    display: block;
  }

  .accordion .accordion-btn .btn-list {
    margin-left: 7px;
  }
  .accordion .accordion-btn .btn-list:first-child {
    margin-left: 0;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li {
    padding-left: 30px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li > p {
    width: calc(100% - 83%);
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont {
    width: calc(100% - 21%);
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-dtl-cont .accordion-btn {
    padding-right: 31px;
  }
  .idx-list-wrap .accordion-body .idx-2-box > li .idx-3-box > li .idx-dtl-cont {
    width: calc(100% - 15%);
  }
}
/* 추가 */
@media screen and (max-width: 900px) {
  .ann-schedule-wrap .banner-section > a {
    font-size: 15px;
  }
  .ann-schedule-wrap .banner-section > a > span > i {
    display: block;
  }
}
/* //추가 */

/* small */
@media screen and (max-width: 767px) {
  /* 서브 공통_검색창 */
  .contents .search-wrap {
    width: 100%;
    height: 44px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .contents .search-wrap > .k-dropdown,
  .contents .search-wrap .select {
    width: 100px;
    height: 35px;
    margin-right: 8px;
  }
  .contents .search-wrap .select {
    line-height: 1;
  }
  .contents .search-wrap > .k-dropdown .k-dropdown-wrap .k-input {
    padding: 0;
    line-height: 35px;
    font-size: 1.3rem;
  }
  .contents .search-wrap > .k-dropdown .k-dropdown-wrap .k-select {
    width: 35px;
    height: 35px;
  }
  .contents .search-wrap > .search-input {
    width: calc(100% - 108px);
    height: 35px;
    padding-right: 40px;
    font-size: 1.3rem;
  }
  .contents .search-wrap > #searchEnt {
    width: 35px;
    height: 35px;
  }
  .dnmc-main {
    margin-top: 30px;
  }
  .board-main .dnmc-cont .board-top {
    padding-top: 0;
  }
  .dnmc-cont .contents .search-wrap {
    margin-top: 0;
  }
  .prfs-search-wrap.mobile-df-unset .line {
    display: unset;
  }
  .prfs-search-wrap.mobile-df-unset .line-first > .flex-box {
    width: 100%;
  }

  /* 권한 클릭 후 접속페이지 */
  .edu-reslt-main .date-box-wrap .date-box {
    flex: 1;
  }
  .edu-reslt-main .date-box-wrap .k-datepicker {
    height: 35px;
  }
  .edu-reslt-main .date-box-wrap .btn-list {
    height: 35px;
  }
  .edu-reslt-main .date-box-wrap .btn-list > span {
    line-height: 35px;
  }

  /* ====================== 커뮤니티 ======================== */
  /* 커뮤니티 > FAQ(목록) */
  #faqType.default-tab {
    border-bottom: 1px solid var(--border-gray-d1);
  }
  #faqType.default-tab .k-tabstrip-items {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto !important;
  }
  #faqType.default-tab .k-tabstrip-items::-webkit-scrollbar {
    display: none;
  }
  #faqType.default-tab .k-tabstrip-items li.k-item {
    /*flex: none;*/
    height: 50px;
    line-height: 5rem;
    border-bottom: none;
  }
  #faqType.default-tab .k-tabstrip-items li.k-item span.k-link {
    padding: 15px;
    line-height: 2rem;
    font-size: 1.4rem;
    color: var(--text-color-66);
    border-bottom: none;
  }
  #faqType.default-tab .k-tabstrip-items li.k-state-active {
    border-radius: 0;
    border: none;
    border-bottom: 3px solid var(--default-tab-color);
  }
  #faqType.default-tab .k-tabstrip-items li.k-state-active span.k-link {
    font-size: 1.4rem;
  }
  .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    display: flex;
    justify-content: center;
  }
  /* 추가 */
  .contents.board-update.faq-update .brd-update-wrap .dropdown40.select {
    width: 100% !important;
  }
  /* //추가 */

  /* ====================== 교수Lab실 ======================== */
  #prfsList.prfs-list > li > .prfs-info {
    height: 54px;
  }
  /* 교수Lab실 > 프로필 */
  .profile-wrap .profile-top .profile-info .profile-info-top > h3 {
    padding-bottom: 13px;
  }
  .profile-wrap .profile-top .profile-info-top {
    margin-bottom: 13px;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn {
    height: auto;
    margin-top: 0;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn > button {
    width: calc(50% - 3.5px);
    margin-bottom: 7px;
  }
  .profile-wrap .profile-top .profile-info .prfs-sub-btn > button.prfs-lib {
    margin-left: 0;
  }

  /* 교수Lab실 > 서브공통 */
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn {
    height: auto;
  }
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button {
    width: calc(50% - 3.5px);
    margin-bottom: 7px;
  }
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-home {
    margin-left: 0;
  }
  .prfs-sub-wrap .prfs-sub-top .prfs-sub-btn > button.prfs-lib {
    margin-left: 0;
  }

  /* ====================== 마이페이지 ======================== */
  /* 마이페이지 > 나의쪽지함(받은쪽지함) */
  #ntList.k-grid table {
    width: 600px;
  }
  #sendList.k-grid table {
    width: 600px;
  }
  #addrSbjctList.k-grid table {
    width: 600px;
  }

  /* 학습캘린더 */
  .cert-popup .cert-pop-wrap > ul.sbj-sts-list > li > #sbjChartWrap {
    height: 255px;
  }

  .contents .search-wrap {
    width: 100%;
  }
  .contents .search-wrap > .k-dropdown {
    width: 100px;
    margin-right: 8px;
  }
  .contents .search-wrap > .k-dropdown .k-dropdown-wrap .k-input {
    padding: 0;
  }
  .contents .search-wrap > .search-input {
    width: calc(100% - 108px);
  }
  .my-info-window .pop-content .input-box > button.btn-cert-chk {
    padding: 0;
  }
  /* 추가 */
  .ann-schedule-wrap .banner-section {
    flex-direction: column;
  }
  .ann-schedule-wrap .banner-section > a {
    width: 100%;
  }
  /* //추가 */

  /*  교육신청   */
  /*  상세  */
  .detail-dd .sub-list-wrap li {
    align-items: baseline;
  }
  .detail-dd .sub-list-wrap li .badge {
    padding: 2px 8px 3px;
    font-size: 10px;
    line-height: 15px;
  }
  .detail-dd .sub-list-wrap li p {
    margin: 0 7px;
    font-size: 13px;
    line-height: 22px;
  }
  .detail-dd .sub-list-wrap li .score {
    padding: 1px 8px 2px;
    font-size: 12px;
    line-height: 22px;
  }
  .edu-detail-wrap .detail-cont {
    background: #ffffff;
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box {
    flex-direction: column;
    border-top: 0;
  }
  .edu-detail-wrap .detail-cont .detail-box > .flex-box .child-box {
    border-bottom: 1px solid #e8e8e8;
  }
  .edu-detail-wrap .detail-cont .detail-tab .tab-cont#tabContent-3 > h3 {
    border-bottom: 0;
  }
  .edu-detail-wrap
    .detail-cont
    .detail-tab
    .tab-cont#tabContent-3
    > .import-txt {
    position: relative;
    top: 0;
    margin-bottom: 4px;
  }
  .accordion .training_live .accordion-head strong {
    width: calc(100% - 70%);
  }
  .accordion .blend,
  .k-panelbar > .k-item.blend + .k-item.blend {
    margin-bottom: 6px;
    border: 1px solid #e8e8e8;
  }
  .accordion .accordion-head .accordion-icon {
    margin-right: 15px;
  }
  .accordion .blend .accordion-head {
    border-bottom: 0;
  }
  .accordion .blend .accordion-body {
    border-top: 1px solid #e8e8e8;
    border-bottom: 0;
  }
  .blend.elearning .idx-2-box > li .accordion-head strong {
    width: calc(100% - 84%);
  }
  .blend.elearning .accordion-body .idx-2-box > li > div strong {
    width: calc(100% - 86%);
  }
  .accordion-body .idx-2-box > li > ul li .title {
    width: 48px;
  }
  .edu_apply_window .apply-info-box .info-title {
    width: calc(100% - 76%);
  }
  .edu_apply_window .apply-info-box .info-txt {
    width: calc(100% - 26%);
  }
  .edu-detail-wrap .detail-cont table.detail-table tr > th.bg-gray {
    width: 10%;
  }
  /* 추가 */
  .get-adress-pop
    .pop-form-group
    .addr-search-area
    .postcode-area
    .addr-input.btn {
    padding: 0 16px;
  }
  .get-adress-pop .pop-form-group .addr-search-area .addr-input.postcode {
    width: calc(100% - 120px);
  }
  .pagination-area .num-area > li {
    padding: 12px;
  }
  .pagination-area .num-area > li,
  .pagination-area .num-area > li.selected {
    font-size: 14px;
  }
  /* //추가 */

  /* ====================== 신청현황 ======================== */
  .apl-sts-main .item-wide .item-box {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .apl-sts-main .item-wide .img-box {
    width: calc(100% - 64%);
  }
  .apl-sts-main .item-wide .cont-box {
    width: calc(100% - 40%);
  }
  .apl-sts-main .item-wide .cont-box .badge-group .badge.m {
    min-width: 37px;
    border-radius: 2px;
    text-align: center;
  }
  .apl-sts-main .item-wide .cont-box .bottom-box {
    display: none;
  }
  .apl-sts-main .item-wide .cont-box .title-box {
    display: block;
  }
  .apl-sts-main .item-wide .cont-box .title-box a {
    display: -webkit-box;
    display: -moz-box;
    max-width: 100%;
    width: 100%;
    height: 46px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
  }
  .apl-sts-main .item-wide .cont-box .title-box span {
    display: none;
  }
  .apl-sts-main .item-wide .btn-box {
    display: flex;
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
  .apl-sts-main .item-wide .btn-box .btn-list {
    height: 42px;
  }
  .apl-sts-main .item-wide .btn-box .btn-list + .btn-list {
    margin-left: 7px;
  }
  .apl-sts-main .item-wide .btn-box .btn-list > span {
    font-size: 13px;
    line-height: 40px;
  }
  .apl-sts-main .item-wide .bottom-box.m {
    display: block;
    margin-top: 15px;
  }
  .apl-sts-main .item-wide .bottom-box > div {
    margin-top: 3px;
    padding: 0;
  }
  .apl-sts-main .item-wide .bottom-box > div.first {
    margin-top: 0;
  }
  .apl-sts-main .item-wide .bottom-box > div:after {
    display: none;
  }
  /*  상세   */
  .edu-detail-wrap.apl-sts-main .sbjct-info-box .img-box {
    width: calc(100% - 63%);
    height: 80px;
  }
  .apl-sts-main .sbjct-info-box .sbjct-cont-box {
    width: calc(100% - 38%);
  }
  .apl-sts-main .sbjct-info-box .edu-tit {
    margin-bottom: 0;
  }
  .edu-detail-wrap .sbjct-info-box .sbjct-ul .flex-box.chasu {
    margin-top: 0;
  }

  /* ====================== 수강중인 콘텐츠 ======================== */
  .lear-list-wrap .list-item-wrap .item .item-box .img-box {
    width: calc(100% - 65%);
    padding-top: 8.45rem;
  }
  .conts-detail .play-wrap {
    height: 500px;
  }
  .conts-detail .pdfBox {
    height: 233px;
  }
  /*.conts-detail .play-wrap #youtubePlayer,*/
  /*#videoIframeArea .jp-jplayer { height: 233px !important;}*/

  .custom-wrap #customList > li.tit-zone {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
  }
  .custom-wrap #customList > li.tit-zone h3 {
    width: 100%;
    text-align: left;
  }
  .custom-wrap #customList > li.tit-zone > button {
    display: inline-block;
    float: none;
  }

  /* ====================== 나의 강의실 수강중인 강의 ======================== */
  .my-class-main .select-box .select-year {
    width: 120px;
  }
  .my-edu-list .item-wide .img-box {
    width: calc(100% - 60%);
  }
  .my-edu-list .item-wide .cont-box {
    width: calc(100% - 40%);
  }

  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-nav-current {
    justify-content: flex-end;
    width: auto;
  }
  .k-scheduler-mobile
    .k-scheduler-toolbar
    .k-scheduler-navigation
    .k-nav-current
    span {
    width: auto;
    line-height: 35px;
  }

  /* ====================== 강의실 ======================== */
  .idx-list-wrap.code_live .accordion-body .idx-2-box > li .idx-dtl-cont {
    width: 100%;
  }
  .code_live.accordion .btn-list.btn-default {
    flex-shrink: 1;
    width: 100%;
  }

  /* 종합결과 */
  .result-chart-wrap .result-chart .donutChart-txt {
    transform: translate(-50%, -52%);
    -ms-transform: translate(-50%, -52%);
    -moz-transform: translate(-50%, -52%);
    -webkit-transform: translate(-50%, -52%);
  }
  .result-prog-box .stnd-item {
    display: block;
    flex-wrap: wrap;
  }
  .result-prog-box .stnd-item:after {
    content: "";
    display: block;
    clear: both;
  }
  .result-prog-box .stnd-item .stnd-title {
    width: 100%;
    margin-bottom: 10px;
  }
  .result-prog-box .stnd-item .progress-wrap {
    display: inline-block;
    float: left;
    width: calc(100% - 20%);
  }
  .result-prog-box .stnd-item .stnd-sco {
    float: right;
    margin-top: -10px;
  }
  .k-grid.default-grid .k-grid-header th.k-header {
    padding: 15px 2px;
    font-size: 1.444rem;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .k-grid.default-grid tbody td {
    padding: 15px 2px;
    font-size: 1.444rem;
  }

  /* ====================== 학습창 ======================== */
  .player-window .popup-content {
    padding: 0;
  }
  .jp-video .jp-interface {
    margin-top: -78px !important;
  }
  .player-window .video-cont-box {
    padding: 15px 15px 0;
    border-top: 1px solid #e8e8e8;
    box-sizing: border-box; /* 추가 */
    height: 424px !important;
  }
  .player-window .player-cont-box {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .player-window .player-title-box {
    flex-direction: column;
    padding-bottom: 15px;
  }
  .player-window .player-title-box .player_title {
    width: 100%;
    max-width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    text-align: left;
  }
  .player-window .player-title-box .player_progresbar {
    width: 100%;
  }
  .player-window .player-cont-box .tabstrip-content {
    height: 100%;
  }
  .player-window .player-cont-box .tabstrip-content .mCSB_container {
    margin-right: 0;
  }
  .player-window .video-cont-box .textarea {
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .player-window .jp-jplayer img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .player_progresbar .progress-bar {
    width: calc(100% - 14%);
    height: 10px;
  }
  .player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont > .idx-title,
  .player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont > p {
    font-size: 14px;
  }
  .player-cont-box
    .idx-list-wrap
    .idx-dtl-list
    > li
    .idx-cont
    .three
    .idx-title,
  .player-cont-box .idx-list-wrap .idx-dtl-list > li .idx-cont .three p {
    font-size: 13px;
  }
  .player-cont-box .idx-list-item > .idx-cont.first .three li:before {
    left: -25px;
    width: 7px;
  }
  .player-window .player-title-box .player_progresbar {
    justify-content: space-between;
  }

  .gust-url {
    height: 380px;
  }

  /* 추가 */
  #m-ingCertGrid .no-records,
  #endCertGrid .no-records {
    font-weight: 350;
    color: #666666;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: center;
    width: 100%;
  }
  /* //추가 */
}

@media screen and (max-width: 500px) {
  .detail-table {
    display: none;
  }
  .evlItmTableM {
    display: block;
  }

  /* ====================== 수강중인 콘텐츠 ======================== */
  .conts-detail .play-wrap {
    height: 210px;
  }

  .rcmd-wrap {
    padding-top: 30px;
  }

  /*#prfsList.prfs-list > li { height: 185px;}*/

  /*  썸네일  */
  #prfsList.prfs-list > li > .prfs-img {
    height: 100px;
  }
  .my-edu-list .item-wide .img-box {
    height: 78px;
  }
  .conts-list#topContsList > li > .thumbnail {
    padding-top: 5.2rem;
  }
  .clasf-wrap .conts-list > li > .thumbnail.thumb-none {
    padding-top: 6.2rem;
  }
  .custom-wrap #customList > li .thumbnail,
  .clasf-wrap .conts-list > li > .thumbnail.thumb-none,
  .clasf-wrap .conts-list > li > .thumbnail {
    height: 93px;
  }

  /*  플레이어   */
  .k-window .k-window-content.player-window {
    padding: 0 !important;
  }
  .player-window .video-cont-box .play-wrap {
    /* height: 181px; */
    height: 336px;
  }
  .jp-video-360p .jp-video-play {
    margin-top: -286px;
  }
  /*.player-window .video-cont-box { padding: 54px 0 0;}*/
}

@media screen and (max-width: 376px) {
  /*  교육신청   */
  /*  상세  */
  .edu-detail-wrap .sbjct-info-box .img-box {
    height: 78px;
  }
  .detail-table {
    display: none;
  }
  .evlItmTableM {
    display: block;
  }

  .gust-url {
    height: 250px;
  }
  .prfs-search-wrap .line-two .input-box .btn-list {
    padding: 0;
  }
}