@charset "utf-8";

@import url("/cloud/w/css/common_mo-6895c5016a9f24b20d068f3a535a1243.css?v=260306");
/**************************************************
*
* common.css OLD
*
***************************************************/
/* FONT WEIGHT */
.com-fw-500 {
  font-weight: 500 !important;
}
.com-fw-600 {
  font-weight: 600 !important;
}

/* COLOR */
.com-color-blue-01 {
  color: #246beb !important;
}

/* TEXT UNDERLINE */
.com-txt-underline {
  text-decoration: underline;
  text-underline-position: under;
}

/* PRINT */
.com-print-area {
  break-after: page;
  break-inside: avoid;
}
.com-print-area.need-gap {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.com-print-area.no-after-break {
  break-after: initial;
}

/* 달력 */
#ui-datepicker-div {
  width: 358px;
  padding: 0;
}
#ui-datepicker-div:focus {
  outline: 2px solid var(--career--primary);
  outline-offset: 0;
}
#ui-datepicker-div .ui-widget-header {
  min-height: 64px;
  background-color: var(--career--secondary-5);
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ui-datepicker-div .ui-datepicker-title {
  margin: 0;
  display: flex;
  align-items: center;
  line-height: inherit;
  gap: 20px;
}
#ui-datepicker-div :is(.ui-datepicker-prev, .ui-datepicker-next) {
  top: 50%;
  transform: translateY(-50%);
}
#ui-datepicker-div :is(.ui-datepicker-prev, .ui-datepicker-next):hover {
  border: none;
  background: none;
  font-weight: inherit;
  color: inherit;
}
#ui-datepicker-div .ui-datepicker-prev-hover {
  left: 2px;
}
#ui-datepicker-div .ui-datepicker-next-hover {
  right: 2px;
}
#ui-datepicker-div .ui-datepicker-prev span {
  background: url(/cloud/w/img/common/icon_calendar_left_carot-77165cab3c1f722e266c8b80e343cad6.svg) no-repeat center;
}
#ui-datepicker-div .ui-datepicker-next span {
  background: url(/cloud/w/img/common/icon_calendar_right_carot-770581e21fc99ebf6b7ff3fa8906ff93.svg) no-repeat center;
}
#ui-datepicker-div select {
  background-color: transparent;
  border: none;
  font-size: 19px;
  color: #1d1d1d;
  font-weight: 400;
  margin: 0;
}
#ui-datepicker-div select.ui-datepicker-month {
  width: auto;
}
#ui-datepicker-div select.ui-datepicker-year {
  width: auto;
}
#ui-datepicker-div :is(input, select, textarea, button) {
  font-family: "Pretendard", sans-serif;
}
#ui-datepicker-div td :is(a, span) {
  aspect-ratio: 1 / 1;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
}
#ui-datepicker-div td .ui-state-highlight {
  background: #eee;
}
#ui-datepicker-div td .ui-state-active {
  background-color: var(--career--primary) !important;
  color: #fff !important;
}
#ui-datepicker-div table {
  font-size: 17px;
}

/* 스크린 리더용 */
.com-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* PAGE TITLE */
/* 
.com-page-title .breadcrumb { gap: 5px 10px; display: flex; align-items: center; flex-wrap: wrap; font-size: 15px; margin-bottom: 80px; } 
.com-page-title .breadcrumb a { gap: 6px; display: flex; align-items: center; transition: none; } 
.com-page-title .breadcrumb a:hover { text-decoration: underline; text-underline-position: under; } 
.com-page-title.type-02 .breadcrumb::before { content: ""; width: 100%; height: 77px; position: absolute; top: 0; left: 0; background-color: rgba(107, 202, 255, 0.1); z-index: -1; }  */

.com-page-title {
  margin-bottom: 80px;
  color: var(--career--primary-90);
}
.com-page-title .title-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.com-page-title h2 {
  font-size: 40px;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.com-page-title .page-info {
  padding: 24px 26px;
  background-color: #edf1f5;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 500;
  margin-top: 40px;
}
.com-page-title .util-list {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
  font-weight: 700;
}
.com-page-title .util-list li {
  display: flex;
  align-items: center;
}
.com-page-title .util-list button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-page-title .util-list button:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}
.com-page-title .util-list .views {
  display: flex;
  align-items: center;
  gap: 5px;
}

.com-util-list {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
  font-weight: 700;
}
.com-util-list button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-util-list button:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}

/* **** breadcrumb **** */
.com-page-title .breadcrumb-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}
.com-page-title .breadcrumb-wrap:has(+ .title-box) {
  margin-bottom: 80px;
}
.com-page-title .breadcrumb-wrap .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 4px;
  width: 100%; /* max-width: ; */
  padding-right: 24px;
}
.com-page-title .breadcrumb-wrap .breadcrumb li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-size: 15px;
}
.com-page-title .breadcrumb-wrap .breadcrumb li .txt {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  line-height: 1.2;
  border-bottom: 0.1rem solid var(--krds-gray-50);
}
.com-page-title .breadcrumb-wrap .breadcrumb li span.txt {
  color: var(--career--gray-90);
  border-color: var(--career--gray-90);
}
.com-page-title .breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  width: 12px;
  height: 12px;
  margin-left: var(--krds-spacer-1);
  background: url(/cloud/w/img/common/arr_loc-aabeb035784ba226b21cf38f307f6669.svg) no-repeat;
  background-size: contain;
}
.com-page-title .breadcrumb-wrap .breadcrumb .home {
  gap: 4px;
}
.com-page-title .breadcrumb-wrap .breadcrumb .home::before {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  content: "";
  width: 12px;
  height: 12px;
  background: url(/cloud/w/img/common/icon_home-e27081c448de51626f8a0182cf2e7d4d.svg) no-repeat;
  background-size: contain;
}

/* PAGINATION */
.com-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-pagination a {
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.com-pagination .page-links {
  display: flex;
  align-items: center;
}
.com-pagination .page-navi {
}

/* Radio */
.com-radio {
  color: var(--career--primary-90);
}
.com-radio input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.com-radio:focus-within {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 2px;
}
.com-radio label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-radio input[type="radio"] + label {
  color: #333;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 5px 0;
  position: relative;
}
.com-radio input[type="radio"] + label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid var(--career--gray-60);
}
.com-radio input[type="radio"]:checked + label::before {
  border: 1px solid var(--career--primary);
}
.com-radio input[type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background: var(--career--primary);
  border-radius: 50%;
}
.com-radio input[type="radio"]:disabled + label::before {
  border: 1px solid var(--career--gray-40);
  background: var(--career--gray-10);
}
.com-radio input[type="radio"]:checked:disabled + label::before {
  border: 1px solid var(--career--gray-40);
  background: var(--career--gray-10);
}
.com-radio input[type="radio"]:checked:disabled + label::after {
  background: var(--career--gray-50);
}

.com-radio.sm {
  font-size: 17px;
}
.com-radio.sm input[type="radio"] + label::before {
  width: 20px;
  height: 20px;
}
.com-radio.sm input[type="radio"]:checked + label::after {
  left: 5px;
  width: 10px;
  height: 10px;
}

.com-radio-02 {
  min-width: 20px;
  height: 20px;
}

/* Checkbox */
.com-checkbox {
  color: var(--career--primary-90);
}
.com-checkbox:focus-within {
  outline: 2px dotted var(--career--point);
  outline-offset: 0;
}
.com-checkbox input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.com-checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-checkbox input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 5px 0;
}
.com-checkbox input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid var(--career--gray-60);
}
.com-checkbox input[type="checkbox"]:checked + label::before {
  content: "";
  display: inline-block;
  border-radius: 3px;
  border: 1px solid var(--career--primary);
  background: var(--career--primary) url(/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg) center no-repeat;
}
.com-checkbox input[type="checkbox"]:disabled + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid var(--career--gray-40);
  background: var(--career--gray-30);
}
.com-checkbox input[type="checkbox"]:checked:disabled + label::before {
  content: "";
  display: inline-block;
  border-radius: 3px;
  border: 1px solid var(--career--gray-40);
  background: var(--career--gray-30) url(/cloud/w/img/common/icon_check_grey-4789a76b39458812b16f9b9a5d1931b9.svg) center no-repeat;
}
.com-checkbox.md input[type="checkbox"] + label::before {
  width: 24px;
  height: 24px;
}
.com-grid-box.box-flex .com-checkbox input[type="checkbox"] + label {
  gap: 0;
  padding: 0;
}

/* Select */
.com-select-box {
  max-width: 100%;
}
.com-select-box select {
  max-width: 100%;
}
.com-select-wrap {
  display: grid;
  gap: 16px;
  align-items: flex-end;
}
.com-select-wrap.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.com-select-box.type-01 label {
  color: var(--career--primary-90);
  margin-bottom: 12px;
  display: block;
}
.com-select-box.type-01 select {
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
  appearance: none;
  background-image: url("/cloud/w/img/common/icon_angle_down-0213b2cf8f925283505fb8cacfded4fa.svg");
  background-repeat: no-repeat;
  background-position: center right 16px;
  padding-left: 16px;
  padding-right: 48px;
}
.com-select-box.type-01 select:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.com-select-box.type-01 select:disabled {
  border-color: var(--career--gray-40);
  background-color: var(--career--gray-30);
  color: var(--career--gray-60);
}

.com-select-box.type-01.lg select {
  height: 56px;
  font-size: 19px;
}
.com-select-box.type-01.lg label {
  font-size: var(--label-l-400);
  font-weight: 400;
}

.com-select-box.type-01.md select {
  height: 48px;
  font-size: 17px;
}
.com-select-box.type-01.md label {
  font-size: 15px;
}

.com-select-box.type-01.sm select {
  height: 40px;
  font-size: 15px;
}
.com-select-box.type-01.sm label {
  font-size: 15px;
}

.com-select-box.type-02 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--career--primary-90);
  gap: 5px;
}
.com-select-box.type-02 select {
  border: none;
  appearance: none;
  background-image: url("/cloud/w/img/common/icon_angle_down-0213b2cf8f925283505fb8cacfded4fa.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 15px;
}
.com-select-box.type-02 select:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.com-select-box.type-02.md select {
  font-size: 15px;
  background-size: 8px;
}
.com-select-box.type-02.lg select {
  font-size: 17px;
  background-size: 10px;
}
.com-select-box.type-02.lg-bold select {
  font-size: var(--link-m-700);
  font-weight: 700;
  background-size: 10px;
}
.com-select-box.type-03 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.com-select-box.type-03 select {
  height: 30px;
  padding: 2px 10px;
}
.com-select-box.type-03 button {
  background-color: #444444;
  color: #fff;
  padding: 0 10px;
  border-radius: 2px;
  margin-left: 5px;
  height: 30px;
}

/* Tab */
.com-tab {
  display: flex;
  font-size: var(--label-l-700);
  font-weight: 700;
  color: var(--career--gray-70);
}
.com-tab > li > button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.com-tab > li > button:not(:disabled):hover {
  background-color: var(--career--secondary-5);
}
.com-tab > li > button:disabled {
  color: var(--career--gray-50);
}
.com-tab > li > button:focus-visible {
  outline-offset: -5px;
}

.com-tab.type-01 {
  border: 1px solid #b4c4d6;
  border-radius: 8px;
  overflow: hidden;
}
.com-tab.type-01 > li {
  width: 100%;
}
.com-tab.type-01 > li + li {
  border-left: 1px solid #b4c4d6;
}
.com-tab.type-01 > li > button {
  min-height: 56px;
  height: 100%;
  padding: 10px;
}
.com-tab.type-01 > li > button.active {
  color: var(--career--white);
  background-color: var(--career--secondary-50);
}

.com-tab.type-02 {
  border-bottom: 2px solid var(--career--gray-30);
}
.com-tab.type-02 > li {
  width: 100%;
  flex: 1;
}
.com-tab.type-02 > li > button {
  min-height: 56px;
  height: 100%;
  padding: 10px;
  position: relative;
}
.com-tab.type-02 > li > button.active {
  color: var(--career--secondary-50);
}
.com-tab.type-02 > li > button.active::before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--career--secondary-50);
  position: absolute;
  left: 0;
  bottom: -2px;
}

.com-tab-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
  font-family: "Pretendard", sans-serif !important;
}
.com-tab-content *,
.com-tab-content p,
.com-tab-content div,
.com-tab-content span,
.com-tab-content b,
.com-tab-content strong,
.com-tab-content a {
  font-family: "Pretendard", sans-serif !important;
}
.com-tab-content.active {
  display: block;
}
.com-tab-content.com-tab-fix {
  height: 300px;
  overflow-y: scroll;
}

/* Button */
.com-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  gap: 4px;
}
.com-btn img {
  flex-shrink: 0;
}
.com-btn.type-01 {
}
.com-btn.type-01.xlg {
  min-height: 64px;
  padding: 10px 24px;
  font-size: 19px;
}
.com-btn.type-01.lg {
  min-height: 56px;
  padding: 10px 20px;
  font-size: 19px;
}
.com-btn.type-01.md {
  min-height: 48px;
  padding: 10px 16px;
  font-size: 17px;
}
.com-btn.type-01.sm {
  min-height: 40px;
  padding: 8px 12px;
  font-size: 15px;
}
.com-btn.type-01.xsm {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 15px;
}
.com-btn.type-01.primary {
  background-color: var(--career--primary-50);
  color: var(--career--white);
}
.com-btn.type-01.primary:hover {
  background-color: var(--career--primary-60);
}
.com-btn.type-01.primary:disabled {
  background-color: var(--career--gray-30);
  color: var(--career--gray-60);
}
.com-btn.type-01.secondary {
  background-color: var(--career--primary-5);
  border: 1px solid var(--career--primary-50);
  color: var(--career--primary-60);
}
.com-btn.type-01.secondary:hover {
  background-color: var(--career--primary-10);
  color: var(--career--primary-60);
}
.com-btn.type-01.secondary:disabled {
  background-color: var(--career--gray-30);
  color: var(--career--gray-60);
  border: 1px solid var(--career--gray-40);
}
.com-btn.type-01.third {
  background-color: var(--career--white);
  border: 1px solid var(--career--gray-90);
  color: #000b17;
}
.com-btn.type-01.third:hover {
  background-color: #f8f8f8;
}
.com-btn.type-01.third:disabled {
  background-color: var(--career--gray-30);
  color: var(--career--gray-60);
  border: 1px solid var(--career--gray-40);
}
.com-btn.type-01.navy {
  min-width: 74px;
  border-color: #182f5b;
  background-color: #182f5b;
  color: #fff;
}

.com-btn.type-02 {
}
.com-btn.type-02.lg {
  min-height: 40px;
  padding: 6px 2px;
  font-size: 19px;
}
.com-btn.type-02.md {
  min-height: 32px;
  padding: 6px 2px;
  font-size: 17px;
}
.com-btn.type-02.sm {
  min-height: 24px;
  padding: 0 2px;
  font-size: 17px;
}
.com-btn.type-02.xsm {
  min-height: 20px;
  padding: 0 2px;
  font-size: 15px;
}
.com-btn.type-02 {
  background-color: var(--career--white);
  color: var(--career--primary-90);
}
.com-btn.type-02:hover {
  background-color: var(--career--secondary-5);
}
.com-btn.type-02:disabled {
  color: var(--career--gray-50);
}

.com-btn.type-03 {
  min-height: 72px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  border: 1px solid #c6c6c6;
  color: var(--career--primary-90);
  border-radius: 6px;
}
.com-btn.type-03 button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.com-btn.type-03 button:hover {
  background-color: var(--career--primary-5);
}

.com-btn.type-01.secondary.center.xlg {
  display: block;
  margin: 0 auto;
  padding: 10px 50px;
} /* 상세 하단 '목록' 버튼 */

/* Tag */
.com-tag {
  color: var(--career--primary-90);
  background-color: var(--career--white);
  border: 1px solid var(--career--gray-40);
  gap: 6px;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
}
.com-tag:where(:hover, :focus-visible) {
  background-color: var(--career--secondary-5);
}
.com-tag.disabled {
  color: var(--career--gray-60);
  background-color: var(--career--gray-30);
}
.com-tag.disabled img {
  filter: contrast(0);
}
.com-tag.lg {
  padding: 12px;
  font-size: 17px;
}
.com-tag.md {
  padding: 10px 12px;
  font-size: 15px;
}
.com-tag.sm {
  padding: 6px 12px;
  font-size: 15px;
}
.com-tag .btn-cls {
  background-color: transparent;
}
.com-tag.primary {
  background-color: var(--career--primary-50);
  border-color: var(--career--primary-50);
  color: var(--career--white);
}
.com-tag.point {
  background-color: var(--career--point);
  border-color: var(--career--point);
  color: var(--career--white);
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

/* Step */
.com-step {
  display: flex;
  align-items: flex-start;
}
.com-step li {
  width: 100%;
}
.com-step li:last-of-type .line {
  display: none;
}
.com-step .shape {
  display: flex;
  align-items: center;
}
.com-step .circle {
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-color: #e4e4e4;
  border-radius: 50%;
}
.com-step .line {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #c6c6c6;
}
.com-step :where(.step, .step-title) {
  padding-right: 10px;
}
.com-step .step {
  color: var(--career--gray-70);
  margin-top: 12px;
}
.com-step .step-title {
  color: var(--career--primary-90);
  font-weight: 700;
  margin-top: 7px;
}
.com-step li.done {
}
.com-step li.done .circle {
  background: var(--career--secondary-50) url("/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg") no-repeat center;
  background-size: 8px;
}
.com-step li.done .line {
  background-color: var(--career--secondary-50);
}
.com-step li.active {
}
.com-step li.active .circle {
  border: 1px solid #246beb;
  background-color: #fff;
  position: relative;
}
.com-step li.active .circle::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--career--primary-50) url("/cloud/w/img/common/icon_dots-70a93af3cae8c5b35beae999a6decce6.svg") no-repeat center;
}
.com-step li.active .line {
}

.com-step.mobile :where(.step, .step-title) {
  display: none;
}

/* Spinner */
.com-spinner {
  display: inline-block;
  border-style: solid;
  border-color: #e4e4e4;
  border-bottom-color: #246beb;
  background-color: #fff;
  animation: com-spinner-rotate 1s linear infinite;
  border-radius: 50%;
}
.com-spinner.lg {
  width: 48px;
  height: 48px;
  border-width: 4px;
}
.com-spinner.md {
  width: 32px;
  height: 32px;
  border-width: 3px;
}
.com-spinner.sm {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

@keyframes com-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Loading-Spinner */
.loading_spinner {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  z-index: 9999;
}
.loading_spinner span {
  display: inline-block;
  width: 50px;
  aspect-ratio: 1;
  --_c: no-repeat radial-gradient(farthest-side, #fff 92%, #0000);
  background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;
  background-size: 12px 12px;
  animation: l7 1s infinite;
}
@keyframes l7 {
  to {
    transform: rotate(0.5turn);
  }
}
.loading_spinner .type_normal {
  display: inline-block;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #fff 94%, #0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%, #fff);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

/* Coachmark */
.com-coachmark {
  width: 360px;
  padding: 24px;
  border: 2px solid #246beb;
  border-radius: 12px;
  position: relative;
  background-color: #fff;
  color: var(--career--primary-90);
}
.com-coachmark::before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: #fff;
  border-top: 2px solid #246beb;
  border-right: 2px solid #246beb;
  border-top-right-radius: 3px;
  position: absolute;
}
.com-coachmark .step {
  font-size: 13px;
  color: var(--career--gray-70);
}
.com-coachmark .ctt {
  font-size: 17px;
  margin-top: 16px;
}
.com-coachmark .util-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
.com-coachmark .pagination {
  font-size: 17px;
}
.com-coachmark .btn-list {
  font-size: 15px;
  display: flex;
  gap: 5px;
}
.com-coachmark .btn-list button {
  height: 40px;
  padding: 0 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.com-coachmark .btn-list button:where(:hover, :focus-visible) {
  background-color: var(--career--secondary-5);
}
.com-coachmark .btn-list button.active {
  border: 1px solid var(--career--gray-90);
  border-radius: 6px;
}
.com-coachmark .btn-list button:disabled {
  color: #717171;
  background-color: #d8d8d8;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
}

.com-coachmark.top::before {
  top: 0;
  left: 50%;
  transform: translate(-50%, -10.7px) rotate(-45deg);
}
.com-coachmark.left::before {
  top: 50%;
  left: 0;
  transform: translate(-10.7px, -50%) rotate(-135deg);
}

/* Date Input */
.com-date-input-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-date-input {
  width: 167px;
  font-size: 17px;
  color: var(--career--gray-90);
  border: 1px solid #717171;
  border-radius: 8px;
  position: relative;
}
.com-date-input input {
  width: 100%;
  height: 48px;
  padding-left: 16px;
  padding-right: 45px;
  border: none;
  background-color: transparent;
}
.com-date-input input::placeholder {
  color: var(--career--gray-50);
}
.com-date-input button {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  transition: none;
}
.com-date-input button:focus {
  outline: 2px dotted var(--career--point);
}

/* Textarea */
.com-textarea {
  width: 360px;
}
.com-textarea label {
  color: var(--label-l-700);
  font-weight: 700;
  margin-bottom: 12px;
}
.com-textarea textarea {
  width: 100%;
  height: 144px;
  padding: 16px;
  color: var(--career--primary-90);
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
}
.com-textarea textarea::placeholder {
  color: var(--career--gray-50);
}
.com-textarea textarea:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.com-textarea textarea:disabled {
  color: var(--career--gray-60);
  background-color: var(--career--gray-30);
  border-color: var(--career--gray-40);
}
.com-textarea textarea:disabled + .info-box {
  display: none;
}
.com-textarea .info-box {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.com-textarea .count {
  font-size: var(--link-s-400);
  font-weight: 400;
}
.com-textarea .count .current {
  color: var(--career--primary-50);
}

.com-textarea.error textarea {
  border-color: var(--career--danger);
}
.com-textarea.error textarea:focus-visible {
  outline: 1px solid var(--career--danger);
}
.com-textarea.error .info-box {
  justify-content: space-between;
  gap: 20px;
}
.com-textarea.error .alert-txt {
  font-size: 15px;
  color: var(--career--danger);
  padding-left: 22px;
  background: url("/cloud/w/img/common/icon_alert-01c079daba1a78f4ee30617e3bf047c1.svg") no-repeat top 2px left;
}
.com-textarea.error .count {
  flex-shrink: 0;
}
.com-textarea.error .count .current {
  color: var(--career--point);
}

/* Text Input */
.com-text-input {
  color: var(--career--primary-90);
}
.com-text-input label {
  margin-bottom: 12px;
  display: block;
}
.com-text-input input {
  padding: 0 16px;
  background-color: var(--career--white);
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
}
.com-text-input input:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.com-text-input input::placeholder {
  color: var(--career--gray-50);
}
.com-text-input input:disabled {
  color: var(--career--gray-70);
  background-color: var(--career--gray-10);
  border-color: var(--career--gray-40);
}

.com-text-input.error input {
  border-color: var(--career--danger);
}
.com-text-input.error input:focus-visible {
  outline: 1px solid var(--career--danger);
}
.com-text-input.error .form-hint {
  color: var(--career--danger);
  font-size: var(--body-s-400);
  line-height: 1.2;
  text-align: left;
  display: flex;
  gap: 4px;
  margin-top: 12px;
}
.com-text-input.error .form-hint::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url(/cloud/w/img/common/icon_alert-01c079daba1a78f4ee30617e3bf047c1.svg) no-repeat center;
  margin-top: 2px;
}

.com-text-input.lg label {
  font-size: var(--label-l-700);
  font-weight: 700;
}
.com-text-input.lg input {
  height: 56px;
  font-size: var(--label-l-400);
  font-weight: 400;
}
.com-text-input.md label {
  font-size: var(--label-m-700);
  font-weight: 700;
}
.com-text-input.md input {
  height: 48px;
  font-size: var(--label-m-400);
  font-weight: 400;
}
.com-text-input.sm label {
  font-size: var(--link-s-700);
  font-weight: 700;
}
.com-text-input.sm input {
  height: 40px;
  font-size: var(--link-s-400);
  font-weight: 400;
}

/* Link */
.com-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.com-link.type-01 {
  color: #000b17;
  border: 1px solid var(--career--gray-90);
  border-radius: 8px;
}
.com-link.type-01:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}
.com-link.type-01 img {
  flex-shrink: 0;
}
.com-link.type-01.lg {
  min-height: 64px;
  padding: 10px 50px 10px 24px;
  font-size: var(--label-l-400);
  font-weight: 400;
  background: url(/cloud/w/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right 24px;
}
.com-link.type-01.sm {
  min-height: 40px;
  padding: 6px 33px 6px 12px;
  font-size: 15px;
  background: url(/cloud/w/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right 12px;
  background-size: 14px;
}

.com-link.type-02 {
  color: #000b17;
  font-size: var(--label-m-400);
  font-weight: 400;
  background: url("/cloud/w/img/common/icon_right_arrow-e7f04e73aac8eb6a1b31c754fe2873ef.svg") no-repeat center right;
  padding-right: 24px;
}
.com-link.type-02:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}

.com-link.type-03 {
  color: var(--career--gray-70);
  font-size: var(--label-m-400);
  font-weight: 400;
  background: url(/cloud/w/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right;
  background-size: 14px;
  padding-right: 20px;
}
.com-link.type-03:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}
.com-link.type-03 img {
  width: 14px;
}

.com-link.type-04 {
  border: 1px solid var(--career--gray-40);
  padding: 23px 12px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.com-link.type-04 .txt {
  font-size: 17px;
  color: var(--career--gray-90);
}
.com-link.type-04 .fake-btn {
  display: flex;
  align-items: center;
  color: #000b17;
  font-size: var(--label-m-400);
  font-weight: 400;
  gap: 7px;
}
.com-link.type-04:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}

/* Carousel */
.com-carousel-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-carousel-pagination .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  background-color: var(--career--gray-50);
  opacity: 1;
  margin: 0;
  transition: 0.3s;
}
.com-carousel-pagination .swiper-pagination-bullet-active {
  width: 37px;
  background-color: var(--career--primary-50);
  border-radius: 50px;
}

.com-carousel-ctrl-box {
  display: flex;
  gap: 8px;
}
.com-carousel-ctrl-box button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--career--gray-20);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.com-carousel-ctrl-box button:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}
.com-carousel-ctrl-box button:disabled {
  background: #eee;
  cursor: default;
}
.com-carousel-ctrl-box button:disabled img {
  opacity: 0.25;
}
.com-carousel-ctrl-box :where(.btn-prev, .btn-next) img {
  width: 11px;
}
.com-carousel-ctrl-box .btn-prev img {
  transform: rotate(180deg);
}
.com-carousel-ctrl-box :is(.btn-play, .btn-pause) {
  display: none;
}
.com-carousel-ctrl-box :is(.btn-play, .btn-pause).active {
  display: inline-flex;
}

/* Accordion */
.com-accordion {
  border-top: 1px solid var(--career--gray-40);
}
.com-accordion > li {
  border-bottom: 1px solid var(--career--gray-40);
}
.com-accordion .accordion-hd {
  width: 100%;
  min-height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--body-m-700);
  font-weight: 700;
  color: var(--career--primary-90);
  background-color: #fff;
  padding: 12px;
  gap: 40px;
  text-align: left;
}
.com-accordion .accordion-hd:hover {
  background-color: #f4f5f6;
}
.com-accordion .accordion-hd img {
  flex-shrink: 0;
  transition: 0.3s;
}
.com-accordion .accordion-hd.active img {
  transform: rotate(180deg);
}
.com-accordion .accordion-title {
}
.com-accordion .accordion-ctt {
  display: none;
  padding: 4px 0;
  background-color: #f7f7fe;
  margin-bottom: 20px;
}
.com-accordion .accordion-ctt.active {
  display: block;
}
.com-accordion .accordion-ctt > .inner {
  min-height: 120px;
}

.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .accordion-hd {
  border: 1px solid #b5c7dc;
  background: #f1f7fc;
  padding: 20px 30px;
  height: auto;
}
.com-detail-srch-wrap.srch-bar .com-accordion .accordion-ctt:before {
  display: none;
}

.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .accordion-hd p:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/img_accordion_hd-08a00ac51a024121d9f5815ddbd523eb.svg) no-repeat;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}
.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .btn-accordion-toggle {
  height: auto;
  width: auto;
  text-indent: 0px;
  border: 1px solid #003675;
  background: #fff;
  color: #003675;
  padding: 6px 16px;
}
.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .btn-accordion-toggle:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 16px;
  background: #fff url(/cloud/w/img/common/ic_cpt_arrow_right_navy-f2deefdaa1b63bdbf1e8abe5edcb76e5.svg) no-repeat;
  transform: rotate(90deg);
}
.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .btn-accordion-toggle.active:after {
  content: "";
  display: inline-block;
  transform: rotate(-90deg);
}
.com-detail-srch-wrap.srch-bar .com-accordion .column-reverse .accordion-ctt {
  border: 1px solid #b5c7dc;
  background: #f1f7fc;
}
.com-detail-srch-wrap.srch-bar .com-accordion .detail-srch-box {
  background: #f1f7fc;
}
.com-detail-srch-wrap.srch-bar
  .com-accordion
  .column-reverse
  .accordion-ctt
  .com-srchBtn-box
  button:first-child:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_refresh-51db04ef79ce2c32f04d697c79a4b470.svg) no-repeat;
}
.com-detail-srch-wrap.srch-bar .com-accordion.active .column-reverse .accordion-hd {
  position: relative;
  width: calc(100% - 2px);
  border-radius: 12px;
  padding: 20px 30px;
  margin: -85px 1px 0;
  z-index: 1;
  border: none;
}
.com-detail-srch-wrap.srch-bar .com-accordion .accordion-ctt {
  padding: 50px 40px 90px;
}

/* Modal */
.com-modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--career--primary-90);
  padding: 0 40px;
  z-index: 1000;
}
.com-modal::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  transform: scale(1.5);
}
.com-modal.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.com-modal > .inner {
  width: 100%;
  min-height: 313px;
  max-height: 90dvh;
  padding: 40px;
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  overflow: auto;
  z-index: 1;
}
.com-modal > .inner:focus {
  outline: 2px dotted var(--career--point);
  outline-offset: 4px;
}
.com-modal.xlg > .inner {
  max-width: 1000px;
  padding: 60px 40px;
}
.com-modal.lg > .inner {
  max-width: 846px;
}
.com-modal.sm > .inner {
  max-width: 560px;
}
.com-modal.ssm > .inner {
  max-width: 300px;
  min-height: 150px;
}
.com-modal.full > .inner {
  padding: 0;
  position: relative;
}
.com-modal.full .modal-hd-box {
  position: absolute;
  top: 30px;
  right: 40px;
  z-index: 2;
}
.com-modal .modal-hd-box {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 36px;
}
.com-modal .modal-hd-box h2 {
  font-size: 30px;
  font-weight: 700;
}
.com-modal .modal-hd-box .btn-cls {
  flex-shrink: 0;
  margin-left: auto;
}
.com-modal .modal-hd-box .btn-cls img {
  width: 18px; /* 웹접근성 수정 RHD 20250825 사용자 입력 및 컨트롤은 조작 가능 크기로 수정 14-->18px */
}
.com-modal.xlg .modal-hd-box .btn-cls img {
  width: 20px;
}
.com-modal .modal-title {
  font-size: 19px;
  font-weight: 700;
}
.com-modal .modal-ctt {
  font-size: 17px;
  margin-top: 24px;
}
.com-modal .modal-btn-box {
  margin-top: 32px;
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

/* File Upload */
.com-file-upload-box {
}
.com-file-upload-box .file-drop-box {
  height: 229px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--career--gray-10);
  border: 1px dashed var(--career--gray-40);
  border-radius: 12px;
  margin-bottom: 24px;
  gap: 40px;
}
.com-file-upload-box .file-drop-box p {
  font-size: 19px;
  color: var(--career--primary-90);
  font-weight: 500;
}
.com-file-upload-box .util-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.com-file-upload-box .util-box .cnt-box {
  color: var(--career--primary-90);
  font-weight: 700;
}
.com-file-upload-box .util-box .cnt-box .current {
  color: var(--career--primary-60);
}
.com-file-upload-box .file-list {
  gap: 16px;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.com-file-upload-box .file-box {
  border: 1px solid var(--career--gray-30);
  border-radius: 8px;
}
.com-file-upload-box .file-box .info-box {
  min-height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 12px 16px;
}
.com-file-upload-box .file-box .file-name {
  font-size: 17px;
  color: var(--career--primary-90);
}
.com-file-upload-box .file-box .btn-list {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.com-file-upload-box .file-box .btn-list .btn-preview img {
  width: 14px;
}
.com-file-upload-box .file-box .status-box {
  flex-shrink: 0;
}
.com-file-upload-box .file-box .status-box .icon-check {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--career--primary-60);
}
.com-file-upload-box .file-box .status-box .icon-check img {
  width: 8px;
}
.com-file-upload-box .file-box.error {
  border: 2px solid var(--career--danger);
  background-color: #fdf2f3;
  padding: 0 16px;
}
.com-file-upload-box .file-box.error .info-box {
  padding: 12px 0;
  border-bottom: 1px solid var(--career--gray-30);
}
.com-file-upload-box .file-box.error .btn-list button {
  background-color: transparent;
}
.com-file-upload-box .file-box.error .error-txt {
  color: var(--career--danger);
  font-size: 17px;
  background: url("/cloud/w/img/common/icon_alert-01c079daba1a78f4ee30617e3bf047c1.svg") no-repeat top 15px left;
  padding: 12px 0 12px 24px;
}

.file-wrap {
  display: flex;
  gap: 10px;
}
.file-wrap + .file-wrap {
  margin-top: 10px;
}
.file-wrap .file-box {
  position: relative;
  display: block;
  width: calc(100% - 204px);
}
.file-wrap .file-box .com-btn {
  position: absolute;
  top: 4px;
  left: 5px;
}
.cc-input-box-02 .file-box input {
  padding: 0 16px 0 120px;
}
.file-box input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.cc-input-box-02 .btn-list {
  display: flex;
  gap: 5px;
}
.nf-event-view-wrap > div.form .file-box + .btn-list img {
  filter: none;
}

/* Contextual help */
.com-help-box {
  width: 400px;
  padding: 24px;
  border: 1px solid var(--career--gray-40);
  border-radius: 6px;
  background-color: #fff;
  position: relative;
  z-index: 0;
}
.com-help-box::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-left: 1px solid var(--career--gray-40);
  border-bottom: 1px solid var(--career--gray-40);
  position: absolute;
  transform: rotate(-45deg);
  bottom: -9px;
}
.com-help-box .hd-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.com-help-box .hd-box .title {
  color: var(--career--gray-90);
  font-weight: 800;
}
.com-help-box .ctt {
  margin-top: 16px;
  font-size: var(--body-s-400);
  font-weight: 400;
}
.com-help-box .link-shortcut {
  margin-top: 24px;
}
.com-help-box.left::before {
  left: 30px;
}
.com-help-box.center::before {
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
.com-help-box.right::before {
  right: 30px;
}

/* Badge */
.com-badge {
  display: inline-block;
}
.com-badge.lg {
  padding: 10px 16px;
  border-radius: 4px;
  font-size: var(--label-m-400);
}
.com-badge.sm {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: var(--label-s-400);
}
.com-badge.primary {
  background: var(--career--primary-50);
  color: var(--career--white);
}
.com-badge.primary-pastel {
  background: var(--career--primary-5);
  color: var(--career--primary-60);
}
.com-badge.secondary {
  background: var(--career--gray-70);
  color: var(--career--white);
}
.com-badge.secondary-pastel {
  background: var(--career--gray-10);
  color: var(--career--gray-80);
}

/* Table */
.com-table thead th {
  padding: 12px 18px;
  vertical-align: middle;
  background: var(--career--secondary-5);
  border-bottom: 1px solid var(--career--secondary-30);
  font-size: var(--body-s-700);
  font-weight: 700;
}
.com-table tbody th {
  padding: 16px 18px;
  border-bottom: 1px solid var(--career--gray-20);
  font-size: var(--body-m-500);
}
.com-table tbody td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--career--gray-20);
  text-align: center;
  font-size: var(--body-m-500);
}
.com-table tbody td.td-title {
  text-align: left;
}
.com-table tbody td.td-title a {
  display: block;
}
.com-table tbody td.td-title a:hover {
  color: var(--career--primary);
  text-decoration: underline;
}
.com-table tbody td.td-link {
  text-align: center;
}
.com-table tbody td.td-link a {
  display: block;
}
.com-table tbody td.td-link a:hover {
  color: var(--career--primary);
  text-decoration: underline;
}
.com-table tbody td.td-title.new a::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_new-1dccac05f5c47be5e5794c85eb6ced13.svg) no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.com-table tbody td.td-title.new-02 a::before {
  content: "";
  flex-shrink: 0;
  width: 40px;
  height: 20px;
  background: url(../img/common/icon_new_02.svg) no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.com-table tbody td.td-left {
  text-align: left;
}
.com-table tbody td div.file-download {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.com-table-wrap.type-01 .com-table {
  table-layout: fixed;
  max-width: none;
  width: auto;
  min-width: 100%;
  border-collapse: collapse;
}
.com-table-wrap.type-02 {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.com-table-wrap.type-02 .com-table {
  width: 100%;
  min-width: 880px;
}
.com-table-wrap.type-02 .com-table tbody td.td-title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-table-wrap.type-02 .com-table tbody td.td-title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-table-wrap.type-02 .com-table::-webkit-scrollbar {
}
.com-table-wrap.type-02 .com-table::-webkit-scrollbar-thumb {
}
.com-table-wrap.type-02 .com-table::-webkit-scrollbar-track {
}
.com-table-wrap.type-02 tr.today-post {
  background-color: #ebf5ff;
  font-weight: 600;
}
.com-table tbody td.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-table tbody td .test-print {
  display: block;
}
.com-table tbody td .test-print img {
  margin: 0 auto;
}
.com-table tbody td span.ing {
  color: #ff6d2d;
}
.com-table tbody td .icon-new {
  display: inline-block;
  vertical-align: middle;
}

.com-table-wrap.type-03 .com-table tbody td.td-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5em;
  max-height: 3em;
}

/* 게시판 상단 - 검색 결과 박스 */
.com-board-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.com-board-hd .total-srch-num {
  margin-right: auto;
}
.com-board-hd .total-srch-num p {
  font-size: var(--body-m-700);
  font-weight: 700;
}
.com-board-hd .total-srch-num p span {
  color: var(--career--primary-50);
}
.com-board-hd .com-select-box {
  gap: 12px;
}
.com-board-hd .com-select-box.type-02.lg select {
  width: 50px;
}
.com-board-hd .com-select-box label {
  font-size: var(--label-m-700);
  font-weight: 700;
}
.com-board-hd .btn-apply {
  color: #000b17;
  font-size: 15px;
  height: 32px;
  min-width: 46px;
  padding: 0 10px;
  border: 1px solid var(--career--gray-90);
  border-radius: 6px;
  margin-left: 5px;
}
.com-board-hd .btn-apply:hover {
  background-color: #f4f5f6;
}
.com-board-hd .sort-type {
  display: flex;
  align-items: center;
  gap: 12px;
}
.com-board-hd .sort-type p {
  font-size: var(--label-m-700);
  font-weight: 700;
}
.com-board-hd .sort-type button.selected {
  text-decoration: underline;
}
.com-board-hd .list-type {
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-board-hd .list-type button.selected img {
  filter: brightness(0.1);
}
.com-board-hd .list-type button:hover img {
  filter: brightness(0.1);
}
.com-board-hd.lg {
  margin-bottom: 8px;
}
.com-board-hd.lg .total-srch-num p {
  font-size: 21px;
}

/* 게시판 - 검색박스 */
.com-srch-box {
  display: grid;
  gap: 40px;
  width: 100%;
  margin-bottom: 40px;
}
.com-srch-box .srch-box-wrap {
  padding: 40px;
  border-radius: 12px;
  background: var(--career--gray-5);
}
.com-srch-box .srch-box-wrap li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.com-srch-box .srch-box-wrap .com-select-box select {
  width: 180px;
  border: 1px solid var(--career--gray-60);
}
.com-srch-box .srch-input {
  width: 100%;
  position: relative;
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
}
.com-srch-box .srch-input input {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 8px !important;
  padding: 12px 40px 12px 12px;
}
.com-srch-box .srch-input input:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.com-srch-box .srch-input .btn-srch {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  padding: 8px;
  background: url(/cloud/w/img/common/icon_search-24c66d0d7311f4b2e279585875d38a28.svg) center no-repeat;
  background-size: 100%;
  width: 21px;
  height: 20px;
}
.com-srch-box .filter-box {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--career--gray-40);
  display: flex;
  gap: 16px;
}
.com-srch-box .filter-box p.filter-tl {
  font-size: var(--label-m-700);
  font-weight: 700;
}
.com-srch-box .filter-box p.filter-tl span {
  color: var(--career--primary-50);
}
.com-srch-box .filter-box .tag-list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.com-srch-box .filter-box .tag-list .refresh-btn {
  width: 32px;
  height: 32px;
  border: 1px solid var(--career--gray-40);
  background: var(--career--white);
  border-radius: 50%;
}
.com-srch-box .filter-box .tag-list .refresh-btn:hover {
  background-color: #f4f5f6;
}
.com-srch-box .filter-box .tag-list .refresh-btn img {
  margin: 0 auto;
}

/* 조건검색 - 셀렉트 박스 */
.detail-srch-box {
  padding: 40px;
  border-radius: 12px;
  background: var(--career--secondary-5);
  display: grid;
  gap: 22px;
}
.detail-srch-box li .com-select-box.type-01 label {
  margin-bottom: 16px;
  font-size: var(--label-m-700);
  font-weight: 700;
}
.detail-srch-box li .com-select-box.type-01 label span {
  font-size: var(--label-s-400);
  font-weight: 400;
}
.detail-srch-box li .label-txt {
  margin-bottom: 16px;
  font-size: var(--label-m-700);
  font-weight: 700;
}
.detail-srch-box li .label-txt span {
  font-size: var(--label-s-400);
  font-weight: 400;
}
.detail-srch-box li .com-select-box {
  width: 100%;
}
.detail-srch-box li .com-select-box select {
  width: 100%;
  border: 1px solid var(--career--gray-60);
}
.detail-srch-box li.col-2 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.detail-srch-box li.col-2 .com-select-box {
  width: 50%;
}
.detail-srch-box li.col-2 .com-select-box select {
  width: 100%;
  border: 1px solid var(--career--gray-60);
}
.detail-srch-box .com-srchBtn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* 조건검색 - 라디오 버튼 */
.detail-srch-box .radio-wrap {
  display: grid;
}
.detail-srch-box .radio-wrap .com-radio {
  border: 1px solid var(--career--gray-40);
  background: #fff;
  padding: 10px;
  margin-left: -1px;
  margin-bottom: -1px;
}
.detail-srch-box .radio-wrap .com-radio:focus-within {
  outline-offset: -6px;
}
.detail-srch-box .radio-wrap.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.detail-srch-box .radio-wrap.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.detail-srch-box .radio-wrap.col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.detail-srch-box .radio-wrap.col-15 {
  grid-template-columns: repeat(15, 1fr);
}

/* 조건검색 - 체크박스 */
.detail-srch-box .checkBox-wrap {
  display: grid;
}
.detail-srch-box .checkBox-wrap .com-checkbox {
  border: 1px solid var(--career--gray-40);
  background: #fff;
  padding: 2px 10px;
  margin-left: -1px;
  margin-bottom: -1px;
}
.detail-srch-box .checkBox-wrap .com-checkbox:focus-within {
  outline-offset: -6px;
}
.detail-srch-box .checkBox-wrap.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.detail-srch-box .checkBox-wrap.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.detail-srch-box .checkBox-wrap.col-5 {
  grid-template-columns: repeat(5, 1fr);
}

/* 조건검색 - 기간검색(날짜입력) */
.detail-srch-box .com-date-input {
  width: 50%;
  background: #fff;
}

/* 텍스트형 카드 */
.com-card .fake-btn {
  font-size: 17px;
  color: var(--career--primary-90);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}
.com-card .con-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.com-card .con-box a {
  display: block;
}
.com-card .con-box .con-hd {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.com-card .con-box .con-hd .count {
  margin-left: auto;
}
.com-card .con-box .con-hd .count span {
  color: var(--career--primary);
}
.com-card .con-box .con-hd .no-data {
  color: #737b94;
}
.com-card .con-box .title {
  font-size: var(--body-l-700);
  color: var(--career--gray-90);
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.com-card .con-box .exp {
  color: var(--career--gray-90);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.com-card .con-box .title .new {
  color: var(--career--point);
  font-weight: 700;
  border: 1px solid var(--career--point);
  border-radius: 8px;
  padding: 2px 4px;
  margin-right: 4px;
  font-size: var(--body-s-400);
}
.com-card .con-box .con {
  line-height: 150%;
  font-size: var(--body-m-400);
  color: var(--career--gray-70);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.com-card .con-box .con-tit {
  font-size: 19px;
  font-weight: 700;
  color: #1d1d1d;
  margin-bottom: 5px;
}
.com-card .con-box .con.third-line {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  cursor: pointer;
}
.com-card .con-box .con.second-line {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 51px;
}
.com-card .con-box .gallery-list {
  line-height: 150%;
  width: 100%;
}
.com-card .con-box .gallery-list li {
  list-style-type: disc;
  list-style-position: inside;
  color: var(--career--gray-70);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-card .con-box .no-data {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-size: 16px;
  text-align: center;
}
.com-card .terms-list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 24px;
  border-top: 1px solid var(--career--gray-30);
}
.com-card .terms-list li {
  width: 33%;
  padding: 0 15px;
  text-align: center;
}
.com-card .terms-list li:nth-of-type(2) {
  border-left: 1px solid var(--career--gray-30);
  border-right: 1px solid var(--career--gray-30);
}
.com-card .terms-list li p {
  font-size: var(--body-s-400);
}
.com-card .terms-list li span {
  font-size: var(--body-s-400);
  display: block;
  padding: 8px 12px;
  background: var(--career--primary-5);
  border: 1px solid var(--career--primary-50);
  border-radius: 100px;
  margin-top: 16px;
}
.com-card .tail-item-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.com-card .tail-item-list > div {
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--career--gray-90);
}
.com-card .tag-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding-top: 24px;
  border-top: 1px solid var(--career--gray-40);
}
.com-card > .com-btn {
  margin-left: auto;
}
.com-card.type-02:hover .terms-list {
  border-top: 1px solid var(--career--primary-30);
}
.com-card.type-02:hover .terms-list li span {
  background: var(--career--primary-50);
  color: #fff;
}
.com-card.text {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid var(--career--gray-40);
}
.com-card.img {
  display: block;
  border-radius: 12px;
  border: 1px solid var(--career--gray-40);
  overflow: hidden;
}
.com-card.img .img-box {
  display: flex;
  width: 100%;
  height: 244px;
  overflow: hidden;
}
.com-card.img .img-box img {
  width: 100%;
  object-fit: fill;
}
.com-card.img .bt-box {
  padding: 24px;
  width: 100%;
  height: calc(100% - 244px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.com-card.img .bt-box > .com-btn {
  margin-left: auto;
}
.com-card:hover {
  border: 1px solid var(--career--primary);
}
.com-card:hover .con-box .title {
  color: var(--career--primary);
}
.com-card:hover .con-box .con {
  text-decoration: underline;
  text-decoration-color: var(--career--gray-60);
}
.com-card.text .img-box {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border: 1px solid var(--career--gray-40);
  display: flex;
  align-items: center;
}
/* .com-card.text .img-box img {transform: translateY(-50px);} */
.com-card.text .tail-item-list div:last-of-type {
  margin-left: auto;
}
.com-card.img .tail-item-list div:last-of-type {
  margin-left: auto;
}
.com-card.img .tail-item-list.last_no div:last-of-type {
  margin-left: 0;
}

.com-card.img.type-04 .info-list-02 {
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
}
.com-card.img.type-04 .info-list-02 dl {
  width: 100%;
}
.com-card.img.type-04 .info-list-02 dt {
  font-size: 15px;
}
.com-card.img.type-04 .info-list-02 dd {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  color: var(--career--primary);
  font-weight: 500;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid var(--career--primary);
  background: var(--career--primary-5);
}
.com-card.img.type-04 .info-list-02 dd.good::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/sub/icon_face_smile-59befa554d12a1577f2f36d4e7b8cd53.svg) no-repeat center;
  background-size: 16px;
  vertical-align: middle;
  margin: 0 4px 2px 0;
}
.com-card.img.type-04 .info-list-02 dd.bad::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/sub/icon_face_normal-91f6c7b136e13825c800ac45b7e277cc.svg) no-repeat center;
  background-size: 16px;
  vertical-align: middle;
  margin: 0 4px 2px 0;
}

/* 이벤트 종료 시 */
.com-card.dim-end {
}
.com-card.dim-end .img-box {
  position: relative;
}
.com-card.dim-end:hover .img-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 244px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7) url(/cloud/w/img/common/timeout_bg-b6d17f300b1bc9e339f1d409a45f2c3e.png) no-repeat center;
}
.com-card.dim-end .img-box img {
  width: 100%;
  height: 100%;
}
.com-card.dim-end .img-box img {
  width: 100%;
  height: 100%;
}
.com-card.dim-end .con-box .title {
  color: #7d7d7d;
}
.com-card.dim-end:hover .con-box .title {
  color: #7d7d7d;
}
.com-card.dim-end-02:hover .img-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 244px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7) url(/cloud/w/img/common/timeout_bg_02-3d75c6181faad549543f1a09135b44b1.png) no-repeat center;
}

/* 새로운 이벤트 생성 시 */
.com-card.new {
}
.com-card.new .img-box {
  position: relative;
}
.com-card.new .img-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 97px;
  height: 97px;
  background: url(/cloud/w/img/common/badge_new-c0adaf933407a58f914b63e27351b1c9.png) no-repeat center;
  z-index: 1;
}

/* 리스트형 카드 */
.com-card.img.type-03 {
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--career--gray-40);
  border-radius: 0;
}
.com-card.img.type-03:last-child {
  border: 0;
}
.com-card.img.type-03 .top-box {
  display: flex;
  justify-content: space-between;
}
.com-card.img.type-03 .img-box {
  width: 120px;
  height: 120px; /* border: 1px solid var(--career--gray-40); */
}
.com-card.img.type-03 .con-box {
  width: calc(100% - 144px);
  gap: 12px;
  margin-bottom: 24px;
}
.com-card.img.type-03 .com-badge.sm {
  padding: 0 8px;
}
.com-card.img.type-03 .tail-item-list div:last-of-type {
  margin-left: 0;
}

/* 이벤트 종료 시 */
.com-card.dim-end {
}
.com-card.dim-end .img-box {
  position: relative;
}
.com-card.dim-end:hover .img-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 244px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7) url(/cloud/w/img/common/timeout_bg-b6d17f300b1bc9e339f1d409a45f2c3e.png) no-repeat center;
}
.com-card.dim-end .img-box img {
  width: 100%;
  height: 100%;
}
.com-card.dim-end .img-box img {
  width: 100%;
  height: 100%;
}
.com-card.dim-end .con-box .title {
  color: #7d7d7d;
}
.com-card.dim-end:hover .con-box .title {
  color: #7d7d7d;
}
.com-card.dim-end-02:hover .img-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 244px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7) url(/cloud/w/img/common/timeout_bg_02-3d75c6181faad549543f1a09135b44b1.png) no-repeat center;
}

/* 새로운 이벤트 생성 시 */
.com-card.new {
}
.com-card.new .img-box {
  position: relative;
}
.com-card.new .img-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 97px;
  height: 97px;
  background: url(/cloud/w/img/common/badge_new-c0adaf933407a58f914b63e27351b1c9.png) no-repeat center;
  z-index: 1;
}

/* 나의 진로활동 리스트형 카드 */
.mca-prf .com-card.img.type-03 {
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--career--gray-40);
  border-radius: 0;
}
.mca-prf .com-card.img.type-03:last-child {
  border: 0;
}
.mca-prf .com-card.img.type-03 .top-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.mca-prf .com-card.img.type-03 .img-box {
  width: 120px;
  height: 120px; /* border: 1px solid var(--career--gray-40); */
}
.mca-prf .com-card.img.type-03 .con-box {
  width: calc(100% - 174px);
  gap: 12px;
  margin-bottom: 0;
}
.mca-prf .com-card.img.type-03 .con-box .date {
  display: block;
  width: 100%;
  text-align: right;
}
.mca-prf .com-card.img.type-03 .com-badge.sm {
  padding: 0 8px;
}
.mca-prf .com-card.img.type-03 .tail-item-list div:last-of-type {
  margin-left: 0;
}

/* 일반 / 조건 검색 결과 없음 */
.com-no-result {
  width: 100%;
  display: grid;
  gap: 40px;
  padding: 80px 0;
  justify-content: center;
}
.com-no-result .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: var(--career--gray-5);
  border-radius: 50%;
  margin: 0 auto;
}
.com-no-result .notice-box {
  margin: 0 auto;
  display: grid;
  gap: 24px;
}
.com-no-result .notice-box p {
  font-size: var(--body-l-700);
  font-weight: 600;
  color: var(--career--gray-70);
  text-align: center;
}
.com-no-result .notice-box ul {
  margin: 0 auto;
}
.com-no-result .notice-box ul li {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-s-400);
  color: var(--career--primary);
  margin-bottom: 8px;
}
.com-no-result .notice-box ul li:last-of-type {
  margin-bottom: 0;
}

/* 게시판 - 상세글 */
.com-view-hd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 16px;
}
.com-table-view-detail {
  table-layout: fixed;
  max-width: none;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid var(--career--gray-20);
}
.com-table-view-detail th {
  background: var(--career--secondary-5);
  padding: 5px 20px;
  border-bottom: 1px solid var(--career--gray-20);
  font-size: var(--body-s-700);
  font-weight: 600;
  text-align: left;
}
.com-table-view-detail td {
  padding: 12px 20px;
  border-bottom: 1px solid var(--career--gray-20);
  font-size: var(--body-s-400);
  overflow: hidden;
} /*overflow 행사이벤트 내용 관리자내용 넘쳐서 한건데 문제되면 지우고 개발문의해야함*/
.com-table-view-detail td.title {
  font-size: 18px;
  font-weight: 600;
  padding: 20px;
}
.com-table-view-detail td .file-download-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.com-table-view-detail td .file-download-list a {
  display: block;
  width: fit-content;
}
.com-table-view-detail td .file-download-list a:hover {
  text-decoration: underline;
}
.com-table-view-detail td .file-download-list a span {
  display: block;
}
.com-table-view-detail td .file-download-list a span::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(/cloud/w/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center;
  cursor: pointer;
  margin-left: 4px;
}
.com-table-view-detail td .file-download-list a .download-file {
  display: inline-block;
}
.com-table-view-detail td .file-download-list a .download-num {
  display: inline-block;
  margin-left: 5px;
}
.com-table-view-detail td .file-download-list a .download-num:after {
  display: none;
}
.com-table-view-detail td .file-link-list a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--career--primary-90);
}
.com-table-view-detail td .file-link-list a:hover {
  text-decoration: underline;
}
.com-util-list {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 17px;
  font-weight: 700;
}
.com-view-hd button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-view-hd .views {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-view-hd button:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}
.com-table-view-detail .cate-list {
  display: flex;
  gap: 15px;
}
.com-table-view-detail .cate-list li {
}
.com-table-view-detail .cate-list li a {
  font-weight: 500;
  color: #003675;
  text-decoration: underline;
}

/* 동영상 게시판 */
.com-video-wrap > ul > li {
}
.com-video-wrap > ul > li > a {
  display: flex;
  padding: 40px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--career--gray-20);
}
.com-video-wrap > ul > li:nth-child(1) a,
.com-video-wrap > ul > li:nth-child(2) a {
  padding-top: 0;
}
.com-video-wrap > ul > li > a .video-thumb {
  width: 200px;
  height: 120px;
  margin-right: 10px;
  background-color: var(--career--gray-20);
}
.com-video-wrap > ul > li > a .video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.com-video-wrap > ul > li > a .video-cont {
}
.com-video-wrap > ul > li > a .video-cont .tit {
  width: 382px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.com-video-wrap > ul > li > a .video-cont .txt {
  width: 382px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com-video-wrap > ul > li > a .video-cont .date {
  text-align: right;
  padding-right: 25px;
  margin-top: 30px;
}
.com-video-wrap .com-no-result {
  border-bottom: 1px solid var(--career--gray-20);
}

.com-video-wrap .video-tag-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.com-video-wrap .video-tag-wrap .tag-box {
  display: flex;
  align-items: center;
  width: calc(100% - 300px);
}
.com-video-wrap .video-tag-wrap .tag-box .tag {
  width: calc(100% - 100px);
}
.com-video-wrap .video-tag-wrap .tag-box ul li {
  margin: 2px 5px 2px 0;
}
.com-video-wrap .video-tag-wrap .source-box {
  display: flex;
}
.com-video-wrap .tit {
  font-weight: 700;
  margin-right: 30px;
  width: fit-content;
}
.com-video-wrap .video-tag-wrap .txt {
  color: #555555;
}
.com-video-wrap .tag ul {
  display: flex;
  flex-wrap: wrap;
}

.com-video-wrap .tag-box > .tit::before {
  content: "";
  background: url(/cloud/w/img/sub/icon-tag-ade7c1e1a4fc95071c13e6ea0893b190.svg) center no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/* 페이지 스킵 버튼 */
.com-page-skip {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.com-page-skip li {
  width: 50%;
}
.com-page-skip-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 24px;
  border: 1px solid var(--career--gray-40);
  width: 100%;
  border-radius: 12px;
}
.com-page-skip-btn.active:hover {
  border: 1px solid var(--career--primary);
}
.com-page-skip-btn.prev p {
  text-align: right;
}
.com-page-skip-btn p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.com-page-skip-btn.active p {
  font-size: var(--link-l-700);
  font-weight: 600;
  color: var(--career--primary);
  text-decoration: underline;
  text-decoration-color: var(--career--primary);
}
.com-page-skip-btn.disabled p {
  font-size: var(--link-l-700);
  font-weight: 400;
  color: var(--career--gray-60);
}
.com-page-skip .skip-btn {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #757575;
  font-size: var(--link-s-400);
}
.com-page-skip-btn.next .skip-btn img {
  transform: rotate(180deg);
}

/* 콘텐츠 - 동영상 설명 박스 */
.com-video-infobox-contents {
  display: flex;
  overflow: hidden;
  border-radius: 12px;
  background: var(--career--secondary-5);
}
.com-video-infobox-contents .left-box {
  width: 400px;
}
.com-video-infobox-contents .left-box img {
  width: 100%;
  height: 100%;
}
.com-video-infobox-contents .right-box {
  width: calc(100% - 400px);
  padding: 32px;
  display: grid;
  gap: 40px;
}
.com-video-infobox-contents .right-box .title {
  font-size: var(--body-l-700);
  font-weight: 600;
}
.com-video-infobox-contents .right-box .info {
  margin-top: 24px;
  line-height: 150%;
  font-size: var(--body-m-400);
  color: var(--career--gray-70);
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.com-video-infobox-contents .tail-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-video-infobox-contents .tail-list .count {
  font-size: var(--body-m-400);
}
.com-video-infobox-contents .tail-list .count span {
  color: var(--career--primary);
  font-weight: 500;
}
.com-video-infobox-contents .tail-list button {
  background: transparent;
}

/* 콘텐츠 - 차트 박스 */
.com-chartbox-contents {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
  text-align: center;
}
.com-chartbox-contents .chart-title {
  font-size: var(--body-l-700);
  font-weight: 600;
}
.com-chartbox-contents .chart-info {
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid var(--career--gray-40);
}
.com-chartbox-contents .chart-info p {
  font-size: 16px;
}
.com-chartbox-contents .chart-box {
  width: 60%;
}
.com-chartbox-contents .chart {
  height: 219px;
}
.com-chartbox-contents .hidden_legend {
  text-indent: -9999px;
  font-size: 0;
}
.com-chartbox-contents .chart_legend,
.com-chartbox-contents #chart_legend1,
.com-chartbox-contents #chart_legend2 {
  margin-top: 24px;
  min-height: 92px;
}
.com-chartbox-contents .chart_legend ul,
.com-chartbox-contents #chart_legend1 ul,
.com-chartbox-contents #chart_legend2 ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.com-chartbox-contents .chart_legend li,
.com-chartbox-contents #chart_legend1 li,
.com-chartbox-contents #chart_legend2 li {
  display: inline-block;
  font-size: 16px;
  color: #1d1d1d;
  font-weight: 500;
}
.com-chartbox-contents .chart_legend span,
.com-chartbox-contents #chart_legend1 span,
.com-chartbox-contents #chart_legend2 span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}

.print .com-chartbox-contents .chart_legend ul,
.print .com-chartbox-contents #chart_legend1 ul,
.print .com-chartbox-contents #chart_legend2 ul {
  width: 85%;
}

/* 콘텐츠 - 태그 박스 */
.content-tag {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
}
.content-tag .con-tag-tit {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
}
.content-tag .con-tag-tit::before {
  content: "";
  background: url(/cloud/w/img/common/icon_sati-1f999f6f29540133b0502977c40af8c0.svg) no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
.content-tag.type02 {
  display: block;
  margin-top: 40px;
}
.content-tag.type02 .con-tag-tit {
  margin-bottom: 20px;
}
.content-tag.type02 .con-tag-list {
  display: flex;
  gap: 8px;
}

/* 콘텐츠 - 유의사항 */
.com-infobox-contents {
  padding: 16px;
  border: 1px solid var(--career--gray-20);
  background: var(--career--gray-5);
  border-radius: 12px;
  display: grid;
  gap: 16px;
}
.com-infobox-contents .con-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-l-700);
  font-weight: 600;
}
.com-infobox-contents .con-box {
  padding-left: 20px;
  color: var(--career--gray-70);
}
.com-infobox-contents .con-box .con {
  font-size: var(--body-m-400);
}
.com-infobox-contents .con-box .con-list {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px dashed var(--career--gray-40);
  display: grid;
  gap: 16px;
}
.com-infobox-contents .con-box .con-list.disc li {
  list-style-type: disc;
  list-style-position: inside;
}
.com-infobox-contents .con-box .con-list.demical li {
  list-style-type: decimal;
  list-style-position: inside;
}
.com-infobox-contents.mt-16 {
  margin-top: 16px;
}
.com-infobox-contents .con-box .con-title {
  color: #1d1d1d !important;
}
.com-infobox-contents .con-box .con-right {
  text-align: right;
  margin-top: 14px;
}

/* 콘텐츠 내용 */
.com-conts-title.lg {
  font-size: var(--title-l-700);
  font-weight: 600;
}
.com-conts-title.md {
  font-size: var(--title-m-700);
  font-weight: 600;
}
.com-conts-title.sm {
  font-size: var(--title-s-700);
  font-weight: 500;
  margin-top: 8px;
}
.com-conts-title.xsm {
  font-size: 17px;
  font-weight: 500;
}

.com-conts-title.check::before {
  content: "";
  background: url(/cloud/w/img/sub/icon_conts_title_check-e8ac5f2d6c2396dd603887fdc6bd471f.png) no-repeat;
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.com-conts-area {
  display: grid;
  gap: 16px;
}
.com-conts-area .info-txt {
  color: var(--career--gray-70);
  font-size: var(--body-m-400);
}
.com-conts-area .info-list {
  display: grid;
  gap: 8px;
}
.com-conts-area .info-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--career--gray-70);
}
.com-conts-area .info-list li::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--career--gray-70);
  margin-top: 9px;
}
.com-conts-area .info-list li a.link-under {
  text-decoration: underline;
}

/* 페이지네이션 */
.com-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 40px;
}
.com-pagination .page-item {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.com-pagination .page-item button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: var(--link-m-400);
  color: var(--career--gray-70);
}
.com-pagination .page-item button:not(.active):where(:hover, :focus) {
  background: var(--career--primary-70);
  border-radius: 6px;
  color: #fff;
}
.com-pagination .page-item button.active {
  color: #fff;
  font-weight: 600;
  background: var(--career--primary-70) url("/cloud/w/img/common/bg_patten_01-5be5a7eb9c5fa7f443abae9f1579f858.png");
  border-radius: 6px;
  text-decoration: underline;
  text-underline-position: from-font;
}
.com-pagination .page-item button i {
  font-size: 13px;
}
.com-pagination .btn-prev {
  margin-right: var(--next-prev-mg-lr);
}
.com-pagination .btn-next {
  margin-left: var(--next-prev-mg-lr);
}
.com-pagination > li button {
  display: flex;
  align-items: center;
  padding: 6px 8px;
}
.com-pagination > li button.btn-prev {
  margin-right: 8px;
}
.com-pagination > li button.btn-next {
  margin-left: 8px;
}
.com-pagination :where(.btn-begin, .btn-end) i:first-of-type {
  margin-right: 8px;
}
.com-pagination :where(.btn-begin, .btn-end) i:last-of-type {
  margin-left: 8px;
}
.com-pagination .link-dot {
  background: url(/cloud/w/img/common/pagination-dot-c16953c36e58fad8df970ec124f1f51b.png) center no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.com-grid-box {
  display: grid;
  gap: 24px;
}
.com-grid-box.col-1 {
  gap: 0;
  border: 1px solid #c6c6c6;
  border-radius: 10px;
  padding: 0 24px;
}
.com-grid-box.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.com-grid-box.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.com-grid-box.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.com-grid-box.col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.com-grid-box.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.com-grid-box.col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.com-grid-box.col-11 {
  grid-template-columns: repeat(11, 1fr);
}

/* 동영상 상세 페이지 */
.com-video-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-video-box .vjs-big-play-button {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.com-video-box .vjs-big-play-button .vjs-icon-placeholder::before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 90px;
}
.com-video-wrap .com-conts-title {
  margin-bottom: 10px;
}
.com-video-wrap .com-conts-sub {
  font-size: 20px;
  color: #254a8c;
  margin-bottom: 40px;
}
.com-video-wrap .util-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  font-size: 17px;
  font-weight: 700;
  margin: 24px 0;
}
.com-video-wrap .util-list li {
  display: flex;
  align-items: center;
}
.com-video-wrap .util-list button {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-video-wrap .util-list .views {
  display: flex;
  align-items: center;
  gap: 5px;
}
.com-video-wrap .util-list button:where(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-position: under;
}
.com-video-wrap .util-list p.num span {
  font-weight: 400;
  padding-left: 5px;
}

/* 상세검색 아코디언 */
/*.com-detail-srch-wrap { margin-bottom: 40px; }*/
.com-detail-srch-wrap .com-accordion {
  border-top: 0;
}
.com-detail-srch-wrap .com-accordion li {
  border-bottom: 0;
}
.com-detail-srch-wrap .com-accordion li.column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.com-detail-srch-wrap .com-accordion .accordion-ctt {
  background-color: #edf1f5;
  margin-bottom: 0;
  border-radius: 12px 12px 0 0;
  margin-bottom: 30px;
}
.com-detail-srch-wrap .com-accordion .accordion-ctt > .inner {
  min-height: 0;
}
.com-detail-srch-wrap .com-accordion .accordion-hd {
  background: #edf1f5;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
}
.com-detail-srch-wrap .com-accordion .btn-accordion-toggle {
  margin-left: auto;
  border-radius: 6px;
  color: #fff;
  background-color: #7a90a7;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 400;
}
.com-detail-srch-wrap .com-accordion .btn-accordion-toggle::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}
.com-detail-srch-wrap .com-accordion .btn-accordion-toggle.active::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.com-detail-srch-wrap .com-accordion.active .accordion-hd {
  border-radius: 0 0 12px 12px;
  padding: 10px 35px 30px 35px;
}
.com-detail-srch-wrap .com-accordion.active .accordion-hd p {
  display: none;
}

/* 자세히 보기 버튼 */
.com-link-btn {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.com-link-btn::after {
  content: "";
  display: block;
  width: 18px;
  height: 7px;
  background: url(/cloud/w/img/common/arr_btn_detail-af42706db08da02de52cca491e1b4070.svg) no-repeat center;
}
.com-link-btn:hover {
  text-decoration: underline;
}

/* 최종수정일 */
.com-modified-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.com-modified-date span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.com-modified-date span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_refresh-51db04ef79ce2c32f04d697c79a4b470.svg) no-repeat center;
  filter: brightness(0);
}
.com-modified-date-pd {
  padding-top: 40px;
}
.com-modified-date + div {
  padding-top: 4px;
}

/* 인쇄 페이지 공통 */
.com-print-modal-box {
  padding: 40px;
}
.com-print-modal-box > .inner {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
}

@media print {
  .com-print-modal-box {
    padding: 0;
    font-size: 15px;
  }
  .com-print-modal-box p {
    font-size: 14px;
  }
  .com-print-modal-box .di-btn-wrap {
    display: none;
  }
  .com-print-modal-box .print {
    border-top: none;
    padding-top: 0;
    margin-bottom: 0;
  }
  .com-print-modal-box .com-conts-title.md {
    font-size: 17px;
  }
  .com-print-modal-box .com-print-area.need-gap {
    gap: 24px;
  }

  .com-print-modal-box .com-table {
    width: 100%;
    min-width: 100%;
  }
  .com-print-modal-box .com-table tbody td {
    font-size: 15px;
  }

  .com-print-modal-box .com-table-view-detail td {
    padding: 8px 12px;
  }

  .com-print-modal-box .cc-title-01 .type {
    padding: 5px 10px;
    font-size: 15px;
  }

  .com-print-modal-box .mca-reply-wrap div.con {
    padding: 20px;
  }
  .com-print-modal-box .mca-reply-wrap .title {
    font-size: 18px;
  }
  .com-print-modal-box .mca-reply-wrap div.con .mca-con-bold {
    font-size: 18px;
  }

  .com-print-modal-box .mca-rd-box {
    padding: 24px;
    gap: 16px;
    margin-top: 24px;
  }
  .com-print-modal-box .mca-rd-box-gray {
    margin-bottom: 0;
  }
  .com-print-modal-box .mca-rd-box-gray {
    background: #fff;
    padding: 24px;
  }

  .com-print-modal-box .mca-tb-inr-box .type:before {
    width: 15px;
    height: 15px;
  }

  .com-print-modal-box .mca-q-a {
    margin: 0;
  }
  .com-print-modal-box .mca-q-a p {
    font-size: 15px;
  }
  .com-print-modal-box .mca-q-a ul li em {
    font-size: 15px;
  }
  .com-print-modal-box .mca-q-a strong.mca-q-a-tit {
    font-size: 17px;
  }
  .com-print-modal-box .mca-q-a strong.mca-q-a-tit:before {
    width: 15px;
    height: 15px;
    background-size: 3px auto;
  }
}

/* 커리어넷 관련사이트 */
.subsite-wrap a {
  position: relative;
  border: 1px solid #dedede;
  box-shadow: 1px 1px 7px #dbdada;
  padding: 10px;
}
.subsite-wrap a:hover {
  border-color: #3084fa;
}
.subsite-wrap a:hover dl dt {
  color: #3084fa;
}
.subsite-wrap a dl dt {
  padding-top: 190px;
  color: #333;
  font-size: 17px;
  font-weight: bold;
  line-height: 32px;
}
.subsite-wrap a dl dd {
  color: #7d7d7d;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
}
.subsite-wrap a dl dd img {
  width: 280px;
  height: 186px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.subsite-wrap a dl .link-addr {
  padding-top: 15px;
}

/************************* 통합검색 **************************/
#global-srch-wrap {
}
#global-srch-wrap .search_top {
}
#global-srch-wrap .search_top .top_ment {
  padding-bottom: 75px;
  font-size: 32px;
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .search_top .top_ment strong {
  color: #0074E5;
}
#global-srch-wrap .search_top .kwd_search {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #c6c6c6;
  padding: 15px 50px 15px 0;
}
#global-srch-wrap .search_top .kwd_search .input_box {
  position: relative;
  padding-right: 30px;
}
#global-srch-wrap .search_top .kwd_search .inp_search {
  width: 100%;
  height: 40px;
  font-size: 32px;
  font-weight: 800;
  color: var(--career--black);
  border: 1px solid transparent;
}
#global-srch-wrap .search_top .kwd_search .inp_search:focus {
  border: 1px dashed #666;
}
#global-srch-wrap .search_top .kwd_search .inp_search::placeholder {
  font-size: 32px;
  font-weight: 500;
}
#global-srch-wrap .search_top .kwd_search .btn_inp_del {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url("/cloud/w/img/common/icon_del_input-631735de0614327db9598e8e23bfa54e.svg") no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
#global-srch-wrap .search_top .kwd_search .btn_inp_del:focus-within {
  outline: 1px dotted var(--career--black);
}
#global-srch-wrap .search_top .kwd_search input:invalid + .btn_inp_del {
  visibility: hidden;
}
#global-srch-wrap .search_top .kwd_search .btn_search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("/cloud/w/img/icon/icon_search_b-22301dc015c06d170896c18824c02093.svg") no-repeat center center;
  background-size: cover;
  text-indent: -9999px;
}

#global-srch-wrap .search_top .hit_kwd {
  display: flex;
  align-items: flex-start;
  margin-top: 25px;
}
#global-srch-wrap .search_top .hit_kwd .hit_kwd_tit {
  width: 100px;
  font-size: 20px;
  font-weight: 700;
  color: var(--career--black);
  margin-right: 50px;
  padding-top: 4px;
}
#global-srch-wrap .search_top .hit_kwd ul.list_hit_kwd {
  width: 100%;
}
#global-srch-wrap .search_top .hit_kwd ul.list_hit_kwd li {
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}
#global-srch-wrap .search_top .hit_kwd ul.list_hit_kwd li a {
  display: block;
  height: 32px;
  padding: 6px 12px;
  line-height: 1.2;
  font-size: var(--body-s-400);
  color: var(--career--gray-90);
  border: 1px solid #c6c6c6;
  border-radius: 50px;
}

#global-srch-wrap .search_container {
  margin-top: 100px;
}
#global-srch-wrap .search_container .com-tab {
  margin-top: 40px;
}
#global-srch-wrap .tabs {
}
#global-srch-wrap .tabs h4.blind {
  display: none;
}
#global-srch-wrap .tabs .tabs_head {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#global-srch-wrap .tabs .tabs_head li:first-child {
  border-radius: 8px 0 0 8px;
}
#global-srch-wrap .tabs .tabs_head li:last-child {
  border-radius: 0 8px 8px 0;
}
#global-srch-wrap .tabs .tab {
  width: 100%;
}
#global-srch-wrap .tabs .tab + .tab {
  /*border-left: 1px solid #B4C4D6;*/
}
#global-srch-wrap .tabs .tab > a {
  display: block;
  font-size: var(--body-l-700);
  font-weight: 700;
  color: var(--career--gray-70);
  padding: 14px 10px;
  text-align: center;
  border: 1px solid #b4c4d6;
  border-left: none;
  height: 100%;
  cursor: pointer;
}
#global-srch-wrap .tabs .tab:first-of-type a {
  border-radius: 8px 0 0 8px;
  border: 1px solid #b4c4d6;
}
#global-srch-wrap .tabs .tab:last-of-type a {
  border-radius: 0 8px 8px 0;
}
#global-srch-wrap .tabs .tab.active a {
  background: #003675;
  color: var(--career--white);
}

#global-srch-wrap .sort_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
}
#global-srch-wrap .sort_box .sort_type {
  display: flex;
  align-items: center;
}
#global-srch-wrap .sort_box .sort_type h4 {
  font-size: var(--body-m-700);
  font-weight: 700;
  color: var(--career--gray-90);
  margin-right: 10px;
}
#global-srch-wrap .sort_box .sort_type ul.sort_type_list {
  display: flex;
  gap: 0 10px;
}
#global-srch-wrap .sort_box .sort_type ul.sort_type_list li {
}
#global-srch-wrap .sort_box .sort_type ul.sort_type_list li span {
  display: block;
  font-size: var(--body-m-700);
  color: var(--career--gray-90);
  cursor: pointer;
}
#global-srch-wrap .sort_box .sort_type ul.sort_type_list li strong,
#global-srch-wrap .sort_box .sort_type ul.sort_type_list li a {
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
}
#global-srch-wrap .sort_box .sort_type ul.sort_type_list li.on a {
  text-decoration: underline;
  color: var(--career--gray-90);
}

#global-srch-wrap .rst_search label {
  font-size: var(--body-m-700);
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .rst_search .chk_box .chk + label:before {
  border: 1px solid #717171;
  margin-right: 8px;
}

#global-srch-wrap .tabs_content {
  margin-top: 100px;
}
#global-srch-wrap .tabs_content .tabs_item {
}
#global-srch-wrap .list_content {
}
#global-srch-wrap .list_content + .list_content {
  margin-top: 80px;
}
#global-srch-wrap .list_content .tabs_item_tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#global-srch-wrap .list_content .tabs_item_tit h4 {
  font-size: 32px;
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .list_content .tabs_item_tit h4 .amt {
  color: #0074E5;
}
#global-srch-wrap .tabs_content .tabs_item .btn_more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  font-size: var(--body-m-700);
  line-height: 48px;
  color: #000b17;
  border: 1px solid var(--career--gray-90);
  border-radius: 8px;
}
#global-srch-wrap .tabs_content .tabs_item .btn_more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url("/cloud/w/img/common/icon_more-aa94bdf1e010496e9ce5d6ee69bcf8a4.svg");
  background-size: cover;
}

#global-srch-wrap .tabs_content .tabs_item .tabs_item_list {
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 {
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li {
  border-bottom: 1px solid #c6c6c6;
  padding: 45px 0;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .list_type {
  display: inline-block;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 4px;
  background: #eff5ff;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #1d56bc;
  margin-bottom: 15px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li a:hover {
  text-decoration: underline;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li strong {
  display: block;
  font-size: var(--body-l-700);
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li p {
  font-size: 17px;
  color: #555;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li .loc_nav {
  margin-top: 10px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li .loc_nav li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
#global-srch-wrap
  .tabs_content
  .tabs_item
  .tabs_item_list
  .txt_list_1
  > li
  .loc_nav
  li
  + li:before {
  content: "";
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background: url("/cloud/w/img/common/arr_loc-aabeb035784ba226b21cf38f307f6669.svg") no-repeat center center;
  background-size: cover;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li .loc_nav li a {
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
  line-height: 1;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_1 > li .loc_nav li a:hover {
  text-decoration: underline;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-tit-txt-list {
  margin-top: 20px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-tit-txt-list li {
  border-bottom: 1px solid #c6c6c6;
  padding: 35px 0;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-tit-txt-list li a:hover {
  text-decoration: underline;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-tit-txt-list li a strong {
  font-size: 19px;
  font-weight: 600;
  color: #000;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-tit-txt-list li p {
  font-size: 17px;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list h5 {
  font-size: 24px;
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list h5 .amt {
  color: #0074E5;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-2row {
  margin-top: 30px;
  padding: 25px 30px;
  border: 1px solid #c6c6c6;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-2row .mca-list-box {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-2row a {
  font-size: 17px;
  color: #555;
  margin: 0 5px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-2row a:hover {
  text-decoration: underline;
}

#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-tit a.btn_more_sm {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  font-size: var(--body-m-700);
  line-height: 48px;
  color: #000b17;
  border: 1px solid var(--career--gray-90);
  border-radius: 8px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .mca-list-tit a.btn_more_sm:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url("/cloud/w/img/common/icon_more-aa94bdf1e010496e9ce5d6ee69bcf8a4.svg") no-repeat;
  background-size: cover;
}

#global-srch-wrap .img_txt_list > li {
  padding: 40px 0;
  border-bottom: 1px solid #c6c6c6;
}
#global-srch-wrap .img_txt_list .img_list_box {
  position: relative;
  padding-left: 220px;
  min-height: 120px;
}
#global-srch-wrap .img_txt_list.no_img_list .img_list_box {
  padding-left: 0;
  min-height: auto;
}
#global-srch-wrap .img_txt_list .img_list_box .thumb_img {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 180px;
  height: 110px;
  border-radius: 10px;
  overflow: hidden;
}
#global-srch-wrap .img_txt_list .img_list_box .thumb_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
#global-srch-wrap .img_txt_list .img_list_box strong {
  font-size: var(--body-l-700);
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap .img_txt_list .img_list_box p {
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
  margin-top: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#global-srch-wrap .img_txt_list .img_list_box a:hover {
  text-decoration: underline;
}

#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 {
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li {
  position: relative;
  border-bottom: 1px solid #c6c6c6;
  padding: 45px 0;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .list_date {
  display: inline-block;
  margin-left: 5px;
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .txt_list_box {
  margin-top: 24px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .txt_list_box h5 {
  font-size: var(--body-l-700);
  font-weight: 700;
  color: var(--career--gray-90);
}
#global-srch-wrap
  .tabs_content
  .tabs_item
  .tabs_item_list
  .txt_list_2
  > li
  .txt_list_box
  h5
  strong.hit_kwd {
  color: #1d56bc;
  font-weight: 700;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .txt_list_box p {
  margin-top: 20px;
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
}
#global-srch-wrap
  .tabs_content
  .tabs_item
  .tabs_item_list
  .txt_list_2
  > li
  .txt_list_box
  p
  strong.hit_kwd {
  margin-top: 20px;
  color: #1d56bc;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .loc_nav {
  margin-top: 20px;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .loc_nav li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
#global-srch-wrap
  .tabs_content
  .tabs_item
  .tabs_item_list
  .txt_list_2
  > li
  .loc_nav
  li
  + li:before {
  content: "";
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background: url("/cloud/w/img/common/arr_loc-aabeb035784ba226b21cf38f307f6669.svg") no-repeat center center;
  background-size: cover;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .loc_nav li a {
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
  line-height: 1;
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .btn_detail {
  position: absolute;
  right: 0;
  bottom: 40px;
  font-size: var(--body-m-700);
  color: var(--career--gray-90);
}
#global-srch-wrap .tabs_content .tabs_item .tabs_item_list .txt_list_2 > li .btn_detail:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("/cloud/w/img/common/arr_btn_detail-af42706db08da02de52cca491e1b4070.svg") no-repeat center center;
  background-size: cover;
  margin-left: 5px;
}

#global-srch-wrap .content_empty {
  padding: 200px 50px;
}
#global-srch-wrap .content_empty p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--career--gray-70);
}
#global-srch-wrap .content_empty p:before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--career--gray-5) url("/cloud/w/img/common/icon_document-b3b1cd259e1483435129ae6f2f0bd054.svg") no-repeat center center;
  background-size: 30px auto;
  margin-bottom: 40px;
}
#global-srch-wrap .content_empty .content_ments {
  margin: 25px auto 0;
  max-width: 330px;
}
#global-srch-wrap .content_empty .content_ments ul {
}
#global-srch-wrap .content_empty .content_ments ul li {
  margin: 4px 0;
}
#global-srch-wrap .content_empty .content_ments ul li .ment {
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #246beb;
  padding-left: 20px;
  background: url("/cloud/w/img/common/icon_ment_blue-423556af57c3da18b5120bcc5741b586.svg") no-repeat left 3px;
  background-size: 14px auto;
}

#global-srch-wrap .list_cont_tag {
  margin-top: 10px;
}
#global-srch-wrap .list_cont_tag li {
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}
#global-srch-wrap .list_cont_tag li a {
  display: block;
  height: 32px;
  padding: 6px 12px;
  line-height: 1.2;
  font-size: var(--body-s-400);
  color: var(--career--gray-90);
  border: 1px solid #c6c6c6;
  border-radius: 50px;
}

/************************* 진로심리검사 **************************/

/* 공통, cpt- */
.cpt-test {
}

.cpt-page-common-wrap .page-info {
  position: relative;
}
.cpt-page-common-wrap .page-info button {
  position: absolute;
  right: 40px;
  top: 40px;
}
.cpt-page-common-wrap .page-info .descr-box {
  font-size: var(--body-m-400);
  color: var(--career--gray-70);
  font-weight: 500;
  margin-top: 25px;
}

.cpt-page-common-wrap .list-time-box {
  margin-top: 20px;
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
}
.cpt-page-common-wrap .list-time-box ul {
}
.cpt-page-common-wrap .list-time-box ul li > * {
  margin-right: 10px;
}
.cpt-page-common-wrap .list-time-box strong {
  display: inline-block;
  width: 70px;
  font-weight: 500;
}
.cpt-page-common-wrap .list-time-box .title-time {
  display: inline-block;
  padding-left: 20px;
  background: url("/cloud/w/img/common/icon_alert_gray-a13a8b727db88b802876d2363c5ac1bd.svg") no-repeat left center;
  background-size: 16px auto;
}

.cpt-page-common-wrap .box-inr {
  margin-top: 70px;
}
.cpt-page-common-wrap .box-inr .title-box h2 {
  font-size: var(--title-l-700);
  font-weight: 700;
}

.cpt-page-common-wrap .test-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  font-size: 17px;
  color: #444;
  border: 1px solid #0066ff;
  border-radius: 12px;
  padding: 28px 40px;
  margin-top: 20px;
}
.cpt-page-common-wrap .test-info > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cpt-page-common-wrap .test-info dt {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cpt-page-common-wrap .test-info dt::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #0074E5;
  background-repeat: no-repeat;
  background-position: center;
}
.cpt-page-common-wrap .test-info > div:nth-of-type(1) dt::before {
  background-image: url("/cloud/w/img/common/icon_test_person_white-8a0b60b2ec3ae76d0bebf2b9b983e718.svg");
}
.cpt-page-common-wrap .test-info > div:nth-of-type(2) dt::before {
  background-image: url("/cloud/w/img/common/icon_test_clock_white-7f9c2369c6ed7276a20a2e25aebb7207.svg");
}
.cpt-page-common-wrap .test-info > div:nth-of-type(3) dt::before {
  background-image: url("/cloud/w/img/common/icon_test_chat_white-45a6e9f64aaee5f0b3693d4298d3b270.svg");
}
.cpt-page-common-wrap .test-info dd {
  display: flex;
  gap: 10px;
}
.cpt-page-common-wrap .test-info dd .dense {
  font-weight: 500;
}

.cpt-page-common-wrap .txt-inr-box {
  margin-top: 30px;
  padding: 0 25px;
}
.cpt-page-common-wrap .txt-inr-box .title-inr-box {
  font-size: 24px;
  font-weight: 500;
  color: var(--career--black);
}
.cpt-page-common-wrap .txt-inr-box .title-inr-box:not(:first-child) {
  margin-top: 40px;
}
.cpt-page-common-wrap .txt-inr-box .title-inr-box + p {
  margin-top: 20px;
  line-height: 1.5;
}
.cpt-page-common-wrap .ol-col4 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.cpt-page-common-wrap .ol-col4 li {
  width: 25%;
  padding: 10px;
  color: var(--career--black);
}
.cpt-page-common-wrap .pgs-bar-box {
  display: flex;
  gap: 0 10px;
  margin-top: 10px;
  font-size: 16px;
  color: var(--career--black);
}
.cpt-page-common-wrap .explain-box {
  margin-top: 20px;
}
.cpt-page-common-wrap .explain-box li {
  text-indent: -10px;
  padding-left: 16px;
}
.cpt-page-common-wrap .explain-box li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1d1d1d;
  margin-bottom: 4px;
  margin-right: 10px;
}
.cpt-page-common-wrap .explain-box2 li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1px;
  background: #1d1d1d;
  margin-bottom: 5px;
  margin-right: 10px;
}
.cpt-page-common-wrap .explain-box dl {
}
.cpt-page-common-wrap .explain-box dt {
  font-size: 20px;
  font-weight: 600;
  color: #3a3a4a;
}
.cpt-page-common-wrap .explain-box dd {
  color: #252525;
  line-height: 1.5;
  margin: 10px 0 20px;
}
.cpt-page-common-wrap .explain-box h4 {
  font-size: 20px;
  font-weight: 600;
  color: #252525;
}
.cpt-page-common-wrap .explain-box h4 + p {
  margin: 5px 0 20px;
  line-height: 1.5;
}
.cpt-page-common-wrap .td-left table tr td {
  text-align: left;
}
.cpt-page-common-wrap .td-left table tr td.align_center {
  text-align: center;
}
.cpt-page-common-wrap .rd-box-inr {
  border: 1px solid #000;
  padding: 30px 25px;
  border-radius: 12px;
  margin-top: 20px;
}
.cpt-page-common-wrap .rd-box-inr.blue {
  border-color: #30549e;
}
.cpt-page-common-wrap .rd-box-inr strong {
  font-weight: 700;
  color: #30549e;
}
.cpt-page-common-wrap .rd-box-inr strong + p {
  color: #252525;
  line-height: 1.5;
  margin: 5px 0 20px;
}
.cpt-page-common-wrap .note-box {
  border-radius: 12px;
  background: #f7faff;
  padding: 30px;
  margin-top: 30px;
}
.cpt-page-common-wrap .note-box .note-con {
  position: relative;
  padding-left: 150px;
}
.cpt-page-common-wrap .note-box .note-con:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 124px;
  height: 124px;
  border-radius: 30px;
  background: #fff url("/cloud/w/img/common/icon_note-8f83c10d25ad12742129069d193825b3.svg") no-repeat center center;
}
.cpt-page-common-wrap .note-box .note-con strong {
  font-size: 20px;
  font-weight: 600;
  color: #252525;
}
.cpt-page-common-wrap .note-box .note-con p {
  margin-top: 10px;
  line-height: 1.5;
  color: #252525;
}
.cpt-page-common-wrap .com-explain-txt {
  margin-top: 30px;
  color: #000;
}

.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col {
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr th {
  background: #edf1f5;
  text-align: left;
  font-weight: 500;
  color: #3d3d3d;
}
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td {
  position: relative;
  border-left: 1px solid #d5d5d5;
}
.cpt-page-common-wrap .com-graph-foot-amt {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.cpt-page-common-wrap .com-graph-foot-amt span {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: right;
}

.cpt-page-common-wrap .test-result-ex {
  margin-top: 80px;
}
.cpt-page-common-wrap .com-title-rd-bg-blue {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding: 20px 30px;
  border-radius: 12px;
  background: #0054a6;
}
.cpt-page-common-wrap .com-cont-rd-blue {
  background: #f9fbff;
  border: 1px solid #b7cdfb;
  border-radius: 12px;
  padding: 35px 50px;
  margin-top: 20px;
}
.cpt-page-common-wrap .com-cont-rd-blue.type-02 {
  padding: 35px 130px 35px 115px;
}
.cpt-page-common-wrap .com-cont-col {
  display: flex;
  gap: 0 50px;
  justify-content: space-between;
  align-items: center;
}
.cpt-page-common-wrap .mbr-prf {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.cpt-page-common-wrap .mbr-prf .mbr-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  background: #fff;
}
.cpt-page-common-wrap .mbr-prf > strong {
  font-size: 24px;
  font-weight: 600;
  color: #1d56bc;
}
.cpt-page-common-wrap .mbr-prf .txt-gender {
  font-size: 16px;
  font-weight: 500;
  color: #444444;
}

.cpt-page-common-wrap .com-table-grpah .tbl-data {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpt-page-common-wrap .com-table-grpah .tbl-data .circle-data {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.cpt-page-common-wrap .com-table-grpah .tbl-data .circle-data.cur-data {
  background-color: #fcae49;
}

.cpt-page-common-wrap .mbr-info {
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 35px 50px;
}
.cpt-page-common-wrap .com-list-dl-dot {
}
.cpt-page-common-wrap .com-list-dl-dot li {
  padding: 15px 0;
}
.cpt-page-common-wrap .com-list-dl-dot li + li {
  border-top: 1px solid #ddd;
}
.cpt-page-common-wrap .com-list-dl-dot li dl {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dt {
  width: 150px;
  font-weight: 500;
  color: #444;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #444;
  border-radius: 50%;
  margin-right: 5px;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dd {
  width: 100%;
  font-weight: 600;
  color: #000;
}
.cpt-page-common-wrap .mbr-desc-result {
}
.cpt-page-common-wrap .mbr-desc-result strong {
  font-size: 32px;
  font-weight: 700;
}
.cpt-page-common-wrap .mbr-desc-result p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.5;
}
.cpt-page-common-wrap .com-txt-blue {
  color: #246beb;
}
.cpt-page-common-wrap .com-title-od-box {
  position: relative;
  margin: 40px 0 20px;
  padding-left: 40px;
}
.cpt-page-common-wrap .com-title-od-box .title-num {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  font-weight: 800;
  background: #0074E5;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.cpt-page-common-wrap .com-title-od-box > strong {
  font-size: 24px;
  font-weight: 700;
}
.cpt-page-common-wrap .explain-rd-list-box {
  margin-top: 30px;
}
.cpt-page-common-wrap .explain-rd-list-box ul {
  display: flex;
  gap: 0 25px;
}
.cpt-page-common-wrap .explain-rd-list-box ul li {
  border-radius: 12px;
  padding: 20px 30px;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 {
  background: #e8efff;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 {
  background: #f1dcf9;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 {
  background: #e4dbff;
}
.cpt-page-common-wrap .explain-rd-list-box ul li h3 {
  font-size: 22px;
  font-weight: 700;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 h3 {
  color: #30549e;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 h3 {
  color: #c9195e;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 h3 {
  color: #3a28b1;
}
.cpt-page-common-wrap .explain-rd-list-box ul li h3 + p {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.cpt-page-common-wrap .com-martop-70 {
  margin-top: 70px;
}

.cpt-page-common-wrap {
}

.cpt-page-common-wrap .test-result-ex {
  margin-top: 80px;
}
.cpt-page-common-wrap .com-title-rd-bg-blue {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding: 20px 30px;
  border-radius: 12px;
  background: #0054a6;
}
.cpt-page-common-wrap .com-cont-rd-blue {
  background: #f9fbff;
  border: 1px solid #b7cdfb;
  border-radius: 12px;
  padding: 35px 50px;
  margin-top: 20px;
}
.cpt-page-common-wrap .com-cont-col {
  display: flex;
  gap: 0 50px;
  justify-content: space-between;
  align-items: center;
}
.cpt-page-common-wrap .mbr-prf {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.cpt-page-common-wrap .mbr-prf .mbr-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  background: #fff;
}
.cpt-page-common-wrap .mbr-prf > strong {
  font-size: 24px;
  font-weight: 600;
  color: #1d56bc;
}
.cpt-page-common-wrap .mbr-prf .txt-gender {
  font-size: 16px;
  font-weight: 500;
  color: #444444;
  margin-top: -8px;
}

.cpt-page-common-wrap .mbr-info {
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 20px 50px;
}
.cpt-page-common-wrap .com-list-dl-dot {
}
.cpt-page-common-wrap .com-list-dl-dot li {
  padding: 10px 0;
}
.cpt-page-common-wrap .com-list-dl-dot li + li {
  border-top: 1px solid #ddd;
}
.cpt-page-common-wrap .com-list-dl-dot li dl {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dt {
  width: 150px;
  font-weight: 500;
  color: #444;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #444;
  border-radius: 50%;
  margin-right: 5px;
}
.cpt-page-common-wrap .com-list-dl-dot li dl dd {
  width: 100%;
  font-weight: 600;
  color: #000;
}
.cpt-page-common-wrap .mbr-desc-result {
}
.cpt-page-common-wrap .mbr-desc-result strong {
  font-size: 32px;
  font-weight: 700;
}
.cpt-page-common-wrap .mbr-desc-result p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.5;
}
.cpt-page-common-wrap .com-txt-blue {
  color: #246beb;
}
.cpt-page-common-wrap .com-title-od-box {
  position: relative;
  margin: 40px 0 20px;
  padding-left: 40px;
}
.cpt-page-common-wrap .com-title-od-box .title-num {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: 800;
  background: #0074E5;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.cpt-page-common-wrap .com-title-od-box > strong {
  font-size: 24px;
  font-weight: 700;
}
.cpt-page-common-wrap .explain-rd-list-box {
  margin-top: 30px;
}
.cpt-page-common-wrap .explain-rd-list-box ul {
  display: flex;
  gap: 0 25px;
}
.cpt-page-common-wrap .explain-rd-list-box ul li {
  border-radius: 12px;
  padding: 20px 30px;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 {
  background: #e8efff;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 {
  background: #f1dcf9;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 {
  background: #e4dbff;
}
.cpt-page-common-wrap .explain-rd-list-box ul li h3 {
  font-size: 22px;
  font-weight: 700;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 h3 {
  color: #30549e;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 h3 {
  color: #c9195e;
}
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 h3 {
  color: #3a28b1;
}
.cpt-page-common-wrap .explain-rd-list-box ul li h3 + p {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}

.cpt-page-common-wrap .com-martop-70 {
  margin-top: 70px;
}
.cpt-page-common-wrap .com-explain-txt {
  font-size: 17px;
  color: #000;
  line-height: 1.5;
}
.cpt-page-common-wrap .com-table-grpah {
  margin-top: 30px;
}
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top {
  display: flex;
  justify-content: space-between;
}
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul {
  display: flex;
  gap: 0 10px;
}
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;
}
.cpt-page-common-wrap
  .com-table-grpah
  .com-table-graph-top
  .com-graph-items
  ul
  li
  .com-graph-circle {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.cpt-page-common-wrap
  .com-table-grpah
  .com-table-graph-top
  .com-graph-items
  ul
  li
  .com-graph-circle.circle1 {
  background: #b4c5d2;
}
.cpt-page-common-wrap
  .com-table-grpah
  .com-table-graph-top
  .com-graph-items
  ul
  li
  .com-graph-circle.circle2 {
  background: #fcae49;
}
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top + .com-table-wrap {
  margin-top: 20px;
}

.cpt-page-common-wrap .pgs-row-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cpt-page-common-wrap .pgs-row-list strong {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.cpt-page-common-wrap .pgs-row-list strong i {
  color: #e24231;
}
.cpt-page-common-wrap .pgs-row-list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 50px;
}
.cpt-page-common-wrap .pgs-row-list ul li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.cpt-page-common-wrap .pgs-row-list ul li img {
  display: inline-block;
  margin-bottom: 10px;
}

.cpt-page-common-wrap .com-help-ment {
  display: block;
  margin: 20px 0;
  text-align: right;
  font-size: 15px;
  color: #444;
}
.cpt-page-common-wrap .com-table.com-table-in-line thead th,
.cpt-page-common-wrap .com-table.com-table-in-line tbody td {
  border-left: 1px solid #ddd;
}
.cpt-page-common-wrap .com-table.com-table-in-line tbody th {
  font-weight: 600;
  color: #323232;
  background: #f9fbff;
}
.cpt-page-common-wrap .link-txt-list a {
  display: inline-block;
  color: #0054a6;
  text-decoration: underline;
  margin: 2px 5px;
}
.cpt-page-common-wrap .com-title-list-sm {
}
.cpt-page-common-wrap .com-title-list-sm strong {
  font-weight: 600;
  color: #323232;
}
.cpt-page-common-wrap .com-title-list-sm ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
  max-width: 400px;
}
.cpt-page-common-wrap .com-title-list-sm ul li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 5px 10px;
  font-size: 15px;
}
.cpt-page-common-wrap .com-title-list-sm ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #444;
}
.cpt-page-common-wrap .com-table-wrap .com-textarea {
  width: 100%;
  margin-top: 40px;
}
.cpt-page-common-wrap .com-con-button {
  margin-top: 30px;
  text-align: center;
}

.cpt-page-common-wrap .test-use-guide {
}
.cpt-page-common-wrap .test-use-guide .com-conts-title {
  margin-top: 80px;
}
.cpt-page-common-wrap .test-use-guide .com-page-title .title-box {
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 30px;
}
.cpt-page-common-wrap .test-use-guide .com-page-title .title-box .com-util-txt-sm {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
}
.cpt-page-common-wrap .test-use-guide .guide-video-area {
  margin-top: 25px;
}
.cpt-page-common-wrap .test-use-guide .txt-history {
  padding: 20px;
}
.cpt-page-common-wrap .test-use-guide .txt-history span {
  display: block;
}
.cpt-page-common-wrap .test-use-guide .com-btn-foot {
  border-top: 1px solid #d9d9d9;
  padding-top: 25px;
}

/* 중고등학생용 심리검사 */
.cpt-test-guide-top-box {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  border: 1px solid #e1e3e6;
  background-color: #f7faff;
  gap: 15px;
  border-radius: 12px;
  margin-bottom: 50px;
}
.cpt-test-guide-top-box button {
  height: 66px;
  border: 1px solid transparent;
  text-align: left;
  padding: 0 60px 0 20px;
  border-radius: 6px;
  transition: 0.25s;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.cpt-test-guide-top-box button:hover,
.cpt-test-guide-top-box button:focus {
  filter: brightness(90%);
}
.cpt-test-guide-top-box button em {
  display: block;
  font-size: 15px;
  font-style: normal;
  line-height: 1.4;
  font-weight: 400;
}
.cpt-test-guide-top-box button b {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.cpt-test-guide-top-box .btn-white {
  border: 1px solid #01398a;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_navy-f2deefdaa1b63bdbf1e8abe5edcb76e5.svg");
}
.cpt-test-guide-top-box .btn-white b {
  color: #01398a;
  font-weight: 600;
}
.cpt-test-guide-top-box .btn-red {
  background-color: #ff7f4b;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg");
  color: white;
}
.cpt-test-guide-top-box .btn-blue {
  background-color: #4b7eff;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg");
  color: white;
}

.cpt-test-start-list {
  margin-bottom: 50px;
}
.cpt-test-start-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 20px;
}
.cpt-test-start-list ul > li {
  border-radius: 12px;
  border: 1px solid #e1e3e6;
}

.cpt-test-start-list ul > li .top-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 30px;
  border-bottom: 1px solid #e1e3e6;
}
.cpt-test-start-list ul > li .top-box h3 {
  font-size: 24px;
  color: #3c3c3c;
  font-weight: 600;
  flex: 1;
}
.cpt-test-start-list ul > li .top-box .com-btn {
  color: #246beb;
  border-color: #246beb;
}

.cpt-test-start-list ul > li .info-box {
  display: flex;
  align-items: flex-start;
  padding: 20px 30px 25px;
}
.cpt-test-start-list ul > li .info-box .pic {
  flex-shrink: 0;
  width: 103px;
  height: 103px;
  border-radius: 34px;
  background-color: #bee4ff;
  margin-right: 65px;
}
.cpt-test-start-list ul > li .info-box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.cpt-test-start-list ul > li .info-box .btn-box {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.cpt-test-start-list ul > li .info-box .desc {
  font-size: 17px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 15px;
}
.cpt-test-start-list ul > li .info-box .ex-txt {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  font-size: 17px;
  color: #555;
  align-items: center;
}
.cpt-test-start-list ul > li .info-box .ex-txt span {
  color: inherit;
  font-size: inherit;
}
.cpt-test-start-list ul > li .info-box .ex-txt b {
  font-weight: 500;
  color: #222;
  min-width: 70px;
}
.cpt-test-start-list ul > li .info-box .ex-txt .ic {
  background-image: url("/cloud/w/img/common/ic_cpt_time_sm-5e20a490aa5ab7a71d50e6ada806f1c0.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  min-height: 16px;
  align-items: center;
}
.cpt-test-start-list ul > li .info-box .ex-txt:last-of-type {
  margin-bottom: 0;
}
.cpt-test-start-list ul > li .info-box > div {
  width: 100%;
}
.cpt-test-start-list ul > li .info-box > div .cpt-progress-bar {
  margin-bottom: 0;
}
.cpt-test-start-list ul > li .info-box > div .percent strong {
  font-size: 30px;
  font-weight: normal;
}

.cpt-test-aro-plus {
  border: 1px solid #e1e3e6;
  border-radius: 12px;
  overflow: clip;
}
.cpt-test-aro-plus .top-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 30px;
  border-bottom: 1px solid #e1e3e6;
}
.cpt-test-aro-plus .top-box .left {
  flex: 1;
  min-width: 0;
}
.cpt-test-aro-plus .top-box .com-btn {
  margin-left: auto;
  border-color: #246beb;
  color: #246beb;
}
.cpt-test-aro-plus .top-box h3 {
  font-size: 24px;
  font-weight: 600;
  color: #3c3c3c;
  margin-bottom: 3px;
}
.cpt-test-aro-plus .top-box p {
  font-size: 17px;
  color: #555;
}

.cpt-test-aro-plus .bott-box {
  background-color: #eff5ff;
  padding: 20px 27px;
  display: flex;
  gap: 20px 25px;
}
.cpt-test-aro-plus .bott-box .course-box {
  background-color: white;
  border-radius: 12px;
  flex: 1;
}
.cpt-test-aro-plus .bott-box .course-box .t-box {
  display: flex;
  padding: 15px 20px;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #e1e3e6;
}
.cpt-test-aro-plus .bott-box .course-box .t-box h4 {
  font-size: 20px;
  font-weight: 500;
  color: #3c3c3c;
}
.cpt-test-aro-plus .bott-box .course-box .t-box button {
  margin-left: auto;
}
.cpt-test-aro-plus .bott-box .course-box .b-box {
  padding: 30px 25px 30px 140px;
  position: relative;
  min-height: 140px;
}
.cpt-test-aro-plus .bott-box .course-box .b-box .pic {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 28px;
  background-color: #e5e5e5;
  position: absolute;
  left: 25px;
  top: 30px;
}
.cpt-test-aro-plus .bott-box .course-box .b-box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.cpt-test-aro-plus .bott-box .course-box .b-box .tit {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 18px;
  color: #555;
}
.cpt-test-aro-plus .bott-box .course-box .b-box .desc {
  font-size: 16px;
  color: #666;
  word-break: break-all;
}

.cpt-test-aro-plus .bott-box .download-box {
  width: 200px;
  flex-shrink: 0;
  background-color: white;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cpt-test-aro-plus .bott-box .download-box > img {
  margin-bottom: 40px;
}
.cpt-test-aro-plus .bott-box .download-box .btn-download {
  border: 1px solid #246beb;
  color: #246beb;
  font-size: 15px;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  transition: 0.25s;
}
.cpt-test-aro-plus .bott-box .download-box .btn-download::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("/cloud/w/img/common/ic_cpt_talk-f118812251a812684ecad68c82f0eaf9.svg") no-repeat center center;
  margin: -2px 5px 0 0;
}
.cpt-test-aro-plus .bott-box .download-box .btn-download:hover,
.cpt-test-aro-plus .bott-box .download-box .btn-download:focus {
  filter: brightness(95%);
}

/* 직업적성검사란? */
.cpt-aptitude-test-meaning {
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  padding: 30px 45px;
  display: flex;
  margin-bottom: 50px;
}
.cpt-aptitude-test-meaning .pic {
  width: 95px;
  height: 95px;
  flex-shrink: 0;
  margin-right: 35px;
  overflow: hidden;
  background-color: #d5f1f2;
  border-radius: 50%;
}
.cpt-aptitude-test-meaning .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.cpt-aptitude-test-meaning .text-box {
  flex: 1;
  min-width: 0;
}
.cpt-aptitude-test-meaning h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cpt-aptitude-test-meaning .desc {
  font-size: 17px;
  color: #666;
  line-height: 1.7;
}
.cpt-aptitude-test-meaning .tag {
  margin-top: 7px;
  display: inline-block;
  padding: 7px 30px;
  border: 1px solid #d4d4d4;
  background-color: white;
  font-size: 17px;
  color: #2b6de1;
  border-radius: 40px;
}

.cpt-aptitude-test-form {
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  padding: 45px 40px;
  background: url("/cloud/w/img/common/bg_cpt_01-c42e5d13aac88b328daa37e31dc39b4c.png") no-repeat right 40px bottom 50px;
  margin-bottom: 50px;
}
.cpt-aptitude-test-form .in-box {
  width: 100%;
  max-width: 590px;
}
.cpt-aptitude-test-form .in-box > p,
.cpt-aptitude-test-form .in-box > dl,
.cpt-aptitude-test-form .in-box > div {
  padding-left: 45px;
}

.cpt-aptitude-test-form .bullet-txt {
  font-size: 24px;
  font-weight: 500;
  color: #3a3a3a;
  margin-bottom: 15px;
  min-height: 35px;
  align-content: center;
  padding-left: 45px;
  background: url("/cloud/w/img/common/ic_cpt_bullet-1483628d8e6b3306912dad82747a9d74.svg") no-repeat left center;
}

.cpt-aptitude-test-form .desc {
  font-size: 16px;
  color: #444;
  margin-bottom: 10px;
}
.cpt-aptitude-test-form .alt-txt {
  font-size: 17px;
  color: #eb003b;
  margin-bottom: 30px;
}

.cpt-aptitude-test-form dl {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.cpt-aptitude-test-form dl:last-of-type {
  margin-bottom: 0;
}
.cpt-aptitude-test-form dl dt {
  flex: 0 1 135px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.cpt-aptitude-test-form dl dt b {
  font-weight: 600;
  color: #eb003b;
  margin-right: 5px;
}
.cpt-aptitude-test-form dl dd {
  flex: 1;
  min-width: 0;
}
.cpt-aptitude-test-form dl p {
  font-size: 20px;
  font-weight: 500;
  color: #252525;
}

.cpt-aptitude-test-form .w100 {
  width: 100%;
}
.cpt-aptitude-test-form .w100 select {
  width: 100%;
}
.cpt-aptitude-test-form .flex-box {
  display: flex;
  width: 100%;
  gap: 10px;
}
.cpt-aptitude-test-form .flex-box .grow {
  flex: 1;
}
.cpt-aptitude-test-form .flex-box .grow input {
  width: 100%;
}
.cpt-aptitude-test-form .flex-box .z {
  flex-shrink: 0;
}
.cpt-aptitude-test-form .radio-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.cpt-aptitude-test-form .flex-box.email {
  align-items: center;
}
.cpt-aptitude-test-form .flex-box.email select {
  width: 235px;
}

.cpt-aptitude-test-form .before-login-txt {
  font-size: 17px;
  color: #333;
  margin: 30px 0 15px;
}
.cpt-aptitude-test-form .before-login-txt b {
  font-weight: 400;
  color: #246beb;
}

.cpt-aptitude-test-form .before-login-ok {
  color: #707070;
  margin: 20px 0 15px;
}
.cpt-aptitude-test-form .before-login-ok b {
  font-weight: 700;
  color: #eb003b;
}

.cpt-aptitude-test-form .btn-box1 {
  margin-top: 30px;
}
.cpt-aptitude-test-form .btn-box1 button {
  min-width: 270px;
}

.cpt-aptitude-test-confirm {
  border: 1px solid #d4d4d4;
  background-color: #f7faff;
  border-radius: 16px;
  padding: 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.cpt-aptitude-test-confirm .left {
  flex: 1;
  align-content: center;
  padding-left: 80px;
  min-height: 62px;
  background: url("/cloud/w/img/common/ic_cpt_circle_paper-07142b12a6eaf4ad1c64af86a8de1fac.svg") left center;
  background-repeat: no-repeat;
}
.cpt-aptitude-test-confirm .left p {
  font-size: 22px;
  color: #1d56bc;
}

.cpt-aptitude-test-confirm .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 15px 25px;
}
.cpt-aptitude-test-confirm .right p {
  font-size: 23px;
  font-weight: 400;
  color: #252525;
}
.cpt-aptitude-test-confirm .right p b {
  color: #246beb;
  font-weight: 500;
  text-decoration: underline;
}
.cpt-aptitude-test-confirm .right .com-btn {
  border-color: #246beb;
  color: #16408d;
  min-width: 185px;
  font-size: 19px;
  font-weight: 500;
}
.cpt-aptitude-test-confirm .right .com-btn img {
  margin-left: auto;
}

/* 검사예시 */
.cpt-text-top-title {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 35px;
}
.cpt-text-top-title h2 {
  font-size: 40px;
  font-weight: 800;
  margin-right: auto;
}
.cpt-text-top-title .percent {
  font-size: 32px;
  color: #3a3a3a;
}
.cpt-text-top-title .percent.blue {
  color: #246beb;
}
.cpt-text-top-title .percent strong {
  font-size: 48px;
  font-weight: 700;
  color: inherit;
}

.cpt-progress-bar {
  display: block;
  overflow: clip;
  background-color: white;
  width: 100%;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 60px;
}
.cpt-progress-bar .bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #246beb;
  border-radius: 0 20px 20px 0;
}
.cpt-progress-bar.disable {
  background-color: #d9d9d9;
}

.cpt-aptitude-test-wrapper {
  display: flex;
  margin-bottom: 70px;
}
.cpt-aptitude-test-wrapper .sort-box {
  flex-shrink: 0;
  margin-right: 67px;
  width: 260px;
}
.cpt-aptitude-test-wrapper .sort-box .count {
  padding: 20px 8px;
  text-align: left;
  font-size: 24px;
  font-weight: 600;
  color: #777;
  border-bottom: 3px solid #246beb;
  letter-spacing: 0;
}
.cpt-aptitude-test-wrapper .sort-box .count b {
  color: #246beb;
}
.cpt-aptitude-test-wrapper .sort-box ul > li {
  border-bottom: 1px solid #c6c6c6;
  display: flex;
  align-items: center;
  padding: 13px 2px 13px 15px;
  gap: 10px;
}
.cpt-aptitude-test-wrapper .sort-box ul > li .text {
  flex: 1;
  min-width: 0;
  font-size: 18px;
  font-weight: 500;
  color: #3a3a4a;
}
.cpt-aptitude-test-wrapper .sort-box ul > li .number {
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 500;
  color: #3a3a4a;
}
.cpt-aptitude-test-wrapper .sort-box .just-num-list {
  display: inline-flex;
  margin-top: 10px;
  border: 1px solid #d4d4d4;
}
.cpt-aptitude-test-wrapper .sort-box .just-num-list .num {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpt-aptitude-test-wrapper .sort-box .just-num-list .num:not(:last-of-type) {
  border-right: 1px solid #d4d4d4;
}
.cpt-aptitude-test-wrapper .sort-box .just-num-list .num.active {
  color: #fff;
  background-color: #246beb;
}
.cpt-aptitude-test-wrapper .sort-box ul li.active .text,
.cpt-aptitude-test-wrapper .sort-box ul li.active .number {
  color: #246beb;
}
.cpt-aptitude-test-wrapper .sort-box ul li.active .text:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 14px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_blue-09c46a55ff056d798e854c03b19d6875.svg) no-repeat;
}

.cpt-aptitude-test-wrapper .content-box {
  flex: 1;
  min-width: 0;
  padding-top: 15px;
}
.cpt-aptitude-test-wrapper .explain {
  border-radius: 20px;
  background-color: #f6f6f6;
  padding: 20px 30px;
  margin-bottom: 40px;
}
.cpt-aptitude-test-wrapper .explain p {
  font-size: 17px;
  font-weight: 400;
  color: #707070;
  line-height: 1.5;
}
.cpt-aptitude-test-wrapper .tit-type3 {
  font-size: 30px;
  font-weight: 600;
  color: #3a3a4a;
  margin-bottom: 22px;
}
.cpt-aptitude-test-wrapper .desc-type {
  font-size: 16px;
  font-weight: 400;
  color: #3a3a4a;
  margin-bottom: 27px;
  line-height: 1.6;
}
.cpt-aptitude-test-wrapper .btn-box {
  margin-top: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.cpt-aptitude-test-wrapper .btn-box button {
  min-width: 135px;
}
.cpt-aptitude-test-wrapper .btn-box button img {
  margin: 0 auto;
}

.cpt-aptitude-test-wrapper .step-title-box {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.cpt-aptitude-test-wrapper .step-title-box .step-box {
  margin-right: 15px;
  border-radius: 10px;
  background-color: #eff5ff;
  padding: 13px 8px 10px;
  text-align: center;
  min-width: 80px;
}
.cpt-aptitude-test-wrapper .step-title-box .step-box > em {
  display: block;
  text-align: center;
  font-style: normal;
  background-color: white;
  border-radius: 12px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  color: #246beb;
  margin-bottom: 5px;
}
.cpt-aptitude-test-wrapper .step-title-box .step-box > strong {
  font-size: 32px;
  font-weight: 700;
  color: #246beb;
  line-height: 1;
}
.cpt-aptitude-test-wrapper .step-title-box .text {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.cpt-aptitude-select-list {
  margin-bottom: 26px;
}
.cpt-aptitude-select-list > li {
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  background-color: white;
  padding: 30px;
  margin-bottom: 33px;
}
.cpt-aptitude-select-list > li:last-of-type {
  margin-bottom: 0;
}
.cpt-aptitude-select-list .title {
  font-size: 18px;
  font-weight: 500;
  color: #1d1d1d;
  margin-bottom: 35px;
  position: relative;
  padding-left: 32px;
}
.cpt-aptitude-select-list .title b {
  font-weight: 500;
  color: #0074E5;
}
.cpt-aptitude-select-list .title .ic {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #003675;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg");
  background-size: 6px;
  position: absolute;
  left: 0;
  top: 4px;
}
.cpt-aptitude-select-list .title .num {
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  border-radius: 20px;
  background-color: #0074E5;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 4px;
  padding: 0 1px;
  text-align: center;
}
.cpt-aptitude-select-list .title .sub-desc {
  font-size: 15px;
  font-weight: 400;
  color: #555;
}

.cpt-aptitude-select-list .click-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
  align-items: end;
}
.cpt-aptitude-select-list .click-list > li {
  min-width: 0;
}
.cpt-aptitude-select-list .click-list .top-b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cpt-aptitude-select-list .click-list .top-b .line {
  display: block;
  width: 1px;
  height: 28px;
  background-color: #c6c6c6;
}
.cpt-aptitude-select-list .click-list .top-b .line-arrow {
  width: 10px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_down_long_blue-8712cdec2562c3800e42ec611f8de259.svg");
}
.cpt-aptitude-select-list .click-list .top-b .desc {
  text-align: center;
  margin-bottom: 10px;
}
.cpt-aptitude-select-list .click-list .bott-b {
  border-top: 1px solid #c6c6c6;
  text-align: center;
  padding-top: 10px;
}

.cpt-aptitude-select-list .cpt-rad-chk-box-01 {
}
.cpt-aptitude-select-list .cpt-rad-chk-box-01:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cpt-aptitude-select-list .cpt-rad-chk-box-01 label {
  width: 38px;
  height: 38px;
  border: 1px solid #d9d9d9;
  background-color: #e9ecee;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #555;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input:checked + label {
  background-color: #246beb;
  border-color: #246beb;
  color: white;
}
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input:not(:checked) + label:hover {
  background-color: #ddd;
}

.cpt-aptitude-select-list .check-icon-list {
  display: grid;
  gap: 18px 22px;
  grid-template-columns: repeat(4, 1fr);
}

.cpt-check-icon-order input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.cpt-check-icon-order label {
  position: relative;
  display: block;
  border: 1px solid #c6c6c6;
  border-radius: 18px;
  height: 100%;
  text-align: center;
  padding: 15px 30px 15px;
}
.cpt-check-icon-order label .order {
  position: absolute;
  right: 10px;
  top: 10px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  padding: 2px;
  text-align: center;
  align-content: center;
  background-color: #246beb;
  color: white;
  font-size: 16px;
  font-weight: 700;
  display: none;
}
.cpt-check-icon-order label .icon-b {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 140px;
  height: 80px;
  margin-bottom: 10px;
}
.cpt-check-icon-order label .icon-b img {
  display: inline-block;
}
.cpt-check-icon-order label .name {
  font-size: 17px;
  font-weight: 400;
  color: #2d2d2d;
}

.cpt-check-icon-order input:checked + label {
  border: 1px solid #246beb;
  background-color: #eff5ff;
}
.cpt-check-icon-order input:checked + label .order {
  display: block;
}
.cpt-check-icon-order input:checked + label .name {
  font-weight: 500;
  color: #246beb;
}

.cpt-check-icon-order:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
  background-color: #fafafa;
}
.cpt-check-icon-order:focus-within label .name {
  color: #2d2d2d;
  font-weight: 500;
}
.cpt-check-icon-order:hover label {
  background-color: #fafafa;
}
.cpt-check-icon-order:hover label .name {
  color: #2d2d2d;
  font-weight: 500;
}

.cpt-aptitude-select-list .cpt-blue-explain-box {
  border-radius: 16px;
  border: 1px solid #246beb;
  background-color: #f9fafd;
  margin-top: 45px;
  padding: 50px 45px;
}
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li:first-of-type {
  margin-top: 0;
}
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li .tit {
  margin-left: 15px;
  color: #246beb;
  font-weight: 500;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  min-width: 170px;
  flex-shrink: 0;
  font-size: 16px;
}
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li .data {
  margin-left: 20px;
  flex: 1;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  color: #3c3c3c;
  line-height: 1.6;
}

.cpt-aptitude-select-list .cpt-gray-explain-box {
  border-radius: 16px;
  background-color: #f7f7f7;
  margin-top: 30px;
  padding: 20px 30px;
}
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li:first-of-type {
  margin-top: 0;
}
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .tit {
  margin-left: 10px;
  color: #111;
  font-weight: 500;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
  min-width: 70px;
  flex-shrink: 0;
  font-size: 15px;
}
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .tit::marker {
  content: "* ";
  color: #246beb;
  margin-right: 5px;
  display: inline-block;
}
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .data {
  margin-left: 20px;
  flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 400;
  color: #3c3c3c;
  line-height: 1.6;
}

.cpt-aptitude-select-list .sub-label-tit {
  font-size: 16px;
  font-weight: 500;
  color: #3a3a3a;
  margin: 30px 0 15px;
}
.cpt-aptitude-select-list .sub-label-tit:first-of-type {
  margin-top: 0;
}

.cpt-aptitude-select-list .check-flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cpt-aptitude-select-list .check-flex-box .flex-one {
  flex: 1;
  width: auto;
  min-width: 0;
}
.cpt-aptitude-select-list .check-flex-box .w100 {
  width: 100%;
}
.cpt-aptitude-select-list .check-flex-box .b-w-min {
  width: 120px;
  flex-shrink: 0;
}
.cpt-aptitude-select-list .check-flex-box .cc-radio-chk {
  flex: 1;
}
.cpt-aptitude-select-list .check-flex-box.half .cc-radio-chk {
  flex: none;
}
.cpt-aptitude-select-list .check-flex-box.half > div {
  width: calc(50% - 5px);
}

.cpt-aptitude-select-list .ex-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #555;
  margin-top: 35px;
}
.cpt-aptitude-select-list .ex-box > p {
  background-repeat: no-repeat;
}
.cpt-aptitude-select-list .ex-box .left {
  margin-right: auto;
  padding-left: 30px;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_left_sm_gray-155d3c2ba63e182a34afe4976fa8cf05.svg");
  background-position: left center;
}
.cpt-aptitude-select-list .ex-box .right {
  margin-left: auto;
  padding-right: 30px;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_sm_gray-1f96e50933cf080a01286516c4412afa.svg");
  background-position: right center;
}

.cpt-aptitude-select-box {
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  background-color: white;
  padding: 30px;
  margin-bottom: 26px;
}
.cpt-aptitude-select-box:last-of-type {
  margin-bottom: 0;
}
.cpt-aptitude-select-box .title {
  font-size: 18px;
  font-weight: 500;
  color: #1d1d1d;
  margin-bottom: 35px;
  position: relative;
  padding-left: 32px;
}
.cpt-aptitude-select-box .title b {
  font-weight: 500;
  color: #0074E5;
}
.cpt-aptitude-select-box .title .ic {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #003675;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg");
  background-size: 6px;
  position: absolute;
  left: 0;
  top: 4px;
}
.cpt-aptitude-select-box .title .num {
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  border-radius: 20px;
  background-color: #0074E5;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 4px;
  padding: 0 1px;
  text-align: center;
}

.cpt-aptitude-select-box .click-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
  align-items: end;
}
.cpt-aptitude-select-box .click-list > li {
  min-width: 0;
}
.cpt-aptitude-select-box .click-list .top-b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cpt-aptitude-select-box .click-list .top-b .line {
  display: block;
  width: 1px;
  height: 28px;
  background-color: #c6c6c6;
}
.cpt-aptitude-select-box .click-list .top-b .line-arrow {
  width: 10px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_down_long_blue-8712cdec2562c3800e42ec611f8de259.svg");
}
.cpt-aptitude-select-box .click-list .top-b .desc {
  text-align: center;
  margin-bottom: 10px;
}
.cpt-aptitude-select-box .click-list .bott-b {
  border-top: 1px solid #c6c6c6;
  text-align: center;
  padding-top: 10px;
}

.cpt-aptitude-select-box .cpt-rad-chk-box-01 {
}
.cpt-aptitude-select-box .cpt-rad-chk-box-01:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cpt-aptitude-select-box .cpt-rad-chk-box-01 label {
  width: 38px;
  height: 38px;
  border: 1px solid #d9d9d9;
  background-color: #e9ecee;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #555;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpt-aptitude-select-box .cpt-rad-chk-box-01 input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cpt-aptitude-select-box .cpt-rad-chk-box-01 input:checked + label {
  background-color: #246beb;
  border-color: #246beb;
  color: white;
}
.cpt-aptitude-select-box .cpt-rad-chk-box-01 input:not(:checked) + label:hover {
  background-color: #ddd;
}

.cpt-aptitude-select-box .check-flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cpt-aptitude-select-box .check-flex-box .flexOne {
  flex: 1;
}
.cpt-aptitude-select-box .check-flex-box .cc-radio-chk {
  flex: 1;
}

.cpt-aptitude-select-box .ex-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #555;
  margin-top: 35px;
}
.cpt-aptitude-select-box .ex-box > p {
  background-repeat: no-repeat;
}
.cpt-aptitude-select-box .ex-box .left {
  margin-right: auto;
  padding-left: 30px;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_left_sm_gray-155d3c2ba63e182a34afe4976fa8cf05.svg");
  background-position: left center;
}
.cpt-aptitude-select-box .ex-box .right {
  margin-left: auto;
  padding-right: 30px;
  background-image: url("/cloud/w/img/common/ic_cpt_arrow_right_sm_gray-1f96e50933cf080a01286516c4412afa.svg");
  background-position: right center;
}

/* 검사 완료 */
.cpt-test-complete-wrap {
  min-height: 450px;
  align-content: center;
  padding: 70px 50px;
  text-align: center;
}
.cpt-test-complete-wrap .img-box {
  text-align: center;
  margin-bottom: 30px;
}
.cpt-test-complete-wrap .img-box img {
  display: inline-block;
}
.cpt-test-complete-wrap h3 {
  font-size: 48px;
  color: #3a3a3a;
  font-weight: 500;
  margin-bottom: 10px;
}
.cpt-test-complete-wrap h3 b {
  font-weight: 500;
  color: #246beb;
}
.cpt-test-complete-wrap .desc {
  font-size: 20px;
  color: #3a3a4a;
}
.cpt-test-complete-wrap .btn-box {
  margin-top: 40px;
  text-align: center;
}
.cpt-test-complete-wrap .btn-box button {
  min-width: 295px;
}

/* 검사소개 상단 */
.cpt-test-introduce-box {
  border-radius: 12px;
  border: 1px solid #ddd;
  margin-bottom: 60px;
}

.cpt-test-introduce-box .top-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 30px 20px;
  border-bottom: 1px solid #ddd;
}
.cpt-test-introduce-box .top-box .title {
  font-size: 32px;
  color: #3c3c3c;
  font-weight: 600;
  flex: 1;
}
.cpt-test-introduce-box .top-box .com-btn {
  color: #246beb;
  border-color: #246beb;
}
.cpt-test-introduce-box .top-box .com-btn.primary {
  color: var(--career--white);
}

.cpt-test-introduce-box .info-box {
  display: flex;
  align-items: flex-start;
  padding: 20px 30px 25px;
}
.cpt-test-introduce-box .info-box .pic {
  flex-shrink: 0;
  width: 103px;
  height: 103px;
  border-radius: 34px;
  background-color: #bee4ff;
  margin-right: 65px;
}
.cpt-test-introduce-box .info-box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.cpt-test-introduce-box .info-box .btn-box {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.cpt-test-introduce-box .info-box .desc {
  font-size: 17px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 15px;
}
.cpt-test-introduce-box .info-box .ex-txt {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  font-size: 17px;
  color: #555;
  align-items: center;
}
.cpt-test-introduce-box .info-box .ex-txt span {
  color: inherit;
  font-size: inherit;
}
.cpt-test-introduce-box .info-box .ex-txt b {
  font-weight: 500;
  color: #222;
  min-width: 70px;
}
.cpt-test-introduce-box .info-box .ex-txt .ic {
  background-image: url("/cloud/w/img/common/ic_cpt_time_sm-5e20a490aa5ab7a71d50e6ada806f1c0.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  min-height: 16px;
  align-items: center;
}
.cpt-test-introduce-box .info-box .ex-txt:last-of-type {
  margin-bottom: 0;
}

.cpt-pop1 .btn-box {
  margin: 33px 0;
  text-align: center;
}
.cpt-pop1 .btn-box .com-btn.primary {
  min-width: 290px;
}
.cpt-pop1 .btn-right-box {
  text-align: right;
  margin-top: 30px;
}

.cpt-mg-l-auto {
  margin-left: auto;
}

.cpt-flex-box {
  display: flex;
  gap: 5px;
}
.cpt-flex-box > div {
  flex: 1;
}
.cpt-flex-box .w100 {
  width: 100%;
}

.cpt-tbl-1 .cpt-only {
  display: inline-flex !important;
}

.cpt-aptitude-select-box .check-squre-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 9px;
}

.cpt-bullet-title-big {
  font-size: 30px;
  font-weight: 700;
  color: var(--career--gray-90);
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("/cloud/w/img/common/ic_cpt_bullet_big-979faf5fcbd4bc486b3b5738b7e75809.svg");
  background-size: 35px;
  margin: 85px 0 40px;
}
.cpt-bullet-title-big strong {
  color: #0074E5;
}

.com-title-od-box strong em {
  color: #0074E5;
  font-weight: inherit;
  font-style: normal;
}

.cpt-tit-explain-box {
  margin-bottom: 28px;
  font-size: 17px;
  color: #1d1d1d;
}

.cpt-result-recom-job-name {
  background-color: #f5fafe;
  padding: 30px 20px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 37px;
}
.cpt-result-recom-job-name p {
  font-size: 24px;
  font-weight: 600;
  color: #1d1d1d;
}

.cpt-result-recom-job-explain {
  border: 1px dotted #bed9ee;
  padding: 23px 38px;
  text-align: left;
  border-radius: 12px;
  margin-bottom: 37px;
}
.cpt-result-recom-job-explain p {
  font-size: 17px;
  font-weight: 400;
  color: #1d1d1d;
  line-height: 1.7;
}

.com-table.cpt-job .cpt-a-line {
  display: inline-block;
  text-decoration: underline;
  margin: 3px;
}
.com-table.cpt-job img {
  display: inline-block;
}

.cpt-jop-interest-box {
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 32px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.cpt-jop-interest-box .left-info {
  flex: 1;
  min-width: 0;
  display: flex;
}
.cpt-jop-interest-box .left-info .icon-b {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e5e5e5;
  flex-shrink: 0;
  margin-right: 35px;
}
.cpt-jop-interest-box .left-info .text-b {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cpt-jop-interest-box .left-info .text-b > strong {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}
.cpt-jop-interest-box .left-info .text-b > span {
  font-size: 17px;
  line-height: 1.6;
  color: #1d1d1d;
}

.cpt-jop-interest-box .com-btn img {
  margin: 0 10px;
}

.cpt-test-start-list {
  margin-bottom: 50px;
}
.cpt-test-start-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 20px;
}
.cpt-test-start-list ul > li {
  border-radius: 12px;
  border: 1px solid #e1e3e6;
}

.cpt-test-start-list ul > li .top-box {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px 30px;
  border-bottom: 1px solid #e1e3e6;
  min-height: 90px;
}
.cpt-test-start-list ul > li .top-box h3 {
  font-size: 24px;
  color: #3c3c3c;
  font-weight: 600;
  flex: 1;
}
.cpt-test-start-list ul > li .top-box .com-btn {
  color: #246beb;
  border-color: #246beb;
}
.cpt-test-start-list ul > li .top-box .com-btn.cpt-red {
  background-color: #ff0000;
  color: white;
  border-color: #ff0000;
}

.cpt-test-start-list ul > li .info-box {
  display: flex;
  align-items: flex-start;
  padding: 20px 30px 25px;
  min-height: 200px;
}
.cpt-test-start-list ul > li .info-box .pic {
  flex-shrink: 0;
  width: 103px;
  height: 103px;
  border-radius: 34px;
  background-color: #e4f2ff;
  margin-right: 65px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpt-test-start-list ul > li .info-box .pic.yellow {
  background-color: #fff9ed;
}
.cpt-test-start-list ul > li .info-box .pic img {
  max-width: 100%;
  max-height: 100%;
}
.cpt-test-start-list ul > li .info-box .btn-box {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.cpt-test-start-list ul > li .info-box .desc {
  font-size: 17px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 15px;
  margin-top: 20px;
}
.cpt-test-start-list ul > li .info-box .ex-txt {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  font-size: 17px;
  color: #555;
  align-items: center;
}
.cpt-test-start-list ul > li .info-box .ex-txt span {
  color: inherit;
  font-size: inherit;
}
.cpt-test-start-list ul > li .info-box .ex-txt b {
  font-weight: 500;
  color: #222;
  min-width: 70px;
}
.cpt-test-start-list ul > li .info-box .ex-txt .ic {
  background-image: url("/cloud/w/img/common/ic_cpt_time_sm-5e20a490aa5ab7a71d50e6ada806f1c0.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  min-height: 16px;
  align-items: center;
}
.cpt-test-start-list ul > li .info-box .ex-txt:last-of-type {
  margin-bottom: 0;
}
.cpt-test-start-list .com-btn.cpt-red {
  background-color: #ff0000;
  color: white;
  border-color: #ff0000;
}

/* 직업적성검사란? */
.cpt-aptitude-test-meaning {
  border-radius: 16px;
  border: 1px solid #d4d4d4;
  padding: 30px 45px;
  display: flex;
  margin-bottom: 50px;
}
.cpt-aptitude-test-meaning .pic {
  width: 95px;
  height: 95px;
  flex-shrink: 0;
  margin-right: 35px;
  overflow: hidden;
  background-color: #d5f1f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .cpt-aptitude-test-meaning .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } */
.cpt-aptitude-test-meaning .text-box {
  flex: 1;
  min-width: 0;
}
.cpt-aptitude-test-meaning h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
.cpt-aptitude-test-meaning .desc {
  font-size: 17px;
  color: #666;
  line-height: 1.7;
}
.cpt-aptitude-test-meaning .tag {
  margin-top: 7px;
  display: inline-block;
  padding: 7px 30px;
  border: 1px solid #d4d4d4;
  background-color: white;
  font-size: 17px;
  color: #2b6de1;
  border-radius: 40px;
}

/* 아로플러스 */
.cpt-aro-title-box {
  text-align: left;
}
.cpt-aro-title-box .sm {
  margin-bottom: 5px;
  font-size: 17px;
  color: #3c3c3c;
  font-weight: 500;
}
.cpt-aro-title-box .sm b {
  color: #246beb;
  font-weight: 500;
}
.cpt-aro-title-box .sm b.red {
  color: #ff0000;
}
.cpt-aro-title-box h2 {
  justify-content: flex-start;
  gap: 10px;
}
.cpt-aro-title-box h2 b {
  color: #246beb;
}
.cpt-aro-title-box h2 b.red {
  color: #ff0000;
}
.cpt-aro-title-box .desc {
  font-size: 17px;
  font-weight: 500;
  color: #3c3c3c;
}
.breadcrumb-wrap + .cpt-aro-title-box {
  margin-top: 40px;
}

.cpt-test-top-icon-box {
  padding: 30px 45px;
  border-radius: 12px;
  background-color: #f7faff;
  border: 1px solid #e1e3e6;
  margin-bottom: 45px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.cpt-test-top-icon-box .left-txt {
  flex: 1;
  display: flex;
}
.cpt-test-top-icon-box .left-txt .icon {
  margin-right: 30px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.cpt-test-top-icon-box .left-txt .text {
  flex: 1;
  min-width: 0;
}
.cpt-test-top-icon-box .left-txt .text .bold {
  font-size: 19px;
  font-weight: 600;
  color: #01398a;
  margin-bottom: 5px;
}
.cpt-test-top-icon-box .left-txt .text .sub {
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
.cpt-test-top-icon-box .com-btn img {
  margin: 0 0 0 7px;
}

.cpt-normal-btn-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.cpt-normal-btn-box.end {
  justify-content: flex-end;
}

.cpt-aroplus-intro-box {
  background-color: #f7faff;
  border: 1px solid #d4d4d4;
  padding: 30px 50px;
  border-radius: 16px;
  margin-bottom: 30px;
}
.cpt-aroplus-intro-box h3 {
  font-size: 24px;
  font-weight: 600;
  color: #246beb;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cpt-aroplus-intro-box .desc {
  font-size: 17px;
  font-weight: 500;
  color: #666;
  line-height: 1.5;
}
.cpt-aroplus-intro-box .alt-text {
  margin-top: 10px;
  color: #246beb;
  font-size: 16px;
}
.cpt-aroplus-intro-box h3::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: url(/cloud/w/img/sub/cpt_heart-6f91f5719d28c509f55e044fac70a60d.png) no-repeat center;
}

.com-title-od-box-2 {
  position: relative;
  margin: 40px 0 25px;
}
.com-title-od-box-2 > strong {
  font-size: 28px;
  font-weight: 700;
}
.com-title-od-box-2 > strong em {
  font-style: normal;
  color: #0074E5;
}

.cpt-blue-text {
  color: #246beb;
}

/* 아로플러스 소개 */
.cpt-aroplus-intro-btn-box {
  display: flex;
  gap: 20px 25px;
  margin-bottom: 65px;
}
.cpt-aroplus-intro-btn-box .box {
  --p-color: #246beb;
  flex: 1;
  min-width: 0;
  border-radius: 20px;
  background-color: #f3f6ff;
  border: 1px solid #ddddde;
  padding: 40px 50px;
}
.cpt-aroplus-intro-btn-box .box.red {
  --p-color: #fd685a;
  background-color: #fbf1ff;
  border-color: #e4d1ec;
}
.cpt-aroplus-intro-btn-box .tit {
  font-size: 20px;
  color: #3a3a4a;
  margin-bottom: 5px;
}
.cpt-aroplus-intro-btn-box .tit b {
  color: var(--p-color);
  font-size: 48px;
  font-weight: 600;
}
.cpt-aroplus-intro-btn-box .bold {
  font-size: 20px;
  color: #315796;
  margin-bottom: 7px;
}
.cpt-aroplus-intro-btn-box .desc {
  font-size: 16px;
  color: #315796;
  margin-bottom: 15px;
}
.cpt-aroplus-intro-btn-box .com-btn {
  background-color: var(--p-color);
  color: white;
  font-weight: 500;
}
.cpt-aroplus-intro-btn-box .com-btn:focus,
.cpt-aroplus-intro-btn-box .com-btn:hover {
  filter: brightness(90%);
}

.cpt-aroplus-intro-gray-box {
  background-color: #fafafa;
  padding: 30px 40px;
  border-radius: 20px;
  margin-bottom: 65px;
}
.cpt-aroplus-intro-gray-box .text {
  font-size: 19px;
  color: #555;
  line-height: 1.5;
}
.cpt-aroplus-intro-gray-box .text b {
  color: #246beb;
  font-size: 1.1em;
  font-weight: 600;
}
.cpt-aroplus-intro-gray-box .sm {
  font-size: 16px;
  color: #343434;
  margin-top: 5px;
}

.cpt-aroplus-intro-step-box .title {
  font-size: 24px;
  font-weight: 500;
  color: #1b7ee0;
  margin-bottom: 40px;
}
.cpt-aroplus-intro-step-box .flex-box {
  display: flex;
  align-items: center;
}
.cpt-aroplus-intro-step-box .flex-box .intro-list {
  flex: 1;
  min-width: 0;
}
.cpt-aroplus-intro-step-box .flex-box .img-box {
  flex-shrink: 0;
  margin-left: -20px;
  padding-top: 10px;
}

.cpt-aroplus-intro-step-box .intro-list > li {
  padding: 30px 10px;
  border-bottom: 1px dotted #d9d9d9;
  display: flex;
}
.cpt-aroplus-intro-step-box .intro-list > li .number {
  flex-shrink: 0;
  margin-right: 20px;
  min-width: 50px;
  text-align: left;
  font-size: 64px;
  font-weight: 500;
  color: #3084fa;
  line-height: 1;
}
.cpt-aroplus-intro-step-box .intro-list > li .text-b {
  flex: 1;
}
.cpt-aroplus-intro-step-box .intro-list > li .text-b .bold {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;
}
.cpt-aroplus-intro-step-box .intro-list > li .dot-list {
  margin-top: 10px;
}
.cpt-aroplus-intro-step-box .intro-list > li .dot-list > li {
  margin-top: 5px;
  list-style-type: disc;
  margin-left: 1.4em;
}
.cpt-aroplus-intro-step-box .intro-list > li .dot-list > li:first-of-type {
  margin-top: 0;
}
.cpt-aroplus-intro-step-box .intro-list > li:last-of-type {
  border-bottom: none;
}

/* 아로플러스 활동 */
.com-modal .pop-cpt-prefer-jab-wrap {
  width: 100%;
} /*팝업 내부에 있을때(직업가치관검사)*/
.pop-cpt-prefer-jab-wrap {
  width: calc(100% + 40px);
  background-color: #f8f8f8;
  position: relative;
  margin: -25px 0 0 -20px;
}
.pop-cpt-prefer-jab-wrap::before {
  content: "";
  width: 100%;
  height: 440px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #cae8ff;
  z-index: 0;
}

.pop-cpt-prefer-jab-wrap .top-box {
  position: relative;
  z-index: 1;
  padding: 70px 64px 40px;
  display: flex;
  min-height: 300px;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b {
  flex: 1;
  min-width: 0;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b .cate {
  border: 1px solid #3084fa;
  padding: 10px 15px;
  border-radius: 50px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #294a7f;
  padding-left: 45px;
  background: white url("/cloud/w/img/common/ic_cpt_pop_arrow-979faf5fcbd4bc486b3b5738b7e75809.svg") no-repeat left 10px center;
  margin-bottom: 30px;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b h2 {
  font-size: 32px;
  color: #1d1d1d;
  font-weight: 500;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b h2 b {
  font-weight: 700;
  color: #003eb2;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b h2 .bold {
  color: #1d1d1d;
  font-weight: 800;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b .desc {
  margin-top: 10px;
  font-size: 20px;
  color: #1d1d1d;
}
.pop-cpt-prefer-jab-wrap .top-box .text-b .desc .blue {
  color: #246beb;
}

.pop-cpt-prefer-jab-wrap .top-box .img-b {
  width: 357px;
  height: 100px;
  position: relative;
}
.pop-cpt-prefer-jab-wrap .top-box .img-b img {
  position: absolute;
  left: 0;
  top: 0;
}

.pop-cpt-prefer-jab-wrap .cont-box {
  position: relative;
  background-color: white;
  padding: 85px 40px;
  border-radius: 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  margin: 0 30px;
  margin-bottom: 40px;
}

.pop-cpt-prefer-jab-wrap .bott-box {
  background-color: white;
  padding: 40px 60px;
  text-align: right;
}
.pop-cpt-prefer-jab-wrap .bott-box .com-btn {
  vertical-align: middle;
  margin: 0 2px;
}
.pop-cpt-prefer-jab-wrap .bott-box .com-btn img {
  margin: 0 5px;
}

.pop-cpt-prefer-jab-wrap .pre-job-list > li {
  margin-top: 30px;
}
.pop-cpt-prefer-jab-wrap .pre-job-list > li:first-of-type {
  margin-top: 0;
}
.pop-cpt-prefer-jab-wrap .pre-job-list > li .order-tit {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1d;
  margin-bottom: 15px;
}
.pop-cpt-prefer-jab-wrap .pre-job-list > li .order-tit em {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #0074E5;
  text-align: center;
  line-height: 28px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  margin-right: 10px;
  flex-shrink: 0;
}

.pop-cpt-prefer-jab-wrap .pre-job-list > li .w100 {
  width: 100%;
}

.pop-cpt-prefer-jab-wrap .cpt-jab-gather-box {
  padding: 30px 50px 60px;
  text-align: center;
}
.pop-cpt-prefer-jab-wrap .cpt-jab-gather-box .title {
  font-size: 20px;
  font-weight: 500;
  color: black;
  margin-bottom: 20px;
}
.pop-cpt-prefer-jab-wrap .cpt-jab-gather-box .title b {
  color: #003eb2;
}
.pop-cpt-prefer-jab-wrap .cpt-jab-gather-box .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.pop-cpt-prefer-jab-wrap .cpt-jab-gather-box .tags span {
  background-color: #eff5ff;
  border-radius: 4px;
  border: 1px solid #54baff;
  padding: 5px 20px;
  font-size: 17px;
  color: #1d56bc;
}

.pop-cpt-prefer-jab-wrap .cpt-pop-value-tit {
  font-size: 20px;
  color: #1d1d1d;
  font-weight: 500;
  margin-bottom: 20px;
}
.pop-cpt-prefer-jab-wrap .cpt-pop-value-tit b {
  color: #003eb2;
}

.pop-cpt-prefer-jab-wrap .cpt-label-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.pop-cpt-prefer-jab-wrap .cpt-label-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.com-modal .pop-cpt-prefer-jab-wrap-02 {
  width: 100%;
  padding-bottom: 10px;
} /*팝업 내*/
.pop-cpt-prefer-jab-wrap-02 {
  width: 956px;
  background-color: #f8f8f8;
  position: relative;
}
.pop-cpt-prefer-jab-wrap-02::before {
  content: "";
  width: 100%;
  height: 440px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #feddff;
  z-index: 0;
}
.pop-cpt-prefer-jab-wrap-02.type-2::before {
  background-image: url("/cloud/w/img/common/img_cpt_pop_bg_star-7d3cbfc42b448c5e4d4de9f20dc8f3d3.svg");
  background-repeat: no-repeat;
  background-position: center top 55px;
}
.pop-cpt-prefer-jab-wrap-02.type-2.pink::before {
  background-color: #feddff;
}
.pop-cpt-prefer-jab-wrap-02.type-2 .top-box {
  min-height: auto;
  padding-top: 50px;
}
.pop-cpt-prefer-jab-wrap-02.type-2 .top-box .cate {
  margin-bottom: 20px;
}
.pop-cpt-prefer-jab-wrap-02.type-2 .top-box .text-b {
  text-align: center;
}
.pop-cpt-prefer-jab-wrap-02.type-2 .cont-box {
  padding: 60px 40px;
}

.pop-cpt-prefer-jab-wrap-02 .top-box {
  position: relative;
  z-index: 1;
  padding: 70px 64px 40px;
  display: flex;
  min-height: 300px;
  gap: 10px;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b {
  flex: 1;
  min-width: 0;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .cate {
  border: 1px solid #3084fa;
  padding: 10px 15px;
  border-radius: 50px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #294a7f;
  padding-left: 45px;
  background: white url("/cloud/w/img/common/ic_cpt_pop_arrow-979faf5fcbd4bc486b3b5738b7e75809.svg") no-repeat left 10px center;
  margin-bottom: 30px;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b h2 {
  font-size: 32px;
  color: #1d1d1d;
  font-weight: 500;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b h2 b {
  font-weight: 700;
  color: #003eb2;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc {
  margin-top: 10px;
  font-size: 20px;
  color: #1d1d1d;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc .bold {
  font-weight: 800;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc .blue {
  color: #246beb;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc-02 {
  margin-top: 11px;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc-03 {
  margin-top: 20px;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc-03 .red {
  color: #ff0000;
  font-weight: 800;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .text-b .desc-03 .blue {
  color: #0066ff;
  font-weight: 800;
}

.pop-cpt-prefer-jab-wrap-02 .top-box .img-b {
  width: 357px;
  height: 100px;
  position: relative;
}
.pop-cpt-prefer-jab-wrap-02 .top-box .img-b img {
  position: absolute;
  left: 0;
  top: 0;
}

.pop-cpt-prefer-jab-wrap-02 .cont-box {
  position: relative;
  background-color: white;
  padding: 85px 40px;
  border-radius: 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  margin: 0 30px;
  margin-bottom: 40px;
}

.pop-cpt-prefer-jab-wrap-02 .bott-box {
  background-color: white;
  padding: 40px 60px;
  text-align: right;
}
.pop-cpt-prefer-jab-wrap-02 .bott-box .com-btn {
  vertical-align: middle;
  margin: 0 2px;
}
.pop-cpt-prefer-jab-wrap-02 .bott-box .com-btn img {
  margin: 0 5px;
}

.pop-cpt-prefer-jab-wrap-02 .pre-job-list > li {
  margin-top: 30px;
}
.pop-cpt-prefer-jab-wrap-02 .pre-job-list > li:first-of-type {
  margin-top: 0;
}
.pop-cpt-prefer-jab-wrap-02 .pre-job-list > li .order-tit {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1d;
  margin-bottom: 15px;
}
.pop-cpt-prefer-jab-wrap-02 .pre-job-list > li .order-tit em {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #0074E5;
  text-align: center;
  line-height: 28px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  margin-right: 10px;
  flex-shrink: 0;
}

.pop-cpt-prefer-jab-wrap-02 .pre-job-list > li .w100 {
  width: 100%;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-jab-gather-box {
  padding: 30px 50px 60px;
  text-align: center;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-jab-gather-box .title {
  font-size: 20px;
  font-weight: 500;
  color: black;
  margin-bottom: 20px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-jab-gather-box .title b {
  color: #003eb2;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-jab-gather-box .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-jab-gather-box .tags span {
  background-color: #eff5ff;
  border-radius: 4px;
  border: 1px solid #54baff;
  padding: 5px 20px;
  font-size: 17px;
  color: #1d56bc;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-pop-value-tit {
  font-size: 20px;
  color: #1d1d1d;
  font-weight: 500;
  margin-bottom: 20px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-pop-value-tit b {
  color: #003eb2;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-label-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-label-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.pop-cpt-prefer-jab-wrap-02 {
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-grid-box-01 {
  display: flex;
  gap: 12px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-grid-box-01 > .lb {
  flex-shrink: 0;
  width: 184px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  font-size: 16px;
  color: #1d56bc;
  font-weight: 600;
  gap: 5px;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-card-grid-box-02 {
  display: flex;
  gap: 18px;
  align-items: center;
}
.pop-cpt-prefer-jab-wrap-02 .pop-cpt-result-text-box + .cpt-card-grid-box-02 {
  margin-top: 100px;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-card-list-01 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-list-02 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 19px 12px;
  position: relative;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-list-02 .cpt-big-title {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01 {
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01:focus-within {
  outline: 2px dotted var(--career--point);
  outline-offset: 0;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01 input:checked + label {
  background-color: #fbfdff;
  border-color: #f44234;
  color: #f44234;
  font-weight: 700;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01 input:checked + label::before {
  content: "";
  width: 20px;
  height: 21px;
  background: url(/cloud/w/img/common/ic_cpt_check_red-b9bb01880ffb844578e6e24c79b796ac.svg) no-repeat;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01 label {
  width: 100%;
  padding: 0 10px;
  height: 70px;
  border: 1px solid #888888;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02 {
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02:focus-within {
  outline: 2px dotted var(--career--point);
  outline-offset: 0;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02 input:checked + label {
  background-color: #fbfdff;
  border-color: #246beb;
  color: #1d56bc;
  font-weight: 700;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02 input:checked + label::before {
  content: "";
  width: 20px;
  height: 21px;
  background: url(/cloud/w/img/common/ic_cpt_check_blue-6cbb88203a55c740436bd088a75f5835.svg) no-repeat;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02 label {
  width: 100%;
  padding: 0 10px;
  height: 70px;
  border: 1px solid #888888;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-01 input:disabled + label,
.pop-cpt-prefer-jab-wrap-02 .cpt-card-radchk-02 input:disabled + label {
  background: #eee;
  color: #888;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-need-values {
  text-align: center;
  padding-bottom: 60px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values p {
  font-weight: 500;
  color: #1d1d1d;
  font-size: 20px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-01 p .bold {
  color: #f44234;
  font-weight: 800;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-01 .txt-list {
  display: flex;
  justify-content: center;
  font-size: 17px;
  color: #f44234;
  gap: 8px;
  margin-top: 10px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-01 .txt-list li {
  min-width: 200px;
  height: 100%;
  padding: 5px 10px;
  background-color: #fffbfa;
  border: 1px solid #ff0000;
  border-radius: 4px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-02 p .bold {
  color: #003eb2;
  font-weight: 800;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-02 .txt-list {
  display: flex;
  justify-content: center;
  font-size: 17px;
  color: #1d56bc;
  gap: 8px;
  margin-top: 10px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-need-values.step-02 .txt-list li {
  min-width: 200px;
  height: 100%;
  padding: 5px 10px;
  background-color: #eff5ff;
  border: 1px solid #54baff;
  border-radius: 4px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-list-01 {
  flex-shrink: 0;
  width: 180px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 {
  font-size: 13px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding: 8px;
  position: relative;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 .title {
  color: #1d1d1d;
  font-weight: 800;
  padding-right: 20px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 .ctt {
  color: #888;
  font-weight: 500;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 .star {
  position: absolute;
  top: 9px;
  right: 5px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 .star::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/cloud/w/img/common/aroplus_star-bafa11c44c0173ac71cc8b22ef9fcb9e.png) no-repeat;
  display: block;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01 .star.active::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/cloud/w/img/common/aroplus_star_active-3a0fe19997275a422f965b363d1d5a7a.png) no-repeat;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-cont-01::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translateY(-50%) rotate(45deg);
  background-color: #fff;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-fav-list-01 .cpt-big-title {
  width: 100%;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-card-result {
  width: 100%;
  padding: 0 10px;
  height: 70px;
  border: 1px solid #888888;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-result:is(.type-01, .type-02) {
  gap: 8px;
  font-weight: 700;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-result.type-01 {
  background-color: #fbfdff;
  color: #1d56bc;
  border-color: #246beb;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-result.type-01::before {
  content: "";
  width: 17px;
  height: 15px;
  background: url(/cloud/w/img/common/aroplus_check_blue-c3924a10474274385af43971776ee948.svg) no-repeat;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-result.type-02 {
  color: #f44234;
  border-color: #ff0000;
  background-color: #fffbfa;
}
.pop-cpt-prefer-jab-wrap-02 .cpt-card-result.type-02::before {
  content: "";
  width: 17px;
  height: 15px;
  background: url(/cloud/w/img/common/aroplus_check_red-4e16d5e8539e1ddb82085fcbbb5e9846.svg) no-repeat;
}

.pop-cpt-prefer-jab-wrap-02 .cpt-big-title {
  color: #1d1d1d;
  font-weight: 800;
  font-size: 18px;
}

.cpt-check-img-box {
  width: 100%;
  height: 100%;
}
.cpt-check-img-box input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.cpt-check-img-box label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  border: 1px solid #ddd;
  border-radius: 18px;
  text-align: center;
  padding: 30px 10px 30px;
}
.cpt-check-img-box label::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #246beb;
  background-image: url("/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 15px;
  top: 15px;
  display: none;
}
.cpt-check-img-box label .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
}
.cpt-check-img-box label .img-box img {
  display: inline-block;
}
.cpt-check-img-box label .tit {
  font-size: 15px;
  font-weight: 500;
  color: black;
  margin-bottom: 5px;
}
.cpt-check-img-box label .desc {
  font-size: 12px;
  font-weight: 400;
  color: black;
}

.cpt-check-img-box input:checked + label {
  border: 1px solid #246beb;
}
.cpt-check-img-box input:checked + label::before {
  display: block;
}
.cpt-check-img-box input:checked + label .name {
  font-weight: 500;
  color: #246beb;
}

.cpt-check-img-box:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cpt-check-img-box:focus-within label .name {
  color: #2d2d2d;
  font-weight: 500;
}
.cpt-check-img-box:hover label {
}
.cpt-check-img-box:hover label .name {
  color: #2d2d2d;
  font-weight: 500;
}

.cpt-job-value-cate-list > li {
  border-top: 1px dashed #ddd;
  padding: 20px 10px;
  display: flex;
}
.cpt-job-value-cate-list > li:first-child {
  border-top: none;
}

.cpt-job-value-cate-list > li .left-b {
  flex-shrink: 0;
  width: 90px;
  border-radius: 8px;
  background-color: #71acff;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 10px;
  margin-right: 20px;
}
.cpt-job-value-cate-list > li .left-b p {
  color: white;
  font-size: 15px;
  font-weight: 500;
}
.cpt-job-value-cate-list > li .right-b {
  flex: 1;
  min-width: 0;
}
.cpt-job-value-cate-list > li .v-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.cpt-job-value-cate-list > li .v-list > li {
  padding: 20px 10px;
  text-align: center;
  max-width: 180px;
}
.cpt-job-value-cate-list > li .v-list > li .img-b {
  width: 73px;
  margin: 0 auto 10px;
}
.cpt-job-value-cate-list > li .v-list > li .name {
  font-size: 16px;
  font-weight: 600;
  color: black;
  margin-bottom: 5px;
}
.cpt-job-value-cate-list > li .v-list > li .text {
  font-size: 12px;
  color: #111;
  line-height: 1.5;
}

.pop-cpt-prefer-jab-wrap .title-bold {
  font-size: 32px;
  font-weight: 600;
  color: #000b17;
  text-align: center;
  margin-bottom: 40px;
}
.pop-cpt-prefer-jab-wrap .title-bold b {
  color: #003eb2;
}

.pop-cpt-view-list > li {
  padding: 20px 10px;
  border-top: 1px dashed #ddd;
  display: flex;
  align-items: center;
}
.pop-cpt-view-list > li:first-of-type {
  border-top: 0;
}
.pop-cpt-view-list > li .img-b {
  flex-shrink: 0;
  margin-right: 12px;
  padding: 0 10px;
}
.pop-cpt-view-list > li .img-b img {
  width: 100px;
}
.pop-cpt-view-list > li .text-b .name {
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  color: #1d1d1d;
}
.pop-cpt-view-list > li .text-b .name b {
  font-size: 18px;
  font-weight: 600;
  color: black;
}
.pop-cpt-view-list > li .text-b .name span {
  padding-left: 10px;
  border-left: 1px solid #ddd;
}

.cpt-pop-textarea-tit {
  font-size: 17px;
  font-weight: 500;
  color: #1d1d1d;
  margin: 20px 0 10px;
}
.cpt-pop-textarea-tit:first-of-type {
  margin-top: 0;
}
.cpt-pop-textarea-tit em {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 36px;
  font-weight: 700;
  color: #246beb;
  font-style: normal;
}
.cpt-pop-textarea-tit b {
  color: #246beb;
}
.cpt-pop-textarea-tit b.red {
  color: #ff0000;
}

.pop-cpt-result-text-box {
  margin-bottom: 35px;
}
.pop-cpt-result-text-box .bold {
  font-size: 20px;
  color: #1d1d1d;
  margin-bottom: 10px;
}
.pop-cpt-result-text-box .desc {
  font-size: 16px;
  color: #1d1d1d;
  font-weight: 600;
}
.pop-cpt-result-text-box .desc .red {
  color: #ff0000;
}
.pop-cpt-result-text-box .desc .blue {
  color: #246beb;
}

.pop-cpt-print-box {
  border-radius: 20px;
  background-color: #f3f9ff;
  border: 1px solid #83b7ff;
  padding: 20px 25px;
  display: flex;
  margin-bottom: 20px;
}
.pop-cpt-print-box .icon-b {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #3b86d1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 35px;
}
.pop-cpt-print-box dl {
  flex: 1;
  display: flex;
  align-items: center;
}
.pop-cpt-print-box dl dt {
  display: list-item;
  list-style-type: disc;
  margin-left: 20px;
  margin-right: 20px;
}
.pop-cpt-print-box dl dd {
  font-size: 16px;
  font-weight: 600;
  color: black;
}
.pop-cpt-print-box .btn-print {
  width: 54px;
  height: 54px;
  background-color: white;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3b86d1;
}
.pop-cpt-print-box .btn-print:focus,
.pop-cpt-print-box .btn-print:hover {
  background-color: #f5f5f5;
}
.pop-cpt-print-box .btn-print img {
  display: inline-block;
}

.cpt-blue-text {
  color: #246beb !important;
}
.cpt-blue2-text {
  color: #478cd0 !important;
}
.cpt-red-text {
  color: #e6002d !important;
}

.cpt-text-bold {
  font-weight: 600;
}
.cpt-text-left {
  text-align: left !important;
}
.cpt-text-right {
  text-align: right !important;
}
.cpt-text-center {
  text-align: center !important;
}

.cpt-dot-list {
  margin-top: 10px;
}
.cpt-dot-list > li {
  margin-top: 5px;
  list-style-type: disc;
  margin-left: 1.4em;
  font-size: 17px;
  line-height: 1.5;
}
.cpt-dot-list > li::marker {
  font-size: 0.9em;
}
.cpt-dot-list > li:first-of-type {
  margin-top: 0;
}
.cpt-dot-list.blue > li::marker {
  color: #246beb;
}

.cpt-red-bullet {
  display: list-item;
  list-style-type: disc;
  margin-left: 1.4em;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 15px;
}
.cpt-red-bullet::marker {
  color: red;
}

.cpt-flex2-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.cpt-flex2-box.end {
  align-items: flex-end;
}
.cpt-flex2-box .lb {
  margin-right: auto;
}
.cpt-flex2-box .rb {
  margin-left: auto;
}
.mca-job-test .cpt-flex2-box .com-title-od-box {
  margin: 0;
}

.cpt-text-result-box2 {
  background-color: #f5fafe;
  border: 1px solid #bed9ee;
  border-radius: 12px;
  padding: 40px;
}
.cpt-text-result-box2 > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.cpt-text-result-box2 > ul > li {
  background-color: white;
  border-radius: 12px;
  border: 1px solid #dedede;
  flex: 1;
  padding: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}

th.cpt-td-bg1,
td.cpt-td-bg1 {
  background-color: #f8f8f8;
  font-size: 16px;
  line-height: 1.7;
}
th.cpt-td-bg2,
td.cpt-td-bg2 {
  background-color: #f4f6ff;
  line-height: 1.7;
  color: #003675;
}

th.deep2 {
  background-color: var(--career--secondary-5) !important;
}

.cpt-mark01-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}
.cpt-mark01-box .btns {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/cloud/w/img/sub/ic_cpt_question_01-d1e6eccc3d64e4891775fa92e2962713.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
  position: relative;
}
.cpt-mark01-box .btns:hover + .com-coachmark,
.cpt-mark01-box .btns:focus + .com-coachmark {
  display: block;
}
.cpt-mark01-box .com-coachmark {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  text-align: left;
  z-index: 5;
  display: none;
}
.cpt-mark01-box .com-coachmark.show {
  display: block;
}
.cpt-mark01-box .com-coachmark .txt-bold {
  font-size: 17px;
  font-weight: 500;
  color: #111;
}
.cpt-mark01-box .com-coachmark .txt-sub {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.link-txt-list2 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.link-txt-list2 a {
  display: inline-block;
  color: #454545;
  text-decoration: underline;
  margin: 2px 5px;
  font-size: inherit;
}
.link-txt-list2.vertical {
  display: flex;
  flex-direction: column;
}
.link-txt-list2.vertical > a {
  margin: 5px 0;
  padding: 0;
  line-height: 1.4;
}

.cpt-text-result-table-bar .cpt-bar-list {
  width: 80%;
}
.cpt-bar-graph {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.cpt-bar-graph span {
  border-radius: 20px;
  height: 16px;
  display: block;
  background-color: #246beb;
}
.cpt-bar-graph.orange span {
  background-color: #fdae48;
}
.cpt-bar-graph .orange {
  background-color: #fb814b;
}
.cpt-bar-graph .number {
  flex-shrink: 0;
  margin-left: 5px;
}

.cpt-bar-graph2 {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.cpt-bar-graph2 span {
  border-radius: 0 20px 20px 0;
  height: 16px;
  display: block;
  background-color: #246beb;
}
.cpt-bar-graph2 span.yellow {
  background-color: #fdae48;
}
.cpt-bar-graph2 span.gray {
  background-color: #99b0cb;
}
.cpt-bar-graph2 .number {
  flex-shrink: 0;
  margin-left: 10px;
}

.cpt-text-result-table-bar {
  display: flex;
  align-items: center;
  padding-right: 40px;
  position: relative;
}
.cpt-text-result-table-bar .name {
  min-width: 100px;
  flex-shrink: 0;
  margin-right: 10px;
  text-align: left;
}
.cpt-text-result-table-bar .cpt-bar-graph {
  flex: 1;
}
.cpt-text-result-table-bar .good {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cpt-cate-box {
  justify-content: flex-end;
  gap: 16px;
}
.cpt-cate-box .com-checkbox {
}
.cpt-cate-01 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  color: #898787;
}
.cpt-cate-01 em {
  background-color: #246beb;
  width: 44px;
  height: 6px;
  margin-right: 10px;
}
.cpt-cate-02 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  color: #898787;
  margin-left: 16px;
}
.cpt-cate-02 em {
  background-color: #fdae48;
  width: 44px;
  height: 6px;
  margin-right: 10px;
}

.cpt-cate-comp1 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 400;
  color: #555;
}
.cpt-cate-comp1 em {
  width: 46px;
  height: 13px;
  border-radius: 20px;
}

.cpt-tit2-01 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
}
.cpt-tit2-01 .cate {
  display: inline-block;
  vertical-align: middle;
  background-color: #246beb;
  color: white;
  font-weight: 500;
  font-size: 17px;
  padding: 7px 20px;
  border-radius: 6px;
  margin-right: 10px;
}
.cpt-tit2-01 b {
  color: #0074E5;
}

.cpt-survey-result-01-box {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
}
.cpt-survey-result-01-box .col {
  flex: 1;
  min-width: 0;
  display: flex;
  border-right: 1px solid #ddd;
}
.cpt-survey-result-01-box .col:last-of-type {
  border-right: none;
}
.cpt-survey-result-01-box .col .icon-box {
  flex-shrink: 0;
  min-width: 0;
  width: 215px;
  border-right: 1px solid #ddd;
  text-align: center;
  align-content: center;
  padding: 20px;
}
.cpt-survey-result-01-box .col .icon-box img {
  display: inline-block;
  vertical-align: middle;
}
.cpt-survey-result-01-box .col .ability-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cpt-survey-result-01-box .col .ability-box .row {
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
  text-align: center;
  flex: 1;
  align-content: center;
  font-size: 16px;
}
.cpt-survey-result-01-box .col .ability-box .row:last-of-type {
  border-bottom: none;
}

.cpt-career-graph-box {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 50px 20px;
  text-align: center;
  margin-bottom: 60px;
}
.cpt-career-graph-box .img-graph {
  display: inline-block;
}
.cpt-career-graph-box .chart {
  width: 100%;
}
.cpt-career-graph-box .chart canvas {
  width: 100%;
  height: 500px !important;
}
.cpt-career-graph-box .com-checkbox {
  width: fit-content;
}

.cpt-carrer-myvalue-box {
  border-radius: 10px;
  background-color: #f5fafe;
  border: 1px solid #bed9ee;
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  padding: 40px;
}
.cpt-carrer-myvalue-box .tit {
  margin-left: 20px;
  font-size: 17px;
  font-weight: 500;
  color: #1d1d1d;
  padding-left: 30px;
  position: relative;
}
.cpt-carrer-myvalue-box .tit::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background-image: url("/cloud/w/img/common/icon_info-2fe9b057f7dadbe9b7706d19266f23a0.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.cpt-carrer-myvalue-box .rb {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}
.cpt-carrer-myvalue-box .rb img {
  display: inline-block;
  vertical-align: middle;
}

.com-table.cpt-type-01 .pd-l-N {
  padding-left: 0;
}
.com-table.cpt-type-01 tr th {
  text-align: center !important;
}
/* .com-table.cpt-type-01 tr th.deep3{background-color: #F8F8F8 !important;} */
.com-table-wrap.type-01.com-table-col.v02 {
  border-right: none !important;
}

.com-table tr th.col-red {
  background-color: #fcf2f7 !important;
}
.com-table tr th.col-purple {
  background-color: #f2effa !important;
}
.com-table tr th.col-yellow {
  background-color: #faf4e9 !important;
}
.com-table tr th.col-green {
  background-color: #f4fbfa !important;
}

.cpt-career-type-view-box .row {
  border-bottom: 1px solid #ddd;
  display: flex;
  min-height: 70px;
}
.cpt-career-type-view-box .row:first-of-type {
  border-top: 1px solid #ddd;
}
.cpt-career-type-view-box .row .title {
  width: 160px;
  flex-shrink: 0;
  border-right: 1px solid #ddd;
  text-align: center;
  align-content: center;
}
.cpt-career-type-view-box .row .graph-bg {
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
  background-color: #f4fbfa;
}
.cpt-career-type-view-box .row .graph-bg > span {
  flex: 1;
  min-width: 0;
  border-right: 1px solid #ddd;
}
.cpt-career-type-view-box .row .graph-bg > span:last-of-type {
  border-right: none;
}
.cpt-career-type-view-box .bar-graph {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  margin: 0;
  width: 100%;
}
.cpt-career-type-view-box .bar-graph span {
  border-radius: 20px;
  height: 12px;
  display: block;
  background-color: #fcae49;
}
.cpt-career-type-view-box .bar-graph .number {
  flex-shrink: 0;
  margin-left: 5px;
}

.cpt-career-type-view-box .row:nth-of-type(3n + 2) .graph-bg {
  background-color: #f2effa;
}
.cpt-career-type-view-box .row:nth-of-type(3n + 3) .graph-bg {
  background-color: #faf4e9;
}
.cpt-career-type-view-box .row:nth-of-type(3n + 4) .graph-bg {
  background-color: #f4fbfa;
}

.cpt-career-type-view-box .row-bott {
  display: flex;
}
.cpt-career-type-view-box .row-bott .title {
  width: 160px;
  flex-shrink: 0;
}
.cpt-career-type-view-box .row-bott .graph-bg {
  flex: 1;
  min-width: 0;
  display: flex;
  padding-top: 5px;
}
.cpt-career-type-view-box .row-bott .graph-bg > em {
  flex: 1;
  min-width: 0;
  font-style: normal;
  font-size: 15px;
  text-indent: -5px;
}

.cpt-link-job {
  text-decoration: underline;
  display: inline-block;
}

.cpt-job-12-explain-box {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 60px;
}
.cpt-job-12-explain-box ul > li {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.cpt-job-12-explain-box ul > li:first-of-type {
  margin-top: 0;
}
.cpt-job-12-explain-box ul > li .tit {
  display: list-item;
  list-style-type: disc;
  margin-left: 20px;
  flex-shrink: 0;
  min-width: 115px;
  font-size: 17px;
  color: #1d1d1d;
}
.cpt-job-12-explain-box ul > li .tit::marker {
  color: #0066ff;
}
.cpt-job-12-explain-box ul > li .data {
  flex: 1;
  font-size: 17px;
  color: #444;
}
.cpt-job-12-explain-box ul > li .data b {
  font-weight: 500;
  color: #3084fa;
}

.cpt-txt-lg-01 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #111;
}
.cpt-txt-lg-01 b {
  color: #3084fa;
}

.cpt-job-name-view-box {
  margin-bottom: 60px;
}
.cpt-job-name-view-box .title-box {
  background-color: #f5fafe;
  padding: 20px;
  text-align: center;
}
.cpt-job-name-view-box .title-box p {
  font-size: 22px;
  font-weight: 600;
  color: #111;
}
.cpt-job-name-view-box .job-gather-box {
  text-align: left;
  padding: 30px;
}
.cpt-job-name-view-box .job-gather-box a {
  font-size: 17px;
  display: inline-block;
  margin: 3px 10px;
  font-weight: 400;
  text-decoration: underline;
  color: #444;
}
.cpt-job-name-view-box .btn-more {
  width: 100%;
  height: 48px;
  border: 1px solid #294a7f;
  border-radius: 5px;
  color: #294a7f;
}
.cpt-job-name-view-box .btn-more:hover,
.cpt-job-name-view-box .btn-more:focus {
  background-color: #f5f5f5;
}
td .job-gather-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-left: 0 !important;
}
td .job-gather-box a {
  display: inline-block;
  text-decoration: underline;
}

.cpt-result-alert-box .title-b {
  background-color: #fff3f1;
  border: 1px solid #e9c0c0;
  padding: 20px 30px;
  border-radius: 10px 10px 0 0;
}
.cpt-result-alert-box .title-b p {
  font-size: 20px;
  font-weight: 500;
  color: #000b17;
}
.cpt-result-alert-box .title-b p strong {
  color: #ff0000;
  font-size: 1.1em;
  font-weight: 500;
}
.cpt-result-alert-box .title-b.type-02 {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cpt-result-alert-box .title-b.type-02 .popup-alert {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  background-color: #f65742;
  border-radius: 4px;
  padding: 8px 17px;
  position: relative;
}
.cpt-result-alert-box .title-b.type-02 .popup-alert::before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #f65742;
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%) rotate(45deg);
}

.cpt-result-alert-box .cont-b {
  background-color: #f8f8f8;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e4e4e4;
  padding: 20px 30px;
}
.cpt-result-alert-box .cont-b .tit {
  font-size: 17px;
  font-weight: 600;
  color: #111;
  margin-bottom: 15px;
  padding-left: 28px;
  position: relative;
}
.cpt-result-alert-box .cont-b .tit::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 3px;
  background: url("/cloud/w/img/common/icon_info_fill-faa540a703ed0b86d54cb824f360a32d.svg") no-repeat center center / 100%;
}
.cpt-result-alert-box .cont-b .desc {
  font-size: 17px;
  line-height: 1.5;
  margin-left: 25px;
}

.cpt-job-multiple-apply-box {
  border-radius: 0 0 10px 10px;
  border: 1px solid #ddd;
  border-top: none;
  padding: 30px 25px;
}
.cpt-job-multiple-apply-box .sbj {
  font-size: 20px;
  font-weight: 600;
  color: #111;
  margin-bottom: 20px;
}
.cpt-job-multiple-apply-box .alert-box {
  background-color: #f9fbff;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 20px;
  font-size: 16px;
  line-height: 1.7;
}
.cpt-job-multiple-apply-box .alert-box strong {
  margin-bottom: 5px;
  display: block;
}

.cpt-job-career-info-apply-box {
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
}
.cpt-job-career-info-apply-box .title-b {
  border-bottom: 1px solid #ddd;
  padding: 20px 30px;
}
.cpt-job-career-info-apply-box .title-b p {
  font-size: 20px;
  font-weight: 600;
  color: #111;
}
.cpt-job-career-info-apply-box .cont-b {
  padding: 20px 30px;
}
.cpt-job-career-info-apply-box .navy-tit {
  margin: 30px 0 15px;
  font-size: 18px;
  font-weight: 700;
  color: #294a7f;
  display: block;
}
.cpt-job-career-info-apply-box .navy-tit:first-of-type {
  margin-top: 0;
}

.cpt-job-video-gahter-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 40px 30px 30px;
  background-color: #f8f8f8;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  gap: 20px;
}
.cpt-job-video-gahter-box .title {
  grid-column: 1 / span 2;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  color: #111;
}
.cpt-job-video-gahter-box .box {
  min-width: 0;
  background-color: white;
  border-radius: 10px;
  border: 1px solid #ddd;
  overflow: clip;
}
.cpt-job-video-gahter-box .tit-b {
  background-color: #294a7f;
  padding: 20px;
}
.cpt-job-video-gahter-box .tit-b p {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.cpt-job-video-gahter-box .cont-b {
  padding: 30px 40px;
}
.cpt-job-video-gahter-box .cont-b .row {
  margin-top: 25px;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.cpt-job-video-gahter-box .cont-b .row:first-of-type {
  margin-top: 0;
}
.cpt-job-video-gahter-box .cont-b .row .text-b {
  flex: 1;
  padding-right: 10px;
}
.cpt-job-video-gahter-box .cont-b .row .text-b strong {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 17px;
  color: #111;
}
.cpt-job-video-gahter-box .cont-b .row .text-b span {
  font-size: 17px;
  line-height: 1.5;
}
.cpt-job-video-gahter-box .cont-b .row .qr-b {
  flex-shrink: 0;
  width: 62px;
}
.cpt-job-video-gahter-box .cont-b .row .com-btn {
  color: #246beb;
  border-color: #246beb;
}

.cpt-tit-explain-sm-box {
  font-size: 15px;
  line-height: 1.6;
}

.cpt-in-re-line-txt {
  font-size: 40px;
  font-weight: 600;
  color: #111;
  display: inline-block;
  border-bottom: 1px solid #ddd;
}
.cpt-in-re-line-sm {
  font-size: 15px;
  font-weight: 600;
  color: #2d87dd;
  margin-top: 5px;
}

.cpt-job-table-wrap {
  display: flex;
  gap: 10px;
}
.cpt-job-table-wrap > .col {
  flex: 1;
  min-width: 0;
}
.cpt-job-table-wrap > .col table {
  height: 100%;
}

.cpt-job-interest-in {
  display: flex;
  align-items: center;
  padding: 10px 5px;
}
.cpt-job-interest-in .icon-b {
  background-color: #f4f4f4;
  border-radius: 14px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  flex-shrink: 0;
}
.cpt-job-interest-in .text-b {
  flex: 1;
  text-align: left;
}
.cpt-job-interest-in .text-b .alpha {
  font-size: 17px;
}
.cpt-job-interest-in .text-b .alpha b {
  font-size: 2.3em;
  margin-right: 10px;
  font-weight: 700;
  color: black;
}
.cpt-job-interest-in .text-b .alpha span {
  font-size: 20px;
  font-weight: 600;
  color: #2d87dd;
}
.cpt-job-interest-in .text-b .desc {
  font-size: 17px;
}
.cpt-job-interest-in .text-b .desc b {
  font-size: 17px;
  color: #2d87dd;
  margin-right: 10px;
}

.cpt-career-type-interest {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14%, 1fr));
}
.cpt-career-type-interest .box {
  border: 1px solid #d5d5d5;
  position: relative;
  margin: -1px 0 0 -1px;
  padding: 30px 25px;
  text-align: center;
}
.cpt-career-type-interest .title {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 5px;
}
.cpt-career-type-interest .title .cate {
  padding: 3px 10px;
  border-radius: 20px;
  background-color: #edf1f5;
  font-size: 14px;
  color: #254a8c;
}
.cpt-career-type-interest .title strong {
  font-size: 40px;
  font-weight: 500;
  color: #111;
}
.cpt-career-type-interest .sub span {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-right: 3px;
}
.cpt-career-type-interest .sub em {
  font-size: 14px;
  font-weight: 500;
  color: #254a8c;
  font-style: normal;
  letter-spacing: 0;
}
.cpt-career-type-interest .icon-b {
  width: 100px;
  height: 100px;
  background-color: #f4f4f4;
  border-radius: 50%;
  overflow: clip;
  margin: 20px auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpt-career-type-interest .list > li {
  margin-top: 10px;
  border: 1px solid #ddd;
  padding: 10px 10px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  color: #111;
}
.cpt-career-type-interest .list > li:first-child {
  margin-top: 0;
}

.cpt-career-type-interest .box.blue {
  border-color: #3084fa;
  z-index: 1;
}
.cpt-career-type-interest .box.blue .title strong {
  color: #3084fa;
}
.cpt-career-type-interest .box.blue .list > li {
  border-color: #3084fa;
  color: #3084fa;
}
.cpt-career-type-interest .box.blue::before {
  content: "1순위";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  background: #3084fa;
  color: #fff;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}

.cpt-career-type-interest .box.orange {
  border-color: #f97f58;
  z-index: 1;
}
.cpt-career-type-interest .box.orange .title strong {
  color: #f97f58;
}
.cpt-career-type-interest .box.orange .list > li {
  border-color: #f97f58;
  color: #f97f58;
}
.cpt-career-type-interest .box.orange::before {
  content: "2순위";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  background: #f97f58;
  color: #fff;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}

.cpt-job-info-high-recommend {
  border-radius: 10px;
  border: 1px solid #d5d5d5;
}
.cpt-job-info-high-recommend .top-box {
  border-bottom: 1px solid #d5d5d5;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cpt-job-info-high-recommend .top-box .icon-b {
  background-color: #f4f4f4;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpt-job-info-high-recommend .top-box .number {
  font-size: 48px;
  font-weight: 700;
  color: #0074E5;
  line-height: 1.2;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpt-job-info-high-recommend .top-box .number.first {
  border: 1px solid #246beb;
}
.cpt-job-info-high-recommend .top-box .number.second {
  color: #f97f58;
  border: 1px solid #f97f58;
}
.cpt-job-info-high-recommend .top-box .tit b {
  font-size: 45px;
  font-weight: 500;
  color: #111;
  margin-right: 5px;
  margin-bottom: 5px;
}
.cpt-job-info-high-recommend .top-box .tit span {
  font-size: 20px;
  font-weight: 500;
  color: #2d87dd;
}
.cpt-job-info-high-recommend .top-box .sub {
  font-size: 16px;
  font-weight: 500;
}
.cpt-job-info-high-recommend .top-box .sub b {
  color: #2d87dd;
  margin-right: 5px;
}
.cpt-job-info-high-recommend .cont-box {
  padding: 25px 30px;
}
.cpt-job-info-high-recommend .cont-box .name {
  margin: 35px 0 8px;
  font-size: 17px;
  font-weight: 600;
  color: #2d87dd;
}
.cpt-job-info-high-recommend .cont-box .name:first-of-type {
  margin-top: 0;
}

.cpt-job-H-interest-list {
  border-top: 1px solid #d5d5d5;
}
.cpt-job-H-interest-list > li {
  border-bottom: 1px solid #d5d5d5;
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.cpt-job-H-interest-list > li .icon-b {
  flex: 0 1 22%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.cpt-job-H-interest-list > li .icon-b .icons img {
  min-width: 100px;
}
.cpt-job-H-interest-list > li .icon-b .name {
  font-size: 26px;
  font-weight: 500;
  color: #111;
}
.cpt-job-H-interest-list > li .icon-b .name b {
  font-size: 32px;
  font-weight: 600;
  color: #1d1d1d;
  margin-right: 3px;
}
.cpt-job-H-interest-list > li .ability-b {
  flex: 0 1 30%;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
}
.cpt-job-H-interest-list > li .bar-g-b {
  flex: 1;
  min-width: 0;
  padding: 0 20px;
}

.cpt-career-interest-matching-box {
  display: flex;
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  padding: 30px 30px;
  align-items: center;
}
.cpt-career-interest-matching-box .collect {
  min-width: 130px;
  margin-right: 50px;
  flex-shrink: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.cpt-career-interest-matching-box .collect span {
  font-size: 15px;
  color: #333;
}
.cpt-career-interest-matching-box .collect strong {
  font-size: 25px;
  color: #246beb;
  font-weight: 700;
}
.cpt-career-interest-matching-box .text-b {
  flex: 1;
}
.cpt-career-interest-matching-box .text-b .bold {
  font-size: 22px;
  font-weight: 500;
  color: #111;
  margin-bottom: 13px;
}
.cpt-career-interest-matching-box .text-b .bold b {
  color: #269bed;
}
.cpt-career-interest-matching-box .text-b .desc {
  font-size: 17px;
  line-height: 1.5;
  color: #666;
}

.cpt-career-activities-box {
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  padding: 30px 40px;
}
.cpt-career-activities-box .tit {
  font-size: 22px;
  font-weight: 500;
  color: #111;
  margin-bottom: 25px;
}
.cpt-career-activities-box .tit b {
  color: #269bed;
}
.cpt-career-activities-box .alt-blue-bullet {
  color: #2d87dd;
  font-size: 15px;
  line-height: 1.5;
  text-indent: -15px;
  margin-left: 20px;
  margin-top: 25px;
}

.cpt-check-list > li {
  margin-top: 12px;
  font-size: 16px;
  color: #333;
  padding-left: 20px;
  position: relative;
}
.cpt-check-list > li::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 6px;
  background: url("/cloud/w/img/sub/ic_cpt_check_circle_bullet_1-d4b3fcc7322ad5e21fedfb18e64155d1.png") no-repeat center center / 100%;
}
.cpt-check-list > li:first-of-type {
  margin-top: 0;
}

.test-result-ex .com-table.com-table-in-line thead th,
.test-result-ex .com-table.com-table-in-line tbody td {
  border: 1px solid #ddd;
}
.test-result-ex .com-table.com-table-in-line tbody th {
  font-weight: 600;
  color: #323232;
  background: #f9fbff;
  border: 1px solid #ddd;
}
.test-result-ex .com-table.com-table-in-line thead th,
.test-result-ex .com-table.com-table-in-line tbody td {
  border-left: 1px solid #ddd;
}
.test-result-ex .com-table.com-table-in-line tbody th {
  font-weight: 600;
  color: #323232;
  background: #f9fbff;
}
.test-result-ex .com-table.com-table-in-line tbody td.td-left {
  text-align: left;
}
.test-result-ex .com-table.com-table-in-line tbody td.td-crnt {
  background-color: #edf0ff;
}

/* 검사 임시저장 */
.cpt-test-save-wrap {
  min-height: 450px;
  align-content: center;
  padding: 70px 50px;
  text-align: center;
}
.cpt-test-save-wrap .img-box {
  text-align: center;
  margin-bottom: 30px;
}
.cpt-test-save-wrap .img-box img {
  display: inline-block;
}
.cpt-test-save-wrap h3 {
  font-size: 48px;
  color: #3a3a3a;
  font-weight: 500;
  margin-bottom: 10px;
}
.cpt-test-save-wrap h3 b {
  font-weight: 500;
  color: #246beb;
}
.cpt-test-save-wrap .desc {
  font-size: 20px;
  color: #3a3a4a;
}
.cpt-test-save-wrap .btn-box {
  margin-top: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cpt-test-save-wrap .btn-box button {
  min-width: 295px;
}

/* 검사 임시 저장 및 크기 조정 버튼 */
.cpt-test-btn-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 120px;
}
.cpt-save-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #2d2d2d;
}
.cpt-save-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_check_black-3cfa93a132aebc49c0fd72a99e1eff21.svg) no-repeat center;
}
.cpt-save-btn:focus {
  border: 1px solid var(--career--primary);
}
.cpt-save-btn:focus::before {
  background: url(/cloud/w/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg) no-repeat center;
}
.cpt-scale-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #2d2d2d;
}
.cpt-scale-btn button {
  width: 20px;
  height: 20px;
  background-size: contain;
}
.cpt-scale-btn .scale_minus {
  background: url(/cloud/w/img/common/icon_scale_minus-8a62b9cab389dc6863c230df88c98749.svg) no-repeat center;
}
.cpt-scale-btn .scale_plus {
  background: url(/cloud/w/img/common/icon_scale_plus-0d0e18041bc48e9d4c1337860d0c871b.svg) no-repeat center;
}
.cpt-scale-box {
  position: relative;
}
.cpt-scale-box p {
  text-align: center;
}
.cpt-scale-box p b {
  color: var(--career--primary);
}
.cpt-scale-box .com-coachmark {
  width: 290px;
  position: absolute;
  bottom: -120px;
  right: -90px;
  z-index: 10;
}

.cpt-print-btn {
  display: flex;
  align-items: center;
}
.cpt-test-download-btn {
  display: flex;
  align-items: center;
}
.cpt-print-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_print-b719147bc47cd313682da4ce02579465.svg) no-repeat center;
  background-size: contain;
}
.cpt-test-download-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center;
  background-size: contain;
}

.cpt-test-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.cpt-aroplus-badge {
  display: inline-block;
  text-align: center;
  padding: 3px 10px;
  border-radius: 60px;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: var(--career--point);
  border: 1px solid var(--career--point);
  background: #fff;
}

.cpt-act-step-title {
  margin: 24px 0;
}
.cpt-act-step-title.step-01 p b {
  color: #ff0000;
}
.cpt-act-step-title.step-02 p b {
  color: #246beb;
}
.cpt-step-badge.step-01 {
  display: block;
  padding: 4px 10px;
  border-radius: 30px;
  font-size: var(--body-s-400);
  color: #fff;
  background: #0074E5;
  margin-bottom: 16px;
  width: fit-content;
}

.cpt-job-srch-modal .com-srch-box {
  display: flex;
  align-items: flex-end;
  gap: 0;
  justify-content: space-between;
}
.cpt-job-srch-modal .com-srch-box label {
  font-size: var(--label-m-700) !important;
  font-weight: 700;
}
.cpt-job-srch-modal .com-srch-box .com-select-box {
  width: 300px;
}
.cpt-job-srch-modal .com-srch-box .com-text-input {
  width: 350px;
}
.cpt-job-srch-modal .com-srch-box .button {
  width: 50px;
}
.cpt-job-srch-modal .com-srch-box select {
  width: 100%;
}
.cpt-job-srch-modal .com-srch-box input {
  width: 100%;
}
.cpt-job-srch-modal .com-srch-box input {
  width: 100%;
}
.cpt-job-srch-modal .word-select {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.cpt-job-srch-modal .word-select a {
  display: block;
  padding: 8px 14px;
  background: var(--career--secondary-5);
  border-radius: 8px;
  cursor: pointer;
}
.cpt-job-srch-modal .word-select li.select a {
  background: var(--career--secondary-50);
  color: #fff;
}

/* 보완점 토글 tr */
.cpt-toggle-tr-btn-box {
  font-size: var(--body-s-400);
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--career--gray-40);
  padding: 8px;
  border-radius: 8px;
}
.cpt-toggle-tr-btn {
  font-size: var(--body-s-400);
  background: var(--career--secondary-5);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  gap: 8px;
}
.cpt-toggle-tr-btn::after {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  background: url("/cloud/w/img/common/icon_angle_down-0213b2cf8f925283505fb8cacfded4fa.svg") no-repeat center;
}
.cpt-toggle-tr-btn.open::after {
  transform: rotate(180deg);
}
.cpt-toggle-tr {
  display: none;
}
.cpt-toggle-tr td p {
  text-align: left;
  font-size: var(--body-s-400);
}
.cpt-toggle-tr td span {
  display: block;
  font-weight: 700;
}

/* 진로심리검사 소개 페이지 (인트로) */
.cpt-intro-value-box {
  padding: 40px 20px;
  border-radius: 12px;
  background: #f1f7fc;
}
.cpt-intro-value-box > p {
  display: flex;
  align-items: center;
}
.cpt-intro-value-box > p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #222;
  margin: 0 12px;
}
.cpt-intro-value-box > ul {
  display: flex;
  gap: 24px;
  margin-top: 40px;
}
.cpt-intro-value-box > ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 4);
}
.cpt-intro-value-box > ul li .hd {
  width: 240px;
  border-radius: 27px;
  padding: 10px;
  color: #fff;
  font-size: var(--title-s-700);
  text-align: center;
  position: relative;
  z-index: 3;
}
.cpt-intro-value-box > ul li.value-01 .hd {
  background: #464d8c;
}
.cpt-intro-value-box > ul li.value-02 .hd {
  background: #4679B5;
}
.cpt-intro-value-box > ul li.value-03 .hd {
  background: #1680A3;
}
.cpt-intro-value-box > ul li.value-04 .hd {
  background: #777B00;
}
.cpt-intro-value-box > ul li .con {
  padding: 20px;
  padding-top: 32px;
  width: 100%;
  height: 300px;
  background: #fff;
  border-radius: 9px;
  border: 1px solid #d9d9d9;
  transform: translateY(-20px);
  position: relative;
  z-index: 1;
}
.cpt-intro-value-box > ul li .con p {
  color: #3c3c3c;
  text-align: center;
  height: 98px;
}
.cpt-intro-value-box > ul li .con span {
  display: block;
  border-radius: 6px;
  background: #fff;
  padding: 10px;
  text-align: center;
  font-weight: 500;
}
.cpt-intro-value-box > ul li .con:has(> span:nth-of-type(2)) span:last-of-type {
  margin-top: 8px;
}
.cpt-intro-value-box > ul li .con:has(> span:nth-of-type(3)) span:nth-of-type(2),
.cpt-intro-value-box > ul li .con:has(> span:nth-of-type(3)) span:nth-of-type(3) {
  margin-top: 8px;
}
.cpt-intro-value-box > ul li.value-01 .con span {
  color: #464d8c;
  border: 1px solid #adb4d8;
}
.cpt-intro-value-box > ul li.value-02 .con span {
  color: #547b9b;
  border: 1px solid #aec6d6;
}
.cpt-intro-value-box > ul li.value-03 .con span {
  color: #1688a3;
  border: 1px solid #aecad6;
}
.cpt-intro-value-box > ul li.value-04 .con span {
  color: #687046;
  border: 1px solid #cdd6cb;
}

.cpt-intro-test-wrap {
  margin-top: 50px;
}
.cpt-intro-test-wrap .hd {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cpt-intro-test-wrap .hd button {
  padding: 16px;
  border-radius: 8px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cpt-intro-test-wrap .hd button.paper-link {
  color: #fff;
  background: #63739e;
}
.cpt-intro-test-wrap .hd button.paper-link::after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  background: url(/cloud/w/img/common/icon_arrow_right_white-662ed613ce9e09b3d1ab0c8fd1df3d60.svg) no-repeat center;
  background-size: cover;
}
.cpt-intro-test-wrap .hd button.paper-download {
  color: #555555;
  background: #f5f5f5;
  border: 1px solid #7f90a4;
}
.cpt-intro-test-wrap .hd button.paper-download::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center;
  background-size: cover;
}
.cpt-intro-test-wrap .download-list {
  position: relative;
  margin-left: auto;
}
.cpt-intro-test-wrap .download-list .download-btn {
  color: #63739e;
  background: #f0f4fc;
  border: 1px solid #8992ae;
}
.cpt-intro-test-wrap .download-list .download-btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/ex_angle_down-127f1c318ceb5fac1475a28a03387937.svg) no-repeat center;
  background-size: cover;
}
.cpt-intro-test-wrap .download-list .list-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: none;
}
.cpt-intro-test-wrap .download-list.active .download-btn::after {
  transform: rotate(180deg);
}
.cpt-intro-test-wrap .download-list.active .list-wrap {
  display: block;
}
.cpt-intro-test-wrap .download-list ul {
  width: 185px;
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  position: relative;
  background-color: #fff;
  color: var(--career--primary-90);
}
.cpt-intro-test-wrap .download-list ul::before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
  border-right: 2px solid #d9d9d9;
  border-top-right-radius: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -10.7px) rotate(-45deg);
}
.cpt-intro-test-wrap .download-list ul li {
  width: 100%;
}
.cpt-intro-test-wrap .download-list ul li:nth-of-type(2) {
  margin: 8px 0;
}
.cpt-intro-test-wrap .download-list ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
}
.cpt-intro-test-wrap .download-list ul li a:hover {
  text-decoration: underline;
}
.cpt-intro-test-wrap .download-list ul li a::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/ex_angle_down-127f1c318ceb5fac1475a28a03387937.svg) no-repeat center;
  transform: rotate(270deg);
}

.cpt-intro-test-wrap .test-list {
  margin-top: 32px;
}
.cpt-intro-test-wrap .test-list > div {
  border-radius: 12px;
  border: 1px solid #d9e5f7;
  overflow: hidden;
}
.cpt-intro-test-wrap .test-list > div > .hd {
  background: #f2f7ff;
  border-bottom: 1px solid #d9e5f7;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cpt-intro-test-wrap .test-list > div > .hd p {
  color: #597cba;
  font-size: 22px;
  font-weight: 700;
}
.cpt-intro-test-wrap .test-list > div > .hd button {
  background: #5770D2;
  border-radius: 4px;
  font-size: var(--body-s-400);
  height: 34px;
  color: #fff;
}
.cpt-intro-test-wrap .test-list > div > .hd .btn-box {
  display: flex;
  gap: 4px;
}
.cpt-intro-test-wrap .test-list > div > .hd .btn-box .act-btn {
  padding: 0 8px;
  background: #ffffff;
  border: 1px solid #4379B6;
  color: #4379B6;
}
.cpt-intro-test-wrap .test-list > div > .con {
  padding: 30px 20px 20px 30px;
  min-height: 128px;
}
.cpt-intro-test-wrap .test-list > div > .con p {
  color: #7081a0;
}
.cpt-intro-test-wrap .test-list .test-time {
  margin-top: 8px;
}
.cpt-intro-test-wrap .test-list .test-time li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #555;
}
.cpt-intro-test-wrap .test-list .test-time li > span {
  min-width: 63px;
  font-weight: 600;
}
.cpt-intro-test-wrap .test-list .test-time li > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cpt-intro-test-wrap .test-list .test-time li > div span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cpt-intro-test-wrap .test-list .test-time li > div span.time::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_clock-6db2d8cd188a15ee68bf624b18e39729.svg) no-repeat center;
  filter: brightness(1.2);
}
.cpt-intro-test-wrap .test-list > div.aroplus {
  grid-column: 1 / 3;
  border: 1px solid #ffd1b8;
}
.cpt-intro-test-wrap .test-list > div.aroplus > .hd {
  background: #fffaf5;
  border-bottom: 1px solid #ffd1b8;
}
.cpt-intro-test-wrap .test-list > div.aroplus > .hd p {
  color: #A95F4E;
}
.cpt-intro-test-wrap .test-list > div.aroplus > .hd span {
  display: block;
  color: #A95F4E;
  font-size: 17px;
  font-weight: 500;
}
.cpt-intro-test-wrap .test-list > div.aroplus > .hd button {
  background: #A95F4E;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type {
  display: flex;
  gap: 78px;
  padding: 30px;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li .hd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 34px;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li .hd p {
  color: #A95F4E;
  font-size: 18px;
  font-weight: 600;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li .hd button {
  padding: 0 10px;
  border-radius: 4px;
  height: 34px;
  font-size: var(--body-s-700);
  color: #A95F4E;
  border: 1px solid #ffd1b8;
  background: #fffaf5;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li .con {
  font-size: 16px;
  color: #555;
}
.cpt-intro-test-wrap .test-list > div.aroplus .test-type li .con b {
  display: block;
  font-weight: 500;
}

/************************* 진로상담 **************************/

/* 공통, cc- */
.cc-box-01 {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 35px;
  border-radius: 12px;
  border: 1px solid #c6c6c6;
}
.cc-box-02 {
  position:relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cc-box-02 button.com-btn{position:absolute; top:0px; right:0px}
.cc-box-03 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
}
.cc-box-03 .com-conts-area {
  gap: 8px;
}
.cc-box-04 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.cc-box-05 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cc-box-06 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cc-box-07 {
  display: flex;
  align-items: center;
  padding: 24px;
  justify-content: space-between;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
}

.cc-potal-btn {
  gap: 12px;
}
.cc-potal-btn::after {
  content: "";
  display: block;
  width: 9px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_blue-09c46a55ff056d798e854c03b19d6875.svg) no-repeat center;
}

.cc-pd-l-10 {
  padding-left: 10px;
}

.cc-modal.com-modal > .inner {
  max-width: 846px;
}
.cc-modal.com-modal.xlg > .inner {
  max-width: 1280px;
}

.cc-card-sm.com-card.img .bt-box {
  min-height: unset;
}

.cc-step-box {
  margin: 40px 0;
}
.cc-btn-box-01 {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.cc-btn-box-02 {
  display: flex;
  justify-content: space-between;
}
.cc-btn-box-02 > .rb {
  display: flex;
  gap: 16px;
}
.cc-btn-box-03 {
  display: flex;
  justify-content: center;
}

.cc-btn-box-04 {
  display: flex;
  gap: 16px;
}
.cc-btn-box-04 button {
  width: 100%;
}
.cc-btn-box-05 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.cc-btn-box-05.col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cc-btn-box-06 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.cc-btn-box-07 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.cc-btn-box-08 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.cc-btn-box-08.col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cc-btn-box-08.col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cc-btn-box-08.col-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cc-radio-chk {
  text-align: center;
}
.cc-radio-chk:focus-within label {
  outline: 2px solid var(--career--secondary-50);
}
.cc-radio-chk label {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.cc-radio-chk input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cc-radio-chk.type-01 label {
  background-color: var(--career--primary-5);
  border: 1px solid var(--career--primary-50);
  color: var(--career--primary-60);
  min-height: 56px;
  padding: 10px 20px;
  font-size: 19px;
  border-radius: 8px;
}
.cc-radio-chk.type-01 label:hover {
  background-color: var(--career--primary-10);
  color: var(--career--primary-60);
}
.cc-radio-chk.type-01 input:checked + label {
  background: var(--career--primary-50) url("/cloud/w/img/common/bg_patten_01-5be5a7eb9c5fa7f443abae9f1579f858.png");
  color: #fff;
}
.cc-radio-chk.type-01 input:checked + label::before {
  content: "";
  width: 14px;
  height: 13px;
  background-image: url("/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg");
  background-size: 14px 13px;
}
.cc-radio-chk.type-01:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cc-radio-chk.type-02 label {
  min-height: 70px;
  padding: 10px;
  color: #1d1d1d;
  font-size: 17px;
  border: 1px solid #c6c6c6;
  border-radius: 8px;
  font-weight: 500;
}
.cc-radio-chk.type-02 label:hover {
  background-color: #f4f5f6;
}
.cc-radio-chk.type-02 input:checked + label {
  background: var(--career--primary-50) url("/cloud/w/img/common/bg_patten_01-5be5a7eb9c5fa7f443abae9f1579f858.png");
  color: #fff;
}
.cc-radio-chk.type-02.show-chk input:checked + label::before {
  content: "";
  width: 14px;
  height: 13px;
  min-width: 14px;
  min-height: 13px;
  background-image: url("/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg");
  background-size: 14px 13px;
}
.cc-radio-chk.type-02:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cc-radio-chk.type-02.sm label {
  min-height: 44px;
}
.cc-radio-chk.type-02.with-img-01 label {
  font-size: 15px;
  min-height: 40px;
  min-width: 70px;
}
.cc-radio-chk.type-02.with-img-01 input:not(:checked) + label:hover {
  background-color: #f4f5f6;
}
.cc-radio-chk.type-02.with-img-01 input:checked + label::before {
  content: "";
  width: 14px;
  height: 13px;
  background: url("/cloud/w/img/common/icon_check_black-3cfa93a132aebc49c0fd72a99e1eff21.svg") no-repeat;
  background-image: url("/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg");
  background-size: 13px 14px;
}
.cc-radio-chk.type-02.with-img-02 label {
  font-size: 15px;
  min-height: 40px;
}
.cc-radio-chk.type-02.with-img-02 input:not(:checked) + label:hover {
  background-color: #f4f5f6;
}
.cc-radio-chk.type-02.with-img-02 input:checked + label {
  border-color: #246beb;
  color: #1d56bc;
   background: #eff5ff;
}
.cc-radio-chk.type-02.with-img-02 input:checked + label::before {
  content: "";
  width: 14px;
  height: 13px;
  background-image: url("/cloud/w/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg");
}
.cc-radio-chk.type-03 {
  width: fit-content;
  margin: 0 auto;
}
.cc-radio-chk.type-03 label {
  min-width: 46px;
  font-size: 15px;
  min-height: 32px;
  color: #000b17;
  border: 1px solid #1d1d1d;
  line-height: 1.2;
  background-color: #fff;
  border-radius: 6px;
}
.cc-radio-chk.type-03 label:hover {
  background-color: #f4f5f6;
}
.cc-radio-chk.type-03 input:checked + label {
  background-color: #246beb;
  color: #fff;
  border-color: #246beb;
}
.cc-radio-chk.type-03:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}

.cc-radio-chk.type-03 label {
}
.cc-radio-chk.type-03 label:hover {
}
.cc-radio-chk.type-03 input:checked + label {
}
.cc-radio-chk.type-03:focus-within label {
}

.cc-list-01 {
}
.cc-list-01 > li {
  display: flex;
  gap: 8px;
}
.cc-list-01 > li + li {
  margin-top: 8px;
}
.cc-list-01 .cc-txt-05 {
  flex-shrink: 0;
}
.cc-list-01 .cc-btn-delete {
  flex-shrink: 0;
}
.cc-list-01 .cc-input-box-02 input {
  height: 100%;
}
.cc-list-02 {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cc-list-02 .com-checkbox {
  flex-shrink: 0;
}
.cc-list-03 {
  display: flex;
  align-items: center;
  gap: 36px;
}
.cc-list-03 > .cc-txt-01 {
  flex-shrink: 0;
}
.cc-list-03 > .list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 36px;
}
.cc-list-04 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc-title-box-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.cc-title-box-01 .mini-title {
  display: inline-flex;
  align-items: flex-start;
  background-color: #edf1f5;
  border-radius: 8px;
  font-size: 18px;
  padding: 10px 24px;
  gap: 16px;
  margin-bottom: 24px;
}
.cc-title-box-01 dt {
  flex-shrink: 0;
  font-weight: 500;
}
.cc-title-box-01 dd {
  font-weight: 600;
  color: #246beb;
}
.cc-title-box-01 > div,
.cc-title-box-01 h3 {
  width: 100%;
  color: #1d1d1d;
  font-size: 40px;
  font-weight: 800;
}
.cc-title-box-01 .cc-guide-popup-btn {
  margin-top: 0;
}
.cc-title-box-02 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cc-title-01 {
  display: flex;
  align-items: flex-start;
  color: #1d1d1d;
  font-size: 25px;
  font-weight: 800;
  gap: 16px;
}
.cc-title-01 .txt {
  padding-top: 4px;
}
.cc-title-01 .type {
  flex-shrink: 0;
  font-size: 17px;
  padding: 9px 15px;
  border-radius: 8px;
  color: #fff;
  font-weight: 500;
}
.cc-title-01 .type.required {
  background-color: #246beb;
}
.cc-title-01 .type.option {
  background-color: #555;
}
.cc-title-02 {
  display: flex; /* 웹접근성 추가 RHD 20250825 */
  align-items: center; /* 웹접근성 추가 RHD 20250825 */
  font-size: 25px;
  font-weight: 800;
  color: #1d1d1d;
}
.cc-title-02 button {
  font-weight: 500;
  margin-left: 10px;
}
.cc-title-03 {
  font-size: 19px;
  color: #1d1d1d;
  font-weight: 800;
}
.cc-title-03 .sm {
  font-size: 17px;
  font-weight: 400;
  padding-left: 10px;
}
.cc-title-04 {
  font-size: var(--body-m-700);
  font-weight: 700;
  margin-bottom: 16px;
}
.cc-flex-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.cc-desc {
  font-size: 17px;
  color: #1d1d1d;
  border-radius: 8px;
  background-color: #edf1f5;
  padding: 14px 24px;
  font-weight: 500;
}
.cc-input-box-01 {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.cc-input-box-02 {
  width: 100%;
  position: relative;
  font-size: 17px;
}
.cc-input-box-02 input {
  width: 100%;
  height: 48px;
  border: 1px solid #717171;
  padding-left: 16px;
  padding-right: 80px;
  border-radius: 8px;
}
.cc-input-box-02 input:focus-visible {
  outline: 2px solid var(--career--primary-50);
  outline-offset: 0;
}
.cc-input-box-02 .cnt-box {
  color: #8e8e8e;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.cc-input-box-02.sm input {
  font-size: 15px;
  height: 40px;
}
.cc-input-box-02.sm .cnt-box {
  font-size: 15px;
}
.cc-input-box-03 {
}
.cc-input-box-03 > .hidden-box {
  display: none;
  width: calc(100% - 30px);
  margin-left: auto;
  padding: 20px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 12px;
  flex-direction: column;
  gap: 24px;
}
.cc-input-box-03 > .com-checkbox:has(input:checked) + .hidden-box {
  display: flex;
}
.cc-input-box-04 {
  min-height: 64px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  border-radius: 8px;
  gap: 24px;
}

.cc-select-box.com-select-box.type-01.lg label {
  font-weight: 700;
}

.cc-line-list-01 {
  font-size: 17px;
  font-weight: 500;
  color: #1d1d1d;
  padding: 0 10px;
}
.cc-line-list-01 > div {
  display: flex;
}
.cc-line-list-01 > div + div {
  margin-top: 2px;
}
.cc-line-list-01 dt {
  position: relative;
  padding-left: 15px;
  padding-right: 10px;
  min-width: 125px;
}
.cc-line-list-01 dt::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #1d1d1d;
  position: absolute;
  top: 11px;
  left: 0;
}
.cc-line-list-01 dd::before {
  content: ":";
  display: inline-block;
  padding-right: 10px;
}
.cc-line-list-01 dd .diff-color {
  color: #246beb;
}

.cc-input-tel-box {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.cc-input-tel-box :is(select, input) {
  width: 140px;
}
.cc-btn-delete {
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #717171;
  border-radius: 8px;
}
.cc-btn-delete:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}
.cc-btn-01 {
  min-width: 46px;
  min-height: 32px;
  font-size: 15px;
  color: #000b17;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #1d1d1d;
  border-radius: 6px;
  line-height: 1.2;
}
.cc-btn-01.active {
  background-color: #246beb;
  color: #fff;
  border-color: #246beb;
}
.cc-btn-01:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}
.cc-btn-02 {
  font-size: 17px;
  color: #000b17;
  background-color: #fff;
  border: 1px solid #1d1d1d;
  border-radius: 8px;
  min-width: 90px;
  min-height: 48px;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cc-btn-02:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}
.cc-btn-03 {
  font-size: 17px;
  color: #fff;
  background-color: #246beb;
  min-width: 90px;
  min-height: 48px;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #246beb;
  border-radius: 8px;
}
.cc-btn-03:where(:hover, :focus-visible) {
  background-color: #1256d4;
}
.cc-btn-04 {
  font-size: 17px;
  color: #000b17;
  background-color: #fff;
  border: 1px solid #1d1d1d;
  border-radius: 8px;
  min-width: 190px;
  min-height: 48px;
  padding: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cc-btn-04:where(:hover, :focus-visible) {
  background-color: #f4f5f6;
}

.cc-txt-box-01 {
  display: flex;
  flex-direction: column;
  gap: 25px;
  background-color: #edf1f5;
  border-radius: 8px;
  padding: 24px;
}
.cc-txt-box-02 {
  display: block;
  font-size: 17px;
  text-align: right;
}
.cc-txt-box-02 .txt {
  display: inline;
  color: #666;
}
.cc-txt-box-02 .txt .bold {
  font-weight: 800;
}
.cc-txt-box-02 button {
  color: #0074e5;
  font-size: 17px;
  font-weight: 800;
  margin-left: 16px;
  text-decoration: underline;
}

.cc-label-txt {
  font-size: 15px;
  color: #1d1d1d;
  margin-bottom: 12px;
  font-weight: 500;
}
.cc-txt-01 {
  font-size: 17px;
  color: #1d1d1d;
  font-weight: 500;
}
.cc-txt-02 {
  font-size: 15px;
  color: #8e8e8e;
  padding-bottom: 8px;
}
.cc-txt-03 {
  font-size: 15px;
  color: #000;
  padding-bottom: 17px;
}
.cc-txt-04 {
  font-size: 17px;
  color: #1d1d1d;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
}
.cc-txt-04::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
  top: 8.5px;
  left: 0;
}
.cc-txt-04 .strong {
  color: #ff0000;
  text-decoration: underline;
  text-underline-position: under;
}
.cc-txt-04.lg-bold {
  font-size: 19px;
  font-weight: 800;
}
.cc-txt-04.lg-bold::before {
  top: 10px;
}
.cc-txt-05 {
  width: 200px;
  min-height: 48px;
  padding: 10px;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #717171;
  text-align: center;
}
.cc-txt-05.active {
  color: #fff;
  background-color: #246beb;
  border-color: #246beb;
}
.cc-txt-06 {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  color: #1d1d1d;
  font-size: 15px;
  background-color: #d8d8d8;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
.cc-txt-07 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.cc-txt-07 img {
  flex-shrink: 0;
}
.cc-txt-08 {
  font-size: 17px;
  color: #1d1d1d;
  font-weight: 600;
}
.cc-txt-09 {
  font-size: 19px;
  color: #1d1d1d;
  font-weight: 600;
}
.cc-txt-10 {
  font-size: 17px;
  color: #1d1d1d;
  font-weight: 400;
}
.cc-txt-11 {
  font-size: 19px;
  color: var(--career--gray-90);
  font-weight: 700;
}
.cc-txt-11 .diff {
  color: #246beb;
}
.cc-txt-12 {
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}
.cc-txt-12::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #1d1d1d;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}
.cc-txt-13 {
  font-size: 25px;
  font-weight: 700;
  color: #1d1d1d;
}

.cc-tbl-wrap .com-table thead th {
  border: 1px solid #99b0cb;
}
.cc-tbl-wrap .com-table tbody td {
  border: 1px solid #d8d8d8;
}
.cc-tbl-wrap .com-table tbody tr:first-of-type td {
  border-top: none;
}
.cc-tbl-wrap-02 .com-table col:not(:last-of-type) {
  border-right: 1px solid #d9d9d9;
}
.cc-tbl-wrap-02 .com-table tr {
  border-bottom: 1px solid #d9d9d9;
}
.cc-tbl-wrap-02 .com-table tbody td {
  padding-left: 40px;
  padding-right: 40px;
}
.cc-tbl-wrap-02.ta-left td {
  text-align: left;
}
.cc-tbl-wrap-02 .com-conts-area {
  gap: 3px;
}
.cc-tbl-wrap-02 .com-conts-area .info-list {
  padding-left: 10px;
}
.cc-tbl-wrap-02 .com-conts-title.xsm {
  font-weight: 600;
}
.cc-tbl-wrap-03 .com-table-wrap th {
  text-align: center;
}
.cc-tbl-wrap-03 .com-table-wrap td {
  text-align: left;
}
.cc-tbl-wrap-03 .com-table col:not(:last-of-type) {
  border-right: 1px solid #d9d9d9;
}
.cc-tbl-wrap-03 .com-table tr {
  border-bottom: 1px solid #d9d9d9;
}
.cc-tbl-wrap-03 td.ta-center {
  text-align: center;
}
.cc-tbl-wrap-03 .com-table thead th {
  border: 1px solid #99b0cb;
}
.cc-tbl-wrap-03 .com-table tbody td {
  border: 1px solid #d8d8d8;
}

.cc-reply-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}
.cc-reply-box::before {
  content: "";
  flex-shrink: 0;
  width: 41px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_reply-ba9ef1d73e2cf9047823cc5a237051bd.png) no-repeat;
}
.cc-reply-box p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cc-rad-chk-box-01 {
  width: fit-content;
  margin: 0 auto;
}

.cc-rad-chk-box-01:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.cc-rad-chk-box-01 label {
  width: 78px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #1d56bc;
  font-size: 17px;
  border: 1px solid #246beb;
  border-radius: 12px;
  gap: 8px;
}
.cc-rad-chk-box-01 label::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/cloud/w/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg) no-repeat;
}
.cc-rad-chk-box-01 input:checked + label {
  background-color: #246beb;
  color: #fff;
}
.cc-rad-chk-box-01 input:checked + label::before {
  background: url(/cloud/w/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg);
  background-size: 14px 14px;
}

.cc-w-100-p {
  width: 100%;
}
.cc-mg-a-0 {
  margin: 0 !important;
}

.cc-agree-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 24px;
}
.cc-textarea-box .com-textarea {
  width: 100%;
}

.cc-input-text-box-01 {
}
.cc-input-text-box-01 input {
  width: 100%;
  color: var(--career--primary-90);
  border-radius: 8px;
  height: 44px;
  border: 1px solid #717171;
  font-size: 17px;
  padding: 0 16px;
}
.cc-input-text-box-01 input::placeholder {
  color: #8e8e8e;
}
.cc-input-text-box-01 .cnt-box {
  font-size: 15px;
  color: #555;
  text-align: right;
  margin-top: 12px;
}
.cc-input-text-box-01 .cnt-box .current {
  color: #246beb;
}

.cc-apply-intro {
  color: #1d1d1d;
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  padding: 80px 50px 40px;
}
.cc-apply-intro .intro-txt {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 40px;
}
.cc-apply-intro .intro-list {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 80px;
}
.cc-apply-intro .intro-list > li {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.cc-apply-intro .intro-list .img-box {
  width: 80px;
  height: 80px;
  background-color: #edf1f5;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc-apply-intro .intro-list .txt-box {
  font-size: 17px;
}
.cc-apply-intro .btn-intro-link {
  width: 100%;
  min-height: 80px;
  padding: 12px 24px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 19px;
  font-weight: 700;
  transition: none;
}
.cc-apply-intro .btn-intro-link:where(:hover, :focus-visible) {
  outline: 1px solid #c6c6c6;
}

.cc-card-list-box .big-title {
  color: #1d1d1d;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 30px;
}
.cc-card-list-box .card-list {
}
.cc-card-list-box .card-list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  padding: 40px;
  gap: 40px;
}
.cc-card-list-box .card-list > li + li {
  margin-top: 40px;
}
.cc-card-list-box .card-list .info-box {
  display: flex;
  align-items: center;
  gap: 24px;
}
.cc-card-list-box .card-list .img-box {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 48px;
  background-color: #f6f6f6;
}
.cc-card-list-box .card-list .img-box.type-02 {
  background-color: #ecf3ff;
}
.cc-card-list-box .card-list .title-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 3px;
  margin-bottom: 24px;
}
.cc-card-list-box .card-list .tag {
  background-color: #eff5ff;
  border-radius: 4px;
  color: #1d56bc;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
}
.cc-card-list-box .card-list .card-title {
  color: #1d1d1d;
  font-size: 21px;
  font-weight: 700;
}
.cc-card-list-box .card-list .card-ctt {
  color: #555;
  font-size: 17px;
}
.cc-card-list-box .card-list .btn-box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}

.cc-card-list-box-02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 40px;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
}
.cc-card-list-box-02 .txt-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cc-card-list-box-02 .card-title {
  font-weight: 700;
  font-size: 19px;
  color: var(--career--gray-90);
}
.cc-card-list-box-02 .card-title .diff {
  color: #246beb;
}
.cc-card-list-box-02 .card-ctt {
  color: #1d1d1d;
  font-size: 17px;
}
.cc-card-list-box-02 .btn-box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.cc-card-list-box-02 .btn-box button {
  width: 250px;
  min-height: 48px;
  padding: 10px;
  border: 1px solid #246beb;
  border-radius: 8px;
  color: #246beb;
}
.cc-card-list-box-02 .btn-box button:where(:hover, :focus-visible) {
  background-color: var(--career--primary-5);
}

.cc-card-list-box-03 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.cc-card-list-box-03 > li {
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  padding: 24px;
}
.cc-card-list-box-03 .info-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cc-card-list-box-03 .img-box {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #edf1f5;
  border-radius: 12px;
}
.cc-card-list-box-03 .txt-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cc-card-list-box-03 .card-type {
  color: #555;
  font-size: 17px;
  font-weight: 500;
}
.cc-card-list-box-03 .card-title {
  color: #1d1d1d;
  font-size: 21px;
  font-weight: 700;
}
.cc-card-list-box-03 .btn-box {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.cc-card-list-box-03 .btn-box button {
  gap: 10px;
}

.cc-accordion.com-accordion {
}
.cc-accordion.com-accordion .title-box {
}
.cc-accordion.com-accordion .title-box .accordion-title {
}
.cc-accordion.com-accordion .title-box .sub-title {
  margin-top: 4px;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}
.cc-accordion.com-accordion .accordion-ctt .inner .ctt-box {
  padding: 24px 40px;
}
.cc-accordion.com-accordion .accordion-ctt .inner .ctt-box .ctt-title {
  font-size: 17px;
  color: #111;
  font-weight: 800;
}
.cc-accordion.com-accordion .accordion-ctt .inner .ctt-box .ctt-sub-title {
  font-size: 16px;
  color: #333;
  margin-top: 3px;
}
.cc-accordion.com-accordion .accordion-ctt > .inner {
  min-height: unset;
}

.cc-coachmark {
  position: relative;
  width: fit-content;
}
.cc-coachmark::before {
  content: "";
  width: calc(100% + 45px);
  height: calc(100% + 40px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #fff;
  border: 1px solid #246beb;
  border-radius: 10px;
  outline: 10px solid #eff5ff;
}
.cc-coachmark.type-01 .com-coachmark {
  position: absolute;
  top: 50%;
  left: calc(100% + 50px);
  transform: translateY(-50%);
}
.cc-coachmark.type-02 {
  width: auto;
}
.cc-coachmark.type-02 .com-coachmark {
  position: absolute;
  top: calc(100% - 20px);
  right: 0;
}
.cc-coachmark.type-02::before {
  display: none;
}
.cc-coachmark.type-03::before {
  width: 100%;
  height: 100%;
}
.cc-coachmark.type-03 .com-coachmark {
  position: absolute;
  right: calc(100% + 40px);
  top: 50%;
  transform: translateY(-50%);
}
.cc-coachmark.type-03 .com-coachmark.left::before {
  transform: translate(-10px, -50%) rotate(45deg);
  left: unset;
  right: -21px;
}

.cc-coachmark.type-04::before {
  display: none;
}
.cc-coachmark.type-04 .com-coachmark {
  position: absolute;
  top: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
}

.cc-quest-list li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: 12px;
}

.cc-jobsolution-wrap .hd {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 2px solid #003675;
}
.cc-jobsolution-wrap .hd .title {
  font-size: var(--title-m-700);
  font-weight: 700;
}
.cc-jobsolution-wrap .hd .title span {
  font-weight: 600;
  color: var(--career--gray-70);
  margin-left: 8px;
}
.cc-jobsolution-wrap .hd .title span.vol-num {
  color: var(--career--primary-60);
  margin-left: 0;
}
.cc-jobsolution-wrap .con {
  padding: 40px 0;
  border-top: 1px solid var(--career--gray-40);
  border-bottom: 1px solid var(--career--gray-40);
  margin-bottom: 40px;
}
.cc-jobsolution-wrap .con img {
  margin: 0 auto;
}

.cc-weekly-answer-box {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cc-weekly-answer-box .com-conts-title {
  margin-bottom: 16px;
  font-weight: 600;
}
.cc-weekly-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* 진로상담 이용방법 */
.cc-page-title-box {
  display: flex;
  flex-direction: column;
}
.cc-guide-popup-btn {
  margin-left: auto;
  margin-top: 24px;
  background: #fff !important;
}
.cc-guide-popup-btn:hover {
  background: var(--career--primary-5) !important;
}
.cc-guide-popup-btn + div {
  margin-top: 24px !important;
}

/* 답변 완료 알림 요청 아코디언 */
.cc-accordion .btn-accordion-toggle {
  margin-left: auto;
  border-radius: 6px;
  color: #fff;
  background-color: #7a90a7;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 400;
}
.cc-accordion .btn-accordion-toggle::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}
.cc-accordion .btn-accordion-toggle.active::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.cc-accordion .accordion-hd {
  background: #fff;
}
.cc-accordion .accordion-hd:hover {
  background: #fff;
}
.cc-accordion .accordion-ctt {
  background: #fff;
  display: none;
}
.cc-accordion .accordion-ctt .cc-input-tel-box {
  margin-bottom: 24px;
}
.cc-accordion .accordion-ctt > p {
  margin-bottom: 24px;
}

/* 진로 퀘스트 툴팁 박스 */
.tooltip-tit {
  display: inline-block;
  min-height: 24px;
  padding: 0 2px;
  font-size: 17px;
  margin-left: 0;
}
.cc-mark01-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}
.tooltip-tit .cc-mark01-box {
  margin-left: 0;
  height: 20px;
}
.cc-mark01-box .btns {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/cloud/w/img/sub/ic_cpt_question_01-d1e6eccc3d64e4891775fa92e2962713.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
  position: relative;
}
.tooltip-tit .cc-mark01-box .btns {
  background-image: none;
  background-color: transparent;
  margin: 0;
  position: relative;
}
.cc-mark01-box .btns:hover + .com-coachmark,
.cc-mark01-box .btns:focus-visible + .com-coachmark,
.cc-mark01-box .btns:focus + .com-coachmark {
  display: block;
}
.tooltip-tit .cc-mark01-box .com-coachmark {
  width: 780px;
}
.cc-mark01-box .com-coachmark {
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  text-align: left;
  z-index: 5;
  display: none;
}
.cc-mark01-box .com-coachmark.show {
  display: block;
}
.tooltip-tit .cc-mark01-box .com-coachmark .txt-bold {
  font-size: 24px;
  margin-bottom: 10px;
}
.cc-mark01-box .com-coachmark .txt-bold {
  font-size: 17px;
  font-weight: 500;
  color: #111;
}
.cc-mark01-box .com-coachmark .txt-sub {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

/* 진로 퀘스트 일반/대학생/교사 로그인일 때 */
.cc-quest-intro-box.normal {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #c6c6c6;
}
.cc-quest-intro-box.normal .img-box {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #edf1f5;
  border-radius: 12px;
}

/* 진로상담 이용방법 버튼 */
.cc-guide-btn {
  margin-left: auto;
}

.icon-lock {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 4px 5px;
}

/************************* 직업정보 **************************/

/* 공통, ji- */
.ji-test {
}
.ji-tbl-box-01 .com-table tbody td.td-title {
  text-align: center;
}
.ji-tbl-box-02 > p {
  text-align: end;
  margin-top: 16px;
  font-size: var(--body-s-400);
}

.ji-tab-wrap-01 {
  margin-top: 40px;
}
.ji-tab-wrap-02 {
  margin-bottom: 40px;
}

.ji-conts-box {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 40px 0;
  border-bottom: 1px solid var(--career--gray-40);
  margin-bottom: 40px;
}
.ji-conts-box.print {
  border-top: none;
  border-top: 1px solid var(--career--gray-40);
  padding: 24px 0;
  gap: 48px;
}
.ji-conts-box .com-conts-area-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.ji-conts-box .com-conts-area {
  width: 100%;
}
.ji-conts-box .com-conts-area > *:not(h3) {
  padding-left: 27px;
}
.ji-conts-box .com-conts-area h3::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #5b88e4;
  margin-right: 10px;
}
.ji-conts-box .com-conts-area h4::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/icon/icon_ji_h4-863534a526b76b92417dad4c878390dd.svg) no-repeat;
  vertical-align: middle;
  margin: 0 5px 2px 0;
}
.ji-conts-box .com-conts-area .com-link-bx {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ji-conts-box .com-conts-area .tri-red-list {
  display: grid;
  gap: 8px;
}
.ji-conts-box .com-conts-area .tri-red-list li {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--career--gray-70);
  padding-left: 10px;
}
.ji-conts-box .com-conts-area .tri-red-list li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  border-left: 5px solid #ff4200;
  border-right: 5px solid transparent;
  position: absolute;
  top: 8px;
  left: 0;
}
.ji-conts-box .com-conts-area .tri-red-list.normal li {
  padding-left: 0;
}
.ji-conts-box .com-conts-area .tri-red-list.normal li:before {
  display: none;
}
.ji-conts-box .com-conts-area .tri-red-list li .ji-career-type + .ji-career-type {
  margin-left: 10px;
}
.ji-conts-box .com-conts-area .com-card-list li {
  display: flex;
  gap: 10px;
}
.ji-conts-box .com-conts-area .video-list {
  width: 50%;
  gap: 20px;
}
.ji-conts-box .com-conts-area .video-list li a img {
  width: 100%;
  height: 120px;
}
.ji-conts-box .com-conts-area .video-list li a .txt {
  display: block;
  margin-top: 8px;
  font-size: 16px;
}
.ji-conts-box .com-conts-area .video-list li a .txt:hover {
  color: var(--career--primary);
  text-decoration: underline;
}

.ji-barGraph-wrap {
  display: grid;
  gap: 16px;
}
.ji-barGraph-box {
  padding: 24px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
}
.ji-barGraph-box .chart-title {
  font-size: var(--body-l-700);
  font-weight: 600;
  margin-bottom: 24px;
}
.ji-barGraph-box .target-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.ji-barGraph-box .target {
  font-size: var(--body-m-700);
  font-weight: 600;
}
.ji-barGraph-box .target span {
  color: var(--career--primary);
}
.ji-barGraph-box .bar {
  display: flex;
  align-items: center;
  border-radius: 40px;
  overflow: hidden;
}
.ji-barGraph-box .bar div {
  height: 50px;
}
.ji-barGraph-box .bar div.data-01 {
  background: #adbff8;
}
.ji-barGraph-box .bar div.data-02 {
  background: #b3db82;
}
.ji-barGraph-box .bar div.data-03 {
  background: #f6e3a1;
}
.ji-barGraph-box .bar div.data-04 {
  background: #a9dbd3;
}

.ji-careerType-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
}
.ji-career-type span {
  display: block;
  text-align: center;
}
.ji-career-type span:before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto 16px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
  background: url(/cloud/w/img/sub/careerType_01-ce53c93067fb425de13f164cc04cf282.svg) no-repeat center;
}
.ji-career-type02 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_02-2c9839905e992326be9e83c9108a981c.svg) no-repeat center;
}
.ji-career-type03 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_03-43409c13d7781f46afd68c0ae08df2a6.svg) no-repeat center;
}
.ji-career-type04 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_04-96228d258c6c997fd35ec46ec23fd6c3.svg) no-repeat center;
}
.ji-career-type05 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_05-f34613b5b2c17e8901d8d619522c1731.svg) no-repeat center;
}
.ji-career-type06 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_06-c57eb131c3ec316a113332530e6e4807.svg) no-repeat center;
}
.ji-career-type07 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_07-a2f1487bdb05b0513bf5ee0bcf77e74c.svg) no-repeat center;
}
.ji-career-type08 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_08-8bf364bbf8b11677eeb364665b05a75d.svg) no-repeat center;
}
.ji-career-type09 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_09-92de3ab6819c135583ef3b8a6b4bfc12.svg) no-repeat center;
}
.ji-career-type10 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_10-53cf2c6ee1fd03ea2da11912cd663360.svg) no-repeat center;
}
.ji-career-type11 span:before {
  content: "";
  background: url(/cloud/w/img/sub/careerType_11-1bb64ac5be8b17ce9d2d3797be3220fd.svg) no-repeat center;
}

.ji-career-type-sm:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(/cloud/w/img/sub/careerType_01-ce53c93067fb425de13f164cc04cf282.svg) no-repeat center;
  vertical-align: middle;
  margin: 0 8px 0 0;
}

.ji-careerType-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--career--gray-40);
}
.ji-careerType-box .title {
  font-size: var(--body-l-700);
  font-weight: 600;
}
.ji-careerType-box .type-rank-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.ji-careerType-box .type-rank-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ji-careerType-box .type-rank-list li .num {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: var(--body-m-700);
  font-weight: 600;
  color: #fff;
}
.ji-careerType-box .type-rank-list li .num01 {
  background: var(--career--primary-60);
}
.ji-careerType-box .type-rank-list li .num02 {
  background: var(--career--gray-70);
}

.ji-linkbox-list {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
}
.ji-linkbox-list li {
  margin-bottom: 8px;
  width: calc(49.5% - 5px);
}
.ji-linkbox-list li:last-of-type {
  margin-bottom: 0;
}
.ji-linkbox-list li a span.txt {
  width: 30ch;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

.ji-indicator-box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
}
.ji-indicator-box .icon-box {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--career--gray-40);
}
.ji-indicator-box .title {
  font-size: var(--body-m-700);
  font-weight: 600;
}
.ji-indicator-box .title span {
  color: var(--career--primary-50);
}
.ji-indicator-box .con {
  font-size: var(--body-s-400);
  text-align: center;
}
.ji-indicator-box .source-info {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid var(--career--gray-40);
  text-align: center;
  font-size: var(--body-s-400);
}

.ji-test-link-btn {
  margin: 0 auto;
}
.ji-test-link-btn img {
  filter: brightness(0.1) invert(1);
}

.ji-job-category-wrap {
  margin-bottom: 40px;
}
.ji-job-category-wrap .com-accordion {
  border-top: 0;
}
.ji-job-category-wrap .com-accordion li {
  border-bottom: 0;
}
.ji-job-category-wrap .com-accordion li.column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.ji-job-category-wrap .com-accordion .accordion-ctt {
  padding: 24px 40px;
  background-color: #edf1f5;
  margin-bottom: 0;
  border-radius: 12px 12px 0 0;
}
.ji-job-category-wrap .com-accordion .accordion-ctt > .inner {
  min-height: 0;
}
.ji-job-category-wrap .com-accordion .accordion-hd {
  background: #edf1f5;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
}
.ji-job-category-wrap .com-accordion .btn-accordion-toggle {
  margin-left: auto;
  border-radius: 6px;
  color: #fff;
  background-color: #7a90a7;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 400;
}
.ji-job-category-wrap .com-accordion .btn-accordion-toggle::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}
.ji-job-category-wrap .com-accordion .btn-accordion-toggle.active::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg) no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.ji-job-category-wrap .com-accordion.active .accordion-hd {
  border-radius: 0 0 12px 12px;
  padding: 10px 35px 30px 35px;
}
.ji-job-category-wrap .com-accordion.active .accordion-hd p {
  display: none;
}

.ji-job-category-wrap .com-btn {
  display: block;
  margin: 0 auto;
}
.ji-job-category-box > li {
  padding: 8px 0;
}
.ji-job-category-box > li > a {
  font-size: var(--body-m-700);
  font-weight: 600;
}
.ji-job-category-box > li > a:hover {
  color: var(--career--primary);
}
.ji-job-category-box > li > a:focus {
  color: var(--career--primary);
}
.ji-job-category-box > li a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
}
.ji-job-category-box > li ul {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: var(--body-m-400);
}
.ji-job-category-box > li ul li a:hover {
  text-decoration: underline;
  color: var(--career--primary);
}
.ji-job-category-box > li ul li a:focus {
  text-decoration: underline;
  color: var(--career--primary);
}
.ji-job-category-box > li ul li a span {
  color: #e43232;
}

.ji-print-modal-box {
  padding: 40px;
}
.ji-print-modal-box > .inner {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
}

@media print {
  .ji-print-modal-box {
    padding: 0;
    font-size: 15px;
  }
  .ji-print-modal-box .di-btn-wrap {
    display: none;
  }
  .ji-print-modal-box .ji-conts-box.print {
    border-top: none;
    padding-top: 0;
    margin-bottom: 0;
  }
  .ji-print-modal-box .com-conts-title.md {
    font-size: 20px;
  }
  .ji-print-modal-box .com-print-area.need-gap {
    gap: 36px;
  }
  .ji-print-modal-box .com-table tbody td {
    font-size: 15px;
  }
  .ji-print-modal-box .com-table-wrap.type-02 .com-table {
    width: 100%;
    min-width: 100%;
  }
}

.ji-interview-wrap {
  width: 100%;
}
.ji-interview-wrap .hd {
  width: 100%;
  padding: 0 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  background: #4d92df;
}
.ji-interview-wrap .hd .img-box {
  width: 385px;
  height: 300px;
  overflow: hidden;
  background-size: cover;
  position: relative;
}
.ji-interview-wrap .hd .img-box::before {
  content: "INTERVIEW";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 2px;
  padding: 10px 24px;
  background: #4d92df;
  color: #fff;
  border-bottom-left-radius: 12px;
}
.ji-interview-wrap .hd .img-box img {
  width: 100%;
  height: 100%;
}
.ji-interview-wrap .hd .info-box {
  color: #fff;
}
.ji-interview-wrap .hd .info-box h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.ji-interview-wrap .hd .info-box h3 {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 16px;
}
.ji-interview-wrap .hd .info-box h3 span {
  display: inline-block;
  font-weight: 600;
  margin-right: 10px;
}
.ji-interview-wrap .hd .info-box p {
  font-size: var(--body-m-700);
  font-weight: 500;
}
.ji-interview-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  background: #f8f8f8;
}
.ji-interview-box li.left-box p {
  margin-bottom: 8px;
  font-size: var(--body-m-700);
  font-weight: 600;
}
.ji-interview-box li.left-box .question-box {
  padding: 12px 40px;
  background: #1b2a69;
  border-radius: 12px;
  font-size: var(--body-m-400);
  color: #fff;
  width: fit-content;
}
.ji-interview-box li.right-box {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-left: auto;
}
.ji-interview-box li.right-box .interviewee p {
  text-align: center;
  margin-top: 8px;
  font-size: var(--body-m-700);
  font-weight: 600;
}
.ji-interview-box li.right-box .interviewee .img-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.ji-interview-box li.right-box .interviewee .img-box img {
  width: 100%;
  height: 100%;
}
.ji-interview-box li.right-box .answer-box {
  padding: 20px 40px;
  background: #fff;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  font-size: var(--body-m-400);
  color: #1d1d1d;
  width: fit-content;
  max-width: 880px;
}
.ji-interview-wrap li.left-box .question-box {
  background: #4d92df;
}

.ji-crpath-wrap {
  width: 100%;
}
.ji-crpath-wrap .hd {
  width: 100%;
  padding: 80px 385px 80px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.ji-crpath-wrap .hd .info-box {
  color: #fff;
}
.ji-crpath-wrap .hd .info-box h2 {
  font-size: 32px;
  font-weight: 600;
  margin: 16px 0;
}
.ji-crpath-wrap .hd .info-box h3 {
  font-size: 25px;
  font-weight: 400;
}
.ji-crpath-wrap .hd .info-box span.ji-crpath {
  background: #25625d;
}
.ji-crpath-box {
  padding: 40px;
  background: #fff;
  border: 1px solid var(--career--gray-40);
}
.ji-crpath-wrap .hd.crpath_img01 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head01-d039d2b54f3ac3f29e318955ea2bca0d.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img02 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head02-34237163c33baa66b8072392095750c1.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img03 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head03-2c267df97091eb50a11e657c1bef6cfa.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img04 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head04-13ec0dcf8946cf0d3f4c01a151acb5c9.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img05 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head05-26bb9773ac305d8f7f91a2eb7e12f3a2.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img06 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head06-552da5c184630de7f124390c0b8e9b65.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img07 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head07-0aff4851e91fd580ef9eefa0005fc062.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img08 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head08-3b096052915f40e6c623e0d5186807ce.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img09 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head09-8f782814d9cc16896bcbf67599cb5588.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img10 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head10-f875a80c046a7f7089224c8c75273bd9.png) no-repeat right 40px center;
}
.ji-crpath-wrap .hd.crpath_img11 {
  background: #14a296 url(/cloud/w/img/sub/bg_crpath_head11-4c3cef46805be3121ac20bcfefde1997.png) no-repeat right 40px center;
}

.ji-dic-type-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.ji-dic-type-list li a::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.ji-dic-type-list li label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.ji-dic-type-list li:focus-within > label{
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.ji-dic-type-list li label + input[type="checkbox"] {
  position:absolute; 
  width: 1px; 
  height: 1px; 
  opacity: 0; 
  top: 50%; 
  left: 50%; 
  z-index: -1;
}

.ji-dic-type-list li label::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.ji-dic-type-list li .ji-dic-type-icon-1::before {
  background: #fff url(/cloud/w/img/sub/dic-type-01-f569cadf6c0be7ccddb92e1b8638df17.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-2::before {
  background: #fff url(/cloud/w/img/sub/dic-type-02-2520af9d9fe47e6156f98883b675e13c.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-3::before {
  background: #fff url(/cloud/w/img/sub/dic-type-03-2fda50ff24f1d6ed985e3cdc41c26db1.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-4::before {
  background: #fff url(/cloud/w/img/sub/dic-type-04-16c1ff5f6d46746ab1eddb140cac880d.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-5::before {
  background: #fff url(/cloud/w/img/sub/dic-type-05-b5de239c7001887a34764f165577fbf0.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-6::before {
  background: #fff url(/cloud/w/img/sub/dic-type-06-7f89df02c7436d7b5efdfeefad48a707.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-7::before {
  background: #fff url(/cloud/w/img/sub/dic-type-07-39d2a8cda767599d6956ad235b8c2ab0.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-8::before {
  background: #fff url(/cloud/w/img/sub/dic-type-08-d96ee8d45fa2419f68cb041091ddb582.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-9::before {
  background: #fff url(/cloud/w/img/sub/dic-type-09-40617594dddedca81e57b40e549396cf.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-10::before {
  background: #fff url(/cloud/w/img/sub/dic-type-10-2bf131a8b1973c0d8bcf4048f5f00a89.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-11::before {
  background: #fff url(/cloud/w/img/sub/dic-type-11-9644371d13a0f5df8d5c713bc2d5342c.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-12::before {
  background: #fff url(/cloud/w/img/sub/dic-type-12-00d184becb1d369a17b749dcb33f68da.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-13::before {
  background: #fff url(/cloud/w/img/sub/dic-type-13-4f332d4877de65eb15a5c0500edcaf34.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-14::before {
  background: #fff url(/cloud/w/img/sub/dic-type-14-8d7a79417c0a4f83a1be944663e25bd2.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-15::before {
  background: #fff url(/cloud/w/img/sub/dic-type-15-bec3e8929d6606bc1aeba2af99d30b35.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-16::before {
  background: #fff url(/cloud/w/img/sub/dic-type-16-eb908db17ee1ef4962f6d89953c01f30.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-17::before {
  background: #fff url(/cloud/w/img/sub/dic-type-17-b3aac26c5d098ccf5f67f6ee4c4591b3.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-18::before {
  background: #fff url(/cloud/w/img/sub/dic-type-18-06b02350a381cfbbcea040472a3616db.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-19::before {
  background: #fff url(/cloud/w/img/sub/dic-type-19-556b2d3c0133dbf158e9605d0b589d4f.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-20::before {
  background: #fff url(/cloud/w/img/sub/dic-type-20-5f325b450569f88632570d86fc51aaec.svg) no-repeat center;
}

.ji-dic-type-list li .ji-dic-type-icon-1:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-01-f569cadf6c0be7ccddb92e1b8638df17.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-1:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-01-f569cadf6c0be7ccddb92e1b8638df17.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-2:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-02-2520af9d9fe47e6156f98883b675e13c.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-2:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-02-2520af9d9fe47e6156f98883b675e13c.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-3:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-03-2fda50ff24f1d6ed985e3cdc41c26db1.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-3:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-03-2fda50ff24f1d6ed985e3cdc41c26db1.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-4:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-04-16c1ff5f6d46746ab1eddb140cac880d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-4:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-04-16c1ff5f6d46746ab1eddb140cac880d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-5:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-05-b5de239c7001887a34764f165577fbf0.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-5:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-05-b5de239c7001887a34764f165577fbf0.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-6:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-06-7f89df02c7436d7b5efdfeefad48a707.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-6:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-06-7f89df02c7436d7b5efdfeefad48a707.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-7:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-07-39d2a8cda767599d6956ad235b8c2ab0.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-7:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-07-39d2a8cda767599d6956ad235b8c2ab0.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-8:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-08-d96ee8d45fa2419f68cb041091ddb582.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-8:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-08-d96ee8d45fa2419f68cb041091ddb582.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-9:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-09-40617594dddedca81e57b40e549396cf.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-9:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-09-40617594dddedca81e57b40e549396cf.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-10:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-10-2bf131a8b1973c0d8bcf4048f5f00a89.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-10:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-10-2bf131a8b1973c0d8bcf4048f5f00a89.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-11:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-11-9644371d13a0f5df8d5c713bc2d5342c.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-11:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-11-9644371d13a0f5df8d5c713bc2d5342c.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-12:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-12-00d184becb1d369a17b749dcb33f68da.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-12:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-12-00d184becb1d369a17b749dcb33f68da.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-13:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-13-4f332d4877de65eb15a5c0500edcaf34.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-13:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-13-4f332d4877de65eb15a5c0500edcaf34.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-14:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-14-8d7a79417c0a4f83a1be944663e25bd2.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-14:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-14-8d7a79417c0a4f83a1be944663e25bd2.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-15:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-15-bec3e8929d6606bc1aeba2af99d30b35.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-15:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-15-bec3e8929d6606bc1aeba2af99d30b35.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-16:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-16-eb908db17ee1ef4962f6d89953c01f30.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-16:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-16-eb908db17ee1ef4962f6d89953c01f30.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-17:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-17-b3aac26c5d098ccf5f67f6ee4c4591b3.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-17:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-17-b3aac26c5d098ccf5f67f6ee4c4591b3.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-18:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-18-06b02350a381cfbbcea040472a3616db.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-18:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-18-06b02350a381cfbbcea040472a3616db.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-19:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-19-556b2d3c0133dbf158e9605d0b589d4f.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-19:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-19-556b2d3c0133dbf158e9605d0b589d4f.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-20:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type-20-5f325b450569f88632570d86fc51aaec.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list li .ji-dic-type-icon-20:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type-20-5f325b450569f88632570d86fc51aaec.svg) no-repeat center;
  border: 3px solid #246beb;
}

.ji-dic-type-list li .ji-dic-type-icon-1.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-01-w-e1f264e7fd6458e93cba101f2178ad80.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-2.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-02-w-87120ea33d95b02f4be3a56b34673471.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-3.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-03-w-bd36cca764c3f20e5e38c917f548d06e.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-4.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-04-w-3bcf8ab3cb657053a73985bd22e54c79.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-5.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-05-w-b95ecd03f88d318840c6b7f68a294ed8.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-6.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-06-w-4bbc6a88e11828f573bcaeeae16cf8e1.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-7.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-07-w-7cc713cfa048917d584ed277f21d776a.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-8.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-08-w-b9aa44fb20d3579252b442b7e587dee7.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-9.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-09-w-422a826cc62c749653549b453cb9e26b.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-10.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-10-w-6b9b4650aa3c39e071e5b8d0536885ac.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-11.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-11-w-c983d828d539815c08c97b501dad7c26.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-12.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-12-w-1e55f2125a9c728db3178a61e933eaa4.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-13.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-13-w-e6940acf08d9c7e3b811d4da726d7d5f.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-14.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-14-w-9c8e8d7209700f62326551f26851a9e8.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-15.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-15-w-104471056b4520a4aa362f65937d851a.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-16.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-16-w-904891719fd1f19e0b93ad543988e1ce.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-17.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-17-w-26b6e0cd97663960cf4fc3adc92f2bff.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-18.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-18-w-3aca4079c8d0a095056d5e362328ffd2.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-19.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-19-w-df79b6e7046ee3aca3a96c43edd73433.svg) no-repeat center;
}
.ji-dic-type-list li .ji-dic-type-icon-20.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type-20-w-c85fc690a0742ff9f20d5f091f57a6dd.svg) no-repeat center;
}

/* 직업백과 아이콘 - 적성유형별 검색 */
.dic-con-list {
  margin-top: 32px;
}
.dic-con-list .title {
  font-size: var(--body-l-700);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dic-con-list .title::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #246beb;
  border-radius: 50%;
}
.dic-con-list .con {
  padding-left: 12px;
  color: var(--career--gray-70);
  margin-top: 16px;
}

.ji-dic-type-list-02 li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.ji-dic-type-list-02 li a::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-1::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-01-36beafab4447219537b94769a73c95e9.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-02-0959998a1fbd6ba37480a0b16d83e590.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-03-b647d00a9bcb5917be4ea235a8f101b9.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-04-e7e24d2794e906148308b683e616dece.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-05-eaac11b6430e97ac48dc46ee4d6b52d4.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-06-2b061767bf4bb4f9435dff2d8f2c2709.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-07-03202dda148ee91adc8b031f629709fa.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-08-1d7688bd7b1b8908f925c47c63edfd21.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-09-6cb60fdd7d392e6e6c93a12111cc5b2a.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-10-2048cad0decca520b6759dee248005a7.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-11-23780d41f6b320d9579a42505a01e2f2.svg) no-repeat center;
}

.ji-dic-type-list-02 li a.ji-dic-type-icon-1:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-01-36beafab4447219537b94769a73c95e9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-1:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-01-36beafab4447219537b94769a73c95e9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-02-0959998a1fbd6ba37480a0b16d83e590.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-02-0959998a1fbd6ba37480a0b16d83e590.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-03-b647d00a9bcb5917be4ea235a8f101b9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-03-b647d00a9bcb5917be4ea235a8f101b9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-04-e7e24d2794e906148308b683e616dece.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-04-e7e24d2794e906148308b683e616dece.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-05-eaac11b6430e97ac48dc46ee4d6b52d4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-05-eaac11b6430e97ac48dc46ee4d6b52d4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-06-2b061767bf4bb4f9435dff2d8f2c2709.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-06-2b061767bf4bb4f9435dff2d8f2c2709.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-07-03202dda148ee91adc8b031f629709fa.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-07-03202dda148ee91adc8b031f629709fa.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-08-1d7688bd7b1b8908f925c47c63edfd21.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-08-1d7688bd7b1b8908f925c47c63edfd21.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-09-6cb60fdd7d392e6e6c93a12111cc5b2a.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-09-6cb60fdd7d392e6e6c93a12111cc5b2a.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-10-2048cad0decca520b6759dee248005a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-10-2048cad0decca520b6759dee248005a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-11-23780d41f6b320d9579a42505a01e2f2.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type2-11-23780d41f6b320d9579a42505a01e2f2.svg) no-repeat center;
  border: 3px solid #246beb;
}

.ji-dic-type-list-02 li .ji-dic-type-icon-1.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-01-w-e90c98f49d69e23f5828597a9e805b11.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-1.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-01-w-e90c98f49d69e23f5828597a9e805b11.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-02-w-c82832631c83fdd76a457972111c009a.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-03-w-ed0e107b47872c8c8d0f2b6b2d5c13cb.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-04-w-bed3d23356234c873d550b6dd69310d5.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-05-w-e17131e4faece9c059bc76e8df82c18b.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-06-w-7173e15a4b364ea12e5ae99f9d7f7dfe.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-07-w-96db9e0814bb92628e9831a96bfc49ba.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-08-w-7da5adcda4964ea50d3869421533b419.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-09-w-73ed5b93fc8e7c4007855d66686cb93b.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-10-w-a970d6b8cbcee7af7b468e9255fe18c7.svg) no-repeat center;
}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type2-11-w-5a06005f77ef86c3f736629c50221137.svg) no-repeat center;
}

/* 직업백과 아이콘 - 직업분류별 검색 */
.ji-dic-type-04.detail-srch-box li .label-txt {
  margin-bottom: 48px;
}
.ji-dic-type-04.detail-srch-box li .label-txt span {
  display: block !important;
}
.ji-dic-type-list-04 li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: center;
}
.ji-dic-type-list-04 li a::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.ji-dic-type-list-04 li label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: center;
}
.ji-dic-type-list-04 li:focus-within > label{
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.ji-dic-type-list-04 li label + input[type="checkbox"] {
  position:absolute; 
  width: 1px; 
  height: 1px; 
  opacity: 0; 
  top: 50%; 
  left: 50%; 
  z-index: -1;
}
.ji-dic-type-list-04 li label::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-1::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-2::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-3::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-4::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-5::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-6::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-7::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-8::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-9::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-10::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
}

.ji-dic-type-list-04 li .ji-dic-type-icon-1:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-1:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-2:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-2:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-3:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-3:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-4:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-4:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-5:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-5:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-6:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-6:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-7:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-7:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-8:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-8:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-9:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-9:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-10:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
  border: 3px solid #246beb;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-10:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
  border: 3px solid #246beb;
}

.ji-dic-type-list-04 li .ji-dic-type-icon-1.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-01-w-b205079150314fad6f756ad8cb1bc50e.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-2.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-02-w-bcc9d1b7648ef2ff74d142a562342ff4.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-3.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-03-w-efd94dc64f15ab10bf4ff13670374da6.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-4.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-04-w-3d5baec115595dda71c05d1d4094e92f.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-5.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-05-w-2367119009127c55406f788af5ad5af3.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-6.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-06-w-31e1068e64ad2d0810025fa42c99637e.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-7.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-07-w-82db75eafdc556f9063f21a08261efa8.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-8.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-08-w-baa2af4ae09733edce09fe082c6d2cc3.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-9.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-09-w-5e919774f795971c28a81b1af3d71637.svg) no-repeat center;
}
.ji-dic-type-list-04 li .ji-dic-type-icon-10.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-10-w-991d444e98436188e34f5396b701c044.svg) no-repeat center;
}

/* 직업인 인터뷰 */

.job-ctg-type-list li:focus-within > label{
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.job-ctg-type-list li label + input[type="checkbox"] {
  position:absolute; 
  width: 1px; 
  height: 1px; 
  opacity: 0; 
  top: 50%; 
  left: 50%; 
  z-index: -1;
}
/* a태그에서 label + input으로 바뀌면서 안쓸것같음(나중에 문제없으면 이부분 지우기)
.job-ctg-type-list li a {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 16px; text-align: center;}
.job-ctg-type-list li a::before {content: ''; display: block; width: 60px; height: 60px; border-radius: 50%;}
.job-ctg-type-list li a.job-ctg-icon-1::before {background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-2::before {background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-3::before {background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-4::before {background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-5::before {background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-6::before {background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-7::before {background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-8::before {background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-9::before {background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-10::before {background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;}

.job-ctg-type-list li a.job-ctg-icon-1:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-1:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-2:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-2:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-3:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-3:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-4:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-4:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-5:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-5:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-6:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-6:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-7:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-7:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-8:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-8:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-9:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-9:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-10:hover::before {background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;border: 3px solid #246BEB;}
.job-ctg-type-list li a.job-ctg-icon-10:focus::before {background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;border: 3px solid #246BEB;}

.job-ctg-type-list li a.job-ctg-icon-1.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-01-w-b205079150314fad6f756ad8cb1bc50e.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-2.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-02-w-bcc9d1b7648ef2ff74d142a562342ff4.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-3.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-03-w-efd94dc64f15ab10bf4ff13670374da6.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-4.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-04-w-3d5baec115595dda71c05d1d4094e92f.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-5.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-05-w-2367119009127c55406f788af5ad5af3.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-6.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-06-w-31e1068e64ad2d0810025fa42c99637e.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-7.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-07-w-82db75eafdc556f9063f21a08261efa8.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-8.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-08-w-baa2af4ae09733edce09fe082c6d2cc3.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-9.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-09-w-5e919774f795971c28a81b1af3d71637.svg) no-repeat center;}
.job-ctg-type-list li a.job-ctg-icon-10.selected::before {background: #246BEB url(/cloud/w/img/sub/dic-type4-10-w-991d444e98436188e34f5396b701c044.svg) no-repeat center;}
*/

.job-ctg-type-list li label + input[type="radio"] {
  display: none;
}
.job-ctg-type-list li label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: center;
}
.job-ctg-type-list li label::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #d9d9d9;
}
.job-ctg-type-list li label.job-ctg-icon-1::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-2::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-3::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-4::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-5::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-6::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-7::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-8::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-9::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-10::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
}

.job-ctg-type-list li label.job-ctg-icon-1:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-1:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-01-899b48b3be27bed86d66a007e395a2ae.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-2:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-2:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-02-37ad8c03d2fe04307d5de8ca939d3d56.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-3:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-3:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-03-cff292ccc988687889b08d3e782f0da5.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-4:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-4:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-04-a510d484e016447e87ef95eee070cfd4.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-5:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-5:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-05-a45a9a715eaa77cde7a7d12c87b261af.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-6:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-6:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-06-35506f6c3cd255b225e3b5b7986abcd9.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-7:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-7:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-07-3d530b6ab166b4b786e88fe57fd5df3e.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-8:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-8:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-08-98abdeff4c5d44496d20d1127458e1a7.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-9:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-9:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-09-e276966af63ce9864735388c9bc6181d.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-10:hover::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
  border: 3px solid #246beb;
}
.job-ctg-type-list li label.job-ctg-icon-10:focus::before {
  background: #fff url(/cloud/w/img/sub/dic-type4-10-b22b3a62a11f3c04e307286152cbf8fd.svg) no-repeat center;
  border: 3px solid #246beb;
}

.job-ctg-type-list li label.selected::before {
  border: none;
}
.job-ctg-type-list li label.job-ctg-icon-1.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-01-w-b205079150314fad6f756ad8cb1bc50e.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-2.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-02-w-bcc9d1b7648ef2ff74d142a562342ff4.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-3.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-03-w-efd94dc64f15ab10bf4ff13670374da6.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-4.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-04-w-3d5baec115595dda71c05d1d4094e92f.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-5.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-05-w-2367119009127c55406f788af5ad5af3.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-6.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-06-w-31e1068e64ad2d0810025fa42c99637e.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-7.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-07-w-82db75eafdc556f9063f21a08261efa8.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-8.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-08-w-baa2af4ae09733edce09fe082c6d2cc3.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-9.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-09-w-5e919774f795971c28a81b1af3d71637.svg) no-repeat center;
}
.job-ctg-type-list li label.job-ctg-icon-10.selected::before {
  background: #246beb url(/cloud/w/img/sub/dic-type4-10-w-991d444e98436188e34f5396b701c044.svg) no-repeat center;
}

/* 직업백과 상세 */
.terms-list02 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid #a5b9e0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}

.terms-list02 > li {
  width: 100%;
  text-align: center;
  border-right: 1px solid #a5b9e0;
  padding: 20px 0;
  background-color: #f8faff;
}

.terms-list02 > li:nth-child(2) {
  border-left: 0;
}

.terms-list02 > li:last-of-type {
  border-right: 0;
}

.terms-list02 > li p {
  font-size: 18px;
}

.terms-list02 > li span {
  font-size: 21px;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: #2c6fe9;
}

.terms-list02 > li::before {
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  margin-top: 8px;
}

.terms-list02 > li:nth-of-type(1):before {
  background: url(../img/sub/ic_cpt_jab_detail_1.svg) no-repeat center center;
  background-size: 100% auto;
}

.terms-list02 > li:nth-of-type(2):before {
  background: url(../img/sub/ic_cpt_jab_detail_2.svg) no-repeat center center;
  background-size: 100% auto;
}

.terms-list02 > li:nth-of-type(3):before {
  background: url(../img/sub/ic_cpt_jab_detail_3.svg) no-repeat center center;
  background-size: 85% auto;
}

.com-grid-box.col-6 li a img {
  width: 100%;
  aspect-ratio: 3 / 1.7;
  object-fit: cover;
  border-radius: 15px;
}
.com-grid-box.col-6 li a .txt {
  display: block;
  margin-top: 3px;
}

/************************* 모달 *************************/

.down-modal .modal-hd-box h2 .diff {
  color: #e43232;
}
.down-modal .cc-txt-11 span {
  color: #e43232;
}
.down-modal .mo-img-wrap {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}
.down-modal .mo-img-wrap .img-box {
  position: relative;
}
.down-modal .mo-img-wrap .img-box span {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #535353;
  color: #fff;
  padding: 5px 15px;
  width: 200px;
  text-align: center;
  border-radius: 50px;
}

/************************* 학과정보 **************************/

/* 공통, di- */
.di-tab-box {
  margin-top: 40px;
}

.di-tab-wrap-01 {
  margin-top: 40px;
}
.di-tab-wrap-02 {
  margin-bottom: 40px;
}

.di-conts-box {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 40px 0;
  border-bottom: 1px solid var(--career--gray-40);
  margin-bottom: 40px;
}
.di-conts-box.print {
  border-bottom: none;
}
.di-print-modal-box > .inner {
  width: 990px;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.di-print-modal-box button.reset {
  width: 100%;
}

.di-linkbox-list li {
  margin-bottom: 8px;
}
.di-linkbox-list li:last-of-type {
  margin-bottom: 0;
}

.di-interview-wrap {
  width: 100%;
}
.di-interview-wrap .hd {
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
  background: #1b2a69 url(/cloud/w/img/sub/di_interview_hd_bg-8e211577bb491d62d8cfeb338790b3e0.svg) right 50px center no-repeat;
}
.di-interview-wrap .hd .img-box {
  width: 140px;
  height: 140px;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
}
.di-interview-wrap .hd .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.di-interview-wrap .hd .info-box {
  color: #fff;
}
.di-interview-wrap .hd .info-box h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 16px;
}
.di-interview-wrap .hd .info-box p {
  font-size: var(--body-m-700);
  font-weight: 600;
}
.di-interview-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  background: #f8f8f8;
}
.di-interview-box li.left-box p {
  margin-bottom: 8px;
  font-size: var(--body-m-700);
  font-weight: 600;
}
.di-interview-box li.left-box .question-box {
  padding: 12px 40px;
  background: #1b2a69;
  border-radius: 12px;
  font-size: var(--body-m-400);
  color: #fff;
  width: fit-content;
}
.di-interview-box li.right-box {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-left: auto;
}
.di-interview-box li.right-box .interviewee p {
  text-align: center;
  margin-top: 8px;
  font-size: var(--body-m-700);
  font-weight: 600;
}
.di-interview-box li.right-box .interviewee .img-box {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.di-interview-box li.right-box .interviewee .img-box img {
  width: 100%;
  height: 100%;
}
.di-interview-box li.right-box .answer-box {
  padding: 20px 40px;
  background: #fff;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  font-size: var(--body-m-400);
  text-align: left;
  color: #1d1d1d;
  width: fit-content;
  max-width: 880px;
}
.di-interview-wrap.bg-green li.left-box .question-box {
  background: #22424b;
}
.di-interview-wrap.bg-green .hd {
  background: #22424b url(/cloud/w/img/sub/di_interview_hd_bg-8e211577bb491d62d8cfeb338790b3e0.svg) right 50px center no-repeat;
}

.di-title-blue .com-conts-title.md span {
  color: var(--career--primary-50);
}
.di-diff-box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
  height: 260px;
}
.di-diff-box .no-data {
  font-size: var(--body-m-400);
  color: var(--career--gray-70);
}
.di-diff-box .title {
  font-size: var(--body-l-700);
  font-weight: 600;
}
.di-diff-box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.di-diff-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.di-diff-box ul li .img-box {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--career--gray-40);
}
.di-diff-box ul li p {
  font-size: var(--body-m-700);
  font-weight: 600;
}
.di-diff-box ul li p span {
  display: block;
  font-size: var(--body-s-400);
  font-weight: 400;
  color: var(--career--gray-70);
}
.di-diff-box ul li p .percent {
  display: block;
  font-size: 35px;
  font-weight: 600;
}
.di-diff-box ul li p .percent::after {
  content: "%";
  display: inline-block;
  font-size: 14px;
  margin-left: 4px;
}

.di-card-board-01 .com-card .con-box .title span {
  display: block;
  font-size: 17px;
  font-weight: 400;
}
.di-card-board-02 .com-card .con-box .title span {
  display: block;
  font-size: var(--body-l-400);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.di-title {
  margin-bottom: 24px;
}

.di-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}

.di-matrix-table table {
  width: 100%;
  border-bottom: 1px solid var(--career--secondary-30);
}
.di-matrix-table thead th {
  border-left: 1px solid var(--career--secondary-30);
  padding: 15px 9px 25px 8px;
  vertical-align: top;
  font-size: var(--body-s-700);
  font-weight: 600;
}
.di-matrix-table tbody th {
  border-left: 1px solid var(--career--secondary-30);
}
.di-matrix-table tbody th,
.di-matrix-table tbody td {
  padding: 9px 10px 7px 11px;
  line-height: 19px;
}
.di-matrix-table tbody th {
  border-top: 1px solid var(--career--secondary-30);
  font-size: var(--body-s-700);
  font-weight: 600;
}
.di-matrix-table tbody td {
  border-left: 1px solid var(--career--secondary-30);
  border-top: 1px solid var(--career--secondary-30);
  text-align: center;
  font-size: var(--body-s-700);
}
.di-matrix-table .topgroup th {
  height: 35px;
  padding: 12px 8px;
  font-weight: 600;
  border: none;
  border-right: 1px solid var(--career--secondary-30);
  border-bottom: 1px solid var(--career--secondary-30);
  background: var(--career--secondary-5);
  text-align: center;
  white-space: nowrap;
}
.di-matrix-table .topgroup th:last-of-type {
  border-right: none;
}
.di-matrix-table .bg-blue {
  width: 70px;
  padding: 0 10px;
  border-bottom-color: var(--career--secondary-30);
  background: var(--career--secondary-5);
  vertical-align: middle;
  font-weight: 800;
}
.di-matrix-table th.bg-blue {
  border-left: none;
  white-space: normal;
}
.di-matrix-table .table-slash {
  position: relative;
  width: 1px;
  height: 100%;
  padding-left: 23px;
  padding-top: 140px;
  border-left: 1px solid var(--career--secondary-30);
  background-image: linear-gradient(
    to left bottom,
    transparent calc(50% - 1px),
    var(--career--secondary-30),
    transparent calc(50% + 1px)
  );
  background-size: 120% 120%;
  background-position: center;
  text-align: left;
}
.di-matrix-table .table-slash p {
  position: absolute;
  right: 10px;
  top: 47px;
  width: 100px;
  text-align: center;
}
.di-matrix-table .ta-left {
  text-align: left;
}
.di-matrix-table .selected {
  font-weight: 900;
  color: #ec0000;
}
.di-matrix-table .job {
  display: inline-block;
  width: 14px;
  margin: 0 auto;
  line-height: 15px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  vertical-align: top;
}

.di-srch-tl-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.di-srch-tl-box button.notice-btn {
  margin-bottom: 16px;
  background: none;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-s-400);
}
.di-srch-tl-box button.notice-btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/cloud/w/img/common/icon_ment_dark-77cb9e2e618547b3028e8c5635f45198.svg) no-repeat center;
  background-size: cover;
}

.di-list.card .com-card .terms-list li {
  width: 50%;
}

.di-list.list .com-card.img.type-03 .con-box {
  width: calc(100% - 180px);
}
.di-list.list .com-card.img .img-box {
  width: 150px;
  height: 200px;
}
.di-list.list .com-card span.study-field {
  font-size: var(--body-s-400);
  color: var(--career--secondary-40);
}
.di-list.list .com-card .terms-list {
  border-top: 0;
  padding: 0;
  justify-content: flex-start;
  gap: 16px;
}
.di-list.list .com-card .terms-list li {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
}
.di-list.list .com-card .terms-list li:nth-of-type(2) {
  border-left: 0;
  border-right: 0;
}
.di-list.list .com-card .terms-list li span {
  font-size: var(--body-s-400);
  display: block;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  margin-top: 0;
}

/************************* 진로동영상 **************************/

/* 공통, cv- */
.cv-gap-tb-40 {
  margin: 40px 0;
}

/************************* 진로교육자료 **************************/

#container > .type-02 #snb + .content .com-page-title .title-box h2 {
  font-size: 36px;
  font-weight: 600;
}
.com-srch-box .srch-box-wrap,
.com-srch-box .srch-box-wrap.filter {
  background: #fbfcfd;
}
/* 공통, ced- */
.ced-test {
}

/* 갭 */
.ced-gap-10 {
  display: block;
  width: 100%;
  height: 10px;
}
.ced-gap-20 {
  display: block;
  width: 100%;
  height: 20px;
}
.ced-gap-30 {
  display: block;
  width: 100%;
  height: 30px;
}
.ced-gap-40 {
  display: block;
  width: 100%;
  height: 40px;
}
.ced-gap-50 {
  display: block;
  width: 100%;
  height: 50px;
}
.ced-gap-55 {
  display: block;
  width: 100%;
  height: 55px;
}
.ced-gap-60 {
  display: block;
  width: 100%;
  height: 60px;
}
.ced-gap-65 {
  display: block;
  width: 100%;
  height: 65px;
}
.ced-gap-70 {
  display: block;
  width: 100%;
  height: 70px;
}
.ced-gap-75 {
  display: block;
  width: 100%;
  height: 75px;
}
.ced-gap-80 {
  display: block;
  width: 100%;
  height: 80px;
}
.ced-gap-90 {
  display: block;
  width: 100%;
  height: 90px;
}
.ced-gap-100 {
  display: block;
  width: 100%;
  height: 100px;
}

/* 넓이값 */
.ced-w100 {
  width: 100%;
}

.com-page-title.ced-title-01 {
  margin-bottom: 20px;
}
.com-page-title.ced-title-01 .util-list {
  margin-left: auto;
}

/* 마진 */
.com-file-upload-box .file-list.ced-mgT-0 {
  margin-top: 0;
}

/* 블렌디드 진로수업 */
.ced-dot-sbj {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--career--gray-70);
}
.ced-dot-sbj::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--career--gray-70);
  margin-top: 9px;
}

.ced-pd-left {
  padding-left: 15px;
}
.ced-pd-left > p {
  font-size: 17px;
  color: var(--career--gray-70);
  margin-top: 10px;
}
.ced-pd-left > p:first-of-type {
  margin-top: 0;
}

.ced-blended-in-study-box {
  display: flex;
  gap: 20px 25px;
  padding-top: 15px;
  border-top: 1px dotted #c6c6c6;
  margin: 0 10px;
}
.ced-blended-in-study-box .col {
  flex: 1;
}
.ced-blended-in-study-box .round {
  width: 100%;
  text-align: center;
  padding: 9px 20px;
  background-color: #ebf5ff;
  border-radius: 30px;
  font-size: 15px;
  color: #555;
}
.ced-blended-in-study-box .round.deep {
  background-color: #c7e3ff;
}
.ced-blended-in-study-box .ced-dot-sbj {
  margin-top: 7px;
  font-size: 15px;
}

/* 교과연계 진로교육 */
.ced-edu-category-box {
  display: flex;
  gap: 24px;
  padding: 30px 40px;
  background-color: #f8f8f8;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
}
.ced-edu-category-box .img-box {
  flex-shrink: 0;
  width: 188px;
}
.ced-edu-category-box .img-box .multiply {
  mix-blend-mode: multiply;
}
.ced-edu-category-box .text-box {
  flex: 1;
  min-width: 0;
  align-content: center;
}
.ced-edu-category-box .text-box p {
  margin-top: 20px;
  color: #555;
  font-size: 17px;
  line-height: 1.6;
}
.ced-edu-category-box .text-box p em {
  font-style: normal;
}
.ced-edu-category-box .text-box p:first-of-type {
  margin-top: 0;
}
.ced-edu-category-box .text-box .bullet {
  padding-left: 20px;
  text-indent: -18px;
}

.ced-edu-cate-pictogram {
  gap: 24px;
  padding: 16px 40px;
  background-color: #f8f8f8;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  align-content: center;
  text-align: center;
}
.ced-edu-cate-pictogram img {
  display: inline-block;
}
.ced-edu-cate-pictogram .multiply {
  mix-blend-mode: multiply;
}
.ced-edu-cate-pictogram .desc {
  text-align: center;
  margin: 5px;
  font-size: 15px;
  color: #555;
}
.ced-edu-cate-pictogram .txt-list-left {
  text-align: left;
  font-weight: 600;
}
.ced-edu-cate-pictogram .txt-list-left > li {
  margin-bottom: 15px;
}
.ced-edu-cate-pictogram .txt-list-left > li:last-child {
  margin-bottom: 0;
}
.ced-edu-cate-pictogram .txt-list-left th,
.ced-edu-cate-pictogram .txt-list-left td {
  font-size: 14px;
  font-weight: 400;
  padding: 10px !important;
  text-align: center;
}
.ced-edu-cate-pictogram .txt-list-btm {
  text-align: left;
  font-weight: 400;
}
.ced-edu-cate-pictogram .txt-list-btm > li {
  margin-bottom: 0;
}
.ced-edu-cate-pictogram .txt-list-btm p {
  line-height: 25px;
  margin-top: 2px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.ced-edu-cate-pictogram .sub_list01 {
  margin-top: -10px;
  padding-left: 25px;
  margin-bottom: 5px;
}
.ced-edu-cate-pictogram .sub_list01 {
}
.ced-edu-cate-pictogram .txt-left {
  text-align: left;
  line-height: 25px;
}

/* 전환기 진로지도 프로그램(STP) */

.ced-stp-banner-box {
  margin-bottom: 40px;
}
.ced-stp-banner-box a {
  display: block;
}

.ced-stp-manual-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 16px;
}
.ced-stp-manual-list > li {
  min-width: 0;
}
.ced-stp-manual-list > li > a {
  display: block;
  padding: 23px 30px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #c6c6c6;
  height: 100%;
  transition: 0.25s;
}
.ced-stp-manual-list .img-box {
  border: 1px solid #ddd;
  width: 167px;
  height: 228px;
  background-color: #fafafa;
  overflow: hidden;
  margin: 0 auto 22px;
}
.ced-stp-manual-list .img-box img {
  width: 101%;
  height: 101%;
  object-fit: cover;
  object-position: center center;
  transition: 0.25s;
}
.ced-stp-manual-list .sbj {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #1d1d1d;
}
.ced-stp-manual-list .more {
  text-align: right;
  padding-right: 20px;
  background: url("/cloud/w/img/sub/ic_cpt_arrow_right_long_gray-94ba65b8ff736a852dfd1cdf2da7bdd3.svg") no-repeat right center;
  font-size: 16px;
  color: #1d1d1d;
  margin-top: 10px;
}

.ced-stp-manual-list > li > a:hover,
.ced-stp-manual-list > li > a:focus {
  background-color: #fafafa;
  text-decoration: underline;
}
.ced-stp-manual-list > li > a:hover .img-box img,
.ced-stp-manual-list > li > a:focus .img-box img {
  transform: scale(1.01);
}

.ced-stp-btn-box {
  text-align: center;
  margin-top: 40px;
}

.ced-edu-manual-introduce {
  display: flex;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  padding: 32px;
}
.ced-edu-manual-introduce .img-box {
  width: 200px;
  height: 209px;
  border: 1px solid #eee;
  flex-shrink: 0;
  margin-right: 40px;
  overflow: hidden;
}
.ced-edu-manual-introduce .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.ced-edu-manual-introduce .text-box {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.ced-edu-manual-introduce .sbj {
  font-size: 19px;
  font-weight: 700;
  color: #1d1d1d;
  margin-bottom: 13px;
  word-break: break-all;
}
.ced-edu-manual-introduce .desc {
  font-size: 17px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 10px;
  word-break: break-all;
}
.ced-edu-manual-introduce .more {
  margin-top: auto;
  display: block;
  text-align: right;
  padding-right: 26px;
  background: url("/cloud/w/img/sub/ic_cpt_arrow_right_long_gray-94ba65b8ff736a852dfd1cdf2da7bdd3.svg") no-repeat right center;
  font-size: 16px;
  color: #1d1d1d;
}
.ced-edu-manual-introduce .more:hover,
.ced-edu-manual-introduce .more:focus {
  text-decoration: underline;
  font-weight: 500;
  color: #000;
  transition: 0.25s;
  padding-right: 30px;
}

.com-card.ced-img-add {
  grid-template-columns: 130px 1fr;
  gap: 20px 24px;
  flex-direction: row;
  justify-content: flex-start;
}
.com-card.ced-img-add .con-box {
  margin-bottom: 0;
  gap: 12px;
}
.com-card.ced-img-add .img-box {
  width: 130px;
  height: 190px;
  border: 1px solid #ddd;
  min-width: 130px;
}
.com-card.ced-img-add .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* 진로교육 현황조사 조사 내용체계 표 */

.com-list-table {
  border-top: 1px dashed #99b0cb;
  border-bottom: 1px dashed #99b0cb;
}
.com-list-table tr:first-child th {
  border-bottom: 1px dashed #99b0cb;
}
.com-list-table th,
.com-list-table td {
  padding: 13px 22.5px;
  border-bottom: 1px dashed #d8d8d8;
}
.com-list-table th {
  font-size: 15px;
  font-weight: 700;
  color: #003675;
}
.com-list-table th p.txt-box {
  color: #fff;
  background-color: #73758C;
  width: 217px;
  display: block;
  margin: 0 auto;
  padding: 10px;
  border-radius: 8px;
}
.com-list-table td {
}
.com-list-table td.blue {
  font-size: 17px;
  font-weight: 700;
  color: #003675;
  text-align: center;
}
.com-list-table td ul.txt-con {
}
.com-list-table td ul.txt-con li {
  margin-top: 10px;
}
.com-list-table td ul.txt-con li .tt {
  font-size: 15px;
  font-weight: 600;
  color: #00152a;
}
.com-list-table td ul.txt-con li .tt::before {
  content: "";
  background-color: #00152a;
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 5px;
}
.com-list-table td ul.txt-con li .tx {
  font-size: 15px;
  color: #2d2d2d;
  margin-top: 4px;
  padding-left: 10px;
}

.com-list-table td img {
  display: block;
  margin: 10px auto;
}

/* 연도별 조사자료 */
.data-satisfaction {
  margin-top: 30px;
  border: 1px solid #c6c6c6;
  border-radius: 10px;
  overflow: hidden;
}
.data-satisfaction .hd {
  display: flex;
  align-items: center;
  padding: 14px 25px;
  border-bottom: 1px solid #c6c6c6;
  background-color: #fafafa;
}
.data-satisfaction .hd .tt {
  margin-right: 20px;
}
.data-satisfaction .hd p.tt::before {
  content: "";
  background: url(/cloud/w/img/sub/icon_data_satisfaction_tt-d68aa385266ab4c6d73543ded44545f3.svg) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.data-satisfaction .hd p.tx {
  color: #5771a5;
}
.data-satisfaction .hd p.tx::before {
  content: "";
  background: url(/cloud/w/img/sub/icon_data_satisfaction_tx-6faecd45315ac483615de9a14a2c13cf.svg) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.data-satisfaction .cont {
  padding: 14px 25px;
  display: flex;
}
.data-satisfaction .cont ul {
  display: flex;
  gap: 14px;
}
.data-satisfaction .cont ul li {
  border: 1px solid #d8d8d8;
  padding: 5px 0;
  width: 111px;
  text-align: center;
  font-size: 14px;
}
.data-satisfaction .cont ul li {
  display: block;
}
.data-satisfaction .cont button {
  width: 88px;
  text-align: center;
  background-color: #003675;
  color: #fff;
  margin-left: 14px;
  font-size: 14px;
}

/* 자료게시판 */
.com-div-view-detail .contbox .cont-box {
  width: calc(100% - 233px);
}
.com-div-view-detail .contbox .cont-box dl dd {
  width: calc(100% - 120px);
}

/************************* 알림마당 **************************/

/* 공통, nf- */
.nf-test {
}

.nf-detailview-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.nf-tab-wrap {
  margin-bottom: 40px;
}

.nf-tab-wrap {
  margin-bottom: 40px;
}

.nf-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}

.nf-view-hd {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}
/* .nf-view-hd .com-view-hd { justify-content: space-between; align-items: flex-end; }  */

.nf-event-view-wrap > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.nf-event-view-wrap > div.hd {
  padding: 12px 20px;
  justify-content: space-between;
  background: var(--career--secondary-5);
  border-bottom: 1px solid var(--career--secondary-30);
}
.nf-event-view-wrap > div.hd .title {
  font-size: var(--title-m-700);
  font-weight: 600;
}
.nf-event-view-wrap > div.hd .date span {
  color: #D61825;
}
.nf-event-view-wrap > div.con {
  padding: 40px 20px;
  border-bottom: 1px solid var(--career--gray-40);
}
.nf-event-view-wrap > div.form {
  border-bottom: 1px solid var(--career--gray-40);
  padding: 24px 20px;
}
.nf-event-view-wrap > div.form button img {
  filter: brightness(100);
}
.nf-event-form-box .admin-txt {
  color: #555;
  line-height: 200%;
  margin-bottom: 20px;
}
.nf-event-view-wrap .form .com-table-wrap {
  width: 1240px;
  margin: 20px auto 0;
}
.nf-event-view-wrap .form .com-table-wrap .td-lock:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 17px;
  background: url(/cloud/w/img/common/icon_lock-4531ea1e54f3bfd6b2efe199ced7a915.svg) no-repeat;
  vertical-align: middle;
  margin: 0 5px 3px 0;
}
.nf-event-view-wrap .file-download-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: flex-start;
}
.nf-event-view-wrap .file-download-list span {
  font-weight: 600;
}
.nf-event-view-wrap .file-download-list button {
  width: fit-content;
  margin: 4px 0;
}
.nf-event-view-wrap .file-download-list button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center;
}

.nf-dreamletter-wrap {
  margin-bottom: 40px;
}
.nf-dreamletter-wrap div.hd {
  margin-top: 40px;
  padding: 12px 20px;
  justify-content: space-between;
  background: var(--career--secondary-5);
  border-bottom: 1px solid var(--career--secondary-30);
}
.nf-dreamletter-wrap .title {
  font-size: var(--title-m-700);
  font-weight: 600;
}
.nf-dreamletter-wrap div.con {
  padding: 40px 20px;
  border-bottom: 1px solid var(--career--gray-40);
}
.nf-dreamletter-wrap div.con img {
  margin: 0 auto;
}
.nf-dreamletter-wrap .com-table-wrap tbody td.type {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.nf-dreamletter-wrap .com-conts-title {
  margin-bottom: 12px;
}

.nf-dreamletter-script-box {
  margin-bottom: 40px;
}
.nf-dreamletter-script-box .script-box {
  padding: 40px;
  border: 1px solid var(--career--gray-20);
  background: var(--career--gray-5);
  border-radius: 12px;
  display: grid;
  gap: 16px;
}
.nf-dreamletter-script-box .script-box .hd {
  padding-left: 156px;
  height: 154px;
  margin-bottom: 40px;
  background: url(/cloud/w/img/sub/dreamletter_bg-6d90e21796354656e0c02592cfdf6b69.png) no-repeat left center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}
.nf-dreamletter-script-box .script-box .hd .title {
  font-size: var(--title-m-700);
  font-weight: 600;
  color: #1d1d1d;
}
.nf-dreamletter-script-box .script-box .hd .info {
  font-size: var(--body-l-400);
  color: #1d1d1d;
}
.nf-dreamletter-script-box .script-box .con {
  padding-top: 40px;
  border-top: 1px dashed #c6c6c6;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1d1d1d;
}
.nf-dreamletter-script-box .script-box .con span {
  display: inline-block;
  font-weight: 600;
}
.nf-dreamletter-script-box .form-box {
  margin-top: 40px;
}
.nf-dreamletter-script-box .form-box {
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
  padding: 40px;
  display: grid;
  gap: 64px;
}
.nf-dreamletter-script-box .form-box .label-txt {
  font-size: var(--title-s-700);
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}
.nf-dreamletter-script-box .form-box .checkbox-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nf-dreamletter-script-box .form-box .notice-list li {
  list-style: disc;
  list-style-position: inside;
  color: #555;
  line-height: 200%;
}
.nf-dreamletter-script-box .form-box .agree-box {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  border-radius: 8px;
  background: #f0f0f0;
}
.nf-dreamletter-script-box .form-box .email-form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nf-dreamletter-script-box .form-box .email-form .com-text-input.lg input {
  width: 470px;
}

.nf-event-form-box {
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
  padding: 40px;
  display: grid;
  gap: 40px;
  width: 100%;
}
.nf-event-form-box .com-btn.primary {
  justify-self: center;
}
.nf-event-form-box .label-txt {
  font-size: var(--title-s-700);
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}
.nf-event-form-box .notice-list li {
  list-style: disc;
  list-style-position: inside;
  color: #555;
  line-height: 200%;
}
.nf-event-form-box .agree-box {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  border-radius: 8px;
  background: #f0f0f0;
}
.nf-event-form-box .form-grid-box {
  display: grid;
  gap: 25px;
}
.nf-event-form-box .form-grid-box div label {
  font-size: 15px;
  font-weight: 400;
}
.nf-event-form-box .form-grid-box .com-textarea-wrap {
  width: 100%;
}
.nf-event-form-box .w-email {
  width: 460px;
}
.nf-event-form-box .radio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 25px;
}
.nf-event-form-box .radio-list label {
  margin: 0;
}
.nf-event-form-box .w-100-p {
  width: 100%;
}
.nf-event-form-box .cc-input-tel-box :is(select, input) {
  width: 100px;
}

.nf-badge.school {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto;
}
.nf-badge.school.elementary {
  background: #9eb202;
}
.nf-badge.school.middle {
  background: #ed9729;
}
.nf-badge.school.high {
  background: #269bed;
}

.nf-file-upload > label {
  margin-bottom: 12px;
}
.nf-file-upload .in-filebox .upload-name {
  display: inline-block;
  height: 56px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
  width: 50%;
  color: #888;
}
.nf-file-upload .in-filebox label {
  padding: 10px 16px;
  height: 56px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  background: var(--career--primary-50);
  cursor: pointer;
  margin-left: 4px;
}
.nf-file-upload .in-filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.nf-file-upload span {
  display: block;
  font-size: var(--body-s-400);
  color: var(--career--gray-70);
  margin-top: 8px;
}

/************************* 커리어넷 이용안내 **************************/

/* 공통, cug- */
.cug-test {
}

.cug-videoinfo-wrap {
  margin-bottom: 40px;
}

.cug-arccordion-wrap {
  margin-top: 40px;
}
.cug-arccordion-wrap .com-accordion .accordion-ctt > .inner {
  padding: 24px 20px;
}
.cug-arccordion-wrap .com-accordion .accordion-ctt > .inner a {
  display: inline-block;
}
.cug-arccordion-wrap .com-accordion .accordion-ctt > .inner a.c-red {
  color: var(--career--point);
}
.cug-arccordion-wrap .com-accordion .accordion-ctt > .inner a.c-blue {
  color: var(--career--primary);
}
.cug-arccordion-wrap .com-accordion .accordion-ctt > .inner * {
  font-family: "Pretendard" !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}

.cug-tab-wrap {
  margin-bottom: 40px;
}

.cug-sitemap-step {
  border-radius: 12px;
  border: 1px solid var(--career--gray-40);
}
.cug-sitemap-step .hd-box {
  padding: 24px;
  border-bottom: 1px solid var(--career--gray-40);
  background: #f9fafc;
  border-radius: 12px 12px 0 0;
}
.cug-sitemap-step .hd-box .title {
  font-size: 21px;
  font-weight: 600;
}
.cug-sitemap-step .hd-box .info {
  height: 51px;
  color: #555;
}
.cug-sitemap-step .bt-box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.cug-sitemap-step .bt-box dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.cug-sitemap-step .bt-box dt {
  font-weight: 600;
}
.cug-sitemap-step .bt-box dd ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding-left: 12px;
}
.cug-sitemap-step .bt-box dd ul li {
  position: relative;
  padding-left: 12px;
}
.cug-sitemap-step .bt-box dd ul li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1d1d1d;
  position: absolute;
  top: 10px;
  left: 0;
}

.cug-infobox {
  margin-top: 40px;
  border-radius: 12px;
  border: none;
  padding: 24px;
  background: var(--career--secondary-5);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.cug-infobox .con {
  font-size: var(--body-l-400);
}

/************************* 나의 진로활동 **************************/

/* 공통, mca- */

/* 직업적성검사 */
.mca-job-test .page-info {
  position: relative;
}
.mca-job-test .page-info button {
  position: absolute;
  right: 40px;
  top: 40px;
}
.mca-job-test .page-info .descr-box {
  font-size: var(--body-m-400);
  color: var(--career--gray-70);
  font-weight: 500;
  margin-top: 25px;
}

.mca-job-test .list-time-box {
  margin-top: 20px;
  font-size: var(--body-m-700);
  color: var(--career--gray-70);
}
.mca-job-test .list-time-box ul li > * {
  margin-right: 10px;
}
.mca-job-test .list-time-box strong {
  display: inline-block;
  width: 70px;
  font-weight: 500;
}
.mca-job-test .list-time-box .title-time {
  display: inline-block;
  padding-left: 20px;
  background: url("/cloud/w/img/icon/icon_alert_gray-d41d8cd98f00b204e9800998ecf8427e.svg") no-repeat left center;
  background-size: 16px auto;
}

.mca-job-test .box-inr {
  margin-top: 70px;
}
.mca-job-test .box-inr .title-box h2 {
  font-size: var(--title-l-700);
  font-weight: 700;
}
.mca-job-test .test-info {
  padding: 30px 25px;
  margin-top: 25px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.mca-job-test .test-info ul {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.mca-job-test .test-info ul li dl {
  display: flex;
  gap: 0 20px;
  color: var(--career--gray-80);
}
.mca-job-test .test-info dl dt {
  font-weight: 600;
}
.mca-job-test .test-info dl dt.title-time {
  padding-left: 25px;
  background: url("/cloud/w/img/icon/icon_alert_gray-d41d8cd98f00b204e9800998ecf8427e.svg") no-repeat left 2px;
  background-size: 14px auto;
}
.mca-job-test .test-info dl dt.title-devp {
  padding-left: 25px;
  background: url("/cloud/w/img/common/icon_person-b83f0b0c803c7df65667bb1d32aaa335.svg") no-repeat left 2px;
  background-size: 14px auto;
}
.mca-job-test .txt-inr-box {
  margin-top: 30px;
  padding: 0 25px;
}
.mca-job-test .txt-inr-box .title-inr-box {
  font-size: 24px;
  font-weight: 500;
  color: var(--career--black);
}
.mca-job-test .txt-inr-box .title-inr-box:not(:first-child) {
  margin-top: 40px;
}
.mca-job-test .txt-inr-box .title-inr-box + p {
  margin-top: 20px;
  line-height: 1.5;
}
.mca-job-test .ol-col4 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.mca-job-test .ol-col4 li {
  width: 25%;
  padding: 10px;
  color: var(--career--black);
}
.mca-job-test .pgs-bar-box {
  display: flex;
  gap: 0 10px;
  margin-top: 10px;
  font-size: 16px;
  color: var(--career--black);
}
.mca-job-test .explain-box {
  margin-top: 20px;
}
.mca-job-test .explain-box dt {
  font-size: 20px;
  font-weight: 600;
  color: #246beb;
}
.mca-job-test .explain-box dd {
  color: #252525;
  line-height: 1.5;
  margin: 10px 0 20px;
}
.mca-job-test .explain-box h4 {
  font-size: 20px;
  font-weight: 600;
  color: #252525;
}
.mca-job-test .explain-box h4 + p {
  margin: 5px 0 20px;
  line-height: 1.5;
}
.mca-job-test .td-left table tr td {
  text-align: left;
}
.mca-job-test .td-center table tr td {
  text-align: center;
}
.mca-job-test .rd-box-inr {
  border: 1px solid var(--career--black);
  padding: 30px 25px;
  border-radius: 12px;
  margin-top: 20px;
}
.mca-job-test .rd-box-inr.blue {
  border-color: #30549e;
}
.mca-job-test .rd-box-inr strong {
  font-weight: 700;
  color: #30549e;
}
.mca-job-test .rd-box-inr strong + p {
  color: #252525;
  line-height: 1.5;
  margin: 5px 0 20px;
}
.mca-job-test .note-box {
  border-radius: 12px;
  background: #f7f7f7;
  padding: 30px;
  margin-top: 30px;
}
.mca-job-test .note-box .note-con {
  position: relative;
  padding-left: 150px;
}
.mca-job-test .note-box .note-con:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 124px;
  height: 124px;
  border-radius: 30px;
  background: #fff url("/cloud/w/img/common/icon_note-8f83c10d25ad12742129069d193825b3.svg") no-repeat center center;
}
.mca-job-test .note-box .note-con strong {
  font-size: 20px;
  font-weight: 600;
  color: #252525;
}
.mca-job-test .note-box .note-con p {
  margin-top: 10px;
  line-height: 1.5;
  color: #252525;
}
.mca-job-test .com-explain-txt {
  margin-top: 30px;
  color: var(--career--black);
}

.mca-job-test .com-table-wrap.type-01.com-table-col {
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr th {
  background: #edf1f5;
  text-align: left;
  font-weight: 500;
  color: #3d3d3d;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td {
  position: relative;
  border-left: 1px solid #d5d5d5;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 0 5px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-1 {
  left: 92%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-2 {
  left: 51%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-3 {
  left: 18%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-4 {
  left: 80%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-5 {
  left: -5%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-6 {
  left: 45%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-7 {
  left: 50%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-8 {
  left: 72%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-9 {
  left: 50%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-10 {
  left: 70%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-11 {
  left: 3%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data .circle-data {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.mca-job-test .com-table-wrap.type-01.com-table-col tr td .tbl-data .circle-data.cur-data {
  background: #fcae49;
}
.mca-job-test .com-graph-foot-amt {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.mca-job-test .com-graph-foot-amt span {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: right;
}

/*직업적성검사 보기 이미지*/
.cpt-aptitude-select-box #posq16 + img {
  position: relative;
  left: 47px;
} /*중등문제*/
.cpt-aptitude-select-box #posq51 + img {
  position: relative;
  left: 474px;
} /*고등문제*/
.cpt-aptitude-select-box #posq53 + img {
  position: relative;
  left: 49px;
}

/* 검사결과 예시 */
.mca-job-test .test-result-ex {
  margin-top: 80px;
}
.mca-job-test .com-title-rd-bg-blue {
  font-size: 20px;
  font-weight: 500;
  color: var(--career--white);
  padding: 20px 30px;
  border-radius: 12px;
  background: #0054a6;
}
.mca-job-test .com-cont-rd-blue {
  background: #f9fbff;
  border: 1px solid #b7cdfb;
  border-radius: 12px;
  padding: 35px 50px;
  margin-top: 20px;
}
.mca-job-test .com-cont-col {
  display: flex;
  gap: 0 50px;
  justify-content: space-between;
  align-items: center;
}
.mca-job-test .mbr-prf {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.mca-job-test .mbr-prf .mbr-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  background: var(--career--white);
}
.mca-job-test .mbr-prf > strong {
  font-size: 24px;
  font-weight: 600;
  color: #1d56bc;
}
.mca-job-test .mbr-prf .txt-gender {
  font-size: 16px;
  font-weight: 500;
  color: #444444;
}

.mca-job-test .mbr-info {
  border-radius: 12px;
  border: 1px solid #ddd;
  background: var(--career--white);
  padding: 35px 50px;
}
.mca-job-test .com-list-dl-dot li {
  padding: 15px 0;
}
.mca-job-test .com-list-dl-dot li + li {
  border-top: 1px solid #ddd;
}
.mca-job-test .com-list-dl-dot li dl {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.mca-job-test .com-list-dl-dot li dl dt {
  width: 150px;
  font-weight: 500;
  color: #444;
}
.mca-job-test .com-list-dl-dot li dl dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #444;
  border-radius: 50%;
  margin-right: 5px;
}
.mca-job-test .com-list-dl-dot li dl dd {
  width: 100%;
  font-weight: 600;
  color: var(--career--black);
}
.mca-job-test .mbr-desc-result strong {
  font-size: 32px;
  font-weight: 700;
}
.mca-job-test .mbr-desc-result.type-01 {
  padding-left: 20px;
}
.mca-job-test .mbr-desc-result.type-01 strong {
  position: relative;
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #003675;
}
.mca-job-test .mbr-desc-result.type-01 strong:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 15px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #003675;
}
.mca-job-test .mbr-desc-result p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.5;
}
.mca-job-test .com-txt-blue {
  color: #246beb;
}
.mca-job-test .com-title-od-box {
  position: relative;
  display: flex;
  align-items: center;
  margin: 40px 0 20px;
  padding-left: 40px;
}
.mca-job-test .com-title-od-box .title-num {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: var(--body-s-400);
  font-weight: 800;
  background: #0074E5;
  text-align: center;
  border-radius: 50%;
  color: var(--career--white);
}
.mca-job-test .com-title-od-box > strong {
  font-size: 24px;
  font-weight: 700;
}
.mca-job-test .com-title-od-box > strong + button {
  margin-left: 10px;
}
.mca-job-test .com-title-od-box > strong + .cpt-text-right {
  margin-left: auto;
}
.mca-job-test .explain-rd-list-box {
  margin-top: 30px;
}
.mca-job-test .explain-rd-list-box ul {
  display: flex;
  gap: 0 25px;
}
.mca-job-test .explain-rd-list-box ul li {
  border-radius: 12px;
  padding: 20px 30px;
}
.mca-job-test .explain-rd-list-box ul li.list-1 {
  background: #e8efff;
}
.mca-job-test .explain-rd-list-box ul li.list-2 {
  background: #f1dcf9;
}
.mca-job-test .explain-rd-list-box ul li.list-3 {
  background: #e4dbff;
}
.mca-job-test .explain-rd-list-box ul li h3 {
  font-size: 22px;
  font-weight: 700;
}
.mca-job-test .explain-rd-list-box ul li.list-1 h3 {
  color: #30549e;
}
.mca-job-test .explain-rd-list-box ul li.list-2 h3 {
  color: #c9195e;
}
.mca-job-test .explain-rd-list-box ul li.list-3 h3 {
  color: #3a28b1;
}
.mca-job-test .explain-rd-list-box ul li h3 + p {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.mca-job-test .com-martop-70 {
  margin-top: 70px;
}
.mca-job-test .com-explain-txt {
  font-size: var(--body-m-700);
  color: var(--career--black);
  line-height: 1.5;
}
.mca-job-test .com-table-grpah {
  margin-top: 30px;
}
.mca-job-test .com-table-grpah .com-table-graph-top {
  display: flex;
  justify-content: space-between;
}
.mca-job-test .com-table-grpah .com-table-graph-top .com-graph-items ul {
  display: flex;
  gap: 0 10px;
}
.mca-job-test .com-table-grpah .com-table-graph-top .com-graph-items ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;
}
.mca-job-test .com-table-grpah .com-table-graph-top .com-graph-items ul li .com-graph-circle {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.mca-job-test
  .com-table-grpah
  .com-table-graph-top
  .com-graph-items
  ul
  li
  .com-graph-circle.circle1 {
  background: #b4c5d2;
}
.mca-job-test
  .com-table-grpah
  .com-table-graph-top
  .com-graph-items
  ul
  li
  .com-graph-circle.circle2 {
  background: #fcae49;
}
.mca-job-test .com-table-grpah .com-table-graph-top + .com-table-wrap {
  margin-top: 20px;
}

.mca-job-test .pgs-row-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mca-job-test .pgs-row-list strong {
  display: flex;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  gap: 0 5px;
}
.mca-job-test .pgs-row-list strong i {
  color: #e24231;
}
.mca-job-test .pgs-row-list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 50px;
}
.mca-job-test .pgs-row-list ul li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.mca-job-test .pgs-row-list ul li img {
  display: inline-block;
  margin-bottom: 10px;
}

.mca-job-test .com-help-ment {
  display: block;
  margin: 20px 0;
  text-align: right;
  font-size: var(--body-s-400);
  color: #444;
}
.mca-job-test .com-table.com-table-in-line thead th,
.mca-job-test .com-table.com-table-in-line tbody td {
  border: 1px solid #ddd;
}
.mca-job-test .com-table.com-table-in-line tbody th {
  font-weight: 600;
  color: #323232;
  background: #f9fbff;
  border: 1px solid #ddd;
}
.mca-job-test .link-txt-list a {
  display: inline-block;
  color: #0054a6;
  text-decoration: underline;
  margin: 2px 5px;
}
.mca-job-test .com-title-list-sm strong {
  font-weight: 600;
  color: #323232;
}
.mca-job-test .com-title-list-sm ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
  max-width: 400px;
}
.mca-job-test .com-title-list-sm ul li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 5px 10px;
  font-size: var(--body-s-400);
}
.mca-job-test .com-title-list-sm ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #444;
}
.mca-job-test .com-table-wrap .com-textarea {
  width: 100%;
  margin-top: 40px;
}
.mca-job-test .com-con-button {
  margin-top: 30px;
  text-align: center;
}

.mca-job-test .com-chartbox-contents {
  padding: 80px;
}
.mca-job-test .com-chartbox-contents .chart {
  width: 100%;
  height: 570px;
  max-height: 570px;
}
.mca-job-test .com-chartbox-contents .chart canvas {
  width: 100% !important;
}

/* 검사 이용 가이드 */
.mca-job-test .test-use-guide .com-conts-title {
  margin-top: 80px;
}
.mca-job-test .test-use-guide .com-page-title .title-box {
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 30px;
}
.mca-job-test .test-use-guide .com-page-title .title-box .com-util-txt-sm {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
}
.mca-job-test .test-use-guide .guide-video-area {
  margin-top: 25px;
}
.mca-job-test .test-use-guide .txt-history {
  padding: 20px;
}
.mca-job-test .test-use-guide .txt-history span {
  display: block;
}
.mca-job-test .test-use-guide .com-btn-foot {
  border-top: 1px solid #d9d9d9;
  padding-top: 25px;
}

.mca-tit-25-500 {
  font-size: var(--title-m-700);
  font-weight: 700;
}
.mca-tit-22-700 {
  font-size: 22px;
  font-weight: 700;
}
.mca-txt-15-400 {
  font-size: var(--body-s-400);
  font-weight: 400;
}
.mca-txt-32-700 {
  font-size: 32px;
  font-weight: 700;
}
.mca-txt-18-500 {
  font-size: 18px;
  font-weight: 500;
}
.mca-flex-row {
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.mca-inline {
  display: inline-block;
  vertical-align: middle;
}
.mca-inline + strong {
  vertical-align: middle;
}
.mca-rd-box {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  border-radius: 12px;
  border: 1px solid #c6c6c6;
  padding: 40px;
  margin-top: 40px;
  background: var(--career--white);
}
.mca-rd-box .mca-btns-box {
  display: flex;
  gap: 16px;
}
.mca-rd-box .mca-btns-box button {
  width: 100%;
}
.mca-btns-box-02 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.mca-radio-chk {
  text-align: center;
}
.mca-radio-chk:focus-within label {
  outline: 2px solid var(--career--secondary-50);
}
.mca-radio-chk label {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.mca-radio-chk input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.mca-radio-chk label {
  min-height: 70px;
  padding: 10px;
  color: #1d1d1d;
  font-size: 17px;
  border: 1px solid #c6c6c6;
  border-radius: 8px;
  font-weight: 500;
}
.mca-radio-chk label:hover {
  background-color: #f4f5f6;
}
.mca-radio-chk input:checked + label {
  background-color: var(--career--primary-50);
  color: #fff;
}
.mca-radio-chk:focus-within label {
  outline: 2px dotted var(--career--point);
  outline-offset: 2px;
}
.mca-rd-box .hidden-box {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-top: 12px;
  padding: 20px 0;
}
.mca-page-info {
  padding: 24px 26px;
  background-color: #edf1f5;
  border-radius: 8px;
  font-size: var(--body-m-700);
  font-weight: 500;
  margin-top: 40px;
}
.mca-warn-box {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--body-m-700);
  font-weight: 400;
  margin-top: 20px;
}
.mca-tip-txt {
  font-size: var(--body-m-700);
  color: #e72727;
}
.mca-prf .com-tab + .com-conts-title {
  margin-top: 60px;
}
.mca-col-flex {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
}
.mca-col-flex > div {
  width: 100%;
}
.mca-col-flex select {
  width: 100%;
}
.mca-srch-box {
  background: var(--career--gray-5);
  padding: 40px;
  border-radius: 12px;
  margin-top: 40px;
}
.mca-prf .com-board-hd {
  margin-top: 40px;
}
.mca-prf .com-chartbox-contents {
  gap: 16px;
  padding: 40px;
}
.mca-prf .com-chartbox-contents .chart {
  width: 1102px;
  height: 362px;
  max-height: 362px;
  margin: 0 auto;
}
.mca-prf .com-chartbox-contents .chart_legend,
.mca-prf .com-chartbox-contents #chart_legend1,
.mca-prf .com-chartbox-contents #chart_legend2 {
  margin-top: 0;
}
.mca-tit-dot-descr:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #ccc;
  border-radius: 50%;
  margin-right: 10px;
}
.mca-txt-color-blue {
  color: #0074E5;
}
.mca-txt-color-blue-02 {
  color: #0487d0;
}
.mca-txt-color-gray {
  color: var(--career--gray-70);
  font-size: var(--body-s-400);
}
.mca-txt-color-orange {
  color: #d4792b;
}
.mca-txt-color-red {
  color: #f65742;
}
.mca-bg-blue {
  background: #edf8ff !important;
}
.mca-bg-blue2 {
  background: #edf1f5 !important;
}
.mca-bg-gray {
  background: var(--career--gray-5) !important;
}
.mca-bg-orange {
  background: #ffece5 !important;
}
.mca-txt-underline {
  text-decoration: underline;
}
.mca-txt-center {
  text-align: center;
}
.mca-txt-center > img {
  display: inline;
}
.mca-sel-type-01 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}
.mca-sel-type-01.com-select-box.type-01 .label-txt {
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--career--black);
}
.mca-row-eval {
  display: flex;
  gap: 0 10px;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #30549e;
}
.mca-tit-cir {
  position: relative;
  padding-left: 20px;
}
.mca-tit-cir:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ff0000;
  position: absolute;
  top: 8.5px;
  left: 0;
}
.mca-list-row ul li {
  flex-direction: row;
  align-content: center;
}
.mca-list-row ul li img {
  margin-bottom: 0;
}

.com-modal .mca-hd-box {
  position: relative;
  margin-bottom: 0;
}
.com-modal .mca-hd-box .com-page-title {
  margin-bottom: 0;
}
.com-modal .mca-hd-box .breadcrumb {
  margin-bottom: 40px;
}
.com-modal .mca-hd-box .title-box h2 {
  font-size: var(--heading-m-700);
  font-weight: 700;
}
.com-modal .mca-hd-box .btn-cls {
  position: absolute;
  right: 0;
  top: 0;
}
.com-modal .mca-hd-box + form .com-srch-box {
  margin-top: 20px;
}
.com-modal table tr td.td-left {
  text-align: left;
}

.com-table-in-line td.td-left {
  text-align: left;
}

/* 홈 */
.mca-home-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  padding: 30px 50px;
  background: #f2f6fa;
}
.mca-home-head-02 {
  align-items: flex-end;
}
.mca-home-head strong {
  font-size: var(--title-m-700);
  font-weight: 700;
  color: #34587c;
}
.mca-home-head .mca-mbr-info .mca-mbr-name {
  font-size: 18px;
  font-weight: 600;
}
.mca-home-head .mca-mbr-info .mca-mail-icon {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff url("/cloud/w/img/common/icon_mail-192b20007ea71dab856062f2cc74db9c.svg") no-repeat center center;
  background-size: 12px auto;
  text-indent: -9999px;
  margin: 0 8px 0 15px;
}
.mca-home-head .mca-mbr-info .mca-mbr-email {
  font-size: var(--body-s-400);
  font-weight: 500;
}
.mca-home-head .mca-btn-move {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #2d2d2d;
  padding: 8px 20px 8px 55px;
  border-radius: 10px;
  background: var(--career--white);
}
.mca-home-head .mca-btn-move:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 4px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #4379B6 url("/cloud/w/img/common/icon_promise-860fe60b90a6ca3bf6ffd3a47ed846ba.svg") no-repeat center center;
  background-size: 16px auto;
}
.mca-home-head .mca-btn-move .com-arr-view,
.mca-home-head .mca-btn-edit .com-arr-view {
  display: inline-block;
  width: 10px;
  height: 100%;
  background: url("/cloud/w/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg") no-repeat center center;
  background-size: 7px auto;
  text-indent: -9999px;
  margin-left: 10px;
}
.mca-home-head .service-link-btn {
  gap: 32px;
}
.mca-home-head .service-link-btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  background: url(/cloud/w/img/common/icon_arrow_right_white-662ed613ce9e09b3d1ab0c8fd1df3d60.svg) no-repeat center;
}
.mca-home-head-cont .mca-btn-move {
  margin-top: 30px;
}
.mca-home-head-cont .mca-btn-edit {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #2d2d2d;
  padding: 8px 20px 8px;
  border-radius: 10px;
  background: var(--career--white);
  margin-left: 40px;
}
.mca-namne-wrap {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
.mca-home-head .mca-btn-edit .com-arr-view {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #4379B6 url(/cloud/w/img/common/arr_view_w-b40918def806ed2a972caa6a60beda74.svg) no-repeat center center;
  background-size: 5px auto;
  text-indent: -9999px;
  border-radius: 50%;
  margin-left: 10px;
}

.mca-rst-list {
  margin-top: 30px;
}
.mca-rst-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #4379B6;
  border-radius: 12px;
  padding: 20px 30px;
}
.mca-rst-list-head strong {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  color: var(--career--white);
}
.mca-rst-list-head .mca-tip-amt {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #61ffe7;
  font-size: 12px;
  font-weight: 700;
  color: #2960c4;
  margin-left: 5px;
}
.mca-rst-list-head .mca-cont-ment {
  position: relative;
  font-size: 14px;
  color: var(--career--white);
  padding-left: 20px;
  margin-top: 6px;
}
.mca-rst-list-head .mca-cont-ment:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background: url("/cloud/w/img/common/icon_help_w-19a348ff247d2274c4623d2ef4455ced.svg") no-repeat center center;
  background-size: cover;
}
.mca-btn-add {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.6) url("/cloud/w/img/common/icon_add_w-20f550e824629e3264ce367591b8e42b.svg") no-repeat center center;
  border-radius: 50%;
  text-indent: -9999px;
}
.mca-rst-list > ul {
  margin-top: 15px;
}
.mca-rst-list ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 30px;
  border-radius: 12px;
  background: #f2f7ff;
  border: 1px solid #d9e5f7;
  margin: 0 0 15px;
}
.mca-rst-list ul li strong {
  width: 146px;
  font-size: 18px;
  font-weight: 600;
  color: #597cba;
}
.mca-rst-list ul li .mca-list-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.mca-rst-list ul li .mca-btn-view {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
  background: var(--career--white);
  font-size: 16px;
  font-weight: 600;
  color: #7081a0;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #d9e2f1;
}
.mca-rst-list ul li .mca-btn-view span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #4379B6 url("/cloud/w/img/common/arr_view_w-b40918def806ed2a972caa6a60beda74.svg") no-repeat center center;
  background-size: 5px auto;
  text-indent: -9999px;
  border-radius: 50%;
  margin-left: 10px;
}
.mca-rst-list ul li .mca-btn-red {
  color: #E71825 !important;
}
.mca-rst-list ul li .mca-btn-blue {
  color: #4379B6 !important;
}
.mca-aro-test {
  display: flex;
  align-items: center;
}
.mca-aro-test p {
  margin-right: 10px;
}
.mca-aro-test > ul {
  display: flex;
  gap: 5px;
}
.mca-aro-test > ul > li {
  padding: 5px 20px !important;
  background-color: #fff;
  border-color: #f1dfd9;
  margin: 0;
}

.mca-progress-wrap {
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.mca-progress-wrap .mca-progress-bar {
  display: block;
  overflow: clip;
  background-color: white;
  width: 100%;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
}
.mca-progress-wrap .mca-progress-bar .bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: #246beb;
  border-radius: 0 20px 20px 0;
}
.mca-progress-wrap .mca-progress-bar.disable {
  background-color: #d9d9d9;
}

.mca-rst-view-list {
  margin-top: 20px;
}
.mca-rst-view-list .mca-rst-view {
  width: calc(33.3333% - 17px);
  border-radius: 12px;
  border: 1px solid #d6ddf4;
  padding: 10px;
}
.mca-cont-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #73758C;
  border-radius: 10px;
}
.mca-rst-view-list .mca-rst-view.first .mca-cont-head {
  background: #D14800; 
}
.mca-rst-view-list .mca-rst-view .mca-cont-head h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--career--black);
}
.mca-rst-view-list .mca-rst-view .mca-rst-view-foot {
  padding: 30px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.mca-rst-view-list .mca-rst-view .mca-rst-view-foot p {
  font-size: 18px;
  font-weight: 500;
  color: #666;
}
.mca-rst-view-list .mca-rst-view .mca-rst-view-foot .mca-btn-view-gray {
  display: inline-flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  border-radius: 8px;
  background: #f2f2f2;
  font-weight: 500;
  margin-top: 20px;
  flex-direction: initial;
}
.mca-rst-view-list .mca-rst-view .mca-rst-view-foot .mca-btn-view-gray span {
  display: inline-block;
  width: 30px;
  height: 22px;
  background: url("/cloud/w/img/common/icon_arrow_right-37a2925a4552d8a701891e9eb8151e38.svg") no-repeat center center;
  text-indent: -9999px;
}
.mca-rst-view-list .mca-rst-view .mca-rst-view-foot.no-data {
  border-top: none;
  padding: 42px 30px 20px;
}
.mca-cont-bt {
  padding: 30px;
  padding-bottom: 0;
}

.mca-rst-view-detail {
  margin-top: 30px;
}
.mca-rst-view-detail .mca-detail-list-cont {
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.mca-rst-view-detail .mca-detail-list-cont .com-no-result {
  padding: 50px 0 20px;
}
.mca-rst-view-detail .mca-cont-head {
  background: var(--career--gray-5);
  border-bottom: 1px solid #e5e5e5;
}
.mca-rst-view-detail .mca-cont-head h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--career--gray-90);
}
.mca-cont-ment.center {
  text-align: center;
}
.mca-cont-ment span {
  position: relative;
  display: inline-block;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #7081a0;
  padding-left: 20px;
}
.mca-cont-ment span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/cloud/w/img/icon/icon_ment_dark-77cb9e2e618547b3028e8c5635f45198.svg") no-repeat center center;
  background-size: cover;
}
.mca-detail-btns {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin-top: 30px;
}
.mca-detail-btns.right {
  justify-content: flex-end;
}
.mca-detail-btns .rb {
  display: flex;
  gap: 0 10px;
}
.mca-chk-row {
  display: flex;
  gap: 0 20px;
}

.mca-rst-view-list {
  margin-top: 20px;
}
.mca-rst-view-list .mca-rst-view-cont {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
.mca-rst-view-list .mca-rst-view .com-card {
  border: none;
}
.mca-rst-view-list .mca-rst-view .com-card .con-box {
  place-items: center;
  margin-bottom: 0;
}
.mca-rst-view-list .mca-rst-view .com-card .con-box .title {
  font-size: 24px;
  text-align: center;
}
.mca-rst-view-list .mca-rst-view .com-card .con-box .title.center {
  text-align: center;
}
.mca-rst-view-list .mca-rst-view .com-card .con-box .thumb {
  background-color: #ddd;
  height: 210px;
  width: 100%;
}
.mca-rst-view-list .mca-rst-view .com-card .con-box .mca-txt-type {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-size: 16px;
  text-align: center;
}
.mca-rst-view-list .mca-rst-view .com-card .tag-list {
  padding-top: 0;
  border: none;
  justify-content: center;
}
.mca-cont-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #73758C;
  border-radius: 10px;
}
.mca-cont-head .mca-tip-amt {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: var(--career--white);
  font-size: 12px;
  font-weight: 700;
  color: #597cba;
  margin-left: 5px;
}
.mca-rst-view-list .mca-rst-view.first .mca-cont-head {
  background: #D14800;
}
.mca-rst-view-list .mca-rst-view.col .mca-cont-head {
  background: #4B7A90;
}
.mca-rst-view-list .mca-rst-view .mca-cont-head h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--career--white);
}
.mca-slider-ctrl-box {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.mca-rst-view-detail {
  margin-top: 30px;
}
.mca-rst-view-detail .mca-detail-list-cont {
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  border-radius: 12px; /*  padding-bottom: 120px; */
  margin-bottom: 30px;
}
.mca-rst-view-detail .mca-detail-list-cont .com-no-result {
  padding: 50px 0 20px;
}
.mca-rst-view-detail .mca-cont-head {
  background: var(--career--gray-5);
  border-bottom: 1px solid #e5e5e5;
}
.mca-rst-view-detail .mca-cont-head h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--career--gray-90);
}
.mca-cont-ment.center {
  text-align: center;
}
.mca-cont-ment span {
  position: relative;
  display: inline-block;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #7081a0;
  padding-left: 20px;
}
.mca-cont-ment span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/cloud/w/img/icon/icon_ment_dark-77cb9e2e618547b3028e8c5635f45198.svg") no-repeat center center;
  background-size: cover;
}
.mca-detail-btns {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin-top: 30px;
}
.mca-detail-btns.right {
  justify-content: flex-end;
}
.mca-detail-btns.both {
  justify-content: space-between;
}
.mca-detail-btns .rb {
  display: flex;
  gap: 0 10px;
}
.mca-chk-row {
  display: flex;
  gap: 0 20px;
}
.mca-btns-box {
  display: flex;
  gap: 10px;
}
.mca-btns-box.right {
  justify-content: flex-end;
}

.mca-cont-stack-list {
  padding: 10px 0;
  height: calc(100% - 50px);
}
.mca-cont-stack-list.half {
  height: calc(50% - 25px);
}
.mca-cont-stack-list + .mca-cont-stack-list {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
}
.mca-cont-stack-list ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
.mca-cont-stack-list ul li {
  height: 100%;
}
.mca-cont-stack-list ul li:hover {
  border-color: var(--career--black);
  background: var(--career--white);
}
.mca-cont-stack-list ul li > a {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 15px 20px;
  border-radius: 8px;
  background: #fafafa;
  border: 1px solid #ddd;
  transition: all 0.3s ease;
}
.mca-cont-stack-list ul li a .mca-tit-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mca-cont-stack-list ul li a .mca-tit-head > strong {
  font-size: 20px;
  font-weight: 700;
  color: #e69a71;
}
.mca-cont-stack-list ul li a .mca-list-date {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.mca-cont-stack-list ul li a .mca-list-descr {
  font-size: 17px;
  color: #444;
  padding-right: 50px;
}
.mca-cont-stack-list ul li a .mca-list-descr strong {
  font-weight: 500;
  color: var(--career--black);
}
.mca-cont-stack-list ul li a .mca-icon-arr {
  position: absolute;
  right: 20px;
  bottom: 15px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff url("/cloud/w/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg") no-repeat center center;
  text-indent: -9999px;
  border: 1px solid #ccc;
}
.mca-rst-view .mca-cont-stack-list ul li .mca-rst-view-foot {
  border-top: none;
  height: 100%;
}
.mca-cont-stack-list ul .no-data + .no-data {
  border-top: 1px solid #e5e5e5;
}
.mca-cont-data-list {
  padding: 10px 0;
}
.mca-cont-data-list ul {
  padding: 0 20px;
}
.mca-cont-data-list ul li {
  border-bottom: 1px solid #e5e5e5;
}
.mca-cont-data-list ul li a {
  display: block;
  padding: 20px 0;
}

.mca-cont-data-list ul li a .tt {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.mca-cont-data-list ul li a .tx {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4em;
  height: 2.8em;
}

/* 나의 프로필 */
.mca-nav-stack {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin: 30px 0 50px;
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 10px;
}
.mca-nav-stack .mca-stack-cont {
  width: 100%;
}
.mca-nav-stack .mca-stack-cont.mca-stack-1 {
  width: 400px;
}
.mca-nav-stack .mca-stack-cont.mca-stack-2 {
  width: calc(100% - 400px);
}
.mca-nav-stack .mca-stack-cont h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border-radius: 10px;
}
.mca-nav-stack .mca-stack-cont.mca-stack-1 h4 {
  background: #e0edfa;
}
.mca-nav-stack .mca-stack-cont.mca-stack-2 h4 {
  background: #dbf3f4;
}
.mca-nav-stack .mca-stack-cont.mca-stack-3 h4 {
  background: #faedf2;
}
.mca-nav-stack .mca-stack-cont h4 span {
  position: relative;
  display: block;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 600;
}

.mca-nav-stack .mca-stack-cont.mca-stack-1 h4 span {
  color: #3b86d1;
}
.mca-nav-stack .mca-stack-cont.mca-stack-2 h4 span {
  color: #3E7575;
}
.mca-nav-stack .mca-stack-cont.mca-stack-3 h4 span {
  color: #c77a98;
}
.mca-nav-stack .mca-stack-cont h4 span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.mca-nav-stack .mca-stack-cont.mca-stack-1 h4 span:before {
  background: #3b86d1 url("/cloud/w/img/common/icon_mbr_normal-f7784a56c6b5d4819fd1a93d64e7e33a.svg") no-repeat center center;
}
.mca-nav-stack .mca-stack-cont.mca-stack-2 h4 span:before {
  background: #40826D url("/cloud/w/img/common/icon_mbr_list-c929ab8bb2e067c4bfbfc6d007ae0968.svg") no-repeat center center;
}
.mca-nav-stack .mca-stack-cont.mca-stack-3 h4 span:before {
  background: #c77a98 url("/cloud/w/img/common/icon_cal_w-87ec09c57019502fa5dd36fdf383def7.svg") no-repeat center center;
}
/* .mca-nav-stack .mca-stack-cont ul { gap:5px }  */
.mca-nav-stack .mca-stack-cont ul li {
  background: var(--career--gray-5);
  border-radius: 10px;
  border: 1px solid var(--career--gray-5);
  overflow: hidden;
}

.mca-nav-stack .mca-stack-cont.mca-stack-2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mca-nav-stack .mca-stack-cont.mca-stack-2 ul li {
  width: 31.5%;
}
.mca-nav-stack .mca-stack-cont ul li {
  margin-top: 5px;
}
.mca-nav-stack .mca-stack-cont ul li a {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
.mca-nav-stack .mca-stack-cont ul li a:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("/cloud/w/img/common/icon_chk_k-89333ca2d511c6c892866339e8cea29b.svg") no-repeat center center;
  margin-right: 6px;
  opacity: 0.5;
}
.mca-nav-stack .mca-stack-cont ul li.on {
  border-color: var(--career--black);
}
.mca-nav-stack .mca-stack-cont ul li.on a {
  color: var(--career--black);
  background: var(--career--white);
  font-weight: 600;
}
.mca-nav-stack .mca-stack-cont ul li.on a:before {
  opacity: 1;
}
.mca-prf-box {
  margin-top: 30px;
}
.mca-prf legend {
  display: none;
}
.mca-prf-box .mca-prf-cont {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid #dddddd;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px 0;
  width: 250px;
  background: #f9fbff;
  border-radius: 12px;
  margin-right: 50px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-left .mca-mbr-icon {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: var(--career--white);
  overflow: hidden;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-left strong {
  font-size: 20px;
  font-weight: 600;
  color: #1d56bc;
  line-height: 1;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-left .mca-mbr-id {
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #444;
  line-height: 1;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right {
  width: 100%;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--career--black);
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .mca-cont-ment {
  margin-top: 5px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .com-text-input {
  display: flex;
  gap: 0 10px;
  margin: 10px 0 20px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .mca-input-amt-box {
  position: relative;
  width: 400px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .type-02 .mca-input-amt-box {
  width: 500px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .mca-input-amt-box input {
  width: 100%;
  padding-right: 70px;
}
.mca-prf-box .mca-prf-cont .mca-prf-box-right .mca-input-amt-box .count {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--body-m-700);
  color: #828282;
  z-index: 1;
}

/* 기본 정보 관리 */
.mca-mbr-info-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50px;
  padding: 60px 50px;
  border-radius: 12px;
  background: #f9fbff;
}
.mca-mbr-info-box .mca-prf-box-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
}
.mca-mbr-info-box .mca-prf-box-left .mca-mbr-icon {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--career--white);
  overflow: hidden;
}
.mca-mbr-info-box .mca-prf-box-left strong {
  font-size: 20px;
  font-weight: 600;
  color: #1d56bc;
}
.mca-mbr-info-box .mca-prf-box-left dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mca-mbr-info-box .mca-prf-box-left dl dt {
  display: inline-block;
  line-height: 25px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  background: var(--career--white);
  border-radius: 50px;
  border: 1px solid #ddd;
}
.mca-mbr-info-box .mca-prf-box-left dl dd {
  font-size: 14px;
  font-weight: 500;
  color: #444;
  margin-left: 10px;
}
.mca-mbr-info-box .mca-prf-box-right {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.mca-mbr-info-box .mca-prf-box-right button.com-btn.type-01.md {
  font-weight: 600;
  color: #1d56bc;
  border-color: #1d56bc;
  padding: 0 40px;
}
.mca-mbr-info-box .mca-prf-box-right button.com-btn.type-01.md.btn_qr:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/cloud/w/img/common/icon_qr-fbd66fcd22da2a1ff770ea9d5e500789.svg") no-repeat center center;
  background-size: cover;
}

/* 아로플러스 결과 */
.mca-icon-type {
  display: inline-flex;
  align-items: center;
}
.mca-icon-type .mca-icon {
  display: inline-flex;
  align-items: center;
  color: var(--career--black);
}
.mca-icon-type .mca-icon span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 25px;
  text-align: center;
  color: var(--career--white);
  font-size: 14px;
  font-weight: 600;
  margin: 0 5px;
}
.mca-icon-type .mca-icon span.mca-icon-type-01 {
  background: #9270f4;
}
.mca-icon-type .mca-icon span.mca-icon-type-02 {
  background: #ef7474;
}
.mca-icon-type .mca-icon span.mca-icon-type-03 {
  background: #22bc56;
}
.mca-icon-type .mca-icon span.mca-icon-type-04 {
  background: #2fc1e1;
}
.mca-icon-type .mca-icon span.mca-icon-type-05 {
  background: #2c41b2;
}
.mca-rd-descr-box {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #edf1f5;
  padding: 25px 25px 25px 60px;
  border-radius: 12px;
  margin-top: 30px;
}
.mca-rd-descr-box button.sm {
  position: absolute;
  left: 25px;
  top: 25px;
  background: none;
}
.mca-rd-descr-box .mca-icon-type-box {
  padding: 25px 0 5px;
  border-top: 1px solid #dddddd;
}
.mca-rd-descr-box .mca-icon-type-box .mca-icon {
  margin-right: 10px;
}

/* 진로상담 */
.mca-page-info + .com-tab,
.mca-page-info + .com-board-hd,
.com-tab + .com-board-hd {
  margin-top: 40px;
}

.mca-view-top li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--career--primary-90);
  gap: 5px;
  font-size: var(--link-m-700);
  font-weight: 700;
  background-size: 10px;
}
.mca-reply-wrap {
  margin-bottom: 40px;
}
.mca-reply-wrap .hd {
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding: 12px 20px;
  justify-content: space-between;
  background: var(--career--secondary-5);
  border-bottom: 1px solid var(--career--secondary-30);
}
.mca-reply-wrap .hd .date {
  font-size: 13px;
}
.mca-reply-wrap .title {
  display: inline-flex;
  gap: 10px;
  font-size: var(--title-m-700);
  font-weight: 600;
}
.mca-reply-wrap div.con {
  padding: 40px 20px;
  border-bottom: 1px solid var(--career--gray-40);
}
.mca-reply-wrap div.con .mca-con-bold {
  display: flex;
  gap: 0 5px;
  font-size: 22px;
}
.mca-reply-wrap div.con .mca-con-bold img {
  width: 20px;
}
.mca-reply-wrap div.con p {
  margin: 10px 0;
}

/* 진로상담 상세 */
.mca-sati-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid var(--career--gray-20);
  background: var(--career--gray-5);
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
}
.mca-sati-wrap .com-conts-title {
  display: flex;
  gap: 0 10px;
  align-items: center;
  padding: 15px 25px;
  background: #0074E5;
  color: var(--career--white);
  border-radius: 12px;
}
.mca-sati-wrap .com-conts-title:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #fff url("/cloud/w/img/common/icon_sati-1f999f6f29540133b0502977c40af8c0.svg") no-repeat center center;
  border-radius: 50%;
}
.mca-rdo-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
}
.mca-sati-cont {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.mca-sati-cont + .mca-sati-cont {
  border-top: 1px solid #ddd;
}
.mca-sati-cont strong {
  font-size: 18px;
}
.mca-sati-cont .mca-step-row {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50px;
  background: #0074E5;
  color: var(--career--white);
  margin-right: 8px;
  font-size: 13px;
}

/* 진로 퀘스트 */
.mca-tb-inr-box {
}
.mca-tb-inr-box .type {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.mca-tb-inr-box .type:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/cloud/w/img/common/icon_flag_w-65f93e8dca387de3a67f1d665810fd8e.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.mca-tb-inr-box .cc-title-01 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.mca-tb-inr-box .mca-rd-box-gray {
  margin-bottom: 0;
}
.mca-q-a {
  margin: 25px 0;
}
.mca-q-a strong.mca-q-a-tit {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--career--black);
  margin-bottom: 10px;
}
.mca-q-a strong.mca-q-a-tit:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #246beb url("/cloud/w/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg") no-repeat center center;
  background-size: 5px auto;
}
.mca-q-a p {
  font-size: var(--body-m-700);
  font-weight: 500;
  color: #666;
}
.mca-q-a .no-data {
  text-align: center;
}
.mca-q-a ul li {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin: 10px 0;
}
.mca-q-a ul li em {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #444;
  padding-left: 15px;
}
.mca-q-a ul li em:before {
  content: "";
  position: absolute;
  display: block;
  left: 2px;
  top: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #246beb;
}
.mca-q-a ul li em span {
  color: #f65742;
}
.mca-q-a ul li p {
  padding-left: 15px;
}

/* 관심학과 */
.com-modal .mca-hd-box .com-page-title {
  width: 100%;
}
.com-modal .mca-sub-tit {
  display: inline-block;
  margin: 10px 0 15px;
  font-size: var(--title-m-700);
  font-weight: 600;
  color: var(--career--primary-50);
}

/* 나의 진로 심리검사 결과표 */
.mca-rst-main-box {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.mca-devel-cont {
  padding: 80px;
}
.mca-devel-cont .mca-devel-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.mca-devel-cont .mca-devel-item .com-conts-area {
  position: relative;
  width: calc(50% - 2.5px);
  padding: 80px;
  background: #f0f8ff;
}
.mca-devel-cont .mca-devel-item .com-conts-area {
  position: relative;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-01::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: -32px;
  bottom: 0;
  width: 201px;
  height: 169px;
  background: url(/cloud/w/img/sub/mca_puzzle_blue-f7ce4efb7e3e2cf24374e7c06b9c0116.svg) no-repeat;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-02::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -32px;
  width: 169px;
  height: 201px;
  background: url(/cloud/w/img/sub/mca_puzzle_blue_02-18b2aab917308a5324e070caa6a80709.svg) no-repeat;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-03::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: -32px;
  width: 169px;
  height: 201px;
  background: url(/cloud/w/img/sub/mca_puzzle_red-810fb0dca008167e25f6a31d1665b0bf.svg) no-repeat;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-04::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: -32px;
  top: 0;
  width: 201px;
  height: 169px;
  background: url(/cloud/w/img/sub/mca_puzzle_blue_03-6fe8f42fb77f383ff748a9a73b3f43e7.svg) no-repeat;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-01 {
  border-radius: 40px 0 0;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-02 {
  border-radius: 0 40px 0 0;
  text-align: right;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-03 {
  border-radius: 0 0 0 40px;
  background: #ffe9e7;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-03 .com-conts-title strong {
  display: flex;
  gap: 0 5px;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-04 {
  border-radius: 0 0 40px 0;
  text-align: right;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-02 .info-list,
.mca-devel-cont .mca-devel-item .com-conts-area.type-04 .info-list {
  justify-content: flex-end;
}
.mca-devel-cont .mca-devel-item .com-conts-area .mca-puz {
  position: absolute;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-01 .mca-puz {
  right: -33px;
  bottom: 0;
  z-index: 4;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-02 .mca-puz {
  left: 0;
  bottom: -33px;
  z-index: 3;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-03 .mca-puz {
  right: -0;
  top: -33px;
  z-index: 1;
}
.mca-devel-cont .mca-devel-item .com-conts-area.type-04 .mca-puz {
  left: -33px;
  top: 0;
  z-index: 1;
}
.mca-devel-cont .mca-devel-item ul li {
  color: #222;
}
.mca-devel-cont .mca-devel-item ul li::before {
  margin-top: 12px;
}
.mca-mbr-prf-type-01 {
  position: relative;
  padding-left: 100px;
  gap: 5px 0;
}
.mca-mbr-prf-type-01 .mbr-icon {
  position: absolute;
  left: 0;
}
.mca-list-level li {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  align-items: center;
  width: 100%;
  border-radius: 12px;
  padding: 40px 20px;
  background: var(--career--white);
  border: 1px solid #dedede;
}
.mca-list-level li strong {
  font-size: 22px;
  font-weight: 600;
  color: var(--career--black);
}
.mca-tb-cols {
  display: flex;
  justify-content: space-between;
}
.mca-tb-cols > * {
  width: 100%;
}

/* 나의 진로 심리검사 현황 */
.mca-rd-box-gray {
  background: var(--career--gray-5);
  border-radius: 12px;
  border: 1px solid #c6c6c6;
  padding: 30px 40px;
  margin-bottom: 50px;
}
.mca-infogra-box {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  margin: 40px 0;
}
.mca-infogra-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mca-state-cont {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
}
.mca-tit-his {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #444;
  margin-bottom: 30px;
}
.mca-state-ing {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  width: 350px;
  border-radius: 12px;
  background: var(--career--white);
}
.mca-state-ing strong {
  display: block;
  text-align: center;
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: 600;
}
.mca-state-ing .com-no-result {
  gap: 20px;
  padding: 20px 0;
}
.mca-test-his-wrap {
  width: 100%;
}
.mca-test-his {
  width: 100%;
  border-radius: 12px;
  background: var(--career--white);
  padding: 40px 20px;
}
.mca-test-his .mca-test-his-head {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.mca-test-his .mca-test-his-head a {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
.mca-test-his .com-table-wrap.type-01 .com-table {
  background: var(--career--white);
}

.mca-state-list {
  padding: 0 25px;
}
.mca-state-list li {
  margin: 0 0 20px;
}
.mca-state-list li a {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  margin: 0 0 6px;
}
.mca-state-list li a .title {
  font-style: normal;
}
.mca-state-list li a .date {
  font-size: 14px;
  color: #888;
}
.mca-progress-wrap .mca-progress-ratio {
  color: #246beb;
  font-weight: 600;
}

/* 나의 스크랩 */
.mca-page-info + .com-table-wrap {
  margin-top: 40px;
}

/* 아로플러스 결과 */
.mca-rst-desc p {
  font-size: 18px;
  font-weight: 500;
  color: #444;
}
.mca-cont-rd-box {
  position: relative;
  border-radius: 8px;
  padding: 25px 25px 25px 50px;
  border: 1px solid #ddd;
  background: var(--career--white);
  margin-top: 20px;
}
.mca-cont-rd-box .icon {
  position: absolute;
  left: 25px;
  top: 27px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url("/cloud/w/img/common/icon_info_fill-faa540a703ed0b86d54cb824f360a32d.svg") no-repeat center center;
}
.mca-rd-row-gray {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--career--gray-5);
  border-radius: 12px;
  border: 1px solid #c6c6c6;
  padding: 40px;
}
.mca-rd-row-gray .mca-rd-row {
  display: flex;
  gap: 0 20px;
}
.mca-rd-row-gray .mca-rd-row-cont {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
}
.mca-rd-row-gray .mca-rd-row-cont strong {
  font-weight: 700;
  color: #003675;
}
.mca-rd-row-gray .mca-rd-row-cont strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #003675;
}

.mca-job-test .com-chartbox-contents .com-checkbox {
  width: fit-content;
  margin-right: auto;
}

/* 이공계전공적합도검사 결과표 */
.mca-tit-num {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #0074E5;
  margin-right: 10px;
}
.mca-bg-white th {
  background: #fff !important;
}
.mca-row-list-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.mca-row-item {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-right: 5px;
}
.mca-row-item .mca-cir-state {
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.mca-row-item .mca-cir-state.mca-state-1 {
  background: #294a7f;
}
.mca-row-item .mca-cir-state.mca-state-2 {
  background: #246beb;
}
.mca-row-item .mca-cir-state.mca-state-3 {
  background: #f98059;
}
.mca-row-item .mca-cir-state.mca-state-4 {
  background: #d4792b;
}
.mca-row-item .mca-cir-state.mca-state-5 {
  background: #888888;
}
.mca-chmark-full {
  width: 100%;
}
.mca-chmark-full ul {
  padding: 0 10px;
}
.mca-chmark-full ul li {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 15px 0;
}
.mca-chmark-full ul li + li {
  border-top: 1px dashed #ddd;
}
.mca-chmark-full ul li > strong {
  width: 80px;
}

.mca-rd-both {
  border-collapse: separate !important;
  border-spacing: 0;
}
.mca-rd-both + .mca-rd-both {
  margin-top: 20px;
}
.mca-rd-both tr:first-child th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.mca-rd-both tr:first-child td:last-child {
  border-top-right-radius: 12px;
}
.mca-rd-both tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
.mca-rd-both tr:first-child th:first-child {
  border-right: none;
}
.mca-rd-both tr th,
.mca-rd-both tr td {
  border-top: none !important;
}
.mca-rd-both tr td:last-child {
  border-left: none !important;
}
.mca-rd-both tr:first-child th,
.mca-rd-both tr:first-child td {
  border-top: 1px solid #d9d9d9 !important;
}
.mca-table-left-head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mca-table-left-head > strong {
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
}
.mca-bg-white {
  background: #fff !important;
}

/* 직업가치관검사 결과표 */
.mca-table-top-ment {
  padding: 10px 0 5px;
}
.mca-table-top-ment p {
  font-size: 14px;
  color: #f97f58;
  text-align: right;
}
.mca-pgm-box-1 {
  gap: 25px;
}
.mca-pgm-box-1 li {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #c6c6c6;
  border-radius: 12px;
  padding: 25px 30px;
}
.mca-pgm-box-2 {
  gap: 15px;
}
.mca-pgm-box-2 li {
  text-align: center;
  background: #f8f8f8;
  padding: 30px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
}
.mca-td-link-uline td a {
  display: inline-block;
  margin: 0 5px;
  text-decoration: underline;
}

.mca-tbl-wrap .com-table tbody th {
  background: #f9fbff;
}
.mca-tbl-wrap .com-table tbody td {
  border-left: 1px solid var(--career--gray-40);
}

/* .mca-jobValue-wrap .com-cont-rd-blue { background:#F9FBFF; border:1px solid #B7CDFB; border-radius: 12px; padding:35px 50px; margin-top: 20px; }  */

.mca-value-table .com-table tbody th:not(.mca-bg-white) {
  background: #f9fbff;
  border-left: 1px solid var(--career--gray-40);
}
.mca-value-table .com-table tbody td {
  border-left: 1px solid var(--career--gray-40) !important;
}

/* 교사서비스 */
.mca-tutorial-btn {
  margin-right: auto;
  font-size: var(--body-s-400);
  color: #7081a0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mca-tutorial-btn::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(/cloud/w/img/common/icon_ment_blue-423556af57c3da18b5120bcc5741b586.svg) no-repeat center;
  filter: grayscale(0.8) brightness(1.5);
}
.mca-tutorial-btn:hover {
  background: var(--career--secondary-5);
}
.mca-jobmate-apply-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mca-jobmate-apply-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_link_open-2746eab7f9b3d11c8d3250afa073ddb5.svg) no-repeat center;
}
.button-arrow::after {
  content: "";
  display: block;
  width: 17px;
  height: 19px;
  background: url(/cloud/w/img/common/icon_arrow_right_white-662ed613ce9e09b3d1ab0c8fd1df3d60.svg) no-repeat center;
}
.mca-job-act-list-box {
  position: relative;
}
.mca-job-act-list-box .hd {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 30px 0;
  border-radius: 12px 12px 0 0;
}
.mca-job-act-list-box .hd .com-select-box {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mca-job-act-list-box .hd .com-select-box label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 19px;
}
.mca-job-act-list-box .hd .com-select-box select {
  width: 360px;
}
.mca-job-act-list-box .hd .manage-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_manage_blue-90ef78fb7bb8039f2c3f50268d9204e2.svg) no-repeat center;
}
.mca-job-act-list-box .con {
  width: 100%;
  border: 1px solid #ddd;
  margin-top: -1px;
  height: 370px;
  overflow-y: auto;
  border-radius: 0 0 12px 12px;
}
.mca-job-act-list-box .con .act-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mca-job-act-list-box .con .act-list li {
  border-bottom: 1px solid #ddd;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mca-job-act-list-box .con .act-list li:nth-child(odd) {
  border-right: 1px solid #ddd;
}
.mca-job-act-list-box .con .act-list li .name span {
  color: #254a8c;
}
.mca-job-act-list-box .con .act-list li .name span::before {
  content: "\002F";
  margin: 0 8px;
  color: #aaa;
}
.mca-job-act-list-box .con .act-list li .name:hover {
  text-decoration: underline;
}
.mca-job-act-list-box .con .act-list li .detail-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 14px;
  border: 1px solid #aaa;
  background: #fff;
  color: #333;
  border-radius: 5px;
  font-size: 15px;
}
.mca-job-act-list-box .con .act-list li .detail-btn::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(/cloud/w/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg) no-repeat center;
}
.mca-job-act-list-box .con .act-list li .detail-btn:hover {
  background: var(--career--gray-10);
}
.mca-job-act-list-box .con .act-list li.active .name,
.mca-job-act-list-box .con .act-list li.active .name span {
  color: var(--career--primary);
  font-weight: 600;
}
.mca-job-act-list-box .con::-webkit-scrollbar {
  width: 8px;
}
.mca-job-act-list-box .con::-webkit-scrollbar-thumb {
  background: var(--career--gray-30);
  border-radius: 12px;
}
.mca-job-act-list-box .con::-webkit-scrollbar-track {
  background: transparent;
}
.mca-job-act-list-box .mca-coachmark-wrap {
  width: 635px;
  height: 50px;
  position: absolute;
  bottom: 6px;
  left: 0;
}
.mca-job-act-list-box .mca-coachmark-wrap .mca-coachmark {
  width: 635px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 나의 진로 활동 결과 없을 때 */
.mca-job-act-list-box .con.no-result {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: hidden;
}
.mca-job-act-list-box .con.no-result.r-12 {
  border-radius: 12px;
}
.mca-job-act-list-box .con.no-result p {
  font-size: var(--body-l-400);
  color: #666;
  font-weight: 500;
  margin-top: 12px;
}
.mca-group-setting-btn {
  padding: 8px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
  border: 1px solid #aaa;
  border-radius: 5px;
  color: #333;
}
.mca-group-setting-btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(/cloud/w/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg) no-repeat center;
}

/* 진로메이트 그룹 관리 모달창 */
.com-modal.mca-modal .modal-title {
  font-size: 40px;
}
.mca-group-box {
  display: flex;
  gap: 24px;
}
.mca-group-box .list-box {
  width: 50%;
}
.mca-group-box .list-box .hd {
  padding: 0 24px;
  height: 59px;
  background: #f4f6fa;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
}
.mca-group-box .list-box .hd p {
  font-weight: 600;
}
.mca-group-box .list-box .hd .com-btn.type-01.secondary {
  margin-left: auto;
}
.mca-group-box .list-box .con {
  overflow-y: scroll;
  height: 500px;
  border: 1px solid #ddd;
  border-top: 0;
}
.mca-group-box .list-box .top {
  height: 56px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.mca-group-box .list-box .bt {
  height: 56px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #ddd;
  border-top: 0;
  font-weight: 600;
}
.mca-group-box .list-box .bt .com-text-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mca-group-box .list-box .bt .com-text-input input {
  height: 32px;
}
.mca-group-box .list-box .bt .com-text-input label {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 17px;
}
.mca-group-box .list-box .bt .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mca-group-box .list-box .bt .btn-box button {
  background: var(--career--secondary);
  color: #fff;
  font-weight: 500;
}
.mca-group-box .list-box .bt .btn-box button:hover {
  background: var(--career--secondary-60);
}
.mca-group-box .list-box .bt .com-checkbox input[type="checkbox"] + label {
  font-weight: 500;
}
.mca-group-box .list-box .bt .com-checkbox input[type="checkbox"] + label {
  font-weight: 500;
}
.mca-group-box .list-box.lb .bt {
  justify-content: center;
}
.mca-group-box .list-box .con .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #597cba;
  text-align: center;
  border-radius: 30px;
  min-width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  padding: 4px;
  margin-left: 4px;
}
.mca-group-box .list-box ul li {
  height: 56px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}

.mca-group-box .list-box ul.group-list li a {
  display: block;
}
.mca-group-box .list-box ul.group-list li a:before {
  display: inline-block;
  content: "└";
  font-size: 13px;
  margin: 0 8px 0 0;
  color: #666;
}
.mca-group-box .list-box ul.group-list li .pin-btn {
  width: 70px;
  height: 100%;
}
.mca-group-box .list-box ul.group-list li .pin-btn.on {
  background: url(/cloud/w/img/sub/icon_pin_on-9ef91cd71c806e94a8ae7a2fa2344f67.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li .pin-btn.off {
  background: url(/cloud/w/img/sub/icon_pin_off-0cd079d4613829068977a5e88df7857c.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li .pin-btn.on:hover {
  background: url(/cloud/w/img/sub/icon_pin_off-0cd079d4613829068977a5e88df7857c.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li .pin-btn.off:hover {
  background: url(/cloud/w/img/sub/icon_pin_on-9ef91cd71c806e94a8ae7a2fa2344f67.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li .btn-box {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 18px 16px;
}
.mca-group-box .list-box ul.group-list li .btn-box button:hover {
  filter: brightness(0.5);
}
.mca-group-box .list-box ul.group-list li .btn-box .modify-btn {
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_modify-96bb000cbc9d57dff6e639275baeb35b.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li .btn-box .delete-btn {
  width: 18px;
  height: 18px;
  background: url(/cloud/w/img/common/icon_delete-45995fb6c36103cafd97be2588d0b60b.svg) no-repeat center;
}
.mca-group-box .list-box ul.group-list li.on {
  background: #ebfbfb;
}
.mca-group-box .list-box ul.group-list li:first-child a {
  font-weight: 600;
  color: #4273c9;
}
.mca-group-box .list-box ul.group-list li:first-child a:before {
  content: none;
}

.mca-group-box .list-box ul.jobmate-list li {
  padding: 0 16px;
  width: 100%;
}
.mca-group-box .list-box ul.jobmate-list li.com-checkbox input[type="checkbox"] + label::before {
  margin-right: 16px;
}
.mca-group-box .list-box ul.jobmate-list li.com-checkbox input[type="checkbox"] + label span {
  color: #254a8c;
}
.mca-group-box
  .list-box
  ul.jobmate-list
  li.com-checkbox
  input[type="checkbox"]
  + label
  span::before {
  content: "\002F";
  margin: 0 8px;
  color: #aaa;
}
.mca-group-box .list-box ul.jobmate-list li.com-checkbox input[type="checkbox"] + label {
  gap: 0;
}

.mca-jobmate-plus-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_plus_blue-95948c19ad78c1513756302171910b7b.svg) no-repeat center;
}
.mca-jobmate-delete-btn {
  color: var(--career--point);
  font-weight: 500;
  border: 1px solid var(--career--point);
  background: #fdf2f3;
}
.mca-jobmate-delete-btn:hover {
  filter: brightness(0.9);
}
.mca-jobmate-delete-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_x_red-1458627eaddb0920cb9e02c505d314a8.svg) no-repeat center;
}
/* 진로메이트 그룹 관리 모달창 끝 */

/* 진로메이트 추가 모달창 */
.mca-group-box.mca-jobmate-box .list-box .hd p {
  font-weight: 500;
}
.mca-group-box.mca-jobmate-box .list-box {
  width: 100%;
}
.mca-group-box.mca-jobmate-box .list-box .bt {
  justify-content: center;
}
.mca-group-box.mca-jobmate-box .list-box .bt button {
  font-weight: 500;
}

/* 진로메이트 신청 모달칭 */
.mca-modal-02 .com-tab-content {
  border-bottom: 0;
  margin: 0;
}
.mca-modal-02 .com-tab-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.mca-modal-02 .com-tab-content .top .lb {
  width: 247px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px 0;
}
.mca-modal-02 .com-tab-content .top .lb p {
  font-size: 15px;
  color: #333;
}
.mca-modal-02 .com-tab-content .top .rb {
  width: 478px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 50px;
}
.mca-modal-02 .com-tab-content .top .rb .com-text-input {
  width: 100%;
}
.mca-modal-02 .com-tab-content .top .rb .com-text-input input {
  width: 100%;
}
.mca-modal-02 .com-tab-content .top .rb button {
  width: 100%;
}
.mca-modal-02 .com-tab-content > span {
  display: inline-block;
  font-size: 15px;
  color: #333;
}
.mca-modal-02 .com-tab-content > span .red {
  color: var(--career--point);
}
.mca-modal-02 .com-tab-content > span .blue {
  color: var(--career--primary);
}
.mca-modal-02 .com-tab-content .shortcut-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 15px;
  margin-left: 8px;
  font-weight: 600;
  color: var(--career--primary);
}
.mca-modal-02 .com-tab-content .shortcut-btn::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center;
  background-size: 12px;
}
.mca-modal-02 .com-tab-content .shortcut-btn:hover {
  text-decoration: underline;
}
.mca-modal-02 .com-tab-content .notice-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 64px 0;
  width: 100%;
}
.mca-modal-02 .com-tab-content .notice-box p b {
  font-size: var(--body-l-700);
}
.mca-modal-02 .com-tab-content .notice-box p strong {
  color: #246beb;
  font-size: var(--body-l-700);
}
.mca-modal-02 .com-tab-content .btn-box button {
  min-width: 90px;
}
.mca-modal-02 .com-tab-content .qrcode-btn {
  width: 147px;
  height: 147px;
  background: url(/cloud/w/img/sub/qrcode_img-c3811be19caee1462a9df5987297bf34.png) no-repeat center;
}
.mca-modal-02 .com-tab-content .qrcode-btn:hover {
  filter: brightness(0.8);
}

/* 진로메이트 수락 모달창 */
.mca-jobmate-list-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px; /*margin: 32px 0;*/
  margin-bottom: 32px;
}
.mca-jobmate-list-wrap .com-pagination {
  margin-top: 0;
}
.mca-jobmate-list-wrap button {
  width: fit-content;
}
.mca-jobmate-list-tbl {
  width: 100%;
}
.mca-jobmate-list-tbl .com-table tbody td {
  font-size: var(--body-s-400);
  padding: 12px;
}
.mca-jobmate-list-tbl .com-table tbody td.btn-td button {
  text-decoration: underline;
  margin: 0 4px;
}
.mca-jobmate-list-tbl .com-table thead th .com-checkbox input[type="checkbox"] + label {
  justify-content: center;
}
.mca-jobmate-list-tbl .com-table tbody td .com-checkbox input[type="checkbox"] + label {
  justify-content: center;
}

/* 진로메이트 수락 (없을 때) 모달창 */
.mca-modal-02 .com-no-result .notice-box {
  padding: 0;
}

/* 나의 진로메이트 QR 코드 모달창 */
.mca-modal-03 .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 32px;
}
.mca-modal-03 .mca-qr-box {
  width: 147px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
}
.mca-modal-03 .mca-info-box dl {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.mca-modal-03 .mca-info-box dt {
  color: #444;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mca-modal-03 .mca-info-box dt::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #222;
}
.mca-modal-03 .mca-info-box dd {
  color: #000;
  font-weight: 600;
}
.mca-modal-03 .mca-qna-box {
  background: #f8f8f8;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #e4e4e4;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mca-modal-03 .mca-qna-box dt {
  font-weight: 600;
  display: flex;
  gap: 4px;
}
.mca-modal-03 .mca-qna-box dt::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_alert_gray-a13a8b727db88b802876d2363c5ac1bd.svg) no-repeat center;
  background-size: 18px;
  margin-top: 2px;
}
.mca-modal-03 .mca-qna-box dd {
  padding: 8px 0 0 24px;
  font-size: var(--body-s-400);
  color: #333;
}

/***********************************\

    진로활동 내역 

************************************/
.mca-act-result-box {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 64px;
}
.mca-act-result-box .mca-head-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 50px;
  background: #f2f6fa;
  border-radius: 12px;
}
.mca-act-result-box .mca-head-cont p {
  font-size: 25px;
  font-weight: 700;
  color: #333;
}
.mca-act-result-box .mca-head-cont p b {
  color: #34587c;
  margin-right: 8px;
}
.mca-all-act-btn {
  gap: 32px;
}
.mca-all-act-btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  background: url(/cloud/w/img/common/icon_arrow_right_white-662ed613ce9e09b3d1ab0c8fd1df3d60.svg) no-repeat center;
}

.mca-act-result-box .mca-rst-list {
  margin-top: 0;
}
.mca-act-result-box .mca-rst-list ul li .no-date {
  margin-left: 44px;
}

/* 진로 상담 내역 */
.mca-detail-list.job-consult {
  padding: 11px 13px 65px 13px;
  border: 1px solid #ffd1b8;
  border-radius: 12px;
}
.mca-detail-list.job-consult .mca-cont-head {
  background: #e69a71;
}
.mca-detail-list.job-consult .mca-cont-head h3 {
  color: #fff;
}

/* 관심 직업 / 관심 학과 */
.mca-detail-list.interest {
  padding: 11px 13px 65px 13px;
  border: 1px solid #d6ddf4;
  border-radius: 12px;
}
.mca-detail-list.interest .mca-cont-head {
  background: #73758C;
}
.mca-detail-list.interest .mca-cont-head h3 {
  color: #fff;
}
.mca-detail-list.interest .mca-interest-list {
  width: 100%;
}
.mca-detail-list.interest .mca-interest-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}
.mca-detail-list.interest .mca-interest-list li:first-of-type {
  padding-top: 0;
}
.mca-detail-list.interest .mca-interest-list li a {
  display: block;
  color: #51586d;
  font-weight: 600;
  flex: 1;
  word-break: break-word;
}
.mca-detail-list.interest .mca-interest-list li span.date {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #949393;
  flex-shrink: 0;
  white-space: nowrap;
}
.mca-detail-list.interest .mca-interest-list li span.date::before {
  content: "";
  display: block;
  width: 20px;
  height: 24px;
  background: url(/cloud/w/img/common/icon_calendar-49d679a7e4c275732754fdf08e295108.svg) no-repeat center;
  background-size: 15px;
  filter: brightness(5);
}

/* 결과 없을 때 */
.mca-detail-list.no-result {
  padding: 11px 13px;
}
.mca-detail-list.no-result .com-no-result {
  padding: 48px 0;
}

/* 아로플러스 검사 결과 li */
.mca-rst-list ul li.aroplus {
  border: 1px solid #e2d6cb;
  background: #fffaf5;
}
.mca-rst-list ul li.aroplus strong {
  color: #A95F4E;
}
.mca-rst-list ul li.aroplus .mca-cont-ment {
  color: #c1936a;
}
.mca-rst-list ul li.aroplus .mca-cont-ment:before {
  filter: sepia(15);
}

.mca-act-result-box .mca-test-list {
  width: 80%;
  margin-top: 0;
}
.mca-act-result-box .mca-test-list li {
  /*padding: 10px 0 10px 40px !important;*/
  border: none;
  background: none;
  margin: 0;
  border-radius: 0;
}
.mca-act-result-box .mca-test-list li .mca-priority-list {
  margin-right: auto;
}
.mca-act-result-box .mca-test-list:has(> li:nth-child(2)) > li {
  border-bottom: 1px solid #c4d1e3;
}
.mca-act-result-box .mca-test-list:has(> li:nth-child(2)) > li:last-of-type {
  border-bottom: 0;
}
.mca-act-result-box .mca-rst-list .mca-test-list .mca-aro-test ul li {
}

.mca-act-result-box .mca-rst-list ul li.no-result {
  padding: 15px 30px;
}

.mca-rst-list ul li.aroplus {
  padding: 15px 30px;
}
.mca-rst-list ul li.aroplus .mca-tag-list {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 8px;
}
.mca-rst-list ul li.aroplus .mca-tag-list li {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}
.mca-rst-list ul li.aroplus .mca-tag-list li a {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--body-m-700);
  font-weight: 600;
}
.mca-rst-list ul li.aroplus .mca-tag-list li a::before {
  content: "\0023";
  color: #ad5a38;
}
.mca-rst-list ul li.aroplus .mca-btn-view {
  border: 1px solid #f1dfd9;
  color: #a08270;
}
.mca-rst-list ul li.aroplus .mca-btn-view span {
  background: #e69a71 url("/cloud/w/img/common/arr_view_w-b40918def806ed2a972caa6a60beda74.svg") no-repeat center center;
}
.mca-rst-list ul li.aroplus .interest-job {
  font-size: var(--body-s-700);
  color: #ad5a38;
  font-weight: 600;
}
.mca-rst-list ul li.aroplus .interest-job span {
  font-size: var(--body-m-700);
  font-weight: 600;
  color: #1d1d1d;
}

.mca-priority-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.mca-priority-list p {
  font-size: var(--body-s-700);
  color: #254a8c;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
/*.mca-priority-list p::before {content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/w/img/common/icon_priority-1bb0171f5bef5cc67a7734eda34ab059.svg) no-repeat center;}*/
.mca-priority-list span {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mca-priority-list span.first::before {
  content: "1";
  font-size: 14px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  background: #4379B6;
  border-radius: 50%;
  color: #fff;
}
.mca-priority-list span.second::before {
  content: "2";
  font-size: 14px;
  display: block;
  text-align: center;
  width: 20px;
  height: 20px;
  background: #D14800;
  border-radius: 50%;
  color: #fff;
}

.mca-time {
  margin-left: 40px;
}
.mca-time .date {
  width: 240px;
  font-size: var(--body-s-700);
  color: #254a8c;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.mca-time .date::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/common/icon_clock-6db2d8cd188a15ee68bf624b18e39729.svg) no-repeat center;
}
.mca-time .date span {
  font-size: 17px;
  color: #1d1d1d;
}
.mca-time .no-date {
  position: relative;
  font-size: var(--body-s-400);
  font-weight: 500;
  color: #7081a0;
  padding-left: 20px;
}
.mca-time .no-date:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background: url("/cloud/w/img/common/icon_ment_dark-77cb9e2e618547b3028e8c5635f45198.svg") no-repeat center center;
  background-size: cover;
}

.mca-conts-btn {
  display: block;
  width: fit-content;
  padding: 8px 16px;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #aaa;
  background: #fff;
  font-size: 15px;
}
.mca-conts-btn:hover {
  background: var(--career--gray-10);
}

/* 나의 진로활동 코치마크 */
.mca-coachmark {
  position: relative;
  width: fit-content;
}
.mca-coachmark.m-l-auto {
  margin-right: auto;
  margin-left: 15px;
}
.mca-coachmark::before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #fff;
  border: 1px solid #246beb;
  border-radius: 10px;
  outline: 10px solid #eff5ff;
}
.mca-coachmark.type-01 .com-coachmark {
  position: absolute;
  top: 50%;
  left: calc(100% + 50px);
  transform: translateY(-50%);
}
/* .mca-coachmark.type-02 { width: auto; } 
.mca-coachmark.type-02 .com-coachmark { position: absolute; top: calc(100% - 20px); right: 0; } 
.mca-coachmark.type-02::before { display: none; }  */
/* .mca-coachmark.type-03::before { width: 100%; height: 100%; } 
.mca-coachmark.type-03 .com-coachmark { position: absolute; right: calc(100% + 40px); top: 50%; transform: translateY(-50%); } 
.mca-coachmark.type-03 .com-coachmark.left::before { transform: translate(-10px ,-50%) rotate(45deg); left: unset; right: -21px; }  */

/* .mca-coachmark.type-04::before { display: none; }  */
.mca-coachmark.type-02 .com-coachmark {
  position: absolute;
  z-index: 3;
  top: calc(100% + 40px);
  left: 300px;
  transform: translateX(-50%);
}
.mca-coachmark.type-02 .com-coachmark.top::before {
  transform: translate(-150px, -10.7px) rotate(-45deg);
}

.mca-coachmark.type-03 .com-coachmark {
  position: absolute;
  z-index: 2;
  top: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
}
.mca-coachmark.type-03 .com-coachmark.l-100 {
  left: 100px;
}
.mca-coachmark.type-03 .com-coachmark.l-520 {
  left: 520px;
}
/* .mca-coachmark.type-03  .com-coachmark.top::before {transform: translate(-50%,-10.7px) rotate(-45deg);} */
.com-tab.type-01.coachmark {
  overflow: visible;
}
.com-tab.type-01.coachmark .com-coachmark {
  font-weight: 400;
}
.com-tab.type-01.coachmark .com-coachmark .btn-list li {
  border: 0;
}
.com-tab.type-01.coachmark .com-coachmark .btn-list button {
  background: none;
  color: #00151a;
  min-height: 40px;
  padding: 0 12px;
}
.com-tab.type-01.coachmark .com-coachmark .btn-list button.active {
  border: 1px solid var(--career--gray-90);
  border-radius: 6px;
}

.mca-job-act-list-box .hd .mca-coachmark {
  width: fit-content;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background-color: #fff;
  border: 1px solid #246beb;
  border-radius: 10px;
  outline: 10px solid #eff5ff;
}
.mca-job-act-list-box .hd .mca-coachmark .com-select-box {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mca-job-act-list-box .hd .mca-coachmark .com-select-box label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 19px;
}
.mca-job-act-list-box .hd .mca-coachmark .com-select-box select {
  width: 360px;
}
.mca-job-act-list-box .hd .mca-coachmark .manage-btn::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/common/icon_manage_blue-90ef78fb7bb8039f2c3f50268d9204e2.svg) no-repeat center;
}
.mca-job-act-list-box .hd .mca-coachmark.type-03 .com-coachmark {
  top: calc(100% + 25px);
}

.mca-crn .com-grid-box.box-flex {
  display: grid;
  gap: 0 24px;
  grid-template-columns: repeat(2, 1fr);
}
.mca-crn .com-card.img.type-04 .con-box {
  width: 100%;
  margin-bottom: 0;
}
.mca-crn .com-card.img.type-04 .con-hd {
  width: 100%;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.mca-crn .com-card.img.type-04 .img-box {
  width: 192px;
  height: 150px;
}
.mca-crn .com-card.img.type-04 .con-hd .con-exp {
  width: calc(100% - 245px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mca-crn .com-card.img.type-04 .con-hd .con-exp .tag-wrap {
  margin-bottom: 5px;
  display: flex;
  gap: 4px;
}
.mca-crn .com-card.img.type-04 .info-list-02 {
  flex-direction: row;
  width: 100%;
  margin-top: 8px;
}
.mca-crn .com-card.type-04 .tail-item-list {
  padding-left: 34px;
}
.mca-crn .com-card.img.type-04:last-child {
  border-bottom: 1px solid var(--career--gray-40);
}
.mca-crn .com-card.img.type-04 .info-list-03 ul {
  display: flex;
}
.mca-crn .com-card.img.type-04 .info-list-03 ul li::after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #d9d9d9;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.mca-crn .com-card.img.type-04 .info-list-03 ul li:last-child:after {
  display: none;
}
.mca-crn .com-card.img.type-04 .info-list-03 ul li::before {
  content: "";
  background: url(/cloud/w/img/sub/icon_check-dae490d63104e5fd56d928e2471984d0.svg) center no-repeat;
  width: 8.5px;
  height: 7.5px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}

/************************* 기타 **************************/
.ect-send-error-box {
  display: grid;
  gap: 40px;
}
.ect-send-error-box > div {
  padding: 40px;
  border: 1px solid var(--career--gray-40);
  border-radius: 12px;
}
.ect-send-error-box > div h3 {
  margin-bottom: 40px;
}
.ect-send-error-box .type .com-select-box.type-01.lg select {
  width: 558px;
}
.ect-send-error-box .form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.ect-send-error-box .form .com-text-input.lg input {
  width: 550px;
}
.ect-send-error-box .form .com-textarea {
  width: 100%;
}
.ect-send-error-box .form .com-textarea label {
  font-size: 19px;
}
.ect-send-error-box .form button[type="submit"] {
  margin: 0 auto;
}

.ect-send-error-box .etc-infobox {
  border: none;
  padding: 24px;
  background: var(--career--secondary-5);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ect-send-error-box .etc-infobox .con {
  font-size: var(--body-l-400);
}

.et-input-hint {
  font-size: var(--body-s-400);
  margin-top: 8px;
  color: var(--career--gray-70);
}

video {
  background: #000;
}

/* 241224 추가 */
.com-page-title .title-box .cc-mark01-box {
  margin-left: -5px;
}
.com-page-title .title-box .cc-mark01-box .btns {
  background-image: none;
}

.com-card.text .tail-item-list div.fake-btn {
  display: none;
}
.com-card.img .tail-item-list.last-no div.fake-btn {
  display: none;
}
.com-card.img.type-03 .com-link-btn {
  display: none;
}
.com-card .tail-item-list.mgT24 {
  margin-top: 0;
}
.com-card.img.type-03 .com-checkbox ~ .img-box {
  margin-bottom: 0px;
}
.com-card.img.type-03 .img-box {
  margin-bottom: 24px;
}
.com-card.img.type-03 .con-box {
  justify-content: normal;
}
.di-list.list .com-card.img .img-box {
  width: 200px;
  height: 165px;
}
.di-list.list .com-card.img.type-03 .con-box {
  width: calc(100% - 230px);
}

.com-grid-box.col-2 .com-card.img.type-03 {
  border-bottom: 1px solid var(--career--gray-40);
  padding: 6px 0 20px;
}
.com-grid-box.col-2 .com-card.img.type-03:hover {
  border-bottom: 1px solid var(--career--primary);
}
.com-grid-box.col-2 + .chart_point {
  margin-top: -25px;
}

.di-card-board-01 .img-box,
.di-card-board-02 .img-box {
  position: relative;
}
.di-card-board-01 .img-box span.date,
.di-card-board-02 .img-box span.date {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 15px;
  padding: 4px 10px;
  border-radius: 5px 0;
}

.cpt-intro-test-wrap .download-list ul {
  width: 200px;
}

.com-card.text.type-01 .con-hd {
  justify-content: space-between;
  align-items: end;
}
.com-card.text.type-01 .img-box {
  width: calc(100% - 140px);
  max-height: 165px;
}
.com-card.text.type-01 .info-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 120px;
}
.com-card.text.type-01 .info-list li.strch {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 9px;
}
.com-card.text.type-01 .info-list li.strch .com-badge.sm {
  padding: 0 8px;
}
.com-card.text.type-01 .info-list li.percent {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  color: var(--career--primary);
  font-weight: 500;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid var(--career--primary);
  background: var(--career--primary-5);
}
.com-card.text.type-01 .info-list li.percent.school::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/sub/Icon_chart-a708a601795105691ba9a1d4e1a64623.svg) no-repeat center;
}
.com-card.text.type-01 .info-list li.percent.company::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/cloud/w/img/sub/Icon_up-568ce53be2c0bb2b01fc263f3df11fc5.svg) no-repeat center;
}

.com-card.text.type-02 .con-hd {
  justify-content: space-between;
  align-items: end;
}
.com-card.text.type-02 .img-box {
  /*width:calc(100% - 140px); max-height:200px;*/
}
.com-card.text.type-02 .info-list-02 {
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
}
.com-card.text.type-02 .info-list-02 dl {
  width: 100%;
}
.com-card.text.type-02 .info-list-02 dt {
  font-size: 15px;
}
.com-card.text.type-02 .info-list-02 dd {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  color: var(--career--primary);
  font-weight: 500;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid var(--career--primary);
  background: var(--career--primary-5);
}
.com-card.text.type-02 .info-list-02 dd.good::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/sub/icon_face_smile-59befa554d12a1577f2f36d4e7b8cd53.svg) no-repeat center;
  background-size: 16px;
}
.com-card.text.type-02 .info-list-02 dd.bad::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/cloud/w/img/sub/icon_face_normal-91f6c7b136e13825c800ac45b7e277cc.svg) no-repeat center;
  background-size: 16px;
}

.com-card.img.type-03 .info-list-02 {
  display: flex;
  gap: 10px;
}
.com-card.img.type-03 .info-list-02 dl {
  display: inline-block;
}
.com-card.img.type-03 .info-list-02 dt,
.com-card.img.type-03 .info-list-02 dd {
  display: inline-block;
  font-size: var(--body-s-400);
}

.com-page-title .page-info {
  display: none;
}

.com-modal.mca-modal .modal-title + .com-tab.type-01 {
  margin-top: 20px;
}
.com-modal.mca-modal .com-tab.type-01 ~ .com-tab-content {
  padding: 20px 0;
}

.com-modal.mca-modal .hidden {
  font-size: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.modal-application .flex-box {
  display: inline-flex;
  gap: 10px;
  margin-top: 10px;
}
.modal-application {
  margin: 60px auto;
  text-align: center;
  position: relative;
}
.modal-application > p {
  font-size: 20px;
}
.modal-application .help {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 182px;
  height: 175px;
  padding: 20px 12px 25px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}

.modal-application .help img {
  margin: 0 auto;
}
.modal-application .help p {
  font-size: 13px;
  margin-top: 10px;
}

.modal-qr {
  text-align: center;
}
.modal-qr img {
  width: 50%;
  margin: 0 auto;
}
.modal-qr .text {
  font-size: 24px;
  margin: 0 auto;
}
.modal-qr .text span {
  display: block;
}
.helpText {
  margin-top: 30px;
  text-align: left;
}
.helpText > li {
  list-style: disc;
  list-style-position: inside;
  font-size: 18px;
  padding: 5px 0;
}
.helpText > li .sText {
  padding-left: 20px;
  font-size: 15px;
  margin-top: 5px;
}

.textlink {
  text-decoration: underline;
  display: inline-block;
}
.textlink + .textlink {
  margin-left: 5px;
}
.redColor {
  color: var(--career--point);
}

.cc-title-box-01 h3 {
  display: flex;
}
.mca-coachmark.off:before,
.mca-coachmark.off > .com-coachmark {
  display: none;
}

/* 진로심리검사 팝업 보기 리스트 */
.com-modal .modal-ctt + .cpt-flex-box,
.com-modal .modal-ctt + .modal-cont-box {
  margin-top: 20px;
}
.com-modal .cpt-flex-box + .scroll-box {
  margin-top: 20px;
}
.com-modal .scroll-box {
  height: 225px;
  overflow-y: auto;
  border: 1px solid #dcdcdc;
}
.list-select-box {
  display: flex;
  flex-wrap: wrap;
}
.list-select-box li {
  width: 20%;
  border: 1px solid #dcdcdc;
  border-left: none;
  border-top: none;
}

.list-select-box li button {
  width: 100%;
  height: 55px;
  text-align: left;
  padding: 5px 10px;
  font-size: 15px;
  word-break: break-all;
}
.list-select-box li button.on {
  background: var(--career--primary-50);
  color: var(--career--white);
}
.list-select-box li button.done {
  background-color: var(--career--gray-30);
  color: var(--career--gray-60);
  cursor: default;
}
.list-select-box li button:focus-visible {
  outline-offset: -4px;
}
.select-word-box {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: var(--label-m-400);
  font-weight: 400;
  padding: 0 16px;
  border: 1px solid var(--career--gray-60);
  border-radius: 8px;
}
.modal-cont-box + .modal-cont-box {
  margin-top: 20px;
}
.modal-cont-box > strong {
  display: block;
  margin: 0 0 10px;
}
.modal-cont-box .list-select-box {
  height: 165px;
  border: 1px solid #dcdcdc;
}
.modal-cont-box .list-select-box li button {
  height: 40px;
}
.modal-cont-box .list-select-box li:nth-child(5n) {
  border-right: none;
}

/* 테이블 게시판 체크박스 */
.com-table .com-checkbox {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.com-table .com-checkbox:focus-within {
  outline-offset: 0;
}
.com-table .com-checkbox input[type="checkbox"] + label {
  gap: 0;
  padding: 0;
}

/* 앨범형 게시판 체크박스 */
.com-grid-box .com-checkbox {
  width: 20px;
  height: 20px;
}
.com-grid-box .com-checkbox:focus-within {
  outline-offset: 0;
}
.com-grid-box .com-checkbox input[type="checkbox"] + label {
  gap: 0;
}

/* 직업백과 인기직업 */
#jobRankWrap {
  position: relative;
  z-index: 10;
}
#jobRankWrap .job-rank-btn {
  position: fixed;
  top: 300px;
  right: 50px;
}

#jobRankWrap .jobRank {
  width: 288px;
  border: 1px solid #c0c9d0;
  border-radius: 20px;
  padding: 20px 24px;
  position: fixed;
  top: 190px;
  right: 190px;
  background-color: #fff;
  display: none;
}
#jobRankWrap .jobRank .top-close-btn {
  display: flex;
  justify-content: flex-end;
}
#jobRankWrap .jobRank a.close-btn {
  display: inline-block;
}

#jobRankWrap .jobRank .tit-wrap {
  text-align: center;
}
#jobRankWrap .jobRank .tit-wrap .tit {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 3px;
}
#jobRankWrap .jobRank .tit-wrap .tit span {
  color: #0074E5;
}
#jobRankWrap .jobRank .tit-wrap .exp {
  font-size: 13px;
  color: #777;
}

#jobRankWrap .rank-tab {
  display: flex;
  margin: 18px 0;
  position: relative;
  gap: 2px;
}
#jobRankWrap .rank-tab > li {
  text-align: center;
  font-size: 15px;
  width: 33.33%;
  height: 220px;
}
#jobRankWrap .rank-tab > li > a {
  display: block;
  border-radius: 10px 10px 0 0;
  padding: 8px;
  background: #eee;
  color: #555;
  font-weight: 500;
}
#jobRankWrap .rank-tab > li.on > a {
  background: #0074E5 url("/cloud/w/img/common/bg_patten_01-5be5a7eb9c5fa7f443abae9f1579f858.png");
  color: #fff;
}

#jobRankWrap .rank-tab > li .con-tab {
  display: flex;
  border-radius: 4px;
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 1;
  width: 100%;
}
#jobRankWrap .rank-tab > li .con-tab > li {
  width: 50%;
  text-align: center;
  font-size: 14px;
}
#jobRankWrap .rank-tab > li .con-tab > li > a {
  background-color: #eeeeee;
  padding: 6px;
  border: 1px solid #c6c6c6;
}
#jobRankWrap .rank-tab > li .con-tab > li:first-child a {
  border-right: 0;
}
#jobRankWrap .rank-tab > li .con-tab > li:nth-child(1) > a {
  border-radius: 5px 0 0 5px;
}
#jobRankWrap .rank-tab > li .con-tab > li:nth-child(2) > a {
  border-radius: 0 5px 5px 0;
}
#jobRankWrap .rank-tab > li .con-tab > li.active > a {
  font-weight: 600;
  color: #1d56bc;
  background-color: #fff;
}
#jobRankWrap .rank-tab > li .con-tab > li.active > a::before {
  content: "";
  background: url(/cloud/w/img/sub/icon_rank_check-ab7bcec9af67d909ac2e1580b55fd509.svg) center no-repeat;
  width: 14px;
  height: 13px;
  display: inline-block;
  margin-right: 6px;
}
#jobRankWrap .rank-tab > li .con-tab > li > a {
  display: block;
}

#jobRankWrap .con-result {
  margin-top: 10px;
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0px;
}
#jobRankWrap .con-result > li {
  font-size: 15px;
  margin-bottom: 5px;
}
#jobRankWrap .con-result > li:last-child {
  margin-bottom: 0;
}
#jobRankWrap .con-result > li > a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#jobRankWrap .con-result > li > a .num {
  border-radius: 4px;
  background-color: #625c5c;
  font-size: 13px;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}

#jobRankWrap .closing-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #c0c9d0;
}
#jobRankWrap .closing-wrap .com-checkbox input[type="checkbox"] + label {
  gap: 4px;
  font-size: 14px;
  color: #666;
  padding: 4px 0 0 0;
}
#jobRankWrap .closing-wrap .txt-close {
  font-size: 14px;
  font-weight: 600;
  color: #1d1d1d;
  text-decoration: underline;
}

#jobRankWrap .con-tab {
  display: none;
}
#jobRankWrap .con-result {
  display: none;
}

/* 통합검색 인기검색어 */
.search_top .search-top-first {
  display: flex;
  gap: 30px;
  align-items: flex-end;
}
.search_top .search-top-first .word-rank-btn {
  display: block;
  width: 288px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #31bbb4;
  border-radius: 8px;
  font-size: 17px;
  color: #000;
  text-align: center;
}
.search_top .search-top-first .word-rank-btn:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/cloud/w/img/common/rank_btn-30ebf11bc038d3a97aba562f8204e561.svg) no-repeat;
  margin-right: 8px;
  vertical-align: -5px;
}
.search_top .wordRank {
  position: absolute;
  z-index: 1;
  width: 288px;
  background: #fff;
  border: 1px solid #c0c9d0;
  border-radius: 20px;
  padding: 22px;
  margin-top: 12px;
}
.search_top .wordRank .close-btn {
  position: absolute;
  top: 22px;
  right: 22px;
}
.search_top .wordRank .tit {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 22px;
  color: #000;
  padding: 35px 0 12px;
  border-bottom: 1px solid #ddd;
  background: url(/cloud/w/img/common/img_rank_btn-e5b067fabe7417a0f5f63ff4e7252ae5.svg) no-repeat top center;
}
.search_top .wordRank .con-result {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2열 */
  list-style: none;
}
.search_top .wordRank .con-result li {
  line-height: 18px;
}
.search_top .wordRank .con-result li:nth-child(n+3) {
  margin-top: 10px;
}
.search_top .wordRank .con-result li a {
  display: flex;
  align-items: center;
}
.search_top .wordRank .con-result li a .num {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #008486;
  border-radius: 3px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  margin-right: 10px;
  flex-shrink: 0;
}
.search_top .wordRank .con-result li a .txt {
  font-size: 16px;
  color: #000;
  display: inline-block;  /* 말줄임 */
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

/* 0403 추가직업 추가 */
.com-conts-area .info-img img {
  margin: 0 auto;
}
.ji-conts-box.case02 {
  border-bottom: none;
}
.com-conts-area .info-txt em {
  font-weight: 500;
  color: var(--career--primary-50);
  font-style: normal;
}
.com-conts-area .notice {
  font-size: var(--body-s-400);
}
.com-conts-area .com-conts-tit {
  font-size: var(--title-m-700);
  font-weight: 600;
  color: #333;
}
.com-conts-area .com-conts-tit .num {
  display: inline-block;
  text-align: center;
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: var(--title-m-700);
  font-weight: 700;
  border-radius: 100%;
  padding: 0;
  line-height: 36px;
  margin-right: 15px;
}
.com-conts-area .com-conts-tit .num.num01 {
  background-color: #3bae54;
}
.com-conts-area .com-conts-tit .num.num02 {
  background-color: #f5800c;
}
.com-conts-area .com-conts-tit .num.num03 {
  background-color: #ed6286;
}
.com-conts-area .com-conts-tit .num.num04 {
  background-color: #7d75d7;
}

/*에러페이지*/
.error-page {
  margin-top: 226px;
  text-align: center;
}
.error-page:before {
  content: "";
  display: block;
  width: 116px;
  height: 116px;
  background: url(/cloud/w/img/common/bg_error-22a7ea153ae129e3cafeb2bcf81d1ef9.png) no-repeat top center;
  background-size: 116px 116px;
  margin: 0 auto 30px;
}
.error-page .big-p {
  font-size: 26px;
}
.error-page .sm-p {
  font-size: 16px;
  margin-bottom: 50px;
}
.error-page .btn-error {
  display: block;
  width: 217px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  background: #1b58de;
  border-radius: 5px;
}

/*이벤트: 로그인 하러가기*/

.login-card-wrap {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.login-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 30px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background-color: #f9fbfd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  max-width: 540px;
  width: 100%;
  flex-wrap: wrap;
}

.login-text p {
  margin: 0;
  font-size: 1.4rem;
  color: #333;
}

.login-text .bold {
  font-weight: 700;
  color: #111;
}

.login-text .highlight {
  font-weight: 600;
  color: #2a70e0;
}

.login-btn {
  background-color: #2a70e0;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.login-btn:hover {
  background-color: #1f58b6;
}

/*이벤트: 응모 완료*/
.event-complete-wrap {
  display: flex;
  justify-content: center;
}

.event-complete-card {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding: 20px 30px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background-color: #f9fbfd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  max-width: 540px;
  width: 100%;
  min-height: 80px;
  flex-wrap: wrap;
  margin-top: 48px;
}

.event-complete-text {
  margin: 0;
  font-size: 1.5rem;
  color: #2a70e0;
  font-weight: 500;
}

.event-complete-text strong {
  font-weight: 700;
}

.growtooltip strong .mark{display:inline-block; vertical-align: middle; margin: -4px 0 0 5px;}
.growtooltip strong p:before{content:''; display:block; width:10px; height: 10px; border-top:1px solid #000; border-right:1px solid #000; background:#fff; transform: rotate(-45deg); position:absolute; top:-7px; left:16px;}
.growtooltip strong p{display:none; position:absolute; top:30px; left:0px; z-index:50; width:260px; border:1px solid #000; border-radius: 5px; background:#fff; font-size:14px; font-weight: 400; color:#000; padding: 25px 20px; text-align: left;}
.growtooltip strong .mark:hover + p {display:block;}

/* 이용문의 Q&A*/
.iqr-view {
  font-size: var(--body-m-500);
  font-weight: 500;
  padding: 10px 10px;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0 20px;
}

.iqr-view.ques {
  color: #FFFFFF;
  background-color: #00407F;
}

.iqr-view.ans {
  color: #00407F;
  background-color: #E1ECF9;
}

.iqr-view-cont {
  margin : 30px 0 50px 20px;
}

.file-upload-cont input[type="file"] {
  display: none;
}

.file-upload-cont input {
  width: 60%;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.file-upload-files button {
  margin-left: 5px;
  margin-top: 5px;
  background: url(/cloud/w/img/newImg/icon_x_big-ec1751fad7a4c5a10746f3d16385af72.svg) no-repeat;
  width: 16px;
  height: 16px;
}

.file-upload-files li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

/* 모달팝업 20251202 */
.modal-ctt .inner input { width: 100%; color: var(--career--primary-90); border-radius: 8px; height: 44px; border: 1px solid #717171; font-size: 17px; padding: 0 16px; }
.modal-ctt .inner input::placeholder { color: #8e8e8e; }
.modal-ctt .inner .mca-detail-btns{margin-top: 10px;margin-bottom: 30px;}
.modal-ctt .inner .com-btn{width: 100%;border-radius: 40px;}
.modal-ctt .inner .com-btn.gray{background-color: #65696e;color:#fff}
.modal-ctt .cc-txt-01 li{position: relative;padding-left: 17px;font-weight: 400;}
.modal-ctt .cc-txt-01 li::before { content: "※"; width: 20px; height: 20px; position: absolute; top: 0; left: 0;  }