@charset "UTF-8";
/* 버튼 - content.css, layout.css */
/* subpage contents */
.layout-box {
  margin-top: 80px;
}

pre {line-height: 145%;} /* 250407 */
.img {
  width: 100%;
  min-height: 155px;
  overflow: hidden;
  border-radius: 10px;
  background: #eee url("../images/common/ico_photo.png") no-repeat center;
}
.img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  transition: 0.3s ease;
}

/* input */
input[type=text] {
  border-radius: 8px;
}

input[type=file]::file-selector-button {
  padding-left: 12px;
  padding-right: 26px;
  width: 100px;
  height: 30px;
  background: #FFF9E8 url("../images/sub/ico_upload.png") no-repeat center right 12px;
  border: 1px solid #FFA038;
  border-radius: 22px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
  cursor: pointer;
}

input.disabled:-moz-read-only {
  background-color: #D8D8D8;
  border: 1px solid #C6C6C6;
}

input.disabled:read-only {
  background-color: #D8D8D8;
  border: 1px solid #C6C6C6;
}

select.input--disabled:-moz-read-only {
  background-color: #D8D8D8;
  border: 1px solid #C6C6C6;
}

select.input--disabled:read-only {
  background-color: #D8D8D8;
  border: 1px solid #C6C6C6;
}

.checkbox__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0 80px;
}

.line-solid {border-top: 1px solid #62D491; margin-top: 10px; display: block;}  /* 250329  (ej) */
.line-dotted {border-top: 1px dotted #aaa; margin-top: 10px; display: block;}  /* 250329  (ej) */
.line-dashed {border-top: 1px dashed #aaa; margin-top: 10px; display: block;}  /* 250329  (ej) */

.input--text, .input--chk, .input__select {
  min-width: auto;
}
.input--text.w100, .input--chk.w100, .input__select.w100 {
  max-width: 100px;
}
.input--text.w110, .input--chk.w110, .input__select.w110 {
  max-width: 110px;
}
.input--text.w120, .input--chk.w120, .input__select.w120 {
  max-width: 120px;
}
.input--text.w125, .input--chk.w125, .input__select.w125 {
  max-width: 125px;
}
.input--text.w140, .input--chk.w140, .input__select.w140 {
  max-width: 140px;
}
.input--text.w160, .input--chk.w160, .input__select.w160 {
  max-width: 160px;
}
.input--text.w180, .input--chk.w180, .input__select.w180 {
  max-width: 180px;
}
.input--text.w200, .input--chk.w200, .input__select.w200 {
  max-width: 200px;
}
.input--text.w250, .input--chk.w250, .input__select.w250 {
  max-width: 250px;
}
.input--text.w265, .input--chk.w265, .input__select.w265 {
  max-width: 265px;
}
.input--text.w300, .input--chk.w300, .input__select.w300 {
  max-width: 300px;
}
.input--text.w350, .input--chk.w350, .input__select.w350 {
  max-width: 350px;
}
.input--text.w405, .input--chk.w405, .input__select.w405 {
  max-width: 405px;
}
.input--text.w490, .input--chk.w490, .input__select.w490 {
  max-width: 490px;
}
.input--text.w495, .input--chk.w495, .input__select.w495 {
  max-width: 495px;
}
.input--text.w520, .input--chk.w520, .input__select.w520 {
  max-width: 520px;
}
.input--text.w100p, .input--chk.w100p, .input__select.w100p {
  max-width: 100%;
}
.input--text.w100, .input__select.w100 {
  width: 100%;
}
.input--text.w110, .input__select.w110 {
  width: 100%;
}
.input--text.w120, .input__select.w120 {
  width: 100%;
}
.input--text.w125, .input__select.w125 {
  width: 100%;
}
.input--text.w140, .input__select.w140 {
  width: 100%;
}
.input--text.w160, .input__select.w160 {
  width: 100%;
}
.input--text.w180, .input__select.w180 {
  width: 100%;
}
.input--text.w200, .input__select.w200 {
  width: 100%;
}
.input--text.w250, .input__select.w250 {
  width: 100%;
}
.input--text.w265, .input__select.w265 {
  width: 100%;
}
.input--text.w300, .input__select.w300 {
  width: 100%;
}
.input--text.w350, .input__select.w350 {
  width: 100%;
}
.input--text.w405, .input__select.w405 {
  width: 100%;
}
.input--text.w490, .input__select.w490 {
  width: 100%;
}
.input--text.w495, .input__select.w495 {
  width: 100%;
}
.input--text.w520, .input__select.w520 {
  width: 100%;
}
.input--text.w100p, .input__select.w100p {
  width: 100%;
}
.input--text {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.input--text::-moz-placeholder {
  color: #767676;
}
.input--text::placeholder {
  color: #767676;
}
.input--text.tel + .input--text.tel {
  margin-left: 6px;
}
.input--text + button {
  margin-left: 8px;
}
.input--text.black {
  border-color: #666;
}
.input--text + .input--text {
  margin-left: 10px;
}
.input__select {
  background: #fff url("../images/sub/ico_select.png") no-repeat center right 16px;
  background-size: 20px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 400;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
}
.input__select + .input--text {
  margin-left: 10px;
}
.input__select + .input__select {
  margin-left: 8px;
}
.input--chk {
  display: inline-block;
  margin: 0;
  font-size: 0;
  margin-bottom: 20px;
  vertical-align: middle;
}
.input--chk label {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  cursor: pointer;
}
.input--chk input {
  position: relative;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.input--chk input::before {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #717171;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  content: "";
}
.input--chk input:disabled::before { /* 250317 (ej) */
  background-color: #d8d8d8;
  border-color: #ccc;
}
.input--chk input:checked::before { /* 250317 (ej) */
  background: #254197 url("../images/sub/ico_check-w.png") center no-repeat;
  border: none;
}
.input--chk input[type=radio] {
  position: relative;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.input--chk input[type=radio]::before {
  position: absolute;
  border-radius: 50px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #717171;
  box-sizing: border-box;
  cursor: pointer;
  content: "";
}
.input--chk input[type=radio]:checked::before {
  background: #fff;
  border-color: #254197;
}
.input--chk input[type=radio]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #254197;
  position: absolute;
  left: 6px;
  top: 6px;
}
.input--affix {
  margin: 0 10px;
  vertical-align: middle;
  color: #000;
}

.radio__wrap--vert .input--rdo {
  position: relative;
  font-size: 0;
}
.radio__wrap--vert .input--rdo input[type=radio] {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio__wrap--vert .input--rdo input[type=radio]:focus-visible {
  outline: 2px dashed #2e56d8;
  outline-offset: 2px;
}
.radio__wrap--vert .input--rdo input[type=radio].blind {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: unset;
}
.radio__wrap--vert .input--rdo input[type=radio]:checked + label .rdo__checkbox {
  border-color: #254197;
}
.radio__wrap--vert .input--rdo input[type=radio]:checked + label .rdo__checkbox::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #254197;
  border-radius: 50%;
  transition: 0.15s ease-in;
  content: "";
}
.radio__wrap--vert .input--rdo .rdo__checkbox {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #717171;
  border-radius: 50%;
  vertical-align: middle;
  transition: 0.1s ease-in;
}
.radio__wrap--vert .input--rdo label {
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
}
.radio__wrap--vert .input--rdo label span {
  font-size: 17px;
  vertical-align: middle;
}
.radio__wrap--vert .input--rdo + .input--rdo {
  margin-top: 16px;
}
.radio__wrap--vert.square .input--rdo {
  position: relative;
  flex-grow: 1;
  width: 100%;
}
.radio__wrap--vert.square .input--rdo input {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
}
.radio__wrap--vert.square .input--rdo input:focus-visible + label {
  outline: 2px dashed #2e56d8;
}
.radio__wrap--vert.square .input--rdo label {
  display: inline-block;
  padding: 18px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  transition: 0.1s ease-in;
}
.radio__wrap--vert.square .input--rdo label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_check.png") no-repeat center;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  opacity: 0;
  margin-left: -20px;
}
.radio__wrap--vert.square .input--rdo input:checked + label {
  background-color: #ECF2FE;
  border-color: #256EF4;
  color: #0B50D0;
}
.radio__wrap--vert.square.check label::before {
  /* content: "";
  display: inline-block;
  width: 20px;
  height: 20px; */
  /* background-image: url("../images/sub/ico_check.png"); */
  /* vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  opacity: 0;
  margin-left: -20px; */
}
.radio__wrap--vert.square.check input:checked + label::before {
  opacity: 1;
}

.radio__wrap--horiz {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0;
}
.radio__wrap--horiz .input--rdo {
  position: relative;
  flex-grow: 1;
  width: 100%;
}
.radio__wrap--horiz .input--rdo input {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
}
.radio__wrap--horiz .input--rdo input:focus-visible + label {
  outline: 2px dashed #2e56d8;
}
.radio__wrap--horiz .input--rdo label,
.radio__wrap--horiz .input--rdo .tab-btn {  /* 250320 tab-btn 선택자 추가 (ej) */
  display: inline-block;
  padding: 18px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  transition: 0.1s ease-in;
}
.radio__wrap--horiz .input--rdo input:checked + label,
.radio__wrap--horiz .input--rdo .tab-btn.active {  /* 250320 (ej) */
  background-color: #ECF2FE;
  border-color: #256EF4;
  color: #0B50D0;
}
.radio__wrap--horiz.check label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_check-g.png") no-repeat center;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  /* opacity: 0; */
  margin-left: -20px;
}
.radio__wrap--horiz.check input + label{
  padding-left: 32px;
}
.radio__wrap--horiz.check input:checked + label::before {
  opacity: 1;
  background-image: url("../images/sub/ico_check.png");
}
.radio__wrap--horiz.dashed input:checked + label {
  border-style: dashed;
}
.radio__wrap--horiz .input--rdo input:disabled + label,
.radio__wrap--horiz .input--rdo input:checked:disabled + label {
  border-color: #C6C6C6;
  background-color: #D8D8D8;
  color: #717171;
}
.radio__wrap--horiz .input--rdo input:checked:disabled + label::before {
  opacity: 0.5;
}

/* text */
.wrn-txt__wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  line-height: normal;
}
.wrn-txt__wrap .wrn-txt {
  margin-top: 0;
}
.wrn-txt__wrap .wrn-txt.gray {
  font-size: 16px;  /* 250324 font size (ej) */
}

.wrn-txt__wrap.right {
  align-items: flex-end;
}

p.basic {
  margin-top: 20px;
  line-height: 145%;
}

p.wrn-txt {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  margin-top: 8px;
  padding-left: 16px; /* 250321 font size (ej) */
  font-size: 16px;/* 250321 font size (ej) */
  color: #D63D4A;
  font-weight: 400;
}
p.wrn-txt::before {
  display: inline-block;
  margin-right: 3px;
  font-size: 17px;  /* 250321 font size (ej) */
  vertical-align: top;
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
p.wrn-txt a {
  text-decoration: underline;
  color: inherit;
}

p.wrn-txt.gray {
  font-size: 16px; /* 250324 font size (ej) */
  color: #666;
  font-weight: 400;
}

p.wrn-txt.black {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

p.wrn-txt.big::before {
  font-size: 16px;
}

.ico-txt { padding-left:30px; position:relative; font-size:16px;  margin-top: 25px;}/* 250320 (ej) */
.ico-txt .ico { position:absolute; left:0; top:0;}
.ico.target { background: url("../images/sub/ico_target2.png") left center no-repeat; display:inline-block; vertical-align:middle; width:20px; height:20px; } /* 250320 (ej) */
.ico.privacy { background: url("../images/sub/ico_privacy.svg") left center no-repeat; display:inline-block; vertical-align:middle; width:20px; height:20px; text-indent: -99999px;  } /* 250407 (ej) */

.align-l {
  text-align: left;
}

.align-r {
  text-align: right;
}

.align-c {
  text-align: center;
}

.green {
  color: #166235;
}

.green2 {
  color: #207C46;
}

.red {
  color: #d71921;
}

.empty {
  margin: 30px 0;
  min-height: 300px;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  /* 250409 (ej) */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* // 250409 (ej) */
}

.point {
  color: #d71921;
}

/* 250312 정렬 추가 (ej) */
.flex { display:flex; gap:20px;}
.flex.flex-nowrap { flex-wrap:nowrap; padding-bottom:0;}
.flex.flex-wrap { flex-wrap:wrap;}
.flex.between { justify-content: space-between;}
.flex.bottom { align-items: flex-end;}
.flex.top { align-items: flex-start;}


/* pagination */
.table-pagination {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}
.table-pagination li {
  display: inline-block;
  font-size: 17px;  /* 250324 font size (ej) */
  vertical-align: middle;
}
.table-pagination li a {
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;  /* 250327 (ej) */
  padding:0 4px;  /* 250327 (ej) */
  transition: 0.3s ease;
  color: #464C53;
}
.table-pagination li a:hover {
  background-color: #ebeffc;
}
.table-pagination li a:active {
  background-color: #d9dff3;
}
.table-pagination li.previous a, .table-pagination li.next a {
  padding: 0 5px;
  width: auto;
}
.table-pagination li.previous i.icon, .table-pagination li.next i.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.table-pagination li.previous i {
  background-image: url("../images/sub/ico_pagination_L.png");
}
.table-pagination li.next i {
  background-image: url("../images/sub/ico_pagination_R.png");
}
.table-pagination li a.now {
  background-color: #254197;
  font-weight: 700;
  color: #fff;
}
.table-pagination li.last {
  position: relative;
  width: auto;
  padding-left: 44px;
  margin-left: 0;
}
.table-pagination li.last::before {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_omission.png") no-repeat center;
  content: "";
}
.table-pagination li.first {
  position: relative;
  width: auto;
  padding-right: 44px;
  margin-left: 0;
}
.table-pagination li.first::before {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_omission.png") no-repeat center;
  content: "";
}
.table-pagination li + li {
  margin-left: 8px;
}
.table-pagination li + li:first-child {
  margin-left: 0px;
}

/* list */
ul.basic {
  margin-top: 20px;
}
ul.basic ul.basic { /* 250327  (ej) */
  margin-top: 10px;
}
ul.basic > li {
  word-break: keep-all;
  margin-left: 0;
  margin-top: 8px;
  position: relative;
  padding-left: 14px;
  color: #333;
  font-size: 16px;
}
ul.basic > li::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #333;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 100px;
  top: 9px;
  transform: translateY(-50%);
}
ul.basic.type2 > li {
  padding-left: 10px;
}
ul.basic.type2 > li::before {
  width: 5px;
  height: 1px;
  background-color: #444;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 9px;
  transform: translateX(-50%);
  border-radius: 3px;
  content: "";
}
ul.basic.type3 > li {
  padding-left: 15px;
}
ul.basic.type3 > li::before {
  position: absolute;
  left: 0;
  top: 10px;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  font-size: 19px;
  font-weight: 500;
  content: "※";
}
ul.basic.type4 > li {
  padding-left: 13px;
}
ul.basic.type4 > li::before {
  position: absolute;
  left: 0;
  top: 13px;
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  font-size: 19px;
  font-weight: 500;
  content: "*";
}
ul.basic.none {
  margin-top: 5px;
}
ul.basic.none > li {
  padding-left: 0;
}
ul.basic.none > li::before {
  display: none;
}
ul.basic > li:first-child {
  margin-top: 0;
}

ol.basic > li {
  word-break: keep-all;
  list-style: decimal;
  margin-left: 18px; /* 250401  (ej) */
  margin-top: 8px;
}
ol.basic.type2 li {/* 250401  (ej) */
  border-bottom:1px dotted #aaa;
  padding-bottom:4px;
}
ol.basic.type2 li:last-child {/* 250401  (ej) */
  border-bottom:0;
}

.box-solid .c_red, .box-basic .c_red {
  color: #d71921;
}

.box-solid {
  padding: 22px 30px;  /* 250324 여백 수정 기존 40px (ej) */
  background: #EEF2F7;
  /* border: 1px solid #ddd; */
  font-size: 20px;
  font-weight: 700;
  color: #1d1d1d;
  border-radius: 12px;
  margin-top: 20px;
}
.box-solid p { line-height:145%;}
.box-solid .basic {
  font-weight: 400;
  font-size: 16px;
  margin-top: 0px;
}
.box-solid.white {
  padding: 20px 20px;
  background: transparent;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
}

.box-line { padding: 48px 86px; margin-top:20px; background:#fff; border:1px solid #62d491; border-radius: 12px;} /* 250324 line 타입 박스 추가 (yj)*/
.box-line.type2 {
  padding: 20px;
  margin-top: 48px;
  background:#fff;
  border: 1px solid #B1B8BE;
}

.box-solid.type2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  border-radius: 12px;
}
.box-solid.type2 .date, .box-solid.type2 .view {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}
.box-solid.type2 .date::before, .box-solid.type2 .view::before {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  content: "";
  margin-top:-2px; /* 250324 font size (ej) */
}
.box-solid.type2 .date::before {
  background-image: url("../images/sub/ico_clock.png");
}
.box-solid.type2 .view::before {
  background-image: url("../images/sub/ico_view.png");
}
.box-solid.type2 .date + .view {
  margin-left: 20px;
}
.box-solid.type2 .view + .btn {
  margin-left: 20px;
}

.box-basic {
  padding: 22px 25px;
  background: #FFF9E8;
  font-size: 16px;
  font-weight: 400;
  color: #1d1d1d;
  border-radius: 0;
  margin-top: 20px;
}

.box-gray {
  padding: 15px 27px;
  background: #EEEEEE;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 700;
  color: #333;
  margin-top: 80px;
}
.box-gray .red {
  color: #d71921;
}
.box-gray ul.basic {
  margin-top: 0;
}
.box-gray ul.basic li {
  margin-top: 4px;
  color: #333;
  font-size: 16px; /* 250324 font size (ej) */
}
.box-gray ul.basic li::before {
  background: #333;
}

/* table */
/* .radius-box{
  margin-top: 10px;
  border-radius: 8px;
  overflow: hidden;
}
.radius-box .table-list{
  margin-top: 0;
} */
.table-list {
  margin-top: 10px;
  width: 100%;
  /* border-left: 0;
  border-right: 0; */
  font-size: 16px;/* 250321 font size (ej) */
  text-align: center;
}
.table-list thead {
}
.table-list thead tr {
  height: 55px;
  vertical-align: middle;
  border-radius: 8px 8px 0 0;
}
.table-list thead th {
  font-weight: 700;
  background-color: #254197;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #fff;
  color: #fff;
  box-sizing: border-box;
}
.table-list thead th.col-highlight{
  background-color: #142C74;
}
.table-list thead tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.table-list thead tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.table-list thead th:last-child {
  /* border-right-color: #254197; */
  border-right: 0;
}
.table-list thead button {
  display: block;
  padding: 0;
  width: 100%;
  height: 48px;
  font-size: 16px; /* 250324 font size (ej) */
  vertical-align: middle;
}
.table-list thead .tip__button::after {
  display: inline-block;
  margin-top: -2px;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url("../images/sub/ico_info.png") no-repeat center;
  content: "";
}
.table-list thead span.text--thin {
  display: block;
  font-weight: 400;
}
.table-list thead .rowspan {
  height: 28px;
}
.table-list thead .rowspan th {
  height: 28px;
}
.table-list tbody tr {
  height: 48px;
  background-color: #fff;
}
.table-list tbody tr:hover {
  background-color: #ECF2FE; /* 260701 (yz) */
}
.table-list tbody tr:last-child {
  border-bottom: none;
}
.table-list tbody tr + tr {
  border-top: 1px solid #CCCCCC;
}
.table-list tbody th {
  background: #ECEFF9;
  border: 1px solid #C8CFF1;
  border-top: none;
}
.table-list tr {
  height: 48px;
  box-sizing: border-box;
}
.table-list tr th {
  height: 48px;
  padding:5px;/* 250321 font size, 250324 여백  (ej) */
  /* background: #EDF9F0; */
  vertical-align: middle;
  font-weight:600; /* 250321 font size (ej) */
  letter-spacing:-0.4px; /* 250321 font size (ej) */
  font-size:17px; /* 250321 font size (ej) */
}
.table-list tbody tr:last-child th {
  border-bottom-left-radius: 8px;
}
.table-list tr td {
  padding: 5px 10px; /* 250324 font size (ej) */
  height: 48px;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #CDD1D5;
  border-top: none;
}
.table-list tr td.col-highlight{
  background-color: #F5F5F5;
}
.table-list tr td.th {
  background: #ECEFF9;
  border: 1px solid #C8CFF1;
  border-top: none;
  font-weight: 600;
}
.table-list tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}
.table-list tr td.pad0 {
  padding: 0;
}
.table-list tr .contents--title:hover {
  text-decoration: underline;
}
.table-list td.line {
  padding: 0 20px;
  word-break: break-word;
}
.table-list .table__btn--retake {
  padding: 4px;
  width: 69px;
  background-color: #767676;
  border-radius: 5px;
  font-weight: 400;
  color: #fff;
  box-sizing: border-box;
  transition: 0.3s ease;
}
.table-list .table__btn--retake:hover {
  background-color: #666;
}
.table-list .contents--title {
  display: block;
  max-width: 90%;
  padding: 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: #254197;   /* 260701 (ej) */
}
.table-list .contents--title .ico.privacy { margin-right: 6px; margin-top: -2px;} /* 250407 (ej) */
.table-list td a {
  color:#254197;   /* 250320 (ej) */
  text-decoration:underline;   /* 250320 (ej) */
}
.table-list td a:hover {
  color:#333;   /* 250324 (ej) */
}
.table-list .align-l {
  text-align: left;
}
.table-list td .badge {
  padding: 3px 2px;  /* 250325 (ej) */
  width: auto;
  background-color: #DFE4F4;
  border: 1px solid #8CA8FE;
  border-radius: 4px;
  font-weight: 400;
  color: #2E4CA7;
  min-width:40px;  /* 250325 (ej) */
}
.table-list .label {
  display: inline-block;
  padding: 2.5px 10px;
  background: #FFF;
  border-radius: 10px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #333;
  text-align: left;
}
.table-list .label.dash {
  border: 1px dashed #CCCCCC;
}
.table-list .label.solid {
  margin: 3px 0;
  border: 1px solid #CCCCCC;
}
.table-list .label + .label {
  margin-left: 0;
}

.table-box {
  width: 100%;
 /*  border-top: 2px solid #62D491; */  /* 250321 (ej) */
  border-bottom: 2px solid #254197;
  font-size: 16px; /* 250324 font size (ej) */
  background:#fff; /* 250318 (ej) */
}
.table-box tbody tr:last-child th, .table-box tbody tr:last-child td {
  border: none;
}

.table-box thead tr:first-child, .table-box tbody tr:first-child {  /* 250321 (ej) */
  border-top: 2px solid #254197;
}
.table-box tbody th {
  height: 50px;
  background: #ECEFF9;
  border-bottom: 1px solid #CCCCCC;
  font-weight: 600; /* 250407 (ej) */
  vertical-align: middle;
}
.table-box tbody td {
  height: 50px;
  /* background-color: #fff; */ /* 250318 (ej) */
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  vertical-align: middle;
}
.table-box tbody .td--input {
  padding: 5px;
}
.table-box tbody .td--input .box__input--file {
  padding-left: 20px;
}
.table-box tbody .wrn-text__box {
  line-height: normal;
}
.table-box tbody .wrn-text__box .wrn-txt {
  margin: 8px 0;
  font-size: 16px; /* 250324 font size (ej) */
}
.table-box .contents--title {
  display: block;
  max-width: 90%;
  padding: 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

/* 250407 (ej) */
.table-box.type2 {
  margin-top: 20px;
}
.table-box.type2 th {
  text-align: left;
  padding: 5px 10px;
  height: 48px;
}
.table-box.type2 td {
  text-align: left;
  padding: 5px 10px;
  height: 48px;
}
.table-box.type2 .inp {height: 38px;}
.table-box.type2 select.inp {width: 230px;}
.table-box.type2 .input-group .input { margin-top: 0;}
.table-box.type2 .input-group select { width: auto;}
.table-box.type2 .text-box { min-height: 200px;}
/* // 250407 (ej) */


/* 250328 통계 테이블 수정 (ej) */
.table-list.line { }
.table-list.line thead .rowspan th { border-left:1px solid #ccc; }
.table-list.line thead tr:first-child th:first-child { border-left: 0;}
.table-list.line tbody th {border-right: 1px solid #ccc;}
/* 250328 통계 테이블 수정 (ej) */

h3 + .table__box, h3 + .f_wrapper {
  margin-top: 20px;
}

h4 + .table__box {
  margin-top: 20px;
}

h4 + .f_wrapper .table__box {
  margin-top: 20px;
}

h4 + .f_wrapper .table__box {
  margin-top: 20px;
}

.table__div {
  margin-top: 20px;
  border-top: 2px solid #62D491;
  border-bottom: 2px solid #62D491;
}
.table__div--tit {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 700;
  background-color: #EDF9F0;
}
.table__div--tit p {
  display: inline-block;
}
.table__div--tit span {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
}
.table__div .table__title--info span + span {
  margin-left: 20px;
}
.table__div--cont {
  padding: 20px;
  background-color: #fff;
}
.table__div--cont.text {
  padding: 10px 5px;
}
.table__div + .table__div {
  margin-top: 40px;
}
.table__div .cont--detail {
  margin-bottom: 74px;
  font-size: 16px; /* 250324 font size (ej) */;
}
.table__div .contents--title {
  display: block;
  max-width: 90%;
  padding: 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.div-table {
  display: table;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-size: 17px;/* 250321 font size (ej) */
  font-weight: 400;
  border-collapse: collapse;
}
.div-table-tr {
  display: table-row;
  height: 50px;
}
.div-table-tr + .div-table-tr {
  border-top: 1px solid #CCCCCC;
}
.div-table-tr .contents--title {
  display: block;
  max-width: 90%;
  padding: 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.div-table-tr.thead .div-table-td {
  background: #EDF9F0;
  font-weight: 700;
}
.div-table-th {
  display: table-cell;
  background: #EDF9F0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.div-table-td {
  display: table-cell;
  padding-left: 10px;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}
.div-table-td.num {
  width: 13%;
  padding-left: 0;
  text-align: center;
}
.div-table-td.num p {
  display: inline-block;
}
.div-table-td.num .secondary {
  padding-left: 35px;
}
.div-table-td.left {
  text-align: left;
}
.div-table-td .contents--title {
  display: block;
  padding: 13px 20px;
  text-align: left;
}
.div-table-td .download-file {
  display: inline-block;
  padding: 10px;
  padding-left: 15px;
  background: transparent url("../images/sub/ico_at_mark.png") center left no-repeat;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  box-sizing: border-box;
}
.div-table-td .download-file + .download-file {
  margin-left: 5px;
}

 /* 250324 type2 추가 (yj) */
.div-table.type2 {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.div-table.type2 .div-table-th {
  width: calc(100% / 3);
  background-color: #eee;
}
.div-table.type2 .div-table-td {
  width: calc(100% / 3);
  padding-left: 0;
}
 /* 250324 type2 추가 (yj) */

/*table button*/
.tb-btn.download {
  padding: 0;
  width: 30px;
  height: 30px;
  background: transparent url("../images/sub/ico_tb-download.png") center no-repeat;
}
.tb-btn--cancel {
  padding: 4px;
  width: 69px;
  background-color: #ddd;
  border-radius: 5px;
  font-weight: 400;
  box-sizing: border-box;
}
.tb-btn--link, .tb-btn--modal {
  display: inline-block;
  padding: 2px 5px;
  background: #fff;
  border: 1px solid #ffa038;
  border-radius: 10px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 600;
  letter-spacing: -0.5px;
  box-sizing: border-box;
  transition: 0.3s ease;
}
.tb-btn--link:hover, .tb-btn--modal:hover {
  background: #FFF9E8;
}
.tb-btn--link.small, .tb-btn--modal.small {
  min-width: 54px;
  width: auto;
  vertical-align: top;
}
.tb-btn--link.small2, .tb-btn--modal.small2 {
  min-width: 44px;
  width: auto;
}
.tb-btn--link.small3, .tb-btn--modal.small3 {
  padding: 3px 6px;
  width: auto;
}
.tb-btn--link.solid3, .tb-btn--modal.solid3 {
  background: #FFF9E8;
}
.tb-btn--link.gray2, .tb-btn--modal.gray2 {
  background: #666;
  border-color: #666;
  color: #fff;
}
.tb-btn--modal {
  padding: 2px 10px;
  width: auto;
  font-weight: 400;
}
.tb-btn--modal.gray {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.tb-btn--download {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-image: url("../images/sub/ico_download.png");
}
.tb-btn--download .icon {
  display: inline-block;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* button */
.button-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 0;
  text-align: center;
  margin-top: 40px;
  gap: 12px;
}
.button-box button, .button-box a, .button-box .btn {
  display: inline-flex; /* 250407 (ej) */
  padding: 7px 20px; /*min-width: 120px;*/
  border: 2px solid transparent;
  border-radius: 40px;
  font-size: 17px;
  font-weight: 500;
  color: #1E2124;
  vertical-align: middle;
  transition: 0.2s ease;
  text-align: center;
  align-items: center; /* 250407 (ej) */
  justify-content: center; /* 250407 (ej) */
  line-height: normal; /* 250407 (ej) */
}
.button-box button.line, .button-box a.line, .button-box .btn.line {
  background: #fff;
  border: 1px solid #58616A;
  color: #1E2124;
}
.button-box button.line:hover, .button-box a.line:hover, .button-box .btn.line:hover {
  background: #EDF9F0;
}
.button-box button.line2, .button-box a.line2, .button-box .btn.line2 {
  background: #ECF2FE;
  border: 1px solid #256EF4;
  color: #0B50D0;
}
.button-box button.line2:hover, .button-box a.line2:hover, .button-box .btn.line2:hover {
  background: #D8E5FD;
}
.button-box button.line3, .button-box a.line3, .button-box .btn.line3 {
  background: #fff;
  border: 1px solid #CCCCCC;
  color: #333;
}
.button-box button.line3:hover, .button-box a.line3:hover, .button-box .btn.line3:hover {
  background: #EDF9F0;
}
.button-box button.solid, .button-box a.solid, .button-box .btn.solid {
  background-color: #345AE4;
  border: 1px solid #345AE4;
  color: #FFF;
}
.button-box button.solid:hover, .button-box a.solid:hover, .button-box .btn.solid:hover {
  background-color: #0B50D0;
}

.button-box button.solid2, .button-box a.solid2, .button-box .btn.solid2 {
  background-color: #254197;
  border: 1px solid #254197;
  color: #FFF;
}
.button-box button.solid2:hover, .button-box a.solid2:hover, .button-box .btn.solid2:hover {
  background-color: #0B50D0;
  color: #FFF;
}

.button-box button.solid3, .button-box a.solid3, .button-box .btn.solid3 {
  background-color: #FFF9E8;
  border: 1px solid #FFA038;
}
.button-box button.solid3:hover, .button-box a.solid3:hover, .button-box .btn.solid3:hover {
  background: #fff3d2;
}
.button-box button.download, .button-box a.download, .button-box .btn.download {
  background-color: transparent;
  border: none;
}
.button-box button.download:hover, .button-box a.download:hover, .button-box .btn.download:hover {
  background-color: transparent;
}
.button-box button.download .icon, .button-box a.download .icon, .button-box .btn.download .icon {
  margin-right: 4px;
  width: 16px;
  height: 17px;
  background: url("../images/sub/ico_file-b.png");
  vertical-align: middle;
}
.button-box button.download span, .button-box a.download span, .button-box .btn.download span {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
  color: #333;
}
.button-box button.download2 .icon, .button-box a.download2 .icon, .button-box .btn.download2 .icon {
  background-image: url("../images/sub/ico_download02.png");
}
.button-box button.download2-w .icon, .button-box a.download2-w .icon, .button-box .btn.download2-w .icon {
  background-image: url("../images/sub/ico_download02-w.png");
}
.button-box button.download3 .icon, .button-box a.download3 .icon, .button-box .btn.download3 .icon {
  background-image: url("../images/sub/ico_download03.png");
}
.button-box button.summary, .button-box a.summary, .button-box .btn.summary {
  position: relative;
  padding-left: 34px;
  transition: 0.3s ease;
}
.button-box button.summary::before, .button-box a.summary::before, .button-box .btn.summary::before {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url("../images/sub/ico_open.png");
  vertical-align: middle;
  content: "";
}
.button-box button.summary.active, .button-box a.summary.active, .button-box .btn.summary.active {
  padding-left: 11px;
  padding-right: 34px;
}
.button-box button.summary.active::before, .button-box a.summary.active::before, .button-box .btn.summary.active::before {
  left: auto;
  right: 12px;
  transform: rotate(180deg);
}
.button-box button.print, .button-box a.print, .button-box .btn.print {
  position: relative;
  padding-right: 45px;
  transition: 0.3s ease;
}
.button-box button.print::before, .button-box a.print::before, .button-box .btn.print::before {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../images/sub/ico_print.png");
  vertical-align: middle;
  content: "";
}
.button-box button.share, .button-box a.share, .button-box .btn.share {
  position: relative;
  transition: 0.3s ease;
}
.button-box button.share .icon, .button-box a.share .icon, .button-box .btn.share .icon {
  background-image: url("../images/sub/ico_upload02.png");
}
.button-box button.square, .button-box a.square, .button-box .btn.square {
  border-radius: 10px;
}
.button-box button.gray, .button-box a.gray, .button-box .btn.gray {
  background: #D8D8D8;
}
.button-box button.gray:hover, .button-box a.gray:hover, .button-box .btn.gray:hover {
  background: #c0c0c0;
}
.button-box button.gray2, .button-box a.gray2, .button-box .btn.gray2 {
  background: #aaa;
  border: 1px solid #aaa;
}
.button-box button.gray2:hover, .button-box a.gray2:hover, .button-box .btn.gray2:hover {
  background: #999;
  border-color: #888;
}
.button-box button.gray3, .button-box a.gray3, .button-box .btn.gray3 {
  background: #F8F8F8;
  border: 1px solid #C6C6C6;
}
.button-box button.gray3:hover, .button-box a.gray3:hover, .button-box .btn.gray3:hover {
  background: #f0f0f0;
}
.button-box button.gray4, .button-box a.gray4, .button-box .btn.gray4 {
  background: #666666;
  color: #fff;
}
.button-box button.gray4 span, .button-box a.gray4 span, .button-box .btn.gray4 span {
  color: #fff;
}
.button-box button.gray4:hover, .button-box a.gray4:hover, .button-box .btn.gray4:hover {
  background: #818181;
}
.button-box button.red, .button-box a.red, .button-box .btn.red {
  background: #fff;
  border: 1px solid #d71921;
  color: #d71921;
}
.button-box button.red:hover, .button-box a.red:hover, .button-box .btn.red:hover {
  background: #DDDDDD;
}
.button-box button.red2, .button-box a.red2, .button-box .btn.red2 {
  background: #DDDDDD;
  border: 1px solid #d71921;
  color: #d71921;
}
.button-box button.red2:hover, .button-box a.red2:hover, .button-box .btn.red2:hover {
  background: #CCCCCC;
}
.button-box button.submit, .button-box a.submit, .button-box .btn.submit {
  color: #fff;
  background: #F05F29;
  border: 3px solid #FFB599;
}
.button-box button.dashed, .button-box a.dashed, .button-box .btn.dashed {
  background-color: #FFF9E8;
  border: 2px dashed #FFA038;
}
.button-box button.dashed:hover, .button-box a.dashed:hover, .button-box .btn.dashed:hover {
  background-color: #fff3ce;
}
.button-box button.disabled, .button-box a.disabled, .button-box .btn.disabled {
  background-color: #959595;
  color: #fff;
}
.button-box button.black, .button-box a.black, .button-box .btn.black {
  background-color: #333;
  color: #fff;
}
.button-box.long .btn {
  min-width: 190px;
}
.button-box.certifi {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.button-box.certifi .icon {
  width: 100px;
  height: 90px;
  margin-right: 50px;
  display: inline-block;
  vertical-align: middle;
}
.button-box.certifi .text {
  font-size: 25px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
.button-box.certifi .btn {
  width: 50%;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  margin: 0 36px 5px 0;
  transition: 0.3s ease;
}
.button-box.certifi .btn.phone .icon {
  background: url("../images/contents/ico_phone.png") no-repeat center;
}
.button-box.certifi .btn.ipin .icon {
  background: url("../images/contents/ico_ipin.png") no-repeat center;
}
.button-box.certifi .btn.member .icon {
  background: url("../images/contents/ico_member.png") no-repeat center;
}
.button-box.certifi .btn:hover {
  background-color: #f2f2f2;
}
.button-box.certifi .btn:last-child {
  margin-right: 0;
}
.button-box.long .btn {
  padding: 10px 40px;
}
.button-box.long2 {
  margin-top: 40px;
}
.button-box.long2 .btn {
  max-width: 600px;
  width: 100%;
  height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}

.btn {
  display: inline-block;
  padding: 7px 20px; /*min-width: 120px;*/
  border: 2px solid transparent;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
  transition: 0.2s ease;
  text-align: center;
}
.btn.line {
  background: #fff;
  border: 1px solid #58616A;
}
.btn.line:hover {
  background: #EDF9F0;
}
.btn.line2 {
  background: #ECF2FE;
  border: 1px solid #256EF4;
  color: #0B50D0;
}
.btn.line2:hover {
  background: #D8E5FD;
}
.btn.line3 {
  background: #fff;
  border: 1px solid #CCCCCC;
  color: #333;
}
.btn.line3:hover {
  background: #EDF9F0;
}
.btn.solid {
  background-color: #345AE4;
  border: 1px solid #345AE4;
  color: #fff;
}
.btn.solid:hover {
  background: #0B50D0;
  border-color: #0B50D0;
}
.btn.solid2 {
  background-color: #254197;
  border: 1px solid #254197;
  color: #FFF;
}
.btn.solid2:hover {
  background: #0B50D0;
  border-color: #0B50D0;
  color: #FFF;
}
.btn.solid3 {
  background-color: #FFF9E8;
  border: 1px solid #FFA038;
}
.btn.solid3:hover {
  background: #fff3d2;
}
.btn.excel{
  padding: 3px 10px;
  background-color: #018642;  /* 260707 (ej) */
  color: #FFF;
}
.btn.excel span{
  font-size: 15px;
  font-weight: 400;
  color: #FFF;
}
.btn.download {
  background-color: transparent;
  border: none;
}
.btn.download:hover {
  background-color: transparent;
}
.btn.download .icon {
  margin-right: 4px;
  width: 16px;
  height: 17px;
  background: url("../images/sub/ico_file-b.png");
  vertical-align: middle;
}
.btn.download span {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;/* 250329 (ej) */
  color: #333;
}
.btn.download2 .icon {
  background-image: url("../images/sub/ico_download02.png");
}
.btn.download2-w .icon {
  background-image: url("../images/sub/ico_download02-w.png");
}
.btn.download3 .icon {
  background-image: url("../images/sub/ico_download03.png");
}
.btn.summary {
  position: relative;
  padding-left: 34px;
  transition: 0.3s ease;
}
.btn.summary::before {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url("../images/sub/ico_open.png");
  vertical-align: middle;
  content: "";
}
.btn.summary.active {
  padding-left: 11px;
  padding-right: 34px;
}
.btn.summary.active::before {
  left: auto;
  right: 12px;
  transform: rotate(180deg);
}
.btn.print {
  position: relative;
  padding-right: 45px;
  transition: 0.3s ease;
}
.btn.print::before {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../images/sub/ico_print.png");
  vertical-align: middle;
  content: "";
}
.btn.share {
  position: relative;
  transition: 0.3s ease;
}
.btn.share .icon {
  background-image: url("../images/sub/ico_upload02.png");
}
.btn.square {
  border-radius: 4px;  /* 260707 (ej) */
}
.btn.new{/* 250320 (yj)*/

}
.btn.new::after{/* 250320 (yj)*/
	display: inline-block;
    margin: 0px 0 0 2px;
    width: 17px;
    height: 17px;
    background: url("../images/common/ico_newpage.png") center no-repeat;
    vertical-align: middle;
    content: "";
}
.btn.target{/* 250320 (yj)*/
	padding: 0;
    padding-left: 26px;
    color: #166235;
    background: url("../images/sub/ico_target.png") left center no-repeat;
    border-radius: 0;
    font-weight: 600;
    text-decoration: underline;
}
.btn.gray {
  background: #D8D8D8;
}
.btn.gray:hover {
  background: #c0c0c0;
}
.btn.gray2 {
  background: #aaa;
  border: 1px solid #aaa;
}
.btn.gray2:hover {
  background: #999;
  border-color: #888;
}
.btn.gray3 {
  background: #F8F8F8;
  border: 1px solid #C6C6C6;
}
.btn.gray3:hover {
  background: #f0f0f0;
}
.btn.gray4 {
  background: #666666;
  color: #fff;
}
.btn.gray4 span {
  color: #fff;
}
.btn.gray4:hover {
  background: #818181;
}
.btn.red {
  background: #fff;
  border: 1px solid #d71921;
  color: #d71921;
}
.btn.red:hover {
  background: #DDDDDD;
}
.btn.red2 {
  background: #DDDDDD;
  border: 1px solid #d71921;
  color: #d71921;
}
.btn.red2:hover {
  background: #CCCCCC;
}
.btn.submit {
  color: #fff;
  background: #F05F29;
  border: 3px solid #FFB599;
}
.btn.dashed {
  background-color: #FFF9E8;
  border: 2px dashed #FFA038;
}
.btn.dashed:hover {
  background-color: #fff3ce;
}
.btn.disabled {
  background-color: #959595;
  color: #fff;
}
.btn.black {
  background-color: #333;
  color: #fff;
}
.btn.download {
  padding: 5px;
  min-width: auto;
}
.btn span {
  font-size: 17px;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
}
.btn.solid span{
  color: #fff;
}
.btn.solid2 span{
  color: #fff;
}
.btn .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.btn .icon.reset {
  background-image: url("../images/sub/ico_btn_reset.png");
}
.btn .icon.search {
  background-image: url("../images/sub/ico_search-w.png"); /* 260701 (yz) */
  background-size: contain; /* 260701 (yz) */
}
.btn .icon.search-w {
  background-image: url("../images/sub/ico_search-w.png");
  background-size: contain;
}
.btn .icon.vid-download {
  margin-left: 0;
  margin-right: 5px;
  background-image: url("../images/sub/ico_video.png");
}
.btn .icon + span {
  margin-left: 4px;
}
.btn span + .icon {
  margin-left: 4px;
}

.button-box.right {
  justify-content: end;
  text-align: right;
  margin-top: 20px;
}

button span {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  vertical-align: middle;
}
button .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
button .icon + span {
  margin-left: 4px;
}
button span + .icon {
  margin-left: 4px;
}

.sort-type {
  display: inline-block;
}
.sort-type .sort-btn + .sort-btn {
  margin-left: 10px;
}

.sort-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
}
.sort-btn.box {
  background-image: url("../images/sub/ico_sort-box.png");
}
.sort-btn.box.active {
  background-image: url("../images/sub/ico_sort-box-a.png");
}
.sort-btn.list {
  background-image: url("../images/sub/ico_sort-list.png");
}
.sort-btn.list.active {
  background-image: url("../images/sub/ico_sort-list-a.png");
}

.link--prev-page {
  padding: 7px 20px;
  background-color: #FFC585;
  border: 1px solid #FFA038;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

img.pc {
  max-width: 100%;
}

img.mobile {
  display: none;
  max-width: 100%;
}

h2 {
  margin-top: 40px;
  /* margin-bottom: 40px; */
  font-size: 40px;
  font-weight: 700;
}

h3, .h3 {
  margin-top: 80px;
  font-size: 32px;
  font-weight: 700;
  color: #333;
}
h3.center, .h3.center {
  text-align: center;
}

.inline-block {
  display: inline-block;
}

h4, .h4 {
  margin-top: 21px;
  font-size: 20px;
  text-align: left;
  padding-left: 18px;
  position: relative;
  font-weight: 500;
  color: #1d1d1d;
}
h4::before, .h4::before {
  content: "";
  display: inline-block;
  border-radius: 100px;
  width: 4px;
  height: 4px;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 10px;
}
h4.type2, .h4.type2 {
  padding-left: 0;
}
h4.type2::before, .h4.type2::before {
  display: none;
}
h4.type3, .h4.type3 {
  color: #254197;
  font-size: 22px;
  padding-left: 12px;
}
h4.type3::before, .h4.type3::before {
  background-color: #254197;
}

h5 {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  position: relative;
}

.badge {
  display: inline-block;
  padding: 6px;
  width: 80px;
  text-align: center;
  border-radius: 100px;
  font-size: 16px; /* 250324 font size (ej) */
  color: #fff;
  font-weight: 700;
  vertical-align: middle;
  box-sizing: border-box;
}
.badge.bl {
  background-color: #4E991F;
}
.badge.e-learning {
  background-color: #17C2B1;
}
.badge.hybrid {
  background-color: #7E17C6;
}
.badge.face {
  background-color: #CD1B84;
}
.badge.live {
  background-color: #1738C6;
}

.link--viewmore {
  position: absolute;
  right: 0;
  top: 80px;
  padding: 7px 17px;
  background-color: #fff;
  border: 1px solid #FFA038;
  border-radius: 50px;
  font-size: 0;
  color: #333;
  vertical-align: middle;
}
.link--viewmore span {
  font-size: 15px;
  vertical-align: middle;
}
.link--viewmore .icon {
  display: inline-block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  background: url("../images/common/ico_plus_g.png") no-repeat center;
  vertical-align: middle;
}
.link--viewmore:hover {
  background: #FFF9E8;
}

.f_wrapper .touch {  /* 250325 선택자 변경 (ej) */
  display: none;
}

.indent {
  display: inline-block;
  text-indent: -99999px;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

/* ================ contents ================ */
.post {
  padding: 20px;
  width: 100%;
}
.post .title {
  position: relative;
  padding-left: 42px;
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  color: #111;
}
.post .title::before {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_blet.png") center no-repeat;
  content: "";
}
.post .title + .text-box {
  margin-top: 20px;
}
.post .text-box {
  padding: 0 30px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  min-height:300px;/* 250318 (ej) */

}
.post .text-box p {
  line-height: 200%;
}

/* 게시판 에디터 추가로 인한 css 20251222(khs) */
.post .text-box .editor p {
  line-height: 140%;
}

.post-board {
  border: 1px solid #62D491;
  border-left: 0;
  border-right: 0;
}
.post-header {
  position: relative;
  padding: 10px 20px;
  height: 48px; /* 250324 font size (ej) */
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.post-header .label {
  display: inline-block;
  padding: 4px 8px;
  background-color: #E1E9FF;
  border-radius: 10px;
  font-weight: 600;
}
.post-header .post-info {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}
.post-header .post-info span {
  font-size: 16px; /* 250324 font size (ej) */
}
.post-header .post-info span::before {
  display: inline-block;
  margin-right: 6px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
  margin-top:-2px; /* 250324 (ej) */
}
.post-header .post-info span.date::before {
  background: url("../images/sub/ico_clock.png") center no-repeat;
  background-size: contain;
}
.post-header .post-info span.view::before {
  background: url("../images/sub/ico_view.png") center no-repeat;
  background-size: contain;
}
.post-header .post-info span + span {
  margin-left: 20px;
}
.post-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px; /* 250324 font size (ej) */
  gap:0 20px; /* 250329  (ej) */
  border-top: 1px solid #CCCCCC;
}
.post-footer .writer {
  font-size: 0;
  /* 250329  (ej) */
  position: relative;
  padding-left: 50px;
  min-width:130px;
  /* // 250329  (ej) */
}
.post-footer .writer p {
  display: inline-block;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 600;
  /* 250329  (ej) */
  position: absolute;
  left: 0;
  /* // 250329  (ej) */
}
.post-footer .writer span {
  /* margin-left: 6px; */ /* 250329  (ej) */
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.post-footer .download-file {
  font-size: 0;
}
.post-footer .download-file .download + .download {
  /* margin-left: 10px; */
}

.post-footer .download { text-align:left;  margin-right:10px; /* 250329  (ej) */ padding-left:20px; position:relative; } /* 250329 (ej) */
.post-footer .download .icon { position:absolute; left:0; top:7px;}/* 250318 (ej) */
.post-footer .download:last-child { margin-right:0; } /* 250329 (ej) */

.post-pagination {
  border: 1px solid #EEEEEE;
  border-left: 0;
  border-right: 0;
  font-size: 16px; /* 250324 font size (ej) */
}
.post-pagination > div {
 /*  padding: 10px 20px; */
  display:flex;  /* 250318 (ej) */
  min-height:40px; /* 250328 (ej) */
}
.post-pagination .prev-post .bold, .post-pagination .next-post .bold {
 display:inline-block; margin-right:30px; /* 250318 (ej) */
 padding: 10px 20px; /* 250328 (ej) */
 background: #ECEFF9; /* 250328 (ej) */
 position:relative;
 width:100px;
 min-width:100px;
}
.post-pagination > div + div {
  border-top: 1px solid #EEEEEE;
}
.post-pagination span::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/common/ico_arrow-down.png") center no-repeat;
  vertical-align: middle;
  content: "";
  /* 250328 (ej) */
  position:absolute;
  right:14px;
  /* 250328 (ej) */
}
.post-pagination .prev-post span::after {
  transform: rotate(180deg);
}
.post-pagination a {
  display: inline-block;
  /* margin-left: 40px; */ /* 250318 (ej) */
  display:inline-flex;
  align-items:center;
  padding: 2px 0;
}
.post-pagination a[href]:hover {
  text-decoration: underline;
}

.post-board + .post-pagination {
  margin-top: 40px;
}

.sub-content .tit__wrap {
  position: relative;
}
.sub-content .tit__wrap h3 {
  margin-top: 40px;
}
.sub-content .tit__wrap p {
  vertical-align: middle;
}
.sub-content .tit__wrap p::before {
  display: inline-block;
  margin-right: 10px;
  width: 3px;
  height: 3px;
  background-color: #1D1D1D;
  border-radius: 50%;
  vertical-align: middle;
  content: "";
}
.sub-content .tit__wrap .link--prev-page {
  position: absolute;
  top: 0;
  right: 0;
}

.sub-visual {
  background: #F5F5EB;
  text-align: center;
}
.sub-visual .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 266px;
  height: 210px;
  background-image: url("../images/contents/img_sub-visual00.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-visual .sub-title {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}
.sub-visual .sub-title-text {
  margin-top: 6px;
  font-size: 17px;
  line-height:130%;
  font-weight: 400;
  color: #555;
  word-break:keep-all;
}
.sub-visual.unity-search .inner {
  background-image: url("../images/contents/img_sub-visual01.png");
}
.sub-visual.job-dictionary .inner {
  background-image: url("../images/contents/img_sub-visual02.png");
}
.sub-visual.wage-bulletin .inner {
  background-image: url("../images/contents/img_sub-visual03.png");
}
.sub-visual.vid-archiving .inner {
  background-image: url("../images/contents/img_sub-visual04.png");
}
.sub-visual.mailing-service .inner {
  background-image: url("../images/contents/img_sub-visual05.png");
}
.sub-visual.job-information .inner {
  background-image: url("../images/contents/img_sub-visual06.png");
}
.sub-visual.wage-information .inner {
  background-image: url("../images/contents/img_sub-visual07.png");
}
.sub-visual.resource-room .inner {
  background-image: url("../images/contents/img_sub-visual08.png");
}
.sub-visual.notification .inner {
  background-image: url("../images/contents/img_sub-visual09.png");
}
.sub-visual.system-introducion .inner {
  background-image: url("../images/contents/img_sub-visual10.png");
}
.sub-visual.show-all .inner {
  background-image: url("../images/contents/img_sub-visual11.png");
}
.sub-visual.wage-improve .inner {
  background-image: url("../images/contents/img_sub-visual00.png");
}
.sub-visual.wage-info .inner {
  background-image: url("../images/contents/img_sub-visual12.png");
  background-size: auto;
  background-position: left 50% bottom -5px;
}

.sub-search-box {
  padding: 12px;
  background: #EEF2F7; /* 260701 (yz) */
  /* border: 1px solid #DDDDDD; */ /* 260701 (yz) */
  border-radius: 8px;
  font-size: 0;
  box-sizing: border-box;
  display: flex;
}
.sub-search-box .item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  vertical-align: middle;
}
.sub-search-box .item + .item {
  margin-left: 10px;
}
.sub-search-box .item + .btn {
  margin-left: 20px;
}
.sub-search-box .item:first-child .inp.type2 {
  min-width: 180px;
}
.sub-search-box label {
  margin-right: 10px;
  font-size: 17px;
  font-weight: 600; /* 250407 (ej) */
  vertical-align: middle;
  word-break: keep-all;
  white-space: nowrap; /* 250407 (ej) */
}
.sub-search-box .input-group {
  display: flex;
  gap: 10px;
}
.sub-search-box .input-group .inp {
  width: 100%;
  height: 38px;
}
.sub-search-box .input-group .inp.type2 {
  width: 120px;
  min-width: 120px;
}
.sub-search-box .btn {
  padding: 7px 16px;
  min-width: 98px;
  height: 38px;
}
.sub-search-box .btn .icon.search { margin-left:3px; margin-top: -3px;}/* 260701 (yz) */

.sub-search-box.type2 {
  padding: 30px;
  display: block;
}
.sub-search-box.type2 .item {
  flex-direction: column;
  align-items: start;
}
.sub-search-box.type2 .item + .button-box {
  margin-top: 20px;
}
.sub-search-box.type2 label + .input-group {
  margin-top: 10px;
}
.sub-search-box.type2 textarea {
  min-height: 70px; /* 250317 (ej) */
  border-radius: 8px;
  color: #333;
}
.sub-search-box.type2 .btn {
  display: block;
  height: auto;
}
.sub-search-box.type2 p {
  font-size: 17px;
  font-weight: 700;
}
.sub-search-box.type2 p + span {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 400;
}
.sub-search-box.type2 .radio__wrap--vert {
  margin-top: 20px;
}
.sub-search-box.type2 .radio__wrap--vert li {
  display: flex;
  align-items: center;
}
.sub-search-box.type2 .radio__wrap--vert .input--rdo label {
  padding: 8px;
  max-width: 120px;
  font-weight: 400;
}
.sub-search-box.type2 .radio__wrap--vert .input--rdo label::before {
  margin-top: 0;
  margin-right: 0;
}
.sub-search-box.type2 .radio__wrap--vert .text {
  font-size: 16px;
  vertical-align: middle;
}

.board-search {
  font-size: 0;
}
.board-search-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
  /* 250320 (ej) */
.board-search-wrap.right {
  justify-content: flex-end;
}
.board-search-wrap.left {
  justify-content: flex-start;
}
.board-search-wrap.center {
  justify-content: center;
}
  /* 20250922 (hs) */
.board-search-wrap.align-end {
  align-items: end;
}
.board-search-wrap .button-box { display: inline-block; margin-top: 0;}
.board-search-wrap .button-box .btn { margin-left:10px;}
.board-search-wrap .button-box + .board-search { margin-left:10px}
.board-search-wrap.flex-wrap { flex-wrap:wrap; gap:10px 0;}
.board-search.flex { gap:0;}
.board-search.flex > .btn { position:relative; top:0; min-width:80px;padding:7px 10px }/*적용하기*/
  /* // 250320 (ej) */
.board-search-result {
  font-size: 17px;
  font-weight: 400;
  color: #111;
}
.board-search-result .num {
  font-size: 19px;
  font-weight: 600;
  color: #d71921;
}
.board-search .input-group {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.board-search .input-group .inp {
  display: inline-block;
  width: 180px;
  height: 38px;
}
.board-search .input-group .inp.auto { width:auto;}   /* 250320 (ej) */

.board-search .input-group .inp + .inp {
  margin-left: 10px;
}
.board-search .btn {
  display: inline-block;
  min-width: auto;
  margin-left: 10px;
  height:38px; /* 250320 (ej) */
}
.board-search .sort-type {
  margin-left: 10px;
}

.result-wrap .board-search-wrap {
  padding-bottom: 10px;
  /* border-bottom: 2px solid #62D491; */ /* 250328  (ej) */
}
.result-wrap .noSelectionMessage {
  display: block;
  padding: 17px;
  margin-top:10px; /* 250328 (ej) */
  border-top: 2px solid #254197; /* 260701 (yz) */
  border-bottom: 1px solid #CCC;
  font-size: 19px;  /* 250324 font size (ej) */
  font-weight: 400;
  text-align: center;
}

/* 카드형 */

 /* 250328  (ej) */
.result-board.card {
  font-size: 0;
  margin-top:0; padding-top:0; border-top:0;
}
.result-board.card .result-board.card { margin-top:0; padding-top:0; border-top:0;
  margin: 10px 0 0;
  font-size: 0;
  padding-top: 10px;
  border-top: 2px solid #62D491;
}
  /* // 250328  (ej) */

.result-board.card .item {
  position: relative;
  display: inline-block;
  margin: 12px 6px;
  width: calc(33.3333333333% - 12px);
  /* height: 295px; */ /* 250318 (ej) */
  vertical-align: top;
}
.result-board.card .item a {
  position: relative;
  display: block;
  padding: 30px;  /* 250324 font size (ej) */
  height: 100%;
  vertical-align: top;
}
.result-board.card .item::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #B1B8BE;
  border-radius: 12px;
  transition: 0.3s ease;
  content: "";
}
.result-board.card .item:hover::before {
  border-width: 2px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
.result-board.card .item .top {
  text-align: center;
}
.result-board.card .item-title {
  font-size: 19px;
  font-weight: 700;
  vertical-align: middle;
  /* 250318 (ej) */
  display:flex;
  align-items:center;
  justify-content: center;
  height:50px;
  /* //250318 (ej) */

}
.result-board.card .item-title::after {
  display: inline-block;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  background: url("../images/common/ico_arrow-down.png") center no-repeat;
  transform: rotate(-90deg);
  vertical-align: middle;
  content: "";
}
.result-board.card .item-desc {
  display: -webkit-box;
  width: 100%;
  margin-top: 10px;/* 250318 (ej) */
  font-size: 16px;
  font-weight: 400;
  color: #444;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 120%;
  height:55px;/* 250318 (ej) */
}
.result-board.card .item .bottom {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #E0E0E0;
  font-size: 0;
  text-align:center; /* 250324 (ej) */
}
.result-board.card .item .bottom > div {
  display: inline-block;
  padding: 6.5px 10px;
  width: 50%;
  height: 54px;
  font-size: 16px;  /* 250324 font size (ej) */
  box-sizing: border-box;
  vertical-align: top;
}
.result-board.card .item .bottom .salary {
  border-right: 1px dashed #E0E0E0;
  padding-left:0;/* 250324 (ej) */
}
.result-board.card .item .bottom .prospect {
  padding-left: 20px;
  padding-right: 0;
}
.result-board.card .item .bottom .images {
  display: inline-block;
  vertical-align: middle;
}
.result-board.card .item .bottom .text {
  display: inline-block;
  margin-left: 8px;  /* 250324 font size (ej) */
  font-weight: 700;
  color: #666;
  text-align: left;
  vertical-align: middle;
}
.result-board.card .item .bottom .text .bold {
  margin-top: 5px;
  font-weight: 600;
  color: #333;
}
.result-board.card .item .bottom .text .down::after {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/ico_down.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.result-board.card .item .bottom .text .up::after {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/ico_up.png") center no-repeat;
  vertical-align: middle;
  content: "";
}

/* 검색결과 타입2 카드형 */
.result-board.type2.card{}
.result-board.type2.card .item{
  padding: 32px;
}
.result-board.type2.card .item-title {
  display: block;
  text-align: left;
  font-size: 24px;
  height: auto;
}
.result-board.card .item-title::after{
  display: none;
}
.result-board.type2.card .item-desc {
  margin-top: 16px;
  height: 44px;
  font-size: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.result-board.type2.card .detail-box{
  margin-top: 16px;
  padding-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  border-bottom: 1px solid #CDD1D5;
}
.result-board.type2.card .detail-box .tag {
  padding: 3px 8px;
  margin-left: 0;
  font-size: 15px;
  background-color: #ECF2FE;
  color: #254197;
  border-radius: 4px;
  line-height: 24px;
}
.result-board.type2.card .detail-box .value {
  margin-top: 4px;
  font-size: 19px;
  color: #1E2124;
}
.result-board.type2.card .salary{
  text-align: right;
}
.result-board.type2.card .detail-box .value .bold{
  font-size: 24px;
  font-weight: 700;
}
.result-board.type2.card .bottom {
  display: block;
  margin-top: 16px;
  padding: 11px 16px;
  font-size: 17px;
  color: #254197;
  background-color: #ECF2FE;
  border: 1px solid #254197;
  border-radius: 6px;
}



/* 250404 (ej) */
.legend-ico-box .ico.arrow-down {
    color: #333;
    padding: 2px 10px;
    border: 1px solid #246beb;
    border-radius: 100px;
    display: inline-block;
    margin-left: 5px;
}
.legend-ico-box .ico.arrow-down::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/ico_down.png") center no-repeat;
  vertical-align: middle;
  margin-left: 3px;
  content: "";
}
.legend-ico-box .ico.arrow-up {
  color: #333;
  padding: 2px 10px;
  border: 1px solid #d71921;
  border-radius: 100px;
  display: inline-block;
  margin-left: 5px;
}
.legend-ico-box .ico.arrow-up::after {
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/ico_up.png") center no-repeat;
  vertical-align: middle;
  content: "";
}



.result-board.card .item .bottom .salary .images {
  width: 39px;
  height: 38px;
  background: url("../images/sub/ico_salary.png");
}
.result-board.card .item .bottom .prospect .images {
  width: 42px;
  height: 35px;
  background: url("../images/sub/ico_prospect.png");
}

/* 목록형 */
.result-board.list {
  font-size: 0;
}
.result-board.list a:hover {
  text-decoration: underline;
}
.result-board.list .align-l > p {  /* 250319 선택자 수정 (ej) */
  display: -webkit-box;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.interview-board {
  margin: 10px -5px 0;   /* 250314 수정 (ej) */
  font-size: 0;
}
.interview-board .item {
  display: inline-block;
  margin: 10px 5px;
  width: calc(33.3333333333% - 10px);
  vertical-align: top;
}
.interview-board .item a {
  position: relative;
  display: block;
  padding: 20px;
  height: 100%;
  vertical-align: top;
}
.interview-board .item a::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #B1B8BE; /* 260701 (yz) */
  border-radius: 20px;
  transition: 0.3s ease;
  content: "";
}
.interview-board .item a:hover img {
  transform: scale(1.04);
}
.interview-board .item a:hover p {
  text-decoration: underline;
}
.interview-board .item a:hover::before {
  border-width: 2px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
.interview-board .item a p {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
    /* 250318 (ej) */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  /* // 250318 (ej) */
}
.interview-board .item .img {
  height: 205px;
}

.archive-board {
  margin: 10px -10px 0;
  font-size: 0;
}
.archive-board .item {
  display: inline-block;
  margin: 20px 10px;
  width: calc(33.3333333333% - 20px);
  font-size: 17px;
  font-weight: 600;
  vertical-align: top;
}

/* 251016 웹 접근성 품질개선 - <a>태그 구조 수정 (yz) */
.archive-board .item a{
  display: block;
}
/* // 251016 웹 접근성 품질개선 - <a>태그 구조 수정 (yz) */

.archive-board .item .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.archive-board .item .img a {
  display: block;
  height: 210px;
}
.archive-board .img img {
  transition: 0.4s ease;
}
.archive-board .text-box {
  margin-top: 10px;
}
.archive-board .text-box .vid-tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 600;
  color: #333;
}
.archive-board .text-box .vid-tag.yellow {
  background-color: #FFDD1D;
}
.archive-board .text-box .vid-tag.green {
  background-color: #79ED82;
}
.archive-board .text-box .vid-tag.orange {
  background-color: #F75B22;
  color: #FFF;
}
.archive-board .text-box .vid-tag.purple {
  background-color: #6358FF;
  color: #FFF;
}
.archive-board .text-box .vid-tag.mint {
  background-color: #75E9D4;
}
.archive-board .text-box .tit {
  display: block;
  margin-top: 10px;
}
.archive-board .item:hover .img img {
  transform: scale(1.04);
}
.archive-board .item:hover .text-box .tit {
  text-decoration: underline;
}

.cardnews-board {
  margin: 10px -10px 0;
  font-size: 0;
}
.cardnews-board .item {
  display: inline-block;
  margin: 10px 5px;
  width: calc(25% - 10px);
  vertical-align: top;
}
.cardnews-board .item a {
  position: relative;
  display: block;
  padding: 20px;
  height: 100%;
  vertical-align: top;
}
.cardnews-board .item a::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #B1B8BE; /* 260701 (yz) */
  border-radius: 10px;
  transition: 0.3s ease;
  content: "";
}
.cardnews-board .item a .img {
  /* max-width: 240px; */  /* 250320 (ej) */
  height: 244px;
}
.cardnews-board .item a:hover img {
  transform: scale(1.04);
}
.cardnews-board .item a:hover p {
  text-decoration: underline;
}
.cardnews-board .item a:hover::before {
  border-width: 2px;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
.cardnews-board .item a p {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  /* 250318 (ej) */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  /* // 250318 (ej) */
}

.job-classifier {
  padding: 30px;
  background-color: #EEF2F7;
  border: 0;
  border-radius: 10px;
  font-size: 0;
  /* 1차 분류 */
  /* 2차 분류 */
}
.job-classifier .secondary-category {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #CDD1D5;
}
.job-classifier .secondary-category .secondaryPlaceholder {
  padding-left: 20px;
  margin-top: 15px;
  font-size: 17px;
  font-weight: 400;
  color: #555;
}
.job-classifier .secondary-category .checkbox-group {
  display: flex;
  flex-wrap: wrap; /*gap: 0 160px;*/
  padding: 0 20px;
  margin-top: 15px;
}
.job-classifier .title {
  font-size: 17px;
  font-weight: 700;
}
.job-classifier .button-box {
  margin-top: 15px;
}

.job-classifier.type2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 80px 60px;
  margin-top:20px;  /* 250327  (ej) */
}
.job-classifier.type2 .select-all .primary-checkbox {
  padding: 0;
  width: auto;
}
.job-classifier.type2 .primary-category {
  width: 850px;
}
.job-classifier.type2 .primary-checkbox {
  padding: 0 30px;
}

.primary-category .checkbox-group, .interest-category .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 0;
  margin: 15px 0 0; /* 250325 기존 15px -30 0;  (ej) */
}

  /* 250320 (ej) */
.primary-checkbox, .interest-checkbox {
  display: inline-block;
  padding: 0 20px;/* 250324 (ej) */
  width: 20%;
  text-align: center;
  vertical-align: top;
  position:relative;/* 250320 (ej) */
}
.primary-checkbox input, .interest-checkbox input {
  /*  display: none; */
  position:absolute;
  left:0;
  top:0;
  width:1px;
  height:1px;
  outline:none;
}
.primary-checkbox input:focus + label::before,
.interest-checkbox input:focus + label::before {
  content:'';
  display:inline-block;
  width:100%; height:100%;
  position:absolute; top:0;
  left:0;
  outline:2px dashed #2e56d8;
  outline-offset: 2px;
}
.primary-checkbox input + label, .interest-checkbox input + label {
  display: block;
  margin: 0 auto 10px;
  width: 100px;
  height: 100px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: 0.3s ease;
  position:relative;
}
  /*// 250320 (ej) */
.primary-checkbox input:checked + label, .interest-checkbox input:checked + label {
  background-color: #62D491;
  color: #10511E;
}
.primary-checkbox input:checked + label + label, .interest-checkbox input:checked + label + label {
  /* font-weight: 600; */ /* 250325  (ej) */
  color: #10511E;
}
.primary-checkbox label, .interest-checkbox label {
  font-size: 16px;
  font-weight: 500;
  /* word-break: keep-all; */ /* 250320 모바일 텍스트 깨짐현상 (ej) */
  cursor: pointer;
}

.primary-checkbox input.primary-chk00 + label {
  background-image: url("../images/sub/ico_chkSelectAll.png");
}
.primary-checkbox input.primary-chk00:checked + label {
  background-color: #8CA8FE;
  background-image: url("../images/sub/ico_chkSelectAll-w.png");
}
.primary-checkbox input.primary-chk01 + label {
  background-image: url("../images/sub/ico_chkManagement.png");
}
.primary-checkbox input.primary-chk01:checked + label {
  background-image: url("../images/sub/ico_chkManagement-w.png");
}
.primary-checkbox input.primary-chk02 + label {
  background-image: url("../images/sub/ico_chkEngineering.png");
}
.primary-checkbox input.primary-chk02:checked + label {
  background-image: url("../images/sub/ico_chkEngineering-w.png");
}
.primary-checkbox input.primary-chk04 + label {
  background-image: url("../images/sub/ico_chkHealthcare.png");
}
.primary-checkbox input.primary-chk04:checked + label {
  background-image: url("../images/sub/ico_chkHealthcare-w.png");
}
.primary-checkbox input.primary-chk03 + label {
  background-image: url("../images/sub/ico_chkPublicService.png");
}
.primary-checkbox input.primary-chk03:checked + label {
  background-image: url("../images/sub/ico_chkPublicService-w.png");
}
.primary-checkbox input.primary-chk05 + label {
  background-image: url("../images/sub/ico_chkArts.png");
}
.primary-checkbox input.primary-chk05:checked + label {
  background-image: url("../images/sub/ico_chkArts-w.png");
}
.primary-checkbox input.primary-chk06 + label {
  background-image: url("../images/sub/ico_chkHospitality.png");
}
.primary-checkbox input.primary-chk06:checked + label {
  background-image: url("../images/sub/ico_chkHospitality-w.png");
}
.primary-checkbox input.primary-chk07 + label {
  background-image: url("../images/sub/ico_chkSales.png");
}
.primary-checkbox input.primary-chk07:checked + label {
  background-image: url("../images/sub/ico_chkSales-w.png");
}
.primary-checkbox input.primary-chk08 + label {
  background-image: url("../images/sub/ico_chkConstruction.png");
}
.primary-checkbox input.primary-chk08:checked + label {
  background-image: url("../images/sub/ico_chkConstruction-w.png");
}
.primary-checkbox input.primary-chk09 + label {
  background-image: url("../images/sub/ico_chkMaintenance.png");
}
.primary-checkbox input.primary-chk09:checked + label {
  background-image: url("../images/sub/ico_chkMaintenance-w.png");
}
.primary-checkbox input.primary-chk10 + label {
  background-image: url("../images/sub/ico_chkAgriculture.png");
}
.primary-checkbox input.primary-chk10:checked + label {
  background-image: url("../images/sub/ico_chkAgriculture-w.png");
}
.primary-checkbox input.primary-chk11 + label {
  background-image: url("../images/sub/ico_chkBook.png");
}
.primary-checkbox input.primary-chk11:checked + label {
  background-image: url("../images/sub/ico_chkBook-w.png");
}
.primary-checkbox input.primary-chk12 + label {
  background-image: url("../images/sub/ico_chkICT.png");
}
.primary-checkbox input.primary-chk12:checked + label {
  background-image: url("../images/sub/ico_chkICT-w.png");
}
.primary-checkbox input.primary-chk13 + label {
  background-image: url("../images/sub/ico_chkBuilding.png");
}
.primary-checkbox input.primary-chk13:checked + label {
  background-image: url("../images/sub/ico_chkBuilding-w.png");
}

.interest-checkbox input.interest-chk01 + label {
  background-image: url("../images/sub/ico_chkAiRobot.png");
}
.interest-checkbox input.interest-chk01:checked + label {
  background-image: url("../images/sub/ico_chkAiRobot-w.png");
}
.interest-checkbox input.interest-chk02 + label {
  background-image: url("../images/sub/ico_chkItSw.png");
}
.interest-checkbox input.interest-chk02:checked + label {
  background-image: url("../images/sub/ico_chkItSw-w.png");
}
.interest-checkbox input.interest-chk03 + label {
  background-image: url("../images/sub/ico_chkGame.png");
}
.interest-checkbox input.interest-chk03:checked + label {
  background-image: url("../images/sub/ico_chkGame-w.png");
}
.interest-checkbox input.interest-chk04 + label {
  background-image: url("../images/sub/ico_chkEngineering02.png");
}
.interest-checkbox input.interest-chk04:checked + label {
  background-image: url("../images/sub/ico_chkEngineering02-w.png");
}
.interest-checkbox input.interest-chk05 + label {
  background-image: url("../images/sub/ico_chkEducation.png");
}
.interest-checkbox input.interest-chk05:checked + label {
  background-image: url("../images/sub/ico_chkEducation-w.png");
}
.interest-checkbox input.interest-chk06 + label {
  background-image: url("../images/sub/ico_chkManagement.png");
}
.interest-checkbox input.interest-chk06:checked + label {
  background-image: url("../images/sub/ico_chkManagement-w.png");
}
.interest-checkbox input.interest-chk07 + label {
  background-image: url("../images/sub/ico_chkPet.png");
}
.interest-checkbox input.interest-chk07:checked + label {
  background-image: url("../images/sub/ico_chkPet-w.png");
}
.interest-checkbox input.interest-chk08 + label {
  background-image: url("../images/sub/ico_chkDesign.png");
}
.interest-checkbox input.interest-chk08:checked + label {
  background-image: url("../images/sub/ico_chkDesign-w.png");
}
.interest-checkbox input.interest-chk09 + label {
  background-image: url("../images/sub/ico_chkBeauty.png");
}
.interest-checkbox input.interest-chk09:checked + label {
  background-image: url("../images/sub/ico_chkBeauty-w.png");
}
.interest-checkbox input.interest-chk10 + label {
  background-image: url("../images/sub/ico_chkBroadcasting.png");
}
.interest-checkbox input.interest-chk10:checked + label {
  background-image: url("../images/sub/ico_chkBroadcasting-w.png");
}
.interest-checkbox input.interest-chk11 + label {
  background-image: url("../images/sub/ico_chkLaw.png");
}
.interest-checkbox input.interest-chk11:checked + label {
  background-image: url("../images/sub/ico_chkLaw-w.png");
}
.interest-checkbox input.interest-chk12 + label {
  background-image: url("../images/sub/ico_chkSocialWelfare.png");
}
.interest-checkbox input.interest-chk12:checked + label {
  background-image: url("../images/sub/ico_chkSocialWelfare-w.png");
}
.interest-checkbox input.interest-chk13 + label {
  background-image: url("../images/sub/ico_chkSports.png");
}
.interest-checkbox input.interest-chk13:checked + label {
  background-image: url("../images/sub/ico_chkSports-w.png");
}
.interest-checkbox input.interest-chk14 + label {
  background-image: url("../images/sub/ico_chkHospitality.png");
}
.interest-checkbox input.interest-chk14:checked + label {
  background-image: url("../images/sub/ico_chkHospitality-w.png");
}
.interest-checkbox input.interest-chk15 + label {
  background-image: url("../images/sub/ico_chkArts.png");
}
.interest-checkbox input.interest-chk15:checked + label {
  background-image: url("../images/sub/ico_chkArts-w.png");
}
.interest-checkbox input.interest-chk16 + label {
  background-image: url("../images/sub/ico_chkSpace.png");
}
.interest-checkbox input.interest-chk16:checked + label {
  background-image: url("../images/sub/ico_chkSpace-w.png");
}
.interest-checkbox input.interest-chk17 + label {
  background-image: url("../images/sub/ico_chkFood.png");
}
.interest-checkbox input.interest-chk17:checked + label {
  background-image: url("../images/sub/ico_chkFood-w.png");
}
.interest-checkbox input.interest-chk18 + label {
  background-image: url("../images/sub/ico_chkMusic.png");
}
.interest-checkbox input.interest-chk18:checked + label {
  background-image: url("../images/sub/ico_chkMusic-w.png");
}
.interest-checkbox input.interest-chk19 + label {
  background-image: url("../images/sub/ico_chkEngineering.png");
}
.interest-checkbox input.interest-chk19:checked + label {
  background-image: url("../images/sub/ico_chkEngineering-w.png");
}
.interest-checkbox input.interest-chk20 + label {
  background-image: url("../images/sub/ico_chkEnvironment.png");
}
.interest-checkbox input.interest-chk20:checked + label {
  background-image: url("../images/sub/ico_chkEnvironment-w.png");
}

.secondary-category .secondary-checkbox {
  display: inline-block;
  margin: 10px 0;
  width: 100%;
  width: 33.3333333333%; /*max-width: 250px;*/
  padding-right:42px; /* 250328  (ej) */
}
.secondary-category .secondary-checkbox input {
  display: none;
}
.secondary-category .secondary-checkbox input + label {
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
}
.secondary-category .secondary-checkbox input:checked + label {
  color: #10511E;
  text-decoration: underline;
  text-decoration-color: #10511E;
}

/* 250328  (ej) */
/* .secondary-category .secondary-checkbox:nth-child(5) {
  width: 66.66666%;
} */
.secondary-category div + div {
  margin-top: 15px;
}
.secondary-category .title + .radio__wrap--horiz {
  margin-top: 15px;
}
.secondary-category .title + .input-group {
  margin-top: 15px;
}

.job-classifier + .result-wrap .board-search-wrap {
  margin-top: 60px;
}

.tab-cont {
  width: 100%;
  padding: 30px;
  background-color: #EEF2F7;
  /* border: 1px solid #DDDDDD; */
  border-top: 0;
  border-radius: 0 0 10px 10px;
  font-size: 17px;
  font-weight: 500;
}
.tab-cont .button-box {
  margin-top: 20px;
}

.tab-cont .job-recommend {
  font-size: 0;
}
.tab-cont .job-recommend > div {
  display: inline-block;
  width: calc(50% - 10px);
}
.tab-cont .job-recommend > div .radio__wrap--horiz {
  flex-wrap: wrap;
  margin-top: 15px;
}
.tab-cont .job-recommend > div .radio__wrap--horiz .input--rdo {
  width: calc(50% - 4px);
  flex-grow: unset;
}
.tab-cont .job-recommend .title-box {
  display: inline-block;
  padding-left: 10px;
}
.tab-cont .job-recommend .title-box::before {
  display: inline-block;
  margin-right: 10px;
  width: 42px;
  height: 42px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px;
  vertical-align: middle;
  content: "";
}
.tab-cont .job-recommend .title-box .title {
  font-weight: 700;
  color: #052B57;
}
.tab-cont .job-recommend .title-box .text {
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  vertical-align: middle;
}
.tab-cont .job-recommend .salary .title-box::before {
  background-image: url("../images/sub/ico_salary02.png");
}
.tab-cont .job-recommend .salary .radio__wrap--horiz .input--rdo:first-child {
  width: 100%;
}
.tab-cont .job-recommend .salary .radio__wrap--horiz .input--rdo:first-child label {
  width: 50%;
}
.tab-cont .job-recommend .prospect {
  margin-left: 20px;
}
.tab-cont .job-recommend .prospect .title-box::before {
  background-image: url("../images/sub/ico_prospect02.png");
}

.tab-cont .interest .interest-category {
  margin-top: 15px;
}

.tab-cont .characteristic .popupbtn-list {
  margin-top: 15px;
}
.tab-cont .characteristic .popupbtn-list li {
  padding: 0 10px;
}
.tab-cont .characteristic .popupbtn-list li::before {
  display: inline-block;
  margin-right: 20px;
  width: 42px;
  height: 42px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}
.tab-cont .characteristic .popupbtn-list li + li {
  margin-top: 15px;
}
.tab-cont .characteristic .popupbtn-list li:first-child::before {
  background-image: url("../images/sub/ico_characteristic01.png");
}
.tab-cont .characteristic .popupbtn-list li:nth-child(2)::before {
  background-image: url("../images/sub/ico_characteristic03.png");
}
.tab-cont .characteristic .popupbtn-list li:last-child::before {
  background-image: url("../images/sub/ico_characteristic02.png");
}
.tab-cont .characteristic .popupbtn-list li p {
  display: inline-block;
}
.tab-cont .characteristic .popupbtn-list li .btn {
  float: right;
}

.recommendation-list.performance ul.basic li p {
  min-width: 95px;
}
.recommendation-list h3 {
  margin-top: 60px;
  font-size: 20px;
}
.recommendation-list h3::before {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_blet.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.recommendation-list .num {
  color: #d71921;
}
.recommendation-list .selection-summary {
  padding: 30px;
  margin-top: 20px;
  background-color: #F5FAF3;
  border-radius: 10px;
}
.recommendation-list .selection-summary .title {
  font-weight: 700;
}
.recommendation-list ul.basic li {
  display: flex;
  /* flex-wrap:wrap; */  /* 250331  (ej) */
  gap:3px;/* 250326  (ej) */
  color: #000;
}
.recommendation-list .dt {  /* 250331  (ej) */
  min-width:50px;
  padding-top:2px;
}
.recommendation-list .dd {  /* 250331  (ej) */
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.recommendation-list ul.basic li::before {
  background-color: #000;
  top: 12px;
}
.recommendation-list ul.basic li:nth-child(3) p {
  min-width: 95px;
}
.recommendation-list ul.basic li p {
  display: inline-block;
  min-width: 40px;
  vertical-align: middle;
}
.recommendation-list ul.basic li p.label-box {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}
.recommendation-list .label {
  display: inline-block;
  padding: 2.5px 10px;
  /* margin-left: 10px; */ /* 250331 (ej) */
  background: #FFF;
  border-radius: 10px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #333;
}
.recommendation-list .label.dash {
  border: 1px dashed #CCCCCC;
}
.recommendation-list .label.solid {
  margin: 3px 0 3px 10px;
  border: 1px solid #62D491;
}
.recommendation-list .align-r {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  color: #777;
}
.recommendation-list .board-search-wrap {
  margin-top: 20px;
}

/* 직업추천 팝업 */
.selection-container {
  max-height: 550px;
  overflow: auto;
}
.selection-wrap {
  padding: 20px;
  background: #F5FAF3;
  border-radius: 10px;
}
.selection-wrap + .selection-wrap {
  margin-top: 40px;
}
.selection-wrap h3 {
  font-size: 20px;
  font-weight: 600;
}
.selection-wrap h3::before {
  display: inline-block;
  margin-right: 20px;
  width: 42px;
  height: 42px;
  background-color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}
.selection-wrap h3.specificity::before {
  background-image: url("../images/sub/ico_characteristic01.png");
}
.selection-wrap h3.knowledge::before {
  background-image: url("../images/sub/ico_characteristic03.png");
}
.selection-wrap h3.performance::before {
  background-image: url("../images/sub/ico_characteristic02.png");
}
.selection-wrap h3.environment::before {
  background-image: url("../images/sub/ico_characteristic04.png");
}
.selection-box {
  margin-top: 10px; /*max-height: 470px; overflow: auto;*/
}
.selection-box li {
  display: flex;
  align-items: center;
  gap: 20px;
  width: calc(100% - 20px);
  min-height: 60px;
  font-size: 17px;
}
.selection-box li + li {
  margin-top: 10px; /* 250326  (ej) */
}
.selection-box .chkbox {
  display: inline-block;
  padding: 18px 20px;
  min-width: 246px;/* 250331  (ej) */
  background-color: #fff;

  width: 246px;  /* 250331  (ej) */
}
.selection-box .chkbox .input--chk {
  margin-bottom: 0;
  font-size:16px;  /* 250331  (ej) */
  position:relative;/* 250331  (ej) */
}
.selection-box .chkbox .input--chk input {
  margin: 0;
  width: 20px;
  height: 20px;
  left: 0;  /* 250331  (ej) */
  top: 0;  /* 250331  (ej) */
  position: absolute;  /* 250331  (ej) */
}
.selection-box .chkbox .input--chk label {
  padding-left: 29px;/* 250331  (ej) */
  display:inline-block;/* 250331  (ej) */
}
.selection-box p {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
}

.job-based-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-based-box .basic {
  position: relative;
  display: inline-block;
  padding-left: 110px;
  margin-top: 15px;
}
.job-based-box .basic li {
  color: #333;
}
.job-based-box .basic::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #fff url("../images/sub/ico_clipboard.png") center no-repeat;
  content: "";
}
.job-based-box .btn {
  padding: 11px 30px;
}
.job-based .wrn-txt.gray {
  margin-top: 15px;
  font-size: 17px;
  font-weight: 500;
}

.survey-wrap {
  margin-top: 40px;
}
.survey-wrap .align-r {
  font-size: 17px;
  font-weight: 500;
  color: #777;
}




/* 기존 step (직업내비게이션-직업검색-만족도) */
.step-guide {
  margin-top: 60px;
}
.step ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* 250314 (ej) */
  gap: 10px; /* 250314 (ej) */
  word-break: break-all; /* 250314 (ej) */
  padding-top: 34px;
  margin-top: 40px;
}
.step ul::before {
  position: absolute;
  left: 50%;
  top: 9px;
  transform: translateX(-50%);
  width: 91%;
  height: 1px;
  background-color: #C6C6C6;
  content: "";
}
.step ul.step2::before {
  background: linear-gradient(90deg, #4A9C6C 50%, #C6C6C6 50%);
}
.step ul.step3::before {
  background: #4A9C6C;
}
.step ul li {
  position: relative;
  font-size: 16px; /* 250328  (ej) */
  font-weight: 700;
  color: #333;
  text-align: center;
}
.step ul li::before {
  position: absolute;
  left: 50%;
  top: -33px;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-color: #E4E4E4;
  border-radius: 24px;
  z-index: 2;
  content: "";
}
.step ul li span {
  font-weight: 400;
  color: #555;
}
.step ul li.now {
  position: relative;
}
.step ul li.now::before {
  width: 12px;
  height: 12px;
  top: -31px;
  background-color: #166235;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  content: "···";
}
.step ul li.now::after {
  position: absolute;
  left: 50%;
  top: -36px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #166235;
  border-radius: 24px;
  content: "";
}
.step ul li.completed::before {
  background-color: #4A9C6C;
  background-image: url("/resources/images/sub/ico_check-w-f4d920edae261a7ccea5ecff3ef84238.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
}
.step ul li:first-child::after, .step ul li:last-child::after {
  position: absolute;
  top: -27px;
  width: 50%;
  height: 3px;
  content: "";
  background-color: white;
  z-index: 1;
  border: none;
}
.step.type3 ul li::after {
  display:none;/* 250318 (ej) */
}
.step ul li:first-child::after {
  left: 0;
}
.step ul li:last-child::after {
  right: 0;
  transform: translateX(0%);
}

.step.type2 ul {
  flex-grow: 1;
}
.step.type2 ul::before {
  display: block;
  left: 0;
  transform: translateX(0);
  width: 98%;
}
.step.type2 ul li {
  text-align: left;
  width: auto;
}
.step.type2 ul li::before {
  left: 0;
  transform: translateX(0);
  z-index: 3;
}
.step.type2 ul li::after {
  display: none;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #4A9C6C;
  transform: translateX(0);
  content: "";
}
.step.type2 ul li:last-child::after {
  display: block;
  top: -27px;
  height: 3px;
  background-color: white;
  z-index: 2;
}

.step.type3 ul {
  padding-top: 0;
  margin-top: 0;
  justify-content: space-between;
}
.step.type3 ul::before {
  display: none;
}
.step.type3 ul li {
  padding: 10px;
  width: 100%;
  max-width: 198px;
  border: 5px solid #DDDDDD;
  border-radius: 100px;
}
.step.type3 ul li::before {
  display: none;
}
.step.type3 ul li p {
  font-size: 18px;
  font-weight: 700;
  color: #767676;
}
.step.type3 ul li span {
  display: inline-block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #767676;
}
.step.type3 ul li.active {
  border-color: #166235;
}
.step.type3 ul li.active p {
  color: #166235;
}
.step.type3 ul li.active span {
  color: #333;
}




.new-step ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  word-break: break-all;
  padding-top: 34px;
  margin-top: 40px;
}
.step.type1 ul::before {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  width: 91%;
  height: 1px;
  background: linear-gradient(90deg, #6D7882 50%, #C6C6C6 50%);
  content: "";
}

.new-step ul li {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-align: center;
}
.new-step ul li::after {
  position: absolute;
  left: 50%;
  top: -34px;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-color: #E6E8EA;
  border : 1px solid #CDD1D5;
  border-radius: 24px;

  content: "";
}
.new-step ul li span {
  font-weight: 400;
  color: #555;
}
.new-step ul li.now {
  position: relative;
}
.new-step ul li.now::after {
  position: absolute;
  width:  20px;
  height: 20px;
  top: -34px;
  background: url("../images/sub/ico_step.png") center no-repeat;
  border: 0;
  content: "";
}
.new-step ul li.completed::after {
  background-color: #6D7882;
  background-image: url("../images/sub/ico_check-w.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 0;
}

.new-step.type2 ul {
  flex-grow: 1;
}
.new-step.type2 ul li {
  text-align: left;
  width: auto;
}
.new-step.type2 ul li::after {
  left: 0;
  transform: translateX(0);

}
.new-step.type2 ul li::before {

  position: absolute;
  display: block;
  left: 0%;
  right: 0%;
  top: -24px;
  width: 100%;
  height: 1px;
  background-color: #CDD1D5;
  content: "";
}
.new-step.type2 ul li.completed::before {
  background-color: #6D7882;
}




.vr-description {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.vr-description .title {
  font-size: 0;
}
.vr-description .title h4 {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
  font-size: 19px;
  font-weight: 600;
}
.vr-description .mat20 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.vr-description .step.type2 ul {
  margin-top: 20px;
}
.vr-description .basic {
  margin-top: 28px;
}
.vr-description .basic li {
  font-size: 18px;
  color: #777;
}
.vr-description .basic li::before {
  background: #777;
}

.table-list .input--chk {
  margin: 0;
}

.board-timer {
  display: inline-block;
  padding: 9px 20px;
  background-color: #FFF9E8;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  margin-right: 10px;
  vertical-align: middle;
}
.board-timer .point {
  min-width: 25px;
  display: inline-block;
  text-align: right;
}
.board-timer + .btn {
  min-width: auto;
  padding: 8px 20px;
}

.tab-desc {
  margin-top: 40px;
  font-size: 0;
  display:flex; /* 250409 (ej) */
  flex-wrap: wrap;
  gap: 10px;
}
.tab-desc .tab-tag + .basic {
  margin-top: 0px;
  margin-left: 10px;
}
.tab-desc .basic li {
  font-size: 17px;
  color: #333;
}
.tab-desc + .job-classifier { margin-top:10px} /* 250324 (ej) */

.tab-tag {
  display: inline-block;
  padding: 9px 36px;
  min-width: 142px;
  background: #F0F0F0;
  border-radius: 50px;
  font-size: 17px;
  font-weight: 600;
  color: #777777;
}
.tab-tag.active {
  background: #62D491;
  color: #333;
}
.tab-tag + .tab-tag {
  /* margin-left: 10px; *//* 250409 (ej) */
}

.tab-desc + .job-classifier.type2 {
  margin-top: 10px;
}

.tab-menu + .box-solid {
  margin-top: 40px;
}

.box-solid + .tab-menu {
  margin-top: 40px;
}

/* 영상아카이브 상세 타이틀 */
.box-solid.archiving-header {
  color: #333;
  flex-wrap: wrap;
  gap:10px; /* 250314 (ej) */
}
.box-solid.archiving-header > div {
  font-size: 0;
}
/* 250314 (ej) */
.box-solid.archiving-header .archiving-title {
  display:flex;
  gap:10px 20px;
}

.box-solid.archiving-header .archiving-meta {
  margin-left: auto;
}
/* // 250314 (ej) */
.box-solid.archiving-header .label-line {
  display: inline-block;
  padding: 4px 10px;
  background: #FFF;
  border: 1px solid #62D491;
  border-radius: 5px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  vertical-align: middle;
  white-space:nowrap;  /* 250314 (ej) */
  height:100%;  /* 250314 (ej) */
}
.box-solid.archiving-header .title {
  display: inline-block;
  /* margin-left: 20px; */ /* 250314 (ej) */
  font-size: 20px;
  vertical-align: middle;
}
.box-solid.archiving-header .archiving-meta .date {
  width: auto;
}

.tab-desc .btn.square {
  float: right;
}

.archiving-detail {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  width: 100%;
  height: 456px;
}
.archiving-detail .video {
  width: 809px;
  height: 100%;
  background-color: #DDDDDD;
  border-radius: 5px;
}
.archiving-detail .subtitle {
  padding-right: 0;   /* 250324 기존 37px (ej) */
  height: 100%;
  overflow: auto;
}
.archiving-detail .subtitle-box {
  padding: 40px 20px;
  width: 361px;
  height: 100%;
  background: #EEEEEE;
  border-radius: 5px;
  overflow: auto;
}
.archiving-detail .subtitle p {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  line-height: 160%;  /* 250324 기존 42px (ej) */
}
.archiving-detail + ul.basic li {
  color: #767676; /* 250324 명도대비 (ej) */
}

/* 아코디언 */
.accordion { /* 250313 (ej) */
  margin-top: 20px;
  background: #F5FAF3;
  border-bottom: 1px solid #C6C6C6;
}
.accordion:first-child { border-top: 1px solid #C6C6C6;}  /* 250313 (ej) */
.accordion-wrap {
  width: 100%;
}
.accordion-header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 700;
}
.accordion-header .title {
  color: #1D1D1D;
}
.accordion-header .accordion-btn {
  position: relative;
  padding-right: 28px;
  background-color: transparent;
  color: #111;
}
.accordion-header .accordion-btn::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_select.png") center;
  content: "";
}
.accordion-content {
  display: none;
  padding: 0 20px 20px 20px;
}
.accordion-content .radio__wrap--horiz {
  padding: 20px;
  background: #FFF;
}
.accordion-content .radio__wrap--horiz .input--rdo label {
  padding: 13px;
}
.accordion-content .radio-dual .radio__wrap--horiz {
  flex-wrap: wrap;
  justify-content: start;
}
.accordion-content .radio-dual .radio__wrap--horiz .input--rdo {
  width: 20%;
  max-width: calc(20% - 8px);
}
.accordion-content .input-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 20px;
  background-color: #FFF;
}
.accordion-content .input-group .inp {
  width: 180px;
  height: 38px;
  width: calc(33.3% - 8px);
}
.accordion-content .radio__wrap--vert {
  display: flex;
  gap: 20px;
  padding: 20px;
  background-color: #fff;
}
.accordion-content .radio__wrap--vert .input--rdo {
  margin: 0;
}

/* 250313 검색조건 radio style 수정 (ej) */
.accordion-content .radio__wrap--vert .input--rdo { font-size:17px;}
.accordion-content .radio__wrap--vert .input--rdo .rdo__checkbox { display:none;}
.accordion-content .radio__wrap--vert .input--rdo label {display:inline-block;  font-size:17px; padding-left:35px;
  line-height:130%; /* 250321 font size (ej) */
}

.accordion-content .radio__wrap--vert .input--rdo label::before {
  content:'';
  position: absolute;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #717171;
  border-radius: 50%;
  vertical-align: middle;
  transition: 0.1s ease-in;
  left: 0;
  top:50%;/* 250321 font size (ej) */
  transform:translateY(-50%);/* 250321 font size (ej) */
}
.accordion-content .radio__wrap--vert .input--rdo input[type=radio]:checked + label::before {
  border: 1px solid #62D491;
}
.accordion-content .radio__wrap--vert .input--rdo input[type=radio]:checked + label::after {
  position: absolute;
  left: 7px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-color: #62D491;
  border-radius: 50%;
  transition: 0.15s ease-in;
  content: "";
  top:50%;/* 250321 font size (ej) */
  transform:translateY(-50%);/* 250321 font size (ej) */
}
/* // 250313 검색조건 radio style 수정 (ej) */

.accordion-content .popup-btn {
  padding: 4px 9px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.accordion-content p.wrn-txt.gray {
  margin-left: 10px;
  font-size: 16px; /* 250321 font size (ej) */
}
.accordion-content .basic li {
  font-size: 16px;/* 250321 font size (ej) */
  font-weight: 400;
  color: #555;
}
.accordion-content .basic li::before {
  width: 3px;
  height: 3px;
  background-color: #555;
}
.accordion-content .basic + .wrn-txt.gray {
  margin: 5px; /* 250321 (ej) */
}
.accordion + .accordion {
  margin-top: 0; /* 250313 (ej) */
}

.accordion:last-child .radio__wrap--horiz .input--rdo {
  width: calc(25% - 8px);
  max-width: none;
}

.accordion.active .accordion-btn::before {
  transform: translateY(-50%) rotate(180deg);
}
.accordion.active .accordion-content {
  display: block;
}

.wage {
  /* 임금수준 진단 결과 */
}
.wage-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wage-summary .title::before {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/sub/ico_salary02.png") center no-repeat;
  background-size: 24px;
  content: "";
}
.wage-summary p {
  display: inline-block;
  font-size: 17px;
  color: #333;
  vertical-align: middle;
  word-break: keep-all;
}
.wage-summary .input-group {
  display: inline-block;
  margin: 0 10px;
  width: 240px;
  vertical-align: middle;
}
.wage-summary .input-group input {
  height: 38px;
  vertical-align: middle;
}
.wage-summary .btn.summary {
  border-radius: 4px;
}
.wage-summary .btn.summary span {
  font-weight: 400;
  vertical-align: middle;
  word-break: keep-all;
}
.wage .basic li {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #555;
}
.wage .title-ico {
  font-size: 20px; /* 250321 font size (ej) */
  color: #333;
}
.wage-level {
  font-size: 16px; /* 250321 font size (ej) */
  font-weight: 500;
  color: #666;
}
.wage-level li + li {
  margin-top: 6px;
}
.wage .wage-accordion {
  display: none;
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #62D491;
  transition: 0.3s ease;
}
.wage .wage-accordion.active {
  display: flex;
  justify-content: space-between;
}
.wage .wage-accordion.active .btn {
  padding: 30px;
}
.icon.guide { /* 250314 (ej) */
  background-image: url("../images/sub/ico_info-b.png");
}
.icon.guide + span { /* 250314 (ej) */
  margin-left: 10px;
}
.wage .title-ico + .wage-level {
  margin-top: 15px;
}
.wage-graph {
  margin-top: 15px;
  width: 100%;
  height: 250px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
}
.wage-graph-box {
  margin-top: 10px;
  border-top: 1px solid #62D491;
}
.wage-graph-box + .wage-graph-box {
  margin-top: 30px;
}
.wage-graph-box .wrn-txt.gray {
  margin-left: 30px;
  font-size: 16px;/* 250321 font size (ej) */
  font-weight: 500;
  color: #555;
}
.wage-graph-box .red {
  color: #d71921;
}
.wage-unit { /* 250312 선택자 수정 (ej) */
  float: right;
  margin-top: 20px;
  margin-right: 10px;
  font-size: 16px; /* 250312 선택자 수정 (ej) */
  color: #555;
}
.wage-graph-box .table-list {
  margin-top: 20px;
}
.wage-graph-desc {
  margin-top: 20px; /* 250318 (ej) */
}
.wage-graph-desc p.wrn-txt {
  display: block;
  margin-top: 4px;
  font-size: 16px;/* 250321 font size (ej) */
  color: #666;
}
.wage-graph-desc ul.basic {
  margin-top: 4px;
  margin-left: 10px;
}
.wage-graph-desc ul.basic li {
  margin-top: 4px;
  font-size: 16px;/* 250321 font size (ej) */
  color: #666;
}
.wage-graph-desc ul.basic li::before {
  width: 3px;
  height: 3px;
  background: #666;
}
.wage-graph-wrap .div-table {
  margin-top: 40px;
}
.wage-graph-wrap .div-table-th {
  width: 50%;
}
.wage-graph-wrap .div-table-td {
  width: 50%;
}
.wage-graph-wrap .rse ul.basic > li {
  font-size: 16px; /* 250321 font size (ej) */
  font-weight: 400;
  color: #666;
}
.wage-graph-wrap .rse ul.basic > li::before {
  width: 3px;
  height: 3px;
  background: #666;
}

.search-criteria {
  margin-top: 40px;
}

 /* 250314 (ej) */
.criteria-info .title-ico {
  display: block;
}
.criteria-info .input--chk {
  display:block;
  margin-bottom:0;
}
.line-top { border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
 /* // 250314 (ej) */
.criteria-info .input--chk input {
  width: 20px;
  height: 20px;
}
.criteria-info .input--chk label {
  padding-left: 4px; /* 240314 (ej) */
  font-size: 17px; /* 250321 font size (ej) */
  font-weight: 400;
}
.criteria-info ul.basic {
  margin-top: 15px;
}
.criteria-info ul.basic li {
  margin-top: 3px;
  font-size: 17px; /* 250321 font size (ej) */
  font-weight: 400;
  color: #666;
}

.title-ico {
  display: inline-block;
  margin-top: 0;
  font-size: 22px; /* 250321 font size 기존 20px (ej) */
  font-weight: 600; /* 250407 (ej) */
  color: #111;
  vertical-align: middle;
}
.title-ico::before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_blet.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.title-ico.blue::before {
  background-image: url("../images/sub/ico_blet-b.png");
}

/* 산업분류 팝업 */
.industry-classification {
  padding: 20px;
  margin-top: 20px;
  max-height: calc(100vh - 250px); /* 250402 (ej) */
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  overflow: auto;
}

/* 사용가이드 팝업 */
.use-guide-wrap .box-solid {
  padding: 20px;
  font-size: 17px; /* 250321 font size (ej) */
  font-weight: 500;
}

.use-guide .title-ico { font-size:20px;} /* 250321 font size (ej) */
.use-guide {
  padding-right: 20px;
 /*  max-height: calc(100vh - 505px); */
  max-height: calc(100vh - 275px); /* 250321(ej) */
  overflow: auto;
}
.use-guide .use-guide-header .wrn-txt {
  font-size: 16px; /* 250321 font size (ej) */
  font-weight: 600; /* 250321 font size (ej) */
}
.use-guide .use-guide-header p {
  font-weight: 700;
}
.use-guide .use-guide-list {
  margin-top: 20px;
}
.use-guide .use-guide-list > li {
  margin-top: 20px; /* 250321 font size (ej) */
}
.use-guide .use-guide-list ul.basic {
  margin-top: 10px;
}
.use-guide .use-guide-list ul.basic li {
  margin-top: 5px;
  font-size: 16px; /* 250321 font size (ej) */
  font-weight: 500;
}
.use-guide .use-guide-list ul.basic li::before {
  width: 3px;
  height: 3px;
}


.print-div{
	display: none;
}

/* 직업찾기_조회 */
.job-search-results .table-list tbody td {
  padding: 10px;
  height: auto;
}
.job-search-results .table-list tbody td .label.solid {
  margin-top: 10px;
}

.job-search-results .table-list tbody td span.label.solid { /* 250321 (ej) */
  margin-top: 5px;
}

.job-classifier + .job-search-results {
  margin-top: 60px;
}

/* 미래직업세계 */
.job-detail {
  margin-top: 40px;
}
.job-detail .green, .job-detail .desc {
  padding-left: 30px;
  font-size: 17px;
  line-height: 1.5;
}
.job-detail .green {
  margin-top: 10px;
  font-weight: 600;
  color: #166235;
}
.job-detail .desc {
  color: #333;
}
.job-detail-wrap .box-solid {
  margin-top: 40px;
  font-size: 17px;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.job-detail-title {
  padding: 6px 10px; /* 250324 font size (ej) */
  border-left: 5px solid #62D491;
  border-bottom: 1px solid #62D491;
  font-size: 0;
}
.job-detail-title p {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  color: #111;
  vertical-align: middle;
  margin-bottom:5px; /* 250324 (ej) */
  margin-right: 20px; /* 250324 (ej) */
}
.job-detail-title .label {
  display: inline-block;
  padding: 4px 10px;
  margin-left: 20px;
  border: 1px solid #8CA8FE;
  border-radius: 5px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
  vertical-align: middle;
  margin:0 5px 5px 0; /* 250324 (ej) */
}
/* 250324 주석처리 (ej) */
/* .job-detail-title .label + .label {
  margin-left: 10px;
}
 */
.relative-contents {
  margin-top: 20px;
  border-top: 1px solid #62D491;
}

/* 직업인인터뷰 상세 */
h3.center {
  text-align: center;
}
h3.center + .box-solid {
  margin-top: 40px;
}

.box-solid .post-header {
  border: none;
  height: auto;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}
.box-solid .post-header .post-info span {
  font-size: 16px;
  font-weight: 500;
}
.box-solid .post-header .post-info span::before {
  width: 24px;
  height: 24px;
}

.interview-video {
  margin-top: 20px;
  width: 100%;
  height: 500px;
  background: #D9D9D9;
}
.interview-video + .post-pagination {
  margin-top: 40px;
}

/* 메일링서비스 */
.mailing-desc {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  color: #333;
}
.mailing-desc::before {
  display: inline-block;
  margin-left: 10px;
  min-width: 53px;
  height: 53px;
  background: #fff url("../images/sub/ico_mail.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.mailing-desc ul {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

.privacy-policy {
  margin-top: 60px;
}
.privacy-policy ul.basic {
  padding-left: 40px;
  margin-top: 40px;
}
.privacy-policy ul.basic > li {
  font-weight: 500;
  color: #555;
  line-height: 25.5px;
}
.privacy-policy ul.basic > li .policy-description {
  font-weight: 600;
  color: #166235;
  font-size:17px; /* 250324 font size (ej) */
}
.privacy-policy ul.basic > li .policy-description + * {
  margin-top: 10px;
}
.privacy-policy ul.basic > li::before {
  background-color: #166235;
}
.privacy-policy ul.basic > li + li {
  margin-top: 40px;
}
.privacy-policy ul.basic > li .wrn-txt {
  display: block;
  margin-left: 10px;
  margin-top: 5px;
  font-size: 17px;
  font-weight: 500;
  color: #555;
}

.privacy-policy .notice-txt { /* 250324 텍스트 추가 (yj) */
  text-align: center;
  font-weight: 600; /* 250407 (ej) */
}

/* 메일링 서비스 신청 / 해지 */
h5 + .tab-menu {
  margin-top: 20px;
}

/* 250324 (ej) */
.tab-menu + .mailing-form {
  margin: 20px auto 0;
  max-width:780px;
}
/* // 250324 (ej) */

.mailing-form > div {
  position: relative;
  padding-top: 30px; /* 250324 기존 24px (ej) */
  font-size: 0;
}
.mailing-form > div + div {
  margin-top: 20px;
}
.mailing-form > div.text {
  font-size: 16px; /* 250324 font size (ej) */
}
.mailing-form > div.text p {
  font-size: 18px;
  font-weight: 600;
}
.mailing-form > div.text span {
  display: block;
  padding-left: 10px;
  margin-top: 10px;
  line-height:145%; /* 250324 font size (ej) */
}
.mailing-form .mail-address {
  position: relative;
  display:flex;  /* 250324  (ej) */
}
.mailing-form .mail-address::before {
  position: absolute;
  /* left: 335px; */
  top: 41px; /* 250324  (ej) */
  display: inline-block;
  font-size: 17px;
  z-index: 1;
  content: "@";
  left:calc(33.3% - 30px); /* 250324  (ej) */
  transform:translateY(-50%);
}
.mailing-form .mail-address input.inp {
  display: inline-block;
  /* width: 335px; */
  width: 33.3%; /* 250324 (ej) */
  padding: 0 30px 0 16px; /* 250324 (ej) */
}
.mailing-form .mail-address input.inp:nth-child(3) {
  /* width: 234px; */
  width: 33.3%; /* 250324 (ej) */
  padding: 0 16px;/* 250324 (ej) */
}
.mailing-form .mail-address select.inp {
  display: inline-block;
  margin-left: 20px;
  /* width: 180px; */
  width: 33.3%; /* 250324  (ej) */
}
.mailing-form .inp {
  position: relative;
  display: inline-block;
  border: none;
  border-bottom: 2px solid #DBDBDB;
  border-radius: 0;
}
.mailing-form .inp.readonly {
  background-color: #D8D8D8 !important;
  font-size: 20px;
  color: #717171 !important;
}
.mailing-form .inp + label {
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  background-color: #fff;
  color: #555;
  transition: 0.3s ease;
}
.mailing-form .inp:-moz-read-only + label {
  left: 0;
  bottom: 70%;
  font-size: 16px; /* 250324 font size (ej) */
  background-color: transparent;
  color: #333;
}
.mailing-form .inp:focus + label, .mailing-form .inp:valid + label, .mailing-form .inp:read-only + label {
  left: 0;
  bottom: 70%;
  font-size: 16px; /* 250324 font size (ej) */
  background-color: transparent;
  color: #333;
}
.mailing-form .inp:-moz-read-only + label span {
  color: #d71921;
  vertical-align: top;
}
.mailing-form .inp:focus + label span, .mailing-form .inp:valid + label span, .mailing-form .inp:read-only + label span {
  color: #d71921;
  vertical-align: top;
}
.mailing-form .wrntxt {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  color: #777;
  text-align: right;
}
.mailing-form .wrntxt span {
  color: #d71921;
  vertical-align: top;
}

/* 직업사전 검색 */
.top-area {
  display: flex;
  gap: 40px;
}
.top-area .tab-menu {
  width: 100%;
}
.top-area .modal-btn {
  min-width: 217px;
  background: #666666;
  border-radius: 5px;
  font-size: 0;
}
.top-area .modal-btn .icon {
  background-image: url("../images/sub/ico_info-w.png");
  font-size: 17px;
  font-weight: 600;
}
.top-area .modal-btn span {
  margin-left: 10px;
  color: #FFF;
}

.job-search.keyword .box-solid {
  gap: 10px;
}
.job-search.keyword .box-solid p {
  font-size: 17px;
  font-weight: 400;  /* 250324 (ej) */
  min-width: auto;
  /* word-break: keep-all; */   /* 250319 (ej) */
}
/* 250320 (ej) */
.job-search.keyword .box-solid .tit {
  font-size: 17px;
  font-weight: 600;
  min-width: auto;
  white-space: nowrap;
}
/*// 250320 (ej) */
.job-search.keyword .box-solid .input-group {
  position: relative;
}
.job-search.keyword .box-solid .input-group .inp {
  width: 100%;
  height: 44px;
  border-color: #62D491;
  border-radius: 50px;
}
.job-search.keyword .box-solid .input-group .btn {
  position: absolute;
  right: 0;
  min-width: auto;
  height: 44px;
  border-radius: 50px;
}
.job-search.option .box-solid p {
  font-size: 17px;
  font-weight: 400;
}
.job-search.option .box-solid > div {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.job-search.option .box-solid .input-group {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.job-search.option .box-solid .input-group label {
  display: inline-block;
  min-width: 90px;
  font-size: 17px;
  word-break: keep-all;
}
.job-search.option .box-solid .input-group select {
  display: inline-block;
  width: 100%;
}
.job-search.option .box-solid .btn {
  height: 44px;
}
.job-search .rdo-text {
  margin-top: 20px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #444;
}
.job-search .rdo-text + .radio__wrap--horiz {
  margin-top: 10px;
}
.job-search .rdo-text + .radio__wrap--horiz .input--rdo label,
.job-search .rdo-text + .radio__wrap--horiz .input--rdo .tab-btn {   /* 250320 선택자추가 (ej) */
  padding: 8px 2px;
}
.job-search .board-search-result {
  font-size: 17px;
  font-weight: 400;
}
.job-search .board-search-result span {
  font-size: 19px;
  font-weight: 600;
  color: #166235;
}
.job-search .board-search-result span.num {
  color: #d71921;
}

ul.basic.job-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}
ul.basic.job-list li {
  margin-top: 0;
  width: 50%;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.8;
}
ul.basic.job-list li::before {
  top: 15px;
}
ul.basic.job-list li a {
  font-size: 19px;
  font-weight: 400;/* 250327  (ej) */
  /* color: #166235; */  /* 250325  (ej) */
  vertical-align: middle;
  outline:none;
  position:relative;  /* 250327  (ej) */
}
/* 250327 (ej) */
ul.basic.job-list li a:focus-visible {
  outline: none;
  font-weight: 500;/* 250327  (ej) */
  text-decoration:underline;
  color:#166235;/* 250327  (ej) */
}
ul.basic.job-list li a:focus-visible::before {
  content: "";
  width: 7px;
  height: 7px;
  border: 2px solid #166235;
  border-radius: 0;
  border-left: 0;
  border-top: 0;
  background: #fff;
  position: absolute;
  left: -13px;
  top: 11px;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
/* ul.basic.job-list li a:focus-visible::after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 100%;
  border-bottom: 2px dotted #166235;
  left: 0;
} */
/* // 250327 (ej) */

ul.basic.job-list li a:hover {
  text-decoration: underline;
  color:#166235;/* 250327  (ej) */
}

.classification-section .classification-container, .classification-section .notice-section {
  margin-top: 40px;
}
.classification-section .notice-section .box-solid {
  padding: 30px;
}
.classification-section .notice-section .box-solid ul.basic li {
  line-height: 1.6;
}
.classification-section .notice-section .box-solid ul.basic li::before {
  top: 12px;
}
.classification-list {
  margin: 20px -10px 0;
  font-size: 0;
}
.classification-item {
  position: relative;
  display: inline-block;
  padding: 20px;
  margin: 0 10px;
  width: calc(33.3333333333% - 20px);
  background-color: #EAEDF6;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
}
.classification-item .img {
  border-radius: 20px;
  min-height:auto; /* 250318 (ej) */
}
.classification-item .item-hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 60px 0 40px;   /* 250320 (ej) */
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  text-align: center;
  transition: 0.3s ease;
}
.classification-item .item-hover .hover-text {
  line-height: 1.3;
  width: 80%;  /* 250320 (ej) */
  margin: 0 auto;  /* 250320 (ej) */
  word-break: keep-all;  /* 250320 (ej) */
}
.classification-item .item-hover .button-box.long {
  margin-top: 30px;   /* 250320 (ej) */
}
.classification-item .item-hover .button-box.long .btn {
  padding: 13px 20px;
}
.classification-item:hover .item-hover {
  display: block;
}
.classification-text {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

/* 직업검색 팝업 */
.job-dictionary-wrap .modal-cont-wrap {
  /* padding: 0 20px 20px 20px; */   /* 250320 (ej) */
  margin-top: 40px;
  max-height: calc(95vh - 150px);
}
.job-dictionary-wrap .modal-cont-wrap .modal-cont {
  margin-top: 0;
}
.job-dictionary-wrap .modal-cont-wrap .img {
  width: auto;
  background: none;
  text-align: center;
  height:auto;/* 250328 ios mobile (ej) */
  min-height:auto;   /* 250320 (ej) */
}
.job-dictionary-wrap .modal-cont-wrap .img img {
  width: auto;
  max-width:100%;/* 250318 (ej) */
  object-fit: unset;/* 250328 (ej) */
  height:auto;/* 250328 (ej) */

}
.job-dictionary-wrap .modal-cont-wrap .accordion {
  padding: 20px 0;   /* 250320 (ej) */
  margin-top: 20px;
  background-color: #fff;
  border-color: #DDDDDD;
  min-height:62px; /* 250328 (ej) */
  position:relative;/* 250328 (ej) */
}
.job-dictionary-wrap .modal-cont-wrap .accordion + .accordion {margin-top:0;}    /* 250320 (ej) */
.job-dictionary-wrap .modal-cont-wrap .accordion-wrap {
  padding: 10px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-header {
  padding: 0;
  background-color: #FFF;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-header .title {
  font-weight: 600;
  color: #333;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-header .accordion-btn {
  font-size: 0;
  /* 250328 (ej) */
  height:62px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  /* // 250328 (ej) */
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content {
  padding: 10px;
  margin-top: 10px;
  background-color: #F5F5F5;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #444;
  line-height: 1.4;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content * { line-height:145%} /* 250401  (ej) */
.job-dictionary-wrap .modal-cont-wrap .accordion-content ol { padding:10px 15px; border-radius: 10px; border:1px solid #ddd;} /* 250401  (ej) */
.job-dictionary-wrap .modal-cont-wrap .accordion-content ol li { line-height:120%} /* 250401  (ej) */
.job-dictionary-wrap .modal-cont-wrap .accordion-content > div {
  margin-top: 10px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content .bold {
  font-size: 16px;/* 250401  (ej) */
  font-weight: 600;
  margin-top:15px; /* 250401  (ej) */

}
.job-dictionary-wrap .modal-cont-wrap .accordion-content .bold + p {
  margin-top: 5px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content table + pre {
  margin-top: 10px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content table + p {
  margin-top: 10px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content ul.basic {
  margin-top: 0;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content ul.basic li {
  margin-top: 0;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content ol.basic li { /* 250401  (ej) */
  margin-top: 7px;
}
.job-dictionary-wrap .modal-cont-wrap .accordion-content ul.basic li span {
  font-weight: 700;
}
.job-dictionary-wrap .modal-cont-wrap .table-list td ul {
  margin-top: 0;
  text-align: left;
}
.job-dictionary-wrap .modal-cont-wrap .department {
  margin: 10px 0 0 10px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}

/* 분류검색 */
.category-search .box-solid {
  padding: 20px 30px;
}

.job-detail-container {
  margin-top: 40px;
}
.job-detail-container .job-title {
  font-size: 19px;
  font-weight: 600;
  color: #166235;
}
.job-detail-container .job-description {
  padding: 20px 0;
  margin-top: 10px;
  border-top: 1px solid #62D491;
  font-size: 17px;
}
.job-detail-container .job-subcategory {
  padding-top: 20px;
  border-top: 1px solid #62D491;
}
.job-detail-container .job-subcategory + .job-subcategory {
  margin-top: 20px;
}
.job-detail-container .job-subcategory .job-title {
  margin-left: 20px;
}
.job-detail-container .job-subcategory .job-title + ul.job-list {
  margin-top: 10px;
}
.job-detail-container ul.job-list {
  margin-top: 0;
}

/* 직업사전 직업상세 */
.board {
  margin-top: 40px;
}
.board .box-solid {
  margin-top: 40px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}

.job-info {
  margin-top: 40px;
}
.job-info .title-ico + pre {
  margin-top: 10px;
}
.job-info pre {
  padding-left: 30px;
  font-size: 17px;
}
.job-info .table-box {
  margin-top: 20px;
}

.right-txt {
  float: right;
  font-size: 16px;  /* 250324 font size (ej) */
  font-weight: 500;
  color: #555;
}

/* 임금체계유형 */
.section-wage-system .graph-box {
  margin-top: 20px;
}
.section-wage-system .graph-box .graph {
  margin: 0 auto;
}
.section-wage-system .graph-box + .basic {
  margin-top: 40px;
}
.section-wage-system .box-solid {
  margin-top: 0;
  font-size: 17px;
  font-weight: 500;
  color: #333;
}
.section-wage-system .box-solid .icon {
  margin-left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/sub/ico_chevron-r.png");
}
.section-wage-system .tab-menu {
  margin-top: 40px;
}
.section-wage-system .table-list {
  margin-top: 20px;
}
.section-wage-system .definition-list {
  margin-top: 20px;
}
.section-wage-system .definition-list.basic > li {
  padding-left: 18px;
  font-size: 17px;
  font-weight: 500;
  color: #555;
}
.section-wage-system .definition-list.basic > li::before {
  left: 7px;
  width: 3px;
  height: 3px;
  background-color: #555;
}
.section-wage-system .definition-list + p.wrn-txt {
  margin-top: 8px;
  font-weight: 500;
}
.section-wage-system p.wrn-txt {
  font-size: 17px;
  font-weight: 600;
  color: #555;
}
.section-wage-system .summary-wage-system {
  position: relative;
  margin-top: 40px;
}
.section-wage-system .summary-wage-system .btn-wrap {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  height: 40px;
  font-size: 0;
}
.section-wage-system .summary-wage-system .btn-wrap .swipe-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #E4E4E4;
  border-radius: 100px;
}
.section-wage-system .summary-wage-system .btn-wrap .swipe-btn.prev {
  background-image: url("../images/common/ico_arrow-s.png");
  transform: rotate(180deg);
}
.section-wage-system .summary-wage-system .btn-wrap .swipe-btn.next {
  background-image: url("../images/common/ico_arrow-s.png");
}
.section-wage-system .summary-wage-system .btn-wrap span {
  margin: 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  vertical-align: middle;
}
.section-wage-system .summary-header .title-ico {
  display: inline-block;
}
.section-wage-system .summary-header .right-txt {
  margin-top: 4px;
}
.section-wage-system .summary-header .desc {
  display: block;
  margin-top: 10px;
}
.section-wage-system .summary-header .desc p {
  display: inline-block;
  padding: 10px 0 0 30px;
  /* max-width: 1045px; */ /* 250320 연봉제 도입현황 텍스트 잘림 (ej) */
  /* width: 85%; *//* 250320 연봉제 도입현황 텍스트 잘림 (ej) */
  font-size: 17px;
  font-weight: 600;
}
.section-wage-system .summary-header .desc .title {
  padding-left: 0;
  color: #166235;
}
.section-wage-system .summary-header .desc .right-txt {
  margin-top: 10px;
}
.section-wage-system .summary-header:has(.desc) .desc {
  border-top: 1px solid #62D491;
}
.section-wage-system .status-box {
  margin-top: 40px;
}
.section-wage-system .status-box .status-header { /* margin-top: 40px; */ }
.section-wage-system .status-box .status-header .title {
  display: inline-block;
  font-size: 21px;  /* 250324 font size (ej) */
  font-weight: 600;
  color: #166235;
}
.section-wage-system .desc-wrap h4 {
  padding-left: 30px;
  font-size: 17px;
  font-weight: 600;
  color: #166235;
}
.section-wage-system .desc-wrap h4::before {
  display: none;
}
.section-wage-system .desc-wrap ul.basic {
  padding-left: 50px;
}
.section-wage-system .desc-wrap ul.basic li {
  font-size: 17px;
  font-weight: 500;
  color: #555;
  line-height: 25.5px;
}
.section-wage-system .desc-wrap ul.basic li::before {
  background-color: #555;
}
.section-wage-system .box-solid.white {
  margin-top: 40px;
  color: #555;
}

/* 직업정보 상세 */
.detail-wrap {
  margin-top: 30px;
}
/* 250325 (ej) */
.detail-wrap-header { }
.detail-wrap-header .title { padding-right:300px; }

.detail-wrap-header .title .left .ico-txt { padding:3px 0 2px 30px} /* 250325 (ej) */
/* // 250325 (ej) */
.detail-wrap-header .title .left {
  display: inline-block;
}
.detail-wrap-header .title .left .btn {
  margin-left: 20px;
}
.detail-wrap-header .title .right {
  /* float: right; */ /*  250325 (ej) */
  font-size: 0;
  position:absolute; /*  250325 (ej) */
  top:-10px; /*  250326 (ej) */
  right:0; /*  250325 (ej) */
}
.detail-wrap-header .title .right .btn {
  height: 38px;
}
.detail-wrap-header .title .right .btn + .btn {
  margin-left: 10px;
}
.detail-wrap-header .box-gray {
  padding: 10px 15px;
  margin-top: 15px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
  color: #777;
}
.detail-wrap-header .item-list {
  margin-top: 30px;
  text-align: right;
  font-size: 0;
}
.detail-wrap-header .item-list .item {
  display: inline-block;
  margin-left: 30px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
  color: #666;
  text-align: center;
}
.detail-wrap-header .item-list .item::before {
  display: inline-block;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}

/* 250917 (ej) */
#div_area_all .list-wrap .link-list .label-box + div { position:relative; padding-right:160px; width:calc(100% - 180px)}
#div_area_all .list-wrap .link-list .label-box + div .detail-wrap-header { position:absolute; right:0; top:50%; transform:translateY(-50%);}

#div_area_all .list-wrap .link-list a { padding: 15px 25px 15px 10px;}

#div_area_occp .list-wrap .link-list .label-box + div { position:relative; padding-right:160px; width:calc(100% - 180px)}
#div_area_occp .list-wrap .link-list .label-box + div .detail-wrap-header { position:absolute; right:0; top:50%; transform:translateY(-50%);}

#div_area_occp .list-wrap .link-list a { padding: 15px 25px 15px 10px;}

.detail-wrap-header .item-list .item > div {
  display: inline-block;
  vertical-align: middle;
}
.detail-wrap-header .item-list .item span {
  font-weight: 600;
  color: #333;
  vertical-align: middle;
}
.detail-wrap-header .item-list .item.salary::before {
  width: 40px;
  height: 40px;
  background-image: url("../images/sub/ico_salary.png");
}
.detail-wrap-header .item-list .item.salary span::after {
  display: inline-block;
  margin-top: -4px;
  width: 13px;
  height: 13px;
  background: url("../images/sub/ico_arrow.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.detail-wrap-header .item-list .item.satisfaction::before {
  width: 35px;
  height: 35px;
  background-image: url("../images/sub/ico_smile.png");
}
.detail-wrap-header .item-list .item.prospect::before {
  width: 40px;
  height: 35px;
  background-image: url("../images/sub/ico_prospect.png");
}
.detail-wrap .detail-tabcont {
  position: relative;
  padding: 40px;
  border: 1px solid #62D491;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  font-size:16px;   /* 250321 (ej) */
}
.detail-wrap .detail-tabcont > div {
  position: relative;
}
.detail-wrap .detail-tabcont > div + div {
  margin-top: 30px;
}
.detail-wrap .detail-tabcont > div .button-box button {
  padding: 2px 18px;
  border-radius: 8px;
  font-size: 16px;  /* 250324 font size (ej) */
  font-weight: 400;
}
.detail-wrap .detail-tabcont > div .button-box button::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_select.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.detail-wrap .detail-tabcont > div .button-box .sumrBtn::after { transform: rotate(180deg);}  /* 250320 (ej) */
.detail-wrap .detail-tabcont .title-ico {
  font-size: 19px;
  display:block;  /* 250317 (ej) */
}
.detail-wrap .detail-tabcont .title-box .title-ico {  /* 250317 (ej) */
  display: inline-block;
}
.detail-wrap .detail-tabcont .title-ico + div {
  padding-left: 30px;
  margin-top: 10px;
}
.detail-wrap .detail-tabcont .title-ico + .modal-btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 16px;  /* 250324 font size (ej) */
}
.detail-wrap .detail-tabcont .title-ico + p { margin-top:20px; } /* 250317 (ej) */
.detail-wrap .detail-tabcont .box-solid {
  font-size: 17px;
  font-weight: 500;
}
.detail-wrap .detail-tabcont .box-solid a:hover { text-decoration:underline;} /* 250325 (ej) */
.detail-wrap .detail-tabcont .box-solid button:hover { text-decoration:underline;} /* 250325 (ej) */
.detail-wrap .detail-tabcont .box-solid .green {
  font-weight: 600;
}
.detail-wrap .detail-tabcont .box-solid .modal-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.detail-wrap .detail-tabcont .box-solid .modal-btn-wrap li {
  width: 33.3333333333%;
}
.detail-wrap .detail-tabcont .box-solid .modal-btn-wrap .modal-btn {
  padding: 0;
  margin: 0 auto;
  background-color: transparent;
}
.detail-wrap .detail-tabcont .description {
  display: block;
  /* max-width: 930px; */ /* 250317 (ej) */
  margin-top: 5px;/* 250321 (ej) */
  /* font-size: 17px; */ /* 250321 (ej) */
  font-weight: 400;
  color: #555;
  line-height: 25.5px;
}
.detail-wrap .detail-tabcont ul.basic li p {
  /* font-size: 18px; */  /* 250321 (ej) */
  font-weight: 500;
}
.detail-wrap .detail-tabcont ul.basic li .green {
  font-weight: 500;
}
.detail-wrap .detail-tabcont ul.basic .label-box {
  margin-top: 5px;
}
.detail-wrap .detail-tabcont .wrn-txt-wrap {
  padding-left: 44px;
  margin-top: 10px;
}
.detail-wrap .detail-tabcont .wrn-txt-wrap .wrn-txt {
  margin-top: 0;
  line-height: 25.5px;
}
.detail-wrap .detail-tabcont .wrn-txt-wrap + .label-box {
  padding-left: 40px;
}
.detail-wrap .detail-tabcont .label-box {
  margin-top: 10px;
  /* 250327  (ej) */
  display:flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  /* // 250327  (ej) */
}
.detail-wrap .detail-tabcont .label-box button {
  padding: 0;
  background-color: transparent;
}
.detail-wrap .detail-tabcont .label-box button + button {
  margin-left: 10px;
}
.detail-wrap .detail-tabcont .label-box button .label {
  padding: 5px 10px;
}
.detail-wrap .detail-tabcont .link-wrap {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
.detail-wrap .detail-tabcont .label-box .label + .label { margin-left:0;}  /* 250327  (ej) */
.detail-wrap .detail-tabcont .link-wrap .btn {
  padding: 12px;
  width: 100%;
  font-size: 0;
}
.detail-wrap .detail-tabcont .link-wrap .btn span {
  font-size: 19px;
  vertical-align: middle;
}
.detail-wrap .detail-tabcont .link-wrap .btn span::after {
  display: inline-block;
  margin: -2px 0 0 6px;
  width: 17px;
  height: 17px;
  background: url("../images/common/ico_newpage.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.detail-wrap .detail-tabcont .graph {
  margin-top: 10px;
  border: 2px solid #EEEEEE;
  border-radius: 12px;
}
.detail-wrap .detail-tabcont .graph-box {
  margin-top: 20px;
}
.detail-wrap .detail-tabcont .graph-box p {
  font-weight: 600;
}
.detail-wrap .detail-tabcont .graph + p.wrn-txt {
  margin-top: 10px;
  font-weight: 400;
}
.detail-wrap .detail-tabcont .step.type3 {
  padding-left: 0;
  margin-top: 20px;
}
.detail-wrap .detail-tabcont .step.type3 + p {
  margin-top: 20px;
}
.detail-wrap .detail-tabcont .table-list {
  margin-top: 20px;
}
.detail-wrap .detail-tabcont .link-list {
  padding: 10px 30px;
  margin-top: 30px;
  border: 2px solid #EEEEEE;
  border-radius: 12px;
}
.detail-wrap .detail-tabcont .link-list li {
  padding: 20px 0;
}
.detail-wrap .detail-tabcont .link-list li + li {
  border-top: 1px solid #DDDDDD;
}
.detail-wrap .detail-tabcont .link-list li span {
  font-size: 17px;
  font-weight: 500;
}
.detail-wrap .detail-tabcont .link-list li .link {
  margin-top: 10px;
  font-size: 0;
}
.detail-wrap .detail-tabcont .link-list li .link a {
  font-size: 19px;
  font-weight: 500;
  text-decoration: underline;
}
.detail-wrap .detail-tabcont .link-list li .link span {
  font-size: 17px;
  font-weight: 400;
  color: #555;
}
.detail-wrap .detail-tabcont .link-list li .link .label {
  padding: 2px 10px;
  margin-left: 15px;
  border: 1px solid #8CA8FE;
  border-radius: 5px;
}
.detail-wrap .detail-tabcont .link-list li .link .label.solid {
  background: #E1E9FF;
  border-color: #E1E9FF;
}
.detail-wrap .detail-tabcont .link-list li .link .label + span {
  margin-left: 15px;
}
.detail-wrap .detail-tabcont .link-list li p {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 400;
  color: #555;
}
.detail-wrap .detail-tabcont .align-c {
  margin-top: 30px;
  font-size: 19px;
  font-weight: 500;
}
.detail-wrap .detail-tabcont .more-btn {
  margin-left: 20px;
}
.detail-wrap .detail-tabcont p.wrn-txt.gray {
  font-size: 17px;
  color: #555;
}
.detail-wrap .detail-tabcont .tab {
  margin-top: 12px;
}
.detail-wrap .detail-tabcont .tab .tab-menu.type2 {
  gap: 8px;
}
.tab-menu.level { flex-wrap:wrap;}   /* 250320 (ej) */
.detail-wrap .detail-tabcont .tab .tab-menu.type2 .item {
  padding: 11px 16px;
  width: auto;
  height: auto;
  background-color: #fff;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 400;
  color: #333;
  flex-grow: 0;  /* 250326  (ej) */
}
.detail-wrap .detail-tabcont .tab .tab-menu.type2 .item.active {
  background-color: #C8EFC5;
  border-color: #62D491;
  font-weight: 600;
}
/* 250320(ej) */
.tab .tab-menu.level .item,
.detail-wrap .detail-tabcont .tab .tab-menu.level .item {
	cursor:default;
    color: #767676;
    border-radius: 0;
    border-style: dashed;
    border: 0;
    background: #fff;
    border: 2px dashed #ccc;
    border-radius: 100px;
    font-weight: 300;
}
.tab .tab-menu.level .item.active,
.detail-wrap .detail-tabcont .tab .tab-menu.level .item.active {
    background-color: #fff;
    border-color: #166235;
    font-weight: 600;
    border-style: solid;
    color: #333;
}
.tab .tab-menu.level .item.active::before,
.detail-wrap .detail-tabcont .tab .tab-menu.level .item.active::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/sub/ico_check.png") no-repeat center;
    vertical-align: middle;
    margin-right: 4px;
}
/* /? 250320 (ej) */
.detail-wrap .detail-tabcont .tab-cont {
  display: none;
  padding: 0;
  padding-top: 10px;
  margin-top: 10px; /* 250321 (ej) */
  background-color: #fff;
  border: none;
}
.detail-wrap .detail-tabcont .tab-cont > div + div {
  margin-top: 40px;
}
.detail-wrap .detail-tabcont .tab-cont .box-solid p {
  font-size: 17px;
  color: #166235;
}
.detail-wrap .detail-tabcont .tab-cont .box-solid span {
  font-size: 17px;
  font-weight: 500;
}
.detail-wrap .detail-tabcont .tab-cont ul.basic li { color:#555;}
.detail-wrap .detail-tabcont .tab-cont.active {
  display: block;
}
.detail-wrap .detail-tabcont .notice {
  display: inline-block;
  margin: 5px 20px 5px 0; /* 250326  (ej) */
  font-size: 19px;
  font-weight: 700;
  color: #333;
  vertical-align: middle;
}
.detail-wrap .detail-tabcont .notice::before {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background: url("../images/common/ico_mobile_popup.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.detail-wrap .detail-tabcont .notice-box {
  margin-top: 20px;
}
.detail-wrap .detail-tabcont .notice-box .title {
  font-size: 0;
}
.detail-wrap .detail-tabcont .notice-box ul.basic {
  margin-top: 10px;
}

/* 직업정보 상세 팝업 */
.link-share, .share-wrap .inner2 > div { /* 250317 선택자 수정 (ej) */
  /* 250327 (ej) */
  /* display: flex;
  gap: 20px; */
  font-size:0;
  margin-bottom: 20px;
  margin-top:0; /* 250327 (ej) */
}
.link-share > *, .share-wrap .inner2 > div > * {font-size:16px;}/* 250326 (ej) */

/* 웹진 공유 팝업 */
.share-wrap .modal-cont {
  min-height: 170px; /* 250327 (ej) */
}
.share-wrap .modal-cont .inner2 {
  padding: 20px 0;
}
.share-wrap .modal-cont .inner2 .inp {
  width: calc(100% - 122px);   /* 250320 (ej) */

  padding: 15px 16px;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #333;
  word-break:break-all; /* 250324 (ej) */
   /* 250327 (ej) */
  height:50px;
  vertical-align:middle;
  margin-right:20px;
  display:inline-block;
  /* //250327 (ej) */
}
.share-wrap .modal-cont .inner2 .inp > p {   /* 250327 (ej) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-wrap .modal-cont .inner2 .input-group {
  display: flex;
  gap: 20px;
}
.share-wrap .modal-cont .inner2 .btn {
  /* 250327 (ej) */
  width: 102px;
  height:50px;
  vertical-align:middle;
  display:inline-block;
  /* // 250327 (ej) */
}
.share-wrap .modal-cont .inner2 .copy-text {
  margin-top: 20px;
}
.share-wrap .modal-cont .inner2 .copy-text.before {
  display: block;
}
.share-wrap .modal-cont .inner2 .copy-text.after {
  display: none;
}
.share-wrap .modal-cont .inner2 .align-c {
  font-size: 17px;
  font-weight: 500;
  color: #555;
}

/* 웹진 pdf 다운로드 팝업 */
.PDF-download-wrap .modal-head {
  text-align: left;
}
.PDF-download-wrap .modal-head .btn {
  padding: 6px 15px;
}
.PDF-download-wrap .modal-cont .detail-wrap .detail-tabcont {
  padding: 0;
  border: 0;
}
.PDF-download-wrap .modal-cont-wrap {
  max-height: calc(95vh - 120px);
}

/* 직업유사성 팝업 */
.modal-wrap .graph {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
  height: 300px;
  border: 2px solid #DDD;
}
.modal-wrap .graph-box {
  width: 100%;
}

.modal-cont .table-list {
  margin-top: 20px;
}

.title-ico + .graph-box {
  margin-top: 20px;
}

.cardnews-wrap {
  margin: 40px auto 0;
  max-width: 720px;
}
	/* 250327  (ej) */
.cardnews-wrap .img {
  border-radius: 0;
  width: auto;
  text-align:center;
  background:none;
}
.cardnews-wrap .img + .img {
  margin-top: 10px;
}
.cardnews-wrap .img img {
  /* width: 100%; */
  border-radius: 0;
  max-width:100%;
  height:auto;
  width: auto;
}
  /* // 250327  (ej) */

/* 웹진 */
.layout {
  margin-top: 40px;
  display: flex;
  gap: 32px;
}
.layout .left {
  width: 415px;
}
.layout .left .img {
  height: auto !important;/* 250326  (ej) */
  object-fit: unset; /* 250326  (ej) */
}
/* 250318 (ej) */
.layout .right {
 /*  width: 733px; */
 width:calc(100% - 415px);/* 250318 (ej) */
}
.layout .right iframe { background:#eee; width:100%;}/* 250326  (ej) */
/* // 250318 (ej) */
.layout .right .txt-box {
  margin-top: 20px;
  font-size: 17px;
  color: #555;
  word-break: keep-all;
}

.layout .right .txt-box .title-ico {
  margin-top: 10px;
  margin-bottom: 20px;
  /* 250326 (ej) */
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 22px;
  text-overflow: ellipsis;
  max-height: 88px;
  line-height: 30px;
  overflow: hidden;
 -webkit-box-orient: vertical;
 /* // 250326 (ej) */
}
.layout .right .txt-box .desc {/* 250326 (ej) */
  line-height: 25.5px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 17px;
  text-overflow: ellipsis;
  max-height: 51px;
  overflow: hidden;
 -webkit-box-orient: vertical;
}

.layout2 {
  flex-wrap: wrap;
  gap: 20px;
}
.layout2 .layout-item {
  width: calc(50% - 10px);
}
.layout2 .layout-item a {
  display: block;
  margin-top: 10px;
}
.layout2 .layout-item a .img {
  /* height: 352px; */  /* 250326  (ej) */
  height: auto !important;
}
.layout2 .layout-item a img {
  transition: 0.3s ease;
}
.layout2 .layout-item a:hover img {
  transform: scale(1.03);
}
.layout2 .layout-item .title {
  height: 38px;
  border-bottom: 3px solid #8CA8FE;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.layout2 .layout-item .desc {
  margin-top: 8px;
}
.layout2 .layout-item .desc span {
  font-size: 17px;
  font-weight: 500;
  color: #555;
}
.layout2 .layout-item .desc p {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.layout3 {
  display: block;
  position: relative;
  padding: 20px 100px;
  margin-top: 79px;
  background: #CEDAFF;
  border-radius: 20px;
}
.layout3 .txt-box .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}
.layout3 .txt-box .subtitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
.layout3 .txt-box .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
}
.layout3 .btn {
  position: absolute;
  bottom: 20px;
  right: 252px;
}
.layout3 .btn span {
  font-size: 16px;
  font-weight: 500;
}
.layout3 .thumb {
  position: absolute;
  bottom: 20px;
  right: 100px;
  width: 132px;
  height: 186px;
  border-radius: 10px;
  content: "";
}
.layout3 .txt-box { padding-right:330px}  /* 250326  (ej) */

.webzine-wrp {
  margin-top: 20px;
}

/* 250326  (ej) */
.webzine-wrp .top-visual { margin-bottom:30px;}
.webzine-wrp .top-visual .img {
  height: auto !important;
  overflow: hidden;
  min-height: auto;
  display: inline-block;
}
.webzine-wrp .top-visual img {
  margin-top: 20px;
  object-fit: unset;
  height: auto;
  max-width: 130%;  /* 250331  (ej) */
  width: 100%;
}
/* // 250326  (ej) */
.webzine-wrp .webz-issue {
  padding: 14px 30px;
  background-color: #F5FAF3;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  font-size: 20px;
  font-weight: 700;
}
.webzine-wrp .tab-job ul {
  display: flex;
  z-index: 1;
  font-size: 0;
}
.webzine-wrp .tab-job ul li {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 56px;
  background: #f9f9f9;
  border: 1px solid #d8d8d8;
  border-bottom-width: 2px;
  font-size: 19px;
  font-weight: 700;
  color: #555555;
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
  cursor: pointer;
  transition-delay: 0.1s;
  border-left: 0;
}
.webzine-wrp .tab-job ul li:first-child {
  border-left: 1px solid #d8d8d8;
}
.webzine-wrp .tab-job ul li.curr {
  background: #C9EFC5;
  border: 1px solid #62D491;
  border-bottom-width: 2px;
  color: #000;
}
.webzine-wrp .pd030 {
  padding: 30px;
}
.webzine-wrp .webz-title {
  display: block;
  margin: 60px 0 33px;
  padding: 23px 0;
  line-height: 24px;
  background: #f5f7f9;
  color: #236daa;
  font-size: 22px;
  text-align: center;
}

.editor p { /* 250313 editor 선택자 수정 (ej) */
  display: block;
  margin-top: 20px;
  line-height: 140%;
  font-size: 16px; /* 250324 font size (ej) */
  text-align: left;
}

.editor strong {
  font-weight: 600;
  font-size: 18px; /* 250324 font size (ej) */
}

/* 250612 editor (ej) */
/* 250613 editor (khs) css overriding */
.editor img.image-style-align-left {
  float:left; margin-top:calc(1.5em/2);
  margin-bottom:calc(1.5em/2);
  margin-right:calc(1.5em/2);
}
.editor img.image-style-align-right {
  float:right; margin-top:calc(1.5em/2);
  margin-bottom:calc(1.5em/2);
  margin-left:calc(1.5em/2);
}
.editor figure.image {
  clear: both;
  display: table;
  margin: .9em auto;
  min-width: 50px;
  text-align: center;
}
.editor figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
  max-width: calc(100% - 1.5em); /* 251021 웹 접근성 품질개선 - 웹 호환성 (ej) */
}
.editor figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  max-width: calc(100% - 1.5em); /* 251021 웹 접근성 품질개선 - 웹 호환성 (ej) */
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
  line-height: 1.6;
}
/* // 250612 editor (ej) */
/* // 250613 editor (khs) css overriding */

/* 통합검색 조회 */
.list-wrap {
  position: relative;
  margin-top: 40px;
}
.list-wrap .link-list {
  margin-top: 20px;
  border: 2px solid #62D491;
  border-left: 0;
  border-right: 0;
}
.list-wrap .link-list .empty {
  padding: 19px 10px;
  margin: 0;
  min-height: auto;
  font-size: 16px; /* 250324 font size (ej) */
  text-align: left;
  box-sizing: border-box;
}
.list-wrap .link-list li + li {
  border-top: 1px solid #DDD;
}
.list-wrap .link-list a {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 15px 10px;
}
.list-wrap .link-list a:hover {
  text-decoration: underline;
}
.list-wrap .link-list .label-box {
  min-width: 140px;
  vertical-align: middle;
}
.list-wrap .link-list .label-box + div { width:calc(100% - 200px)}
.list-wrap .link-list .label-box .label {
  padding: 5px 10px;
  font-weight: 600;
}
.list-wrap .link-list em {
  font-size: 16px;
  font-weight: 600;
}
.list-wrap .link-list .green {
  color: #166235;
}
.list-wrap .link-list p {
  max-width: 650px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-wrap .link-list p span.green {
  font-weight: 600;

  /* 251020 웹 접근성 품질개선 - 검색결과 하이라이트 (ej) */
  background-color: #fff67c; color: #000;
  /* // 251020 웹 접근성 품질개선 - 검색결과 하이라이트 (ej) */
}

.list-wrap .link-list em > .green {

  /* 251020 웹 접근성 품질개선 - 검색결과 하이라이트 (ej) */
  background-color: #fff67c; color: #000;
  /* // 251020 웹 접근성 품질개선 - 검색결과 하이라이트 (ej) */
}
.list-wrap .view-more {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 10px;
  font-size: 0;
}
.list-wrap .view-more span {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.list-wrap .view-more .icon {
  width: 16px;
  height: 16px;
  background-image: url("../images/sub/ico_viewmore.png");
  transition: 0.3s ease;
}
.list-wrap .view-more:hover .icon {
  transform: rotate(180deg);
}

/* 모아보기 */
.show-all .depth1 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.show-all .depth1 > li {
  width: calc(20% - 20px);
  min-height:200px;   /* 250320 (ej) */
}
.show-all a {
  transition:.3s ease; /* 250324 (ej) */
}
.show-all .depth1 > li > a {
  display: block;
  padding: 7px 10px;
  border-bottom: 1px solid #166235;
  font-size: 0px;
  font-weight: 700;
  color: #166235;
}
.show-all .depth1 > li > a:hover {
  color: #223504;
  border-bottom-color: #223504;
}
.show-all .depth1 > li > a:hover + .depth2 a {
  color: #223504;
}
.show-all .depth1 > li > a:hover + .depth2 li::before {
  background-color: #223504;
}
.show-all .depth1 > li > a span {
  font-size: 22px;
  vertical-align: middle;
}
.show-all .depth2 {
  padding-left: 20px;
  margin-top: 20px; /* 250324 (ej) */
}
.show-all .depth2 > li:hover::before {
  background-color: #223504;
}
.show-all .depth2 > li a {
  font-size: 17px; /* 250324 font size (ej) */
  font-weight: 600;
  line-height: 28px;
  color: #333;
}
.show-all .depth2 > li a:hover {
  color: #223504;
}
.show-all .depth2 > li::before {
  top: 13px;
}
.show-all .depth2 > li + li {
  margin-top: 5px;
}
.show-all .depth3 > li a {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 500;
  color: #666;
}
.show-all .depth3 > li a:hover {
  color: #223504;
}

.category-scroll-wrap {
  display: flex;
}
.category-scroll-wrap .job-category-col-box {
  width: 100%;
  border: 1px solid #ddd;
  border-left: 0;
}
.category-scroll-wrap .job-category-col-box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #eee;
  font-size: 17px;
  font-weight: 600;
}
.category-scroll-wrap .category-list {
  overflow-y: auto;
  height: 245px;
  background-color: #fff;
  padding: 10px 20px;
}
.category-scroll-wrap .not-check p {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.category-scroll-wrap .not-check p::before {
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../images/sub/ico_arrow-big.png");
  vertical-align: middle;
  content: "";
}
.category-scroll-wrap .job-category-col-box:first-child {
  border-left: 1px solid #ddd;
}
.category-scroll-wrap .cate-radio {
  position: relative;
  margin-top: 3px;
  overflow: hidden;
}
.category-scroll-wrap .cate-radio input {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 1px;
  height: 1px;
  z-index: -1;
}
.category-scroll-wrap .cate-radio label {
  padding: 5px 7px;
  cursor: pointer;
  display: inline-block;
  color: #333;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  cursor: pointer;
  background-color: #fff;
  transition: 0.3s ease;
  position: relative;
}
.category-scroll-wrap .cate-radio label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_arrow-r.png") no-repeat center;
  background-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.category-scroll-wrap .cate-radio input:focus-visible + label {/* 250327 focus (ej) */
  outline: 2px dashed #2e56d8;
  outline-offset: -2px;
}
.category-scroll-wrap .cate-radio:first-child {
  margin-top: 0;
}
.category-scroll-wrap .cate-radio input:checked + label {
  padding-right: 25px;
  background-color: #EDF9F0;
  color: #166235;
}
.category-scroll-wrap .cate-radio input:checked + label::before {
  opacity: 1;
}
.category-scroll-wrap .job-category-col-box:last-child .cate-radio label {
  padding: 5px 7px;
}
.category-scroll-wrap .job-category-col-box:last-child .cate-radio label::before {
  display: none;
}

.job-category-box {
  padding: 10px 20px;
  border-bottom: 1px solid #62D491;
}
.job-category-box ul {
  display: flex;
  flex-wrap: wrap;
}
.job-category-box li {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
}
.job-category-box .cate-radio {
  position: relative;
  margin-top: 3px;
  overflow: hidden;
}
.job-category-box .cate-radio input {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 1px;
  height: 1px;
  z-index: -1;
}
.job-category-box .cate-radio label {
  padding: 5px 7px;
  cursor: pointer;
  display: inline-block;
  color: #333;
  font-size: 16px; /* 250324 font size (ej) */
  cursor: pointer;
  background-color: #fff;
  transition: 0.3s ease;
  position: relative;
}
.job-category-box .cate-radio label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_arrow-r.png") no-repeat center;
  background-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.job-category-box .cate-radio:first-child {
  margin-top: 0;
}
.job-category-box .cate-radio input:checked + label {
  background-color: #EDF9F0;
  color: #166235;
}

.category-tit {
  font-size: 17px;
  font-weight: 600;
  color: #333;
  margin-top: 20px;
}

.category-choose-box {
  margin-top: 10px;
  border: 1px solid #ddd;
  padding: 10px 15px;
}
.category-choose-box li {
  margin-top: 11px;
  font-size: 16px; /* 250324 font size (ej) */
}
.category-choose-box li:first-child {
  margin-top: 0;
}
.category-choose-box .txt {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.category-choose-box .item-del-btn {
  background: url("../images/common//ico_delbtn.png") no-repeat center;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.select-category {
  margin-top: 20px;
  display: flex;
  /* align-items: center; */
  align-items: flex-start; /* 250328  (ej) */
  justify-content: space-between;
}
.select-category .selected-rdo {
  font-size: 0;
}
.select-category .selected-rdo .path {
  display: inline-block;
}
.select-category .selected-rdo .path span {
  padding: 0;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  background: transparent;
  color: #166235;
}
.select-category .selected-rdo .path span::before {
  display: inline-block;
  margin: 0 4px;
  width: 16px;
  height: 16px;
  background: url("../images/sub/ico_arrow-g.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.select-category .selected-rdo .path:first-child span::before {
  display: none;
}
.select-category .button-box.right {
  margin-top: 0;
  min-width:230px; /* 250328  (ej) */
}
.select-category .button-box.right .btn {
  padding: 11px 20px;
}

.input-group {
  width: 100%;
  font-size: 0;
}
.input-group .input-title {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 700;
  color: #333;
}
.input-group .input {
  margin-top: 10px;
  font-size: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.input-group .input > * {
  font-size: 16px;
}
.input-group .input .mg {
  font-weight: 600;
  margin: 0 -5px;
}
.input-group .btn {
  height: 48px;
  border-radius: 10px;
  min-width: 130px;
  font-size: 16px;
  font-weight: 600;
}
.input-group .inp-txt {
  white-space: nowrap;
  color: #666;
  font-size:16px;
  display: inline-block;
}
.input-group .radio__wrap--horiz {
  width: 100%;
}
.input-group .radio__wrap--horiz .input--rdo {
  max-width: none;
  width: 100%;
}
.input-group .radio__wrap--horiz label {
  height: 48px;
  padding: 13px 18px;
}

input.inp, select.inp {
  width: 100%;
  border: 1px solid #C6C6C6;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
}
textarea.inp {
  width: 100%;
  border: 1px solid #C6C6C6;
  padding: 7px 10px;
  border-radius: 8px;
}
input.inp.long, select.inp.long { width:280px} /* 250320 임의 추가 (ej) */

/* 251017 웹 접근성 품질개선 - input/textarea.inp 지우기 버튼 동적 생성 (ej) */
input.inp, textarea.inp { padding-right: 40px;}
.table-box.type2 .inp.engNumDashDot + .form-control-clear {
  margin-left: -25px;
  transform: translateX(-10px);
  margin-top: 0;
} /* 임금체계 헬프데스크 - 이메일 첫번째 */
/* // 251017 웹 접근성 품질개선 - input/textarea.inp 지우기 버튼 동적 생성 (ej) */

select.inp { padding-right:35px;}    /* 250319 (ej) */
.inp.auto { width:auto; }/* 250320 (ej) */
.inp.w100 { width:100% !important;}
input.inp.width30, select.inp.width30 {
  width: 30%;
}
input.inp.width40, select.inp.width40 {
  width: 40%;
}
input.inp.width50, select.inp.width50 {
  width: 50%;
}
input.inp.width60, select.inp.width60 {
  width: 60%;
}
input.inp.width70, select.inp.width70 {
  width: 70%;
}
input.etc, select.etc {
  width: 200px;
  height: 30px;
  margin: 0 10px;
  padding: 0 8px;
}

input.inp:-moz-read-only {
  background-color: #D8D8D8;
  color: #717171;
}

input.inp:read-only {
  background-color: #D8D8D8;
  color: #717171;
}

select:disabled {
  opacity: 1;
  background-color: #D8D8D8;
  color: #717171;
}

.label-box {
  font-size: 0;
}
.label-box .label {
  display: inline-block;
  padding: 6px 10px;
  margin: 4px;
  background-color: #fff;
  border: 1px solid #CDD1D5; /* 250319 (ej) */
  border-radius: 100px;
  font-size: 15px; /* 250324 font size (ej) */
  font-weight: 400;
  /* color: #3f4ab7; 250319 (ej) */
  vertical-align: middle;
  white-space: nowrap;
}

/* .label-box a.label {  250319 (ej)
	text-decoration:underline;
	border-color: #166235;
	color:#166235;
} */
.label-box .label.blue {
  background-color: #133A91;
  border-color: #133A91;
  color: #fff;
}
.label-box .label.gray {
  background-color: #666666;
  border: none;
  color: #FFF;
}
/* .label-box .label + .label {
  margin-left: 8px;
} */

.error-page-wrap {
  height: 100vh;
  padding: 30px;
}
.error-page-wrap .middle {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 10vh;
}
.error-page-wrap .error-alt-box {
  border-radius: 10px;
  width: 100%;
  text-align: center;
  background: #FFF;
  background-color: #fff;
}
.error-page-wrap .error-alt-txt {
  text-align: center;
  color: #333;
  font-weight: 700;
  line-height: 130%;
  font-size: 2.3em;
}
.error-page-wrap .error-alt-img {
  background: url("../images/contents/img_errorpage.png") no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 292px;
  margin: 4em 0 5em;
}
.error-page-wrap .button-box {
  font-size: 1em;
  gap: 25px;
  margin-top: 0;
  display: flex;
  flex-wrap: nowrap;
}
.error-page-wrap .button-box .btn {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 190px;
  font-size: 1em;
  height: 48px;
  border-radius: 100px;
  transition: 0.3s ease;
}
.error-page-wrap .button-box .btn.back {
  color: #166235;
  border-color: #166235;
}
.error-page-wrap .button-box .btn.back:hover {
  background-color: #166235;
  color: #fff;
}
.error-page-wrap .button-box .btn.home {
  color: #fff;
  background-color: #166235;
}
.error-page-wrap .button-box .btn.home:hover {
  background-color: #0c4925;
}

.button-box.right + .sub-search-box.type2 {
  margin-top: 20px;
}

.capacity-level-wrap .modal-cont-wrap {
  margin-top: 20px;
  max-height: calc(95vh - 120px);
}
.capacity-level-wrap .modal-cont {
  margin-top: 0;
}
.capacity-level-wrap table.table-list, .capacity-level-wrap table.table-box {
  margin-top: 0;
}
.capacity-level-wrap table .small {
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
}
.capacity-level-wrap table tr th {
  padding: 10px;
}
.capacity-level-wrap table tr td {
  padding: 10px;
  vertical-align: top;
}
.capacity-level-wrap table tr td ul.basic {
  margin-top: 0;
}
.capacity-level-wrap table tr td ul.basic > li {
  padding-left: 10px;
  margin-top: 5px;
  font-size: 16px; /* 250324 font size (ej) */
}
.capacity-level-wrap table tr td ul.basic > li::before {
  width: 3px;
  height: 3px;
}
.capacity-level-wrap table tr td ul.basic > li:first-child {
  margin-top: 0;
}
.capacity-level-wrap table.mobile {
  display: none;
}

.sub-title-18 {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
  vertical-align: middle;
  text-align: left;
}
.sub-title-18::before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_blet.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.sub-title-18.blue::before {
  background-image: url("../images/sub/ico_blet-b.png");
}
.sub-title-18.small::before {
  background-image: url("../images/sub/ico_blet-s.png");
}


.sub-title-18 + .jobInfo-edit .sub-title-18 {
  padding-left: 20px;
  text-align: left;
}
.sub-title-18 + .jobInfo-edit .sub-title-18::before {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-image: none;
  background-color: #111;
}

.jobInfo-edit {
  font-size: 16px; /* 250324 font size (ej) */
  /* table */
}
.jobInfo-edit .unit {
  text-align: right;
  margin-top: 20px;
  font-size: 16px; /* 250324 font size (ej) */
  color: #666;
}
.jobInfo-edit .txt.center + .unit {
  margin-top: 0;
}
.jobInfo-edit .txt {
  margin-top: 10px;
  line-height: 150%;
  font-size: 16px; /* 250324 font size (ej) */
  text-align: left;
}
.jobInfo-edit .txt.center {
  font-weight: 600;
  text-align: center;
}
.jobInfo-edit img {
  display: block;
  margin: 10px auto 0;
}
.jobInfo-edit .ir {
  text-indent: -9999px;
  position: fixed;
  top: -9999px;
  font-size: 1px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.jobInfo-edit .alttext {
  text-indent: -9999px;
  position: fixed;
  top: -9999px;
  font-size: 1px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.jobInfo-edit table {
  margin-top: 10px;
  width: 100%;
  border: 2px solid #62D491;
  border-left: 0;
  border-right: 0;
  font-size: 16px; /* 250324 font size (ej) */
  text-align: center;
}
.jobInfo-edit table thead {
  background: #EDF9F0;
}
.jobInfo-edit table thead tr {
  vertical-align: middle;
}
.jobInfo-edit table thead th {
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.jobInfo-edit table thead button {
  display: block;
  padding: 0;
  width: 100%;
  height: 48px;
  font-size: 16px; /* 250324 font size (ej) */
  vertical-align: middle;
}
.jobInfo-edit table tbody tr {
  background-color: #fff;
}
.jobInfo-edit table tbody tr:last-child {
  border-bottom: none;
}
.jobInfo-edit table tr {
  box-sizing: border-box;
}
.jobInfo-edit table tr th {
  padding: 5px 10px;
  height: 38px;
  border: 1px solid #badfc9;
  background: #EDF9F0;
  vertical-align: middle;
}
.jobInfo-edit table tr td {
  padding: 5px 10px;
  height: 38px;
  border: 1px solid #ddd;
  vertical-align: middle;
  box-sizing: border-box;
}
.jobInfo-edit table tr td.pad0 {
  padding: 0;
}
.jobInfo-edit table tr .contents--title:hover {
  text-decoration: underline;
}
.jobInfo-edit .data-table {
  margin-top: 30px;
}
.jobInfo-edit .unit + .data-table {
  margin-top: 10px;
}
.jobInfo-edit .unit + .data-table table {
  margin-top: 0;
}
.jobInfo-edit .job-list > li {
  word-break: keep-all;
  margin-left: 0;
  margin-top: 8px;
  position: relative;
  padding-left: 14px;
  color: #333;
  font-size: 16px;
}
.jobInfo-edit .job-list > li::before {
  content: "";
  width: 6px;
  height: 2px;
  background-color: #16568a;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 100px;
  top: 9px;
  transform: translateY(-50%);
}
.jobInfo-edit .job-list li a {
  color: #16568a;
  text-decoration:underline; /* 250326  (ej) */
}
.jobInfo-edit .box-border {
  margin-top: 20px;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
}
.jobInfo-edit > *:first-child {
  margin-top: 0;
}

.font-orange {
  color: #c24e37 !important;
}


/* 시스템소개 */
.system-cont + .system-cont{margin-top: 60px;}
.system-cont .txt{
    margin-top: 20px;
    line-height: 150%;
}
.system-cont.intro .wrn-txt.black{
    margin-top: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
}
.system-cont .box{
    width: 100%;
}
.system-cont .box span{
    display: block;
    border-radius: 10px;
    text-align: center;
}
.system-cont .box .tit{
    padding: 14px;
    background-color: #345AE4; /* 260701 (yz) */
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.system-cont .box .desc{
    padding: 14px;
    margin-top: 10px;
    background-color: #F3F6FD; /* 260701 (yz) */
    font-size: 17px;
    font-weight: 400;
    text-align:center;
    border-radius: 10px;
}
.system-cont.intro .box .desc.img{
    min-height: 555px;
    background-color: #F5F5F5;
}
.system-cont.intro .top{
    position: relative;
    gap: 220px;
    display: flex;
    margin-top: 40px;

}
.system-cont.intro .top .box:last-child::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 10px;
    background-color: #F3F6FD; /* 260701 (yz) */
    font-size: 38px;
    font-weight: 600;
    text-align: center;
    line-height: 48px;
    content: '+';
}
.system-cont.intro .btm{}
.system-cont.intro .btm::before{
    display: block;
    margin: 20px auto;
    width: 145px;
    height: 52px;
    background: url(../images/sub/ico_arrow_gr.png)no-repeat center;
    content: '';
}
.system-cont.intro .btm .box{
    display: block;
    padding: 20px;
    width: 100%;
    background-color: #F3F6FD;
    border-radius: 10px;
}
.system-cont.intro .btm .img{ /* 250526 로고 수정 (yz) */
    padding: 30px 50px;
    margin: 0 auto;
    width: 500px;
    min-height: auto;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}
.system-cont.intro .btm img{
    display: inline-block;
    text-align: center;
    max-width:100%;
    width:auto;
    object-fit: unset; /* 250331  (ej) */
}
.system-cont.intro .btm .txt{
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
    line-height: 150%;
}
/* 시스템소개 주요 서비스 */
.system-cont.intro .service-list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.system-cont.intro .service-list .box{
    width: calc(50% - 10px);
}
.system-cont.intro .service-list .desc{
    padding: 20px 70px;
    word-break: keep-all;
    text-align: center;
}
.system-cont.intro .service-list .desc img{
    /* display: block; */
    margin: 0 auto;
    max-width: 350px;
    border-radius: 0;
}
/* 시스템소개 활용방법 */
.system-cont.utilize{
    margin-top: 60px;
}
.system-cont.utilize .user-type{
    display: flex;
    margin-top: 40px;
}
.system-cont.utilize .user-type .user{
    width: 100%;
}
.system-cont.utilize .user .tit{
    display: inline-block;
    padding: 17px 20px;
    padding-left: 72px;
    background: url("../images/sub/ico_usertype01.png")no-repeat left 20px center;
    background-color: #F3F6FD; /* 260701 (yz) */
    border-radius:10px;
    font-size: 20px;
    font-weight: 600;
}
.system-cont.utilize .user02 .tit{
    background-image: url("../images/sub/ico_usertype02.png");
}
.system-cont.utilize .user-type .txt{
    margin-top: 10px;
    line-height: 150%;
    font-size:17px;
}
.system-cont.bi .img.bi{
    margin-top: 40px;
    background : #fff;
}
.system-cont.bi .img.bi img{
    display: block;
    margin: 0 auto;
    width: 894px; /* 250526 로고 수정 (yz) */
    text-align: center;
}
.system-cont.bi .box{
    margin-top: 40px;
}
.system-cont.bi .list{
    margin: 10px -10px 0;
    font-size: 0;
}
.system-cont.bi .list .item{
    display: inline-block;
    margin: 10px;
    width: calc(100% / 3 - 20px);
    font-size: 17px;
    text-align: center;
    vertical-align: top;
}
.system-cont.bi .list .img{
    padding: 20px;
    min-height: auto;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}
.system-cont.bi .list .img{

}
.system-cont.bi .list .img.vert{ /* 250526 로고 수정 (yz) */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
}
.system-cont.bi .list .img img{
    max-height: 100px;
    object-fit: contain;
    border-radius: 0; /* 250526 로고 수정 (yz) */
}
.system-cont.bi .list .img img.vert{ /* 250526 로고 수정 (yz) */
    /* max-height: 140px; */
    width: 130px;
    max-height: none;
    height: auto;
}
.system-cont.bi .list .txt{
    margin-top: 10px;
    font-weight: 500;
}


/* 250407 (ej) */
.wage-elearning {}
.wage-desc { font-size: 20px; margin-top: 5px; padding-left: 30px; line-height: 150%;}
.elearning-ico-box { margin: 40px 0 60px; display: flex; flex-wrap: wrap; gap:20px;    justify-content: start;}
.elearning-ico-box .item { text-align: center; width:calc(25% - 15px); border-radius: 20px; border: 1px solid #ddd; background-color: #ECF2FE; display: inline-block; background-repeat: no-repeat; background-position: center 30px;} /* 260701 (yz) */

/* 251016 웹 접근성 품질개선 - <a>태그 수정 (yz) */
.elearning-ico-box .item .middle { display: block; padding: 30px;}
.elearning-ico-box .item .middle a{ display: block;}
/* // 251016 웹 접근성 품질개선 - <a>태그 수정 (yz) */

.elearning-ico-box .item .video { display: block; padding-right:30px; padding-left: 30px; padding-bottom: 24px;}
.elearning-ico-box .item .tit { font-size: 22px; font-weight: 500; line-height: 150%;     margin: 114px 0 0; display: inline-block; width: 100%;}
.elearning-ico-box .item .sub { font-size: 17px; position: relative; display: block; text-align: right; padding-right: 5px; margin-top: 20px; color: #555;} /* 260812 고용부 요청사항으로 클래스 추가(khs) */
.elearning-ico-box .item .more { font-size: 17px; position: relative; display: block; text-align: right; padding-right: 34px; margin-top: 20px; color: #555;}
.elearning-ico-box .item .more::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); opacity: 0.9; display: inline-block; width: 24px; height: 24px;background:url("../images/sub/ico_arrow-big.png") no-repeat right center; }

.elearning-ico-box .item.item-elearning01 { background-image: url("../images/contents/ico_elearning01.png");}
.elearning-ico-box .item.item-elearning02 { background-image: url("../images/contents/ico_elearning02.png");}
.elearning-ico-box .item.item-elearning03 { background-image: url("../images/contents/ico_elearning03.png");}
.elearning-ico-box .item.item-elearning04 { background-image: url("../images/contents/ico_elearning04.png");}  /* 260812 고용부 요청사항으로 클래스 변경(khs) */
.elearning-ico-box .item.item-elearning05 { background-image: url("../images/contents/ico_elearning05.png");}  /* 260812 고용부 요청사항으로 클래스 추가(khs) */
.elearning-ico-box .item.item-elearning06, .elearning-ico-box .item:last-child { background-image: url("../images/contents/ico_elearning06.png");}  /* 260812 고용부 요청사항으로 클래스 추가(khs) */
/* .elearning-ico-box .item a:hover { background-color: #edfcf0; } */

/* 250416 (ej) */
.elearning-ico-box .item .ready { display:inline-block; font-weight:500; width:100%; border:1px solid #cad5ed; background:#eef3ff; border-radius:10px; color:#254197; display:inline-flex; align-items:center; justify-content:center; padding:8px; margin-top:20px; position:relative; font-size:17px; height:38px;}
.elearning-ico-box .item .ready:before {content:''; display:inline-block; width:20px; height:20px; background:url("../images/sub/ico_info-b.png") no-repeat center; margin-right:12px; vertical-align:middle;  }
/* 250416 (ej) */

.wage-info-wrap { margin-top: 60px;}
.wage-info-wrap .title-ico { margin-top: 60px;}
.wage-info-wrap .title-ico:first-child { margin-top: 0;}
.wage-info-box { margin-top: 10px; border: 1px solid #ddd; border-radius: 20px; background-color: #f5f5f5; padding: 40px 20px 20px; text-align: center;}
.wage-info-wrap p.basic { font-size: 20px;}
.wage-info-wrap p.basic + ul.basic { margin-top:10px;} /* 250409 (ej) */
.wage-info-tit { color: #052B57; font-weight: 600; font-size: 22px;} /* 260701 (yz) */
.info-col-box { display: flex; gap:20px; margin-top: 25px;}
.info-col-box .item { width: 100%; }
.info-col-box .item .tit { font-size: 20px; background-color: #EEF4FB; padding: 10px; text-align: center; font-weight:500;  border-radius:20px 20px 0 0;}
.info-col-box .item .txt { font-size: 18px; background-color: #fff; padding: 20px; font-weight: 400; border: 1px solid #eee; border-top: 0; border-radius: 0 0 20px 20px; line-height: 150%;}
.info-col-box .item-box {}
.wage-info-box .info-col-box {margin-top: 50px;}
.info-col-box .item ul li { font-size: 16px; line-height: 150%; font-weight: 300;}
.info-col-box .item-box ul li { font-size: 17px; font-weight: 400; margin-top: 2px;}





/* 기존 tip-box */
.tip-box { margin-top: 10px; border: 2px solid #254197; border-radius: 8px; padding: 16px;} /* 260701 (yz) */
.tip-box .tit { padding-left: 36px; position: relative; font-weight: 600; color: #254197;} /* 260701 (yz) */
.tip-box .tit::before { content: '!'; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 100px; color: #fff; background-color: #166235; text-align: center; position: absolute; left: 0; top: 3px; font-size: 12px; font-weight: 600; line-height: 16px;}
.tip-box .txt { margin-top: 16px; border-top: 1px solid #d8d8d8; padding-top: 16px; font-size: 17px; padding-left: 23px; position: relative;}
.tip-box .txt::before { content: ''; position: absolute; left: 0; top: 26px; transform: translateY(-50%) rotate(180deg); opacity: 0.9; display: inline-block; width: 16px; height: 16px;background:url("../images/sub/ico_arrow-big.png") no-repeat right 100% top 50%; }
/* // 기존 tip-box */



/* 맞춤형 임금정보_검색결과 (yz) */
.box-line.type2{position: relative;}
/* 신규 tip-box 클래스명 수정필요  */
.tooltip-box{position: absolute; right: 20px; top: 20px;}
.tooltip-box .tip-button {position: absolute; right: 5px; background: url("../images/sub/ico_info-b.png") center no-repeat; padding: 12px;}
.tooltip-box .tip-info{display: none; position: relative; padding: 12px; padding-right: 36px; margin-top: 45px; max-width: 580px; font-size: 15px; line-height: 150%;}
.tooltip-box .tip-info.active{display: block; z-index: 2;}
.tooltip-box .tip-info::before{position: absolute; bottom: 100%; right: 0; display: block; width: 46px; height: 12px; background: url("../images/sub/ico_tip-arrow.png"); content: "";}
.tip-info .tip-tit{font-weight: 700;}
.tip-info li::before{content: "•"; margin-right: 2px; font-size: 18px;}
.tip-info .btn-close{position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background: url(../images/sub/ico_close.png) center no-repeat;}

.toggle-box{display: flex;}
.toggle-box .btn-toggle{padding: 4px 12px; border: 1px solid #58616A; background-color: #fff; color: #1E2124;}
.toggle-box .btn-toggle.active{border-color: #256EF4; color: #0B50D0; background-color: #ECF2FE;}
.toggle-box .btn-toggle:first-child{ border-radius: 50px 0 0 50px;}
.toggle-box .btn-toggle:last-child{ border-radius: 0 50px 50px 0;}

.chart-card{margin-top: 24px;}
.card-header{display: flex; justify-content: space-between; align-items: center;}
.card-summary{display: flex; justify-content: space-between; align-items: center;}
.card-summary .card-tit{font-size: 19px; font-weight: 700;}
.card-summary .label-box{margin-left: 12px;}
.card-header .card-unit{font-size: 17px; color: #464C53;}
.card-body{margin-top: 12px; }
.card-graph {height: 432px;}
.table-card{position: relative; margin-top: 24px;}
.table-card + .table-card{margin-top: 32px;}
/* 250407 (ej) */




.tab-menu {
  display: flex;
  z-index: 1;
  font-size: 0;
}
.tab-menu .item {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 56px;
  background: #FFF;
  border-bottom: 2px solid #B1B8BE;
  /* border-bottom-width: 2px; */
  font-size: 19px;
  font-weight: 600;
  color: #464C53;
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
  cursor: pointer;
  transition-delay: 0.1s;
  border-left: 0;
}
 /* 250326  (ej) */
/* .tab-menu .item:first-child {
  border-left: 1px solid #d8d8d8;
} */
.tab-menu .item + .tab__menu--item {
  border-left: 1px solid transparent;
}
.tab-menu .item.active {
  /* background: #C9EFC5; */
  /* border: 1px solid #62D491; */ /* 250326  (ej) */
  /* border-bottom-width: 2px; */
  border-bottom: 4px solid #063A74;
  color: #052B57;
  /* position:relative;  250326  (ej) */
}
/* .tab-menu .item.active::after { 250326  (ej) */
  /* content: '';
  position: absolute;
  display: inline-block;
  left: -2px;
  top: -1px;
  width: calc(100% + 3px);
  box-sizing: border-box;
  height: calc(100% + 3px);
  border: 1px solid #62D491;
  border-bottom-width: 2px;
} */

.tab-menu .item.active:first-child::after { left:-1px;  width: calc(100% + 2px);}/* 250326  (ej) */
.tab-menu.type2 {
  gap: 20px;
  border-top:0;  /* 250326  (ej) */
  border-left:0; /* 250326  (ej) */
}
.tab-menu.type2 .item {
  border: 2px solid #d8d8d8;
  border-width: 2px;
  border-radius: 10px;
}
.tab-menu.type2 .item.active {
  border-color: #063A74;
}

.tab-menu.type2 .item.active::after { display:none;}/* 250326  (ej) */

/*통합검색*/
.tab-menu.check .item {
  height: 80px;
  gap: 8px;
}
.tab-menu.check .item.active::before {
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_check.png") center no-repeat;
  content: "";
}

.tab-menu-button.active + .tab-menu {
  z-index: 1;
}

.sub-content .tab-menu-button {
  display: none;
  padding: 0 16px;
  width: 100%;
  height: 40px;
  background-color: #FFF9E8;
  position: relative;
  border: 1px solid #ffa038;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  text-align: left;
  line-height: 40px;
}
.sub-content > .sub-content {padding:0;} /* 250331  (ej) */
.sub-content .tab-menu-button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_select.png") no-repeat center;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease;
}
.sub-content .tab-menu-button.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.sub-content > .tab-menu + h3, .sub-content > .tab-menu .h3 {
  margin-top: 40px;
}

.page-navigation-area {
  position: fixed;
  z-index: 1;
  top: 11.5rem; /* 260701 (yz) */
  right: calc((100% - 1380px) / 2 - 16rem);
  width: 12rem;
}
.page-navigation-area .in-page-navigation-header .quick-caption {
  font-size: 13px;
}
.page-navigation-area .in-page-navigation-header .quick-title {
  margin-top: 4px;
  font-size: 17px;
  font-weight: 700;
}
.page-navigation-area .in-page-navigation-list {
  margin-top: 16px;
}
.page-navigation-area .in-page-navigation-list li {
  width: 100%;
  margin-top: 4px;
}
.page-navigation-area .in-page-navigation-list li > a {
  position: relative;
  display: block;
  border-radius: 4px;
  transition: 0.3s ease;
  padding: 8px;
  font-size: 15px;
}
.page-navigation-area .in-page-navigation-list li > a:hover {
  background-color: #EEF2F7;
}
.page-navigation-area .in-page-navigation-list li > a.active {
  font-weight: 700;
  color: #052B57;
  background-color: #EEF2F7;
}


/* 맞춤형 임금정보_검색결과 (yz) */
.sub-search-box + .sub-search-box{
  margin-top: 20px;
}
.sub-search-box .label{
  padding: 14px 16px;
  background-color: #254197;
  background-position: left 13px center;
  background-repeat: no-repeat;
  border-radius: 8px;
  font-size: 19px;
  color: #fff;
  vertical-align: middle;
  outline-offset: 2px;
}
.sub-search-box .label::before{
  content: "";
  display: inline-block;
  margin-right: 4px;
  width:  24px;
  height: 24px;
  background: url("../images/sub/ico_wand.png") center no-repeat;
  vertical-align: middle;
}
.sub-search-box .filter-group{
  display: flex;
  gap: 24px;
  margin-left: 24px;
  width: calc(100% - 24px - 160px);
}
.sub-search-box .filter-group .swiper-slide{
  flex: 1;
  height: auto;
}
.sub-search-box .filter-group .swiper-slide:last-child{
 margin-right: 0 !important;
}
.sub-search-box .filter-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  width: 100%;
  /* max-width: 121px; */
  height: 100%;
  background-color: #FFF;
  border: 1px solid #58616A;
  border-radius: 8px;
  font-size: 17px;
  color: #1E2124;
  word-break: keep-all;
  outline-offset: -5px;
  outline-color: #10511E;
}
.sub-search-box .filter-btn::after{
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background: url(../images/sub/ico_down-b.png)center no-repeat;
  text-align: center;
  content: "";
}
.sub-search-box .filter-btn.active{
  background-color: #ECF2FE;
  border-color: #256EF4;
  color:#0B50D0;
}
.sub-search-box .filter-btn.active::before{
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url(../images/sub/ico_check.png)center no-repeat;
  content: "";
}
.sub-search-box .filter-btn.active::after{
  display: none;
}
.sub-search-box .filter-group .swiper-wrapper{
  position: relative;
  gap: 12px;
}
.sub-search-box .filter-group .swiper-controller{
  display: none;
  /* position: absolute; */
  /* border: 1px solid black; */
  z-index: 2;
}


.sub-search-box .filter-group .swiper-controller button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  min-width: auto;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  z-index: 1;
  background-image: url("../images/sub/ico_prev.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FFF;
  border: 1px solid #CDD1D5;
}
.sub-search-box .filter-group .swiper-controller button.prev{
  left: 0;
}
.sub-search-box .filter-group .swiper-controller button.next{
  right: 0;
  transform: rotate(180deg) translateY(50%);
}



.sub-filter-box{
  margin-top: 20px;
  text-align: right;
}
.sub-filter-box .sub-search-box .item{
  width: calc(100% - 114px);
}
.sub-search-box .filter-counter{
  margin-right: 16px;
  color: #1E2124;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
}
.sub-search-box .filter-counter .num{
  color: #0B50D0;
}
.sub-search-box .filter-list{
  width: calc(100% - 124px);
  text-align: left;
}
.sub-search-box .reset-btn{
  display: inline-block;
  margin-right: 8px;
  width:  36px;
  height: 36px;
  background: #FFF url("../images/sub/ico_btn_reset.png")center no-repeat;
  border: 1px solid #CDD1D5;
  border-radius: 36px;
  vertical-align: middle;
  transition: .3s ease;
}
.sub-search-box .reset-btn:hover{
  transform: rotate(90deg);
}
.sub-search-box .selected-list{
  width: calc(100% - 44px);
  height: 42px;
  white-space: nowrap;
  overflow: auto;
}
.selected-list{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.filter-tag{
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  padding: 7px 12px;
  font-size: 17px;
  font-weight: 400;
  background-color: #FFF;
  border: 1px solid #CDD1D5;
  border-radius: 50px;
  vertical-align: middle;
}
.filter-tag:last-child{
  margin-right: 0;
}
.filter-tag .delete-btn{
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width:  16px;
  height: 16px;
  background-color: #CDD1D5;
  border-radius: 50px;
  transition: .3s ease;
}
.filter-tag .delete-btn::before,.filter-tag .delete-btn::after{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 1px;
  background-color: #33363D;
  content: "";
}
.filter-tag .delete-btn::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.filter-tag .delete-btn::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.salary-overview{
  margin-top: 48px;
}
.salary-overview .overview-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.salary-overview .overview-header .summary-tit{
  font-size: 19px;
  font-weight: 700;
}
.salary-overview > .box-line.type2{
  margin-top: 8px;
}

.salary-summary-card{
  position: relative;
  padding: 20px;
  margin-top: 8px;
  border : 1px solid #B1B8BE;
  border-radius: 12px;
}
.summary-content{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.summary-content .desc span{
  font-size: 19px;
  font-weight: 700;
  vertical-align: top;
}
.summary-content .desc .num{
  margin-left: 20px;
  font-size: 40px;
  font-weight: 700;
}
.summary-content .desc .summary-txt{
  font-weight: 400;
}

.additional-info{}
.additional-header{margin-top: 48px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;}
.additional-header .additional-tit{
  font-size: 24px;
  font-weight: 700;
}
.additional-header{}
.additional-info .additional-header + .chart-card,
.additional-info .chart-card + .chart-card,
.additional-info .additional-header + .table-card{
  margin-top: 24px;
}
.additional-info .table-card + .table-card{
  margin-top: 32px;
}

/* 검색 필터 모달  */
.modal-filter-tab{}
.modal-filter-tab .swiper-wrapper{}
.modal-filter-tab .swiper-slide{
  width: auto;
}
.modal-filter-tab .swiper-slide button{
  padding: 13px;
  background-color: transparent;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 600;
  color: #464C53;
}
.modal-filter-tab .swiper-slide button.active{
  background-color: #063A74;
  color: #FFF;
}
.modal-filter {
  margin-top: 16px;
}
.modal-filter .depth2{
  margin-top: 16px;
}
.modal-filter .tit{
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 700;
  border-bottom: 1px solid #CDD1D5;
}
.modal-filter .radio__wrap--horiz{
  justify-content: unset;
  gap: 16px;
  flex-wrap: wrap;
}
.modal-filter .radio__wrap--horiz .input--rdo{
  flex-grow: unset;
  width: auto;
}
.modal-filter .radio__wrap--horiz .input--rdo label{
  padding: 10px 12px;
  padding-left: 28px;
}
.modal-filter .nocontent{
  font-size: 17px;
  text-align: center;
}
.modal-filter + .selected-list{
  padding: 16px 20px;
  width: 100%;
}
.modal-filter + .selected-list .filter-tag{
  margin: 4px;
  font-size: 15px;
}

/* 추천조합검색 모달 */
.recommend-modal-wrap .modal-cont-wrap{
  overflow: unset;
}
.recommend-modal-wrap .tab-menu{
  margin-top: 8px;
}
.recommend-modal-wrap .tab-menu .item{
  flex-direction: column;
}
.recommend-modal-wrap .tab-menu .item span{
  font-size: 13px;
  font-weight: 400;
  color: inherit;
}
.recommend-modal-wrap .tab-cont{
  padding: 0;
  padding-top: 16px;
  background-color: #fff;
  overflow: auto;
  max-height: 570px;
}

.recommend-card.card-mobile-swiper .result-board{
  flex-wrap: wrap;
  gap: 24px;
  align-content: stretch;
  justify-content: space-around;
}
.recommend-card .result-board.card .item{
  margin: 0;
  width: calc(100% / 3 - 28px);
  height: auto;
}
.recommend-card .result-board.card .item a{
  padding: 32px 14px;
  min-height: 298px;
}
.recommend-card .result-board.card .item-title{
  display: block;
  height: auto;
  font-size: 17px;
  color: #1E2124;
  /* 260701 (ej) */
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.recommend-card .result-board.card .item-desc{
  margin: 4px 0;
  height: auto;
  max-height: 48px;
  color: #1E2124;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend-card .result-board.card .item-salary{
  font-size: 17px;
}
.recommend-card .result-board.card .item-salary .num{
  font-size: 24px;
  font-weight: 700;
  color: #1E2124;
}
.recommend-card .result-board.card .item .bottom{
  padding-top: 12px;
  margin-top: 24px;
}
.recommend-card .result-board.card .item .bottom .label-box{
  padding: 0;
  width: 100%;
  height: auto;
  text-align: left;
}
.recommend-card .result-board.card .item .bottom .label{
  padding: 3px 10px;
}
.recommend-card .swiper-controller{
  display: none;
  margin-top: 12px;
  font-size: 0;
  text-align: right;
}
.recommend-card .swiper-controller .pagination{
  display: inline-block;
  padding: 7px 16px;
  width: auto;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #CDD1D5;
  border-radius: 20px;
  font-size: 17px;
  font-weight: 700;
}
.recommend-card .swiper-controller .pagination .swiper-pagination-current{
  color: #052B57;
}
.recommend-card .swiper-controller .button-box{
  margin-top: 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.recommend-card .swiper-controller .button-box button{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #FFF url("../images/sub/ico_prev.png") center no-repeat;
  /* background-color: ; */
  border: 1px solid #CDD1D5;
  border-radius: 100px;
}
.recommend-card .swiper-controller .button-box .btn-prev{
  margin: 0 8px;
}
.recommend-card .swiper-controller .button-box .btn-next{
  transform: rotate(180deg);
}


/* 맞춤형임금정보 recommend-card (pc) */
.recommend-card.card-pc-swiper .result-board.card { flex-wrap: nowrap}
.recommend-card.card-pc-swiper .item {}


.center-tit-box { margin-top: 48px }
.center-tit { font-size: 32px; text-align:center; font-weight:700;}
.center-txt { font-size: 19px; margin-top: 16px; text-align:center; font-weight:300}

.recommend-main .recommend-card { margin-top:24px}


/* 260619 수정중 */
.recommend-card.card-pc-swiper .swiper-controller { display:block;}
.recommend-card.card-pc-swiper .attention-button {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  border: 1px solid #CDD1D5;
  border-radius: 100px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.recommend-card.card-pc-swiper .btn-prev {
  left: -84px;
  background-image: url("../images/main/ico_arrow_prev.svg");
}
.recommend-card.card-pc-swiper .btn-next {
  right: -84px;
  background-image: url("../images/main/ico_arrow_next.svg");
}
.recommend-card.card-pc-swiper .swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.recommend-card.card-pc-swiper .pagination {
  /* margin-top: 24px; */
  text-align: center;
}
.recommend-card.card-pc-swiper .pagination .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 1px;
  border-radius: 100px;
  background: transparent;
  opacity: 1;
}
.recommend-card.card-pc-swiper .pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #8C95A1;
  transform: translate(-50%, -50%);
}
.recommend-card.card-pc-swiper .pagination .swiper-pagination-bullet-active {
  width: 30px;
  background: transparent;
}
.recommend-card.card-pc-swiper .pagination .swiper-pagination-bullet-active::before {
  width: 22px;
  background: #256EF4;
}


.chart-box {  position: relative;  width: 100%;  max-width: 491px; margin: 0 auto;  aspect-ratio: 491 / 171;  container-type: inline-size; }
.chart-box img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: contain;}
.chart-number {  position: absolute;  display: flex;  flex-direction: column;  font-size: clamp(10px, 3.1vw, 14px);  line-height: 140%;  color: #063A74;  padding: 6px 10px;  border-radius: 8px;  text-align: center;  box-sizing: border-box;}
.chart-number::before { content: ""; position: absolute; border-bottom: 2px dashed #B0BCCF;  top: 50%;  height: 0;}
.chart-number.type1 { top: 0;  left: 70%;  background-color: #F3F6FD;}
.chart-number.type1::before { right: 100%; width: 50%; }
.chart-number.type2 { top: 50%; left: 77%;background-color: #CCD6F4;}
.chart-number.type2::before { right: 100%; width: 50%;
}
.chart-number.type3 {  top: 58%;  left: 5%;  background-color: #e0e0e0;}
.chart-number.type3::before { left: 100%; width: 60%;}
.chart-number .txt { font-weight: 700; }


/* ================ responsive 반응형 ================ */
@media screen and (max-width: 1200px) {
  /* 250407 (ej) */
  .sub-visual.wage-info .inner { background-size: 100%;}

  .table-box.type2 {}
  .table-box.type2 colgroup { display: none;}
  .table-box.type2 tbody {}
  .table-box.type2 tr { display: flex; flex-wrap: wrap; font-size: 0;}
  .table-box.type2 th {  width:180px; font-size: 16px; display: inline-flex;  align-items: center;  height: initial; min-height: 48px}
  .table-box.type2 td { width: calc(100% - 180px); font-size: 16px; display: inline-flex; align-items: center; height: initial; min-height: 48px}
  /* // 250407 (ej) */
  .elearning-ico-box {gap:15px 10px;}
  .elearning-ico-box .item { width:calc(25% - 10px);}
  .elearning-ico-box .item .tit { font-size:21px;}
}
@media screen and (max-width: 1100px) {
  .job-classifier .secondary-category .checkbox-group {
    gap: 0;
  }
  .primary-category .checkbox-group, .interest-category .checkbox-group {
    justify-content: start;
  }
  .primary-checkbox {
    padding: 0;
    width: 25%;
  }
  .interest-category .checkbox-group {
    margin: 15px 0px 0;
  }
  .interest-checkbox {
    padding: 0 30px;
  }

  /* 250318 (ej) */
  .result-board.card .item .bottom { margin-top:20px; padding-top:20px; }
  .result-board.card .item .bottom .prospect { padding-left:10px; }
  .result-board.card .item .bottom > div { height:auto; text-align:center; }
  .result-board.card .item a { padding:30px }
  .result-board.card .item .bottom .images { display:block; margin:0 auto 10px }
  .result-board.card .item .bottom .text { text-align:center; margin-left:0; }
  .result-board.card .item-title::after {display:none;}
  /* 250318 (ej) */
  .classification-item .item-hover .button-box.long { margin-top:15px}   /* 250320 (ej) */
  .classification-item .item-hover .button-box.long .btn { padding:8px 20px;}   /* 250320 (ej) */
  .classification-item .item-hover .hover-text { font-size:16px;}/* 250320 (ej) */

  .box-line { padding:30px 36px;} /* 250324 font size (ej) */


  .layout .right .txt-box .title-ico {/* 250326 (ej) */
    margin-bottom: 15px;
    font-size: 17px;
    max-height: 46px;
    line-height: 24px;
    -webkit-line-clamp:2;
  }
  .layout .right .txt-box .desc {/* 250326 (ej) */
    line-height: 22px;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    font-size: 16px;
    text-overflow: ellipsis;
    max-height: 86px;
    overflow: hidden;
   -webkit-box-orient: vertical;
  }

  /* 250325 (yj) */
  .system-cont.intro .top{gap: 160px;}
  .system-cont.intro .service-list .desc{padding: 20px 40px;}
  .system-cont.utilize .user-type{gap: 60px;}
  .system-cont.utilize .user-type br{display: none;}
  /* // 250325 (yj) */


  /* 250407 (ej) */
  .elearning-ico-box .item .middle { padding-top: 30px; padding-right:30px; padding-left: 30px;}
  .elearning-ico-box .item .video { padding-right:30px; padding-left: 30px; padding-bottom: 24px;}
  .elearning-ico-box .item .tit { font-size: 20px;}
  /* 250407 (ej) */
}
@media screen and (max-width: 1024px) {
  .sub-visual .inner {
    padding: 0 200px; /* 250318 (ej) */
  }

  .elearning-ico-box .item { width: calc(50% - 20px);}
  /* 250407 (ej) */
}
@media screen and (max-width: 1000px) {

  .tab-menu .item { font-size:16px;} /* 250326  (ej) */

  .tab-cont {
    padding: 20px;
  }
  /* 웹진 */
  .layout3 {
    padding: 20px 50px;
  }
  .layout3 .btn {
    right: 202px;
  }
  .layout3 .thumb {
    right: 50px;
  }



  /* 250325 (yj) */
  .system-cont.intro .box .desc.img{min-height: 550px;}
  .system-cont.intro .service-list .desc{padding: 20px;}
  /* // 250325 (yj) */

  /* 250328 (ej) */
  .job-search.option .box-solid > div { flex-wrap:wrap;}
  .job-search.option .box-solid .input-group {
    gap: 10px;
    width: calc(50% - 10px);
    flex-grow: 1;
  }

  .wage-graph-box .wrn-txt.gray { margin-left:0;}
  /* // 250328 (ej) */

  .recommendation-list ul.basic li {flex-wrap:wrap;} /* 250331  (ej) */
  .recommendation-list .dt { width:100%; margin-bottom:2px;}/* 250331  (ej) */
  .detail-wrap-header .title .right .download2 { display:none;}/* 250401 pdf 다운로드 버튼 (ej) */
}
@media screen and (min-width: 900px) {
/* 250328  (ej) */
.secondary-category .secondary-checkbox:nth-child(3n-2) {width:30%;}
.secondary-category .secondary-checkbox:not(:nth-child(3n-2)) {width:35%;}
/* 250328  (ej) */
.section-wage-system .desc-wrap h4 { padding-left:15px;}/* 250331  (ej) */
.section-wage-system .desc-wrap ul.basic {padding-left:20px;}/* 250331  (ej) */
}
@media screen and (max-width: 900px) {
  .job-classifier .secondary-category .checkbox-group {
    justify-content: space-between;
  }
  .secondary-category .secondary-checkbox {
    width: 50%;
  }
  .interest-checkbox {
    padding: 0;
    width: 25%;
  }
  .tab-cont .job-recommend > div {
    display: block;
    width: 100%;
  }
  .tab-cont .job-recommend > div .radio__wrap--horiz {
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .tab-cont .job-recommend > div .radio__wrap--horiz .input--rdo {
    width: calc(50% - 4px);
    flex-grow: unset;
  }
  .tab-cont .job-recommend .prospect {
    margin-left: 0px;
    margin-top: 20px;
  }
  .accordion-content .radio__wrap--horiz {
    flex-wrap: wrap;
    justify-content: start;
  }
  .accordion-content .radio__wrap--horiz .input--rdo {
    width: calc(25% - 8px);
  }
  .accordion-content .radio__wrap--horiz .input--rdo:nth-child(9) {
    max-width: calc(20% - 8px);
  }
  .accordion-content .radio__wrap--horiz .input--rdo:nth-child(10) {
    max-width: calc(20% - 8px);
  }
  .accordion-content .radio__wrap--horiz .input--rdo label {
    padding: 13px 0;
    letter-spacing: -2px;
  }
  .job-classifier .secondary-category .radio__wrap--horiz {
    flex-wrap: wrap;
  }
  .job-classifier .secondary-category .radio__wrap--horiz .input--rdo {
    width: calc(50% - 8px);
  }
  .job-classifier .secondary-category .radio__wrap--horiz .input--rdo:first-child {
    width: 100%;
  }
  .interview-board .item .img {
    height: 170px;
  }
  .interview-board .item a::before { border-radius:10px;}/* 250318 (ej) */
  .cardnews-board .item a .img {
    height: 150px;
  }
  /* 250318 (ej) */
  .detail-wrap-header .title::after { content:''; clear:both; display:block;}
  .detail-wrap-header .title .left { width:100%;}
  .detail-wrap-header .title .right { text-align:right; top:0;} /* 250326 (ej) */
  /* // 250318 (ej) */
  /* 250325 (ej) */
  .detail-wrap-header .title {padding:50px 0 0}
  /* // 250325 (ej) */


  /* 250325 (yj) */
  .system-cont.intro .top{ gap: 100px; }
  .system-cont.intro .top br{display: none;}
  /* // 250325 (yj) */




  /* 맞춤형 임금정보_검색결과 (yz) */
  .sub-search-box.filter-bar{
    flex-direction: column;
    gap: 10px 20px;
  }
  .sub-search-box.filter-bar .label{
    width: 100%;
    text-align: center;
  }
  .sub-search-box.filter-bar .filter-group{
    margin-left: 0;
    width: 100%;
  }
  .summary-content{
    flex-direction: column;
    gap: 16px;
  }
  .summary-content .desc{
    padding-bottom: 16px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #CDD1D5;
  }
  .salary-summary-card{
    padding: 16px;
    padding-top: 44px;
  }

}
@media screen and (max-width: 768px) {
  h2{
    margin-top: 32px;
    font-size: 24px;
  }
  .sub-visual .inner {
    padding: 0 30px; /* 250318 (ej) */
  }
  h3 {
    margin-top: 20px; /* 250318 상세페이지 제목 상단 여백 추가 (ej) */
  }
  h3.center + .box-solid {
    margin-top: 20px;
  }
  h5 {
    margin-top: 0;
  }
  .box-solid {
    padding: 10px 15px;
    border-radius: 12px;
  }
  .box-line {  padding: 15px;} /* 250324 (ej) */
  .div-table { font-size: 14px;} /* 250324 (ej) */
  .box-solid.type2 {
    padding: 10px 15px;
    border-radius: 12px;
  }
  .radio__wrap--horiz .input--rdo label {
    padding: 10px;
  }
  .img {
    min-height: auto;
  }
  .tab-menu + .result-wrap {
    margin-top: 20px;
  }
  .button-box {
    margin-top: 20px;
  }
  .button-box.long .btn { /* 250312 반응형 추가 (ej) */
    padding: 10px 20px;
  }
  .sub-visual .sub-title-text { font-size:14px;}/* 250324 (ej) */
  .sub-visual.unity-search .inner {
    background-image: none;
  }
  .sub-visual.job-dictionary .inner {
    background-image: none;
  }
  .sub-visual.wage-bulletin .inner {
    background-image: none;
  }
  .sub-visual.vid-archiving .inner {
    background-image: none;
  }
  .sub-visual.mailing-service .inner {
    background-image: none;
  }
  .sub-visual.job-information .inner {
    background-image: none;
  }
  .sub-visual.wage-information .inner {
    background-image: none;
  }
  .sub-visual.wage-info .inner { /* 250407 (ej) */
    background-image: none;
  }
  .sub-visual.resource-room .inner {
    background-image: none;
  }
  .sub-visual.notification .inner {
    background-image: none;
  }
  .sub-visual.system-introducion .inner {
    background-image: none;
  }
  .sub-visual.show-all .inner {
    background-image: none;
  }
  .sub-visual.wage-improve .inner {
    background-image: none;
  }
  .sub-visual .inner {
    min-height: 131px;
  }


  /* 250326 (ej) */
  .tab-menu {
    flex-wrap: wrap;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
  }
  .tab-menu .item {
    /* border-left: 1px solid #DDDDDD; *//* 250326 (ej) */
    font-size:16px; /* 250318 (ej) */
    word-break:break-all;/* 250325 (ej) */
    height:48px;/* 250325 (ej) */
    flex-grow:1;/* 250325 (ej) */
    border-top: 0;
    border-left: 0;/* 250326 (ej) */
  }
  /* .tab-menu .item:first-child {border-left: 0;} */
  .tab-menu .item.active::after { height:calc(100% + 2px); left: -1px; width: calc(100% + 2px);}
  /* // 250326 (ej) */


  .sub-search-box.type2 {
    padding: 15px 10px;
  }
  .sub-search-box.type2 textarea { min-height:100px;}  /* 250318 (ej) */
  .sub-search-box.type2 .btn {
    padding: 11px 16px;
  }

  .sub-search-box.type2 + .result-wrap {
    margin-top: 20px;
  }
  .sub-search-box {
    flex-direction: column;
    align-items: center;
    gap: 10px 20px; /* 250318 반응형 검색박스 간격 수정 (ej) */
    padding: 10px 15px;
  }
  .sub-search-box .item + .item {
    margin-left: 0;
  }
  .sub-search-box .item + .btn {
    padding: 12px 16px;
    margin-left: 0;
    width:100%;
    height: auto;
  }
  .sub-search-box label {
    min-width: 50px;
  }
  .sub-search-box + .board-search-wrap {
    margin-top: 20px;
  }
  .sub-search-box + .result-wrap { /* 250318 (ej) */
    margin-top: 20px;
  }
   /* 250320 (ej) */
  .board-search-wrap .button-box { width:100%;text-align:right; }
  .board-search-wrap .button-box + .board-search { margin-left:0;}
   /* // 250320 (ej) */
  .post-footer .download-file { display:flex; flex-wrap:wrap; gap: 0 10px;}/* 250318 (ej) */
  .post-pagination .prev-post .bold, .post-pagination .next-post .bold { margin-right:10px}/* 250318 (ej) */
  .post-pagination a {text-decoration:underline;}/* 250321 (ej) */
   /* 250318 검색 (ej) */
  .sub-search-box .item:first-child .inp.type2 {  min-width:auto;}
  .sub-search-box label { display:none;}
  .sub-search-box.type2 label + .input-group { margin-top:0; }
  .sub-search-box.type2 .item + .button-box { margin-top:10px; } /* 직업검색 */
  .sub-search-box.type2 .item + .button-box .btn { width:100%; height:38px;  padding:7px 16px }/* 직업검색 */
  /* // 250318 검색어 (ej) */

  .result-wrap .board-search-wrap {
    border-bottom: 0;
  }
  .board-search-wrap {
    position: relative;
    flex-direction: column;
    padding-bottom: 0;
    margin-top: 0px;
    min-height: 38px;
    border-bottom: 0;
  }
  .board-search-result {
    position: absolute;
    left: 0;
    bottom: 10px;
  }
  .board-search {
    position: relative;
    padding-bottom: 48px;
    width: 100%;
  }
  .board-search .input-group {
    width: 100%;
  }
  .board-search .input-group .inp,
  .board-search .input-group .inp.auto {  /* 250320 (ej) */
    width: 100%;
  }
  .board-search .input-group .inp + .inp {
    margin-left: 0;
    margin-top: 10px;
    width: calc(100% - 78px);
  }
  .board-search .sort-type {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .board-search .btn {
    position: absolute;
    right: 0;
    top: 48px;
  }
  .board-search-wrap .button-box .print {display: none;} /* 250329  (ej) */

  .result-board.card {
    margin: 10px 0;
  }
  .result-board.card .item-title { height:auto;}/* 250318 (ej) */
  .result-board.card .item-desc  { height:auto;}/* 250318 (ej) */

  .result-board.card .item {
    margin: 0;
    width: 100%;
    height:auto; /* 250318 (ej) */
  }
  .result-board.card .item .bottom { margin-top:20px; padding-top:20px;}/* 250318 (ej) */
  .result-board.card .item a { padding:20px 15px; }/* 250318 (ej) */
  .result-board.card .item .bottom .text { text-align:center;}/* 250318 (ej) */
  .result-board.card .item .bottom > div { text-align:center; }/* 250318 (ej) */
  .result-board.card .item .bottom .prospect { padding-left:15px;}/* 250318 (ej) */
  .result-board.card .item + .item {
    /* margin-top: 15px; */
  }


  .recommend-card .result-board.card .item a { min-height:auto; }
  .category-scroll-wrap {
    display: block;
    width: 100%;
    font-size: 0;
    overflow-x: auto;
    white-space: nowrap;
  }
  .category-scroll-wrap .job-category-col-box {
    display: inline-block;
    width: 60vw;
    vertical-align: top;
  }
  .category-scroll-wrap .job-category-col-box .title {
    display: none;
  }
  .category-scroll-wrap .job-category-col-box:last-child .cate-radio label {
    padding: 15px 7px;
  }
  .category-scroll-wrap .category-list {
    padding: 0;
    height: 430px;
    background-color: white;
  }
  /* .category-scroll-wrap .category-list::-webkit-scrollbar {
    display: none;
  } */
  .category-scroll-wrap .category-list ul li:last-child {
    border-bottom: 1px solid #EEEEEE;
  }
  .category-scroll-wrap .category-list ul li + li {
    border-top: 1px solid #EEEEEE;
  }
  .category-scroll-wrap .not-check p {
    padding: 10px 7px;
  }
  .category-scroll-wrap .cate-radio label {
    display: block;
    padding: 15px 7px;
    background-color: transparent;
    font-weight: 600;
    white-space: normal;
    line-height: 120%;
  }
  .category-scroll-wrap .cate-radio label::before {
    display: none;
  }
  .category-scroll-wrap .cate-radio input:checked + label {
    background-color: #C8EFC5;
    padding-right: 7px;
  }
  .category-scroll-wrap.mobile { /*display: flex;*/
    display: none;
  }
  .category-scroll-wrap.mobile .job-category-col-box {
    width: 50%;
    border: 0;
  }
  .category-scroll-wrap.mobile .job-category-col-box + .job-category-col-box {
    border-left: 1px solid #EEEEEE;
  }
  .category-scroll-wrap.mobile .job-category-col-box:first-child {
    border-left: 0;
  }
  .category-scroll-wrap.mobile .job-category-col-box .title {
    display: none;
  }
  .category-scroll-wrap.mobile .category-list {
    padding: 0;
    background-color: white;
  }
  /* .category-scroll-wrap.mobile .category-list::-webkit-scrollbar {
    display: none;
  } */
  .category-scroll-wrap.mobile .category-list ul li + li {
    border-top: 1px solid #EEEEEE;
  }
  .category-scroll-wrap.mobile .cate-radio label {
    background-color: transparent;
    font-weight: 600;
  }
  .category-scroll-wrap.mobile .cate-radio input:checked + label {
    padding: 5px 7px;
    width: 100%;
    background-color: #C8EFC5;
  }
  .category-scroll-wrap.mobile .cate-radio input:checked + label::before {
    display: none;
  }
  .primary-category .checkbox-group, .interest-category .checkbox-group { gap:16px 0;} /* 250326  (ej) */
  .f_wrapper {
    display: block;
    position: relative;
  }
  .f_wrapper a.touch {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 10px);
    color: #fff;
    background: rgba(51, 51, 51, 0.6);
    font-size: 24px;
    font-weight: 800;
    box-sizing: border-box;
    transition: 0.3s ease-out;
    z-index: 1;
    padding: 10px;
    margin-top: 10px;
  }
  .f_wrapper a.touch::before {
    content: "";
    background: url("../images/sub/ico_flicking.png") no-repeat center;
    width: 77px;
    min-height:30px; /* 250409 (ej) */
    height: 86px;
    display: block;
    margin-bottom: 5px;
    background-size: contain;
  }


   /* 250325 (ej) */
  .f_wrapper p.touch {
    padding-left: 32px;
    position: absolute;
    margin-top: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #666;
  }
  .f_wrapper p.touch::before {
    content: "";
    background: url("../images/sub/ico_flicking.png") no-repeat center;
    width: 27px;
    height: 22px;
    display: block;
    background-size: contain;
    position:absolute;
    left:0;
    top:0;
  }
  .f_wrapper .f_scroller p.touch + table { margin-top: 30px;}
  .detail_flicking { margin-top:30px}
   /* // 250325 (ej) */


  .f_wrapper table {
    min-width: 1200px;
  }
  .f_wrapper table.mobile {
    display: block;
    min-width: auto;
  }
  .f_wrapper table.pc {
    display: none;
  }
  .capacity-level .f_wrapper a.touch {
    display: none;
  }
  .f_wrapper.pc {
    margin-top: 25px;
  }
  .f_wrapper.pc .f_wrapper_inner {
    position: relative;
    padding-top: 20px;
  }
  .f_wrapper.pc .f_scroller {
    overflow-x: auto;
    width: 100%;
  }
  .f_wrapper.pc .touch {
    display: block;
  }
  .f_wrapper.pc table {
    width: 1500px;
    margin-top: 7px;
  }
  .f_wrapper.pc.type2 table {
    width: 2000px;
  }
  .box-solid .post-header .post-info span {
    font-size: 14px;
    font-weight: 400;
  }
  .box-solid .post-header .post-info span::before {
    width: 14px;
    height: 14px;
  }
  .table-list ,
  .jobInfo-edit table { font-size:14px;} /* 250325 (ej) */
  .table-list tr th,
  .jobInfo-edit table tr th { font-size:15px;}/* 250325 (ej) */
  .post {
    padding: 20px 10px 10px;/* 250318 (ej) */
  }
  .post-header {
    height: auto;
    padding: 10px;
    border-bottom: 0;
  }
  .post-header .post-info {
    position: static;
    transform: translateY(0);
    margin-top: 10px;
    text-align: right;
  }

  .post .title::before { left:0; }
  .post .text-box { padding:0;} /* 250329  (ej) */
  .post-footer {
    gap: 10px;/* 250318 (ej) */
    flex-wrap:wrap;/* 250318 (ej) */

  }
  .post-footer .writer {
    min-width: 103px;
  }
  .post-footer .download-file .download,
  .post-footer .download-file .download span { font-size:14px;} /* 250329  (ej) */
  .post-footer .download-file .download + .download {
    margin-left: 0;
  }
  .post-board + .post-pagination {
    margin-top: 20px;
  }
  .post-pagination + .button-box {
    margin-top: 20px;
  }
  .job-classifier {
    padding: 10px;
  }
  .primary-category .checkbox-group {
    gap: 20px 0;
    margin: auto;
    margin-top: 10px;
  }
  .primary-checkbox, .interest-checkbox {
    width: 33.3333333333%;
  }
  .tab-cont {
    padding: 10px 10px 20px; /* 250326  (ej) */
  }
  .tab-cont .job-recommend .title-box {
    padding-left: 0;
  }
  .tab-cont .job-recommend .title-box::before {
    display: none;
  }
  .tab-cont .job-recommend .title-box .title {
    font-weight: 500;
  }
  .tab-cont .job-recommend .title-box .text {
    font-size: 17px;
    font-weight: 400;
  }
  .tab-cont .interest p {
    font-weight: 400;
  }
  .tab-cont .interest .interest-category {
    margin-top: 20px;
  }
  .tab-cont .characteristic .popupbtn-list {
    margin-top: 20px;
  }
  .tab-cont .characteristic .popupbtn-list li {
    padding: 0;
    text-align: right;
    font-weight: 400;
  }
  .tab-cont .characteristic .popupbtn-list li::before {
    display: none;
  }
  .tab-cont .characteristic .popupbtn-list li + li {
    margin-top: 20px;
  }
  .tab-cont .characteristic .popupbtn-list li p {
    display: block;
    text-align: left;
  }
  .tab-cont .characteristic .popupbtn-list li .btn {
    float: unset;
    margin-top: 5px;
  }
  .recommendation-list .selection-summary {
    padding: 10px;
  }
  .recommendation-list .align-r {
    font-size: 14px;
    text-align: left;
  }
  /* 직업추천 */
  .tab + .result-wrap {
    margin-top: 20px;
  }
  /* 직업추천 팝업 */
  .selection-container {
    max-height: 50vh;
  }
  .selection-wrap {
    padding: 10px;
  }
  .selection-wrap h3 {
    font-size: 18px;
  }
  .selection-wrap h3::before {
    display: none;
  }
  .selection-box li {
    flex-direction: column;
    align-items: start;
    gap: 10px;
    width: 100%;
  }
  .selection-box .chkbox {
    display: block;
    padding: 13px 10px;
    width: 100%;
  }
  .selection-box .chkbox .input--chk label {
    font-weight: 600;
  }

  .job-based-box {
    flex-direction: column;
    align-items: start;
  }
  .job-based-box .basic {
    padding-left: 0;
    margin-top: 15px;
  }
  .job-based-box .basic li {
    color: #333;
  }
  .job-based-box .basic::before {
    display: none;
  }
  .job-based-box .btn {
    margin-top: 10px;
  }
  .job-based .wrn-txt.gray {
    margin-top: 10px;
    font-size: 14px;
    line-height: 21px;
  }
  .step-guide {
    margin-top: 20px;
  }
  .step-guide p.align-c {
    font-size: 17px;
  }
  .step-guide p.align-c br {
    display: none;
  }
  .step ul {
    margin-top: 10px;
  }
  .archive-board .item {
    margin: 7px 10px;
    width: calc(50% - 20px);
  }
  .archive-board .item .title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #111;
  }
  /* 27_영상아카이브 */
  .tab-desc {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .tab-desc .tab-tag {
    padding: 9px 10px; /*250409(ej)*/
    min-width: 100px;  /*250409(ej)*/
  }
  .tab-desc .tab-tag + .tab-tag {
    margin-left: 0;
  }
  .tab-desc + .result-wrap {
    margin-top: 20px;
  }

  .webzine-wrp .top-visual img { width: auto !important; } /* 250326  (ej) */
  .webzine-wrp .webz-title { margin: 0 !important; } /* 250326  (ej) */
  .webzine-wrp .webz-issue { font-size: 16px;}/* 250326  (ej) */
  .webzine-wrp .pd030 { padding:15px 10px;}/* 250326  (ej) */
  .box-solid #ISSUE { font-size:16px}/* 250326  (ej) */
  .box-solid.archiving-header {
    flex-direction: column;
    align-items: start;
    padding: 10px;
  }
  .box-solid.archiving-header .title {
    display: block;
    /* margin-top: 10px; */ /* 250314 (ej) */
    margin-left: 0;
  }
  .box-solid.archiving-header .archiving-title {flex-wrap:wrap; } /* 250314 (ej) */
  .box-solid.archiving-header .archiving-meta {
    margin-top: 10px;
  }
  .archiving-detail {
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
    height: 456px;
  }
  .archiving-detail .video {
    width: 100%;
    height: 100%;
    background-color: #DDDDDD;
    border-radius: 5px;
  }
  .archiving-detail .subtitle-box {
    padding: 20px;
    width: 100%;
    height: 100%;
  }
  .archiving-detail .subtitle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
  }
  .archiving-detail + ul.basic li {
    font-size: 14px;
  }
  /* 31_영상아카이브_상세02 */
  .step.type2 ul {
    gap: 17px 0;
    padding: 0;
  }
  .vr-description {
    margin-top: 20px;
  }
  .vr-description .title {
    text-align: right;
  }
  .vr-description .title h4 {
    display: block;
    margin-bottom: 10px;
  }
  .vr-description .title button em {
    display: none;
  }
  .vr-description .step.type2 ul li {
    padding-top: 28px;
  }
  .vr-description .step.type2 ul li::before {
    top: 0;
  }
  .vr-description .step.type2 ul li::after {
    top: 7px;
  }
  .vr-description .basic li {
    font-size: 14px;
  }
  .archiving-content .tab-desc {
    justify-content: space-between;
  }
  .archiving-content + .result-wrap {
    margin-top: 20px;
  }
  .archiving-content + .result-wrap .board-search-wrap {
    display: none;
  }
  .archiving-content + .result-wrap .archive-board {
    margin-top: 0;
  }
  .archiving-content + .result-wrap .archive-board .item {
    margin-top: 0;
  }
  .archiving-content + .result-wrap .archive-board .item:nth-child(3) {
    display: none;
  }
  .search-criteria {
    margin-top: 20px;
  }
  .criteria-info .input--chk {
    margin-bottom: 0;
  }
  .accordion-header {
    padding: 10px;
  }
  .accordion-content {
    padding: 0 10px 10px 10px;
  }
  .accordion-content .radio-dual .radio__wrap--horiz .input--rdo {
    max-width: none;
    width: calc(50% - 4px);
  }
  .accordion-content .radio-dual .radio__wrap--horiz .input--rdo:nth-child(3) {
    max-width: calc(50% - 4px);
  }
  .accordion-content .radio-dual .radio__wrap--horiz .input--rdo:nth-child(5) {
    max-width: calc(50% - 4px);
  }
  .accordion-content .radio-dual .radio__wrap--horiz .input--rdo:nth-child(9) {
    max-width: calc(50% - 4px);
  }
  .accordion-content .radio-dual .radio__wrap--horiz .input--rdo:nth-child(10) {
    max-width: calc(50% - 4px);
  }
  .accordion-content .radio__wrap--horiz {
    padding: 10px;
    justify-content: start;
  }
  .accordion-content .radio__wrap--horiz .input--rdo {
    width: calc(50% - 8px);
    max-width: calc(50% - 4px);
  }
  .accordion-content .radio__wrap--horiz .input--rdo label {
    letter-spacing: 0;
  }
  .accordion-content .input-group {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .accordion-content .input-group .inp {
    width: calc(50% - 4px);
  }
  .accordion-content .input-group .inp.w100 {
    min-width: 100%;
  }
  .accordion-content .input-group .inp + .inp {
    margin-left: 0;
  }
  .accordion-content .radio__wrap--vert {
    flex-wrap: wrap;
    gap: 20px 10px; /* 250314 (ej) */
  }
  .accordion-content .radio__wrap--vert .input--rdo label {font-size:14px; padding-top:3px;}  /* 250314 (ej) */
  .accordion-content .radio__wrap--vert .input--rdo {
    display: inline-block;
    width: calc(50% - 8px);
  }


  .accordion-content .btn {
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400;
  }
  .wage-summary {
    flex-direction: column;
    align-items: end;
    gap: 10px;
  }
  .wage-summary .title {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .wage-summary .title::before {
    display: none;
  }
  .wage-summary .title .input-group {
    max-width: 240px;
    width: calc(100% - 180px);
  }
  .wage .wage-accordion {
    display: none;
    padding-top: 0;
    margin-top: 20px;
    border-top: 0;
  }
  .wage .wage-accordion .basic {
    width: 100%;
  }
  .wage .wage-accordion.active {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .wage .wage-accordion.active .btn {
    padding: 16px 18px;
  }
  /* 미래직업세계 */
  .job-detail {
    margin-top: 20px;
  }
  .job-detail .green, .job-detail .desc {
    padding-left: 0;
  }
  .job-detail-wrap .box-solid {
    margin-top: 10px;
    text-align: left;
  }
  .job-detail-title {
    padding: 3px 10px;
    border-left: 5px solid #62D491;
    border-bottom: 1px solid #62D491;
    font-size: 0;
    /* 250324 (ej) */
    border:0;
    padding:0;
    /* // 250324 (ej) */
  }
  .job-detail-title p {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #111;
    vertical-align: middle;
    /* 250324 (ej) */
    padding: 3px 10px;
    border-left: 5px solid #62D491;
    border-bottom: 1px solid #62D491;
    width:100%;
    margin-bottom:10px;
    /* // 250324 (ej) */
  }
  .job-detail-title .label {
    display: inline-block;
    padding: 4px 10px;
    margin-left: 20px;
    border: 1px solid #8CA8FE;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    margin: 0 5px 5px 0; /* 250324(ej) */
  }
  .job-detail-title .label + .label {
    margin-left: 0;  /* 250324(ej) */
  }
  .job-classifier + .job-search-results {
    margin-top: 20px;
  }
  .job-classifier.type2 {
    display: block;
    padding: 10px 15px;
  }
  .job-classifier.type2 .select-all {
    position: absolute;
    width: calc(33.3333333333% - 10px);
  }
  .job-classifier.type2 .select-all .primary-checkbox {
    padding: 0;
    width: 100%;
  }
  .job-classifier.type2 .primary-category {
    width: auto;
  }
  .job-classifier.type2 .primary-category .checkbox-group {
    margin: auto;
  }
  .job-classifier.type2 .primary-category .primary-checkbox {
    padding: 0;
    width: 33.3333333333%;
  }
  .job-classifier.type2 .primary-category .primary-checkbox:first-child {
    margin-left: 33.3333333333%;
  }
  .interview-board {
    margin: -10px -10px 0;
  }
  .interview-board .item {
    margin: 10px 5px;
    width: calc(50% - 10px);
  }
  .interview-board .item a {
    padding: 10px;
  }
  .interview-board .item a p {
    margin-top: 10px; /* 250318 (ej) */
    font-size: 14px;
  }
  .interview-board .item .img {
    height: 170px;
  }
  .tab-menu + .box-solid {
    margin-top: 10px;
  }
  .inner.type2 .tab-menu {
    flex-direction: column;
    gap: 10px;
  }
  .inner.type2 .tab-menu .item {
    width: 100%;
    border: 2px solid #d8d8d8;
    border-radius: 10px;
  }
  .inner.type2 .tab-menu .item.active {
    border-color: #62D491;
  }
  .mailing-desc::before {
    display: none;
  }
  .mailing-desc ul {
    margin-left: 0;
  }
  .privacy-policy {
    margin-top: 20px;
  }
  .privacy-policy ul.basic {
    padding-left: 0;
    margin-top: 10px;
  }
  .privacy-policy ul.basic > li {
    padding-left: 0;
  }
  .privacy-policy ul.basic > li .policy-description {
    padding-left: 15px;
  }
  /* 250324  (ej) */
  /*
  .mailing-form .mail-address::before {
    display: none;
  }
   .mailing-form .mail-address input.inp:nth-child(1) {
    width: 100%;
  }
  .mailing-form .mail-address input.inp:nth-child(3) {
    display: none;
  }
  .mailing-form .mail-address select.inp {
    display: none;
  } */
  .mailing-form .inp + label {
    font-size: 17px;
  }
  .top-area {
    gap: 20px;
    align-items: start;
  }
  .top-area .tab-menu.type2 {
    flex-direction: column;
  }
  .top-area .tab-menu.type2 .item {
    width: 100%;
    border-left: 1px solid #ddd;
  }
  .top-area .tab-menu.type2 .item + .item {
    border-top: 0;
  }
  .top-area .tab-menu.type2 .item.active {
    border: 1px solid #62D491;
  }
  .top-area .modal-btn {
    min-width: 46px;
    min-height: 49px; /* 250328 font-size (ej) */
  }
  .top-area .modal-btn span {
    display: none;
  }
  .job-search.keyword .box-solid .tit {
    display: none;  /* 250318 분류검색 mobile (ej) */
  }
  .job-search.keyword .radio__wrap--horiz {
    flex-wrap: wrap;
  }
  .job-search.keyword .radio__wrap--horiz .input--rdo {
    width: calc(14.2857142857% - 8px);
  }
  .job-search.keyword .radio__wrap--horiz .input--rdo input:checked + label {
    background-color: #EDF9F0;
  }
  .job-search.keyword .radio__wrap--horiz .input--rdo label::before {
    display: none;
  }
  .job-search.option .box-solid > div {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
  }
  .job-search.option .box-solid .input-group {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
  .job-search.option .box-solid .input-group label {
    display: inline-block;
    min-width: 90px;
    font-size: 17px;
    word-break: keep-all;
  }
  .job-search.option .box-solid .input-group select {
    display: inline-block;
    width: 100%;
  }
  .job-search.option .box-solid .btn {
    height: 44px;
  }
  .sort-radio-section + .result-wrap {
    margin-top: 20px;
  }
  .sort-radio-section + .result-wrap .board-search-wrap {
    border-bottom: 1px solid #62D491;
  }
  ul.basic.job-list {
    flex-wrap: nowrap;
    flex-direction: column;
    margin-top: 0;
  }
  ul.basic.job-list li {
    width: 100%;
  }
  .classification-section .classification-container, .classification-section .notice-section {
    margin-top: 20px;
  }
  .classification-section .notice-section .box-solid {
    padding: 10px 15px;
  }
  .classification-wrap {
    overflow: auto;
  }
  /* .classification-wrap::-webkit-scrollbar {
    display: none;
  } */
  .classification-list {
    margin: 20px 0px 0;
    display:flex; /* 250318 (ej) */
   /*  min-width: 800px; */
  }
  .classification-item {
    padding: 15px;/* 250318 (ej) */
    /* min-width: 230px; */ /* 250318 (ej) */
  }
  .classification-text { font-size:16px; }/* 250318 (ej) */
  .classification-item .item-hover .hover-text { font-size:14px; }/* 250318 (ej) */
  .classification-item .item-hover {
    padding: 30px 20px;
  }
  .classification-item .item-hover .button-box.long {
    margin-top: 20px;
  }
  .classification-item .item-hover .button-box.long .btn {
    padding: 5px 20px;
    min-width: auto;
  }
  .box-solid + .result-wrap {
    margin-top: 20px;
  }
  .box-solid + .result-wrap .board-search-wrap {
    border-bottom: 1px solid #62D491;
  }
  .select-category {
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
  }
  .select-category .selected-rdo {
    width: 100%;
  }
  .select-category .selected-rdo button {
    display: block;
    margin: 4px 0;
    text-align: left;
  }

  #div_area_all .list-wrap .link-list .label-box + div { padding-right: 140px; width: calc(100% - 140px);}


  #div_area_all .list-wrap .link-list a { display:block;}


  #div_area_all .list-wrap .link-list .label-box + div { padding-right:0; width:100%; margin-top:10px;}
  #div_area_all .list-wrap .link-list .label-box + div .detail-wrap-header { top:-36px; transform:none; }

  #div_area_all .detail-wrap-header .item-list .item {display:flex; gap: 5px;}

  #div_area_occp .list-wrap .link-list .label-box + div { padding-right: 140px; width: calc(100% - 140px);}


  #div_area_occp .list-wrap .link-list a { display:block;}


  #div_area_occp .list-wrap .link-list .label-box + div { padding-right:0; width:100%; margin-top:10px;}
  #div_area_occp .list-wrap .link-list .label-box + div .detail-wrap-header { top:-36px; transform:none; }

  #div_area_occp .detail-wrap-header .item-list .item {display:flex; gap: 5px;}


  /* 임금체계유형 */
  .section-wage-system .box-solid.type2 {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  .section-wage-system .box-solid.type2 p {/* 250408 (ej) */
    display: block;
    text-align: left;
    width: 100%;
  }
  .section-wage-system .tab-menu {
    flex-wrap: wrap;
  }
  .section-wage-system .tab-menu .item {
    flex-grow: 1;
    border-left: 1px solid #DDDDDD;
  }
  .section-wage-system .tab-menu .item.active {
    border: 1px solid #62D491;
  }
  /* 직업정보 상세 */
  .detail-wrap {
    margin-top: 30px;
  }
  .detail-wrap-header .title .left {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px; /* 250325 (ej) */
  }
  .detail-wrap-header .title .left .btn {
    margin-left: 0;
  }

  .detail-wrap-header .title .left .ico-txt { margin-top:5px;} /* 250325 (ej) */
  .detail-wrap-header .title .right {
    float: unset;
    display: flex;
    gap: 10px;
    /* margin-top: 10px; */ /* 250325 (ej) */
  }
  .detail-wrap-header .title .right .btn {
    padding: 7px 10px;
    /* width: 100%; */ /* 250325 (ej) */
  }
  .detail-wrap-header .title .right .btn + .btn {
    margin-left: 0;
  }
  .detail-wrap-header .box-gray {
    padding: 10px;
    margin-top: 10px;
    font-size: 15px;
  }
  .detail-wrap-header .item-list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }
  .detail-wrap-header .item-list .item {
    margin-left: 0;
  }
  .detail-wrap .tab-menu .item {
    width: 33.3333333333%;
    border-bottom-width: 1px;
  }
  .detail-wrap .detail-tabcont .tab .tab-menu.type2 .item { font-size:16px; padding:8px} /* 250326  (ej) */
  /* 250326 (ej) */
  /*
  .detail-wrap .tab-menu .item:nth-child(4) {
    border-left: 1px solid #d8d8d8;
  }
  .detail-wrap .tab-menu .item:nth-child(4).active {
    border-left: 1px solid #62D491;
  }
  .detail-wrap .tab-menu .item:nth-child(7) {
    border-left: 1px solid #d8d8d8;
  }
  .detail-wrap .tab-menu .item:nth-child(7).active {
    border-left: 1px solid #62D491;
  }
 */

  .detail-wrap .detail-tabcont .tab {margin-top:20px;}  /* 250320 (ej) */
  .tab .tab-menu.level .item,
  .detail-wrap .detail-tabcont .tab .tab-menu.level .item {   /* 250320 (ej) */
	padding:6px 7px;
  }
  .detail-wrap .detail-tabcont {
    padding: 20px 10px; /* 250325 (ej) */
  }
  .detail-wrap .detail-tabcont .title-ico + div {
    padding-left: 0;
  }
  .detail-wrap .detail-tabcont .title-ico + .box-solid {
    padding: 10px;
  }
  .detail-wrap .detail-tabcont .wrn-txt-wrap {
    padding-left: 0;
  }
  .detail-wrap .detail-tabcont .wrn-txt-wrap + .label-box {
    padding-left: 0;
  }
  .detail-wrap .detail-tabcont .label-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .detail-wrap .detail-tabcont .label-box .label + .label {
    margin-left: 0;
  }
  .detail-wrap .detail-tabcont .label-box button + button {
    margin-left: 0;
  }
  .detail-wrap .detail-tabcont .step.type3 ul {
    flex-wrap: wrap;
    gap: 10px;
  }
  .detail-wrap .detail-tabcont .step.type3 ul li {
    padding: 10px 0;
    width: calc(50% - 5px);
    max-width:100%; /* 250318 (ej) */

  }
  .detail-wrap .detail-tabcont p.wrn-txt.gray {
    font-size: 14px;
  }
  .detail-wrap .detail-tabcont .box-solid .modal-btn-wrap {
    gap: 10px 40px;
  }
  .detail-wrap .detail-tabcont .box-solid .modal-btn-wrap li {
    position: relative;
    width: auto;
  }
  .detail-wrap .detail-tabcont .box-solid .modal-btn-wrap li::after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #333;
    content: "";
  }
  .detail-wrap .detail-tabcont .box-solid .modal-btn-wrap li:last-child::after {
    display: none;
  }
  .detail-wrap .detail-tabcont .title-box {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 10px;
  }
  .detail-wrap .detail-tabcont .title-ico {
    width: 100%;
  }
  .detail-wrap .detail-tabcont .link-list {
    padding: 0 10px;
  }
  .detail-wrap .detail-tabcont .link-list li {
    padding: 10px 0;
  }
  .detail-wrap .detail-tabcont .link-list li .link a {
    display: block;
    margin-bottom: 10px;
  }
  .detail-wrap .detail-tabcont .link-list li .link .label {
    margin-left: 0;
  }
  /* 직업정보 상세 팝업 */
  .link-share {
    flex-direction: column;
    align-items: center;
  }
  /* 카드뉴스 */
  .cardnews-board .item {
    margin: 10px 5px;
    width: calc(33.3333333333% - 10px);
  }
  .cardnews-board .item a {
    padding: 15px;
  }
  .cardnews-board .item a p {
    margin-top: 10px;
    /* min-height: 46px; */ /* 250318 (ej) */

    word-break: keep-all;
    font-size:14px; /* 250318 (ej) */

  }
  .cardnews-wrap .img {
    min-height: 300px;
  }
  .box-solid.type2 {
    flex-wrap: wrap;
    gap: 10px;
  }
  .box-solid.type2 .date {
    width: 100%;
    text-align: right;
  }
  /* 웹진 */
  .layout {
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
  }
  .layout .left {
    width: 100%;
  }
  .layout .left .img { width:100% !important;  } /* 250326 (ej) */
  .layout .right {
    width: 100%;
  }
  .layout .right .txt-box {
    margin-top: 10px;
    font-size: 14px;
  }
  .layout .right .txt-box .title-ico {
    margin-top: 20px;
  }
  .layout2 {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
  }
  .layout2 .layout-item {
    width: calc(50% - 10px);
  }
  .layout2 .layout-item a .img {
    height: 212px;
  }
  .layout2 .layout-item .title {
    height: auto;
    line-height: 35px;
  }
  .layout2 .layout-item .desc {
    margin-top: 10px;
  }
  .layout3 {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    gap: 5px;
    padding: 10px 15px;
    margin-top: 20px;
  }
  .layout3 .txt-box { padding-right: 150px;} /* 250326  (ej) */
  .layout3 .txt-box .title {
    font-size: 20px;
    line-height: 30px;
  }
  .layout3 .txt-box .subtitle {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
  .layout3 .txt-box .text {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
  .layout3 .btn {
    bottom: 10px;
    right: 15px;
    padding: 7px 10px;
  }
  .layout3 .thumb {
    display: none;
  }
  .box-solid.type2 .board-search {
    padding-bottom: 0;
  }
  .box-solid.type2 .board-search .input-group {
    width: calc(100% - 85px);
  }
  .box-solid.type2 .board-search .btn {
    position: static;
  }
  /* 웹진 상세 */
  .align-r .btn.print {
    display: none;
  }
  .webzine-detail {
    margin-top: 10px;
  }
  /* 통합검색 조회 */
  .list-wrap {
    margin-top: 40px;
  }
  .list-wrap .link-list {
    margin-top: 20px;
    border: 2px solid #62D491;
    border-left: 0;
    border-right: 0;
  }
  .list-wrap .link-list a {
    gap: 10px;
  }
  .list-wrap .view-more {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    font-size: 0;
  }
  .list-wrap .view-more span {
    font-size: 14px;
    font-weight: 400;
  }
  .list-wrap .view-more .icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/sub/ico_viewmore.png");
    transition: 0.3s ease;
  }
  .list-wrap .view-more:hover .icon {
    transform: rotate(180deg);
  }

  .table-list td .badge { font-size:14px;} /* 250325  (ej) */
  /* 임금수준진단결과 */
  .chart-graph .board-search-wrap, .chart-table .board-search-wrap {
    margin-top: 30px;
  }
  .wage-graph-desc {
    margin-top: 20px;
  }
  .wage-graph-wrap .div-table {
    margin-top: 10px;
  }
  /* 모아보기 */
  .show-all .depth1 {
    flex-wrap: wrap;
    gap: 20px;
  }
  .show-all .depth1 > li {
    width: calc(33.3333333333% - 14px);
  }
  .summary-wage-system {
    /* 임금결정현황조사 */
  }
  .summary-wage-system .board-search-wrap {
    align-items: start;
    border-bottom: 2px solid #62D491;
  }


  .capacity-level-wrap .f_wrapper a.touch { display:none;} /* 250318 직능수준 기준표 팝업 (ej) */
  .mailing-form .mail-address::before { top:51px;} /* 250324  (ej) */

  /* 250325 (yj) */
  .system-cont .txt{font-size: 17px;}
  .system-cont.intro .top{flex-direction: column; gap: 92px; }
  .system-cont.intro .btm .box{padding: 10px;}
  .system-cont.intro .btm .img{width: 100%; height: auto;}
  .system-cont.intro .btm br{display: none;}
  .system-cont.intro .service-list{flex-direction: column;}
  .system-cont.intro .service-list .box{width: 100%;}
  .system-cont.intro .box .desc.img{padding: 10px; min-height: auto;}
  .system-cont.utilize .user-type{flex-direction: column; gap: 20px; margin-top: 20px;}
  .system-cont.bi .list .item{width: calc(100% - 20px);}
  .system-cont.bi .list .item:nth-child(4){max-height: none;}
  .system-cont.bi .list .item:nth-child(5), .system-cont.bi .list .item:nth-child(6){width: calc(100% / 2 - 20px);}
  .system-cont.bi .list .txt{margin-top: 5px;}
  .system-cont.utilize .user .tit { font-size:17px}
  /* // 250325 (yj) */

  .elearning-ico-box { margin: 20px 0 30px;}
  .elearning-ico-box .item {  width: calc(50% - 10px); background-size: 80px;}
  .elearning-ico-box .item .tit { font-size: 17px; margin-top: 104px;}
  .elearning-ico-box .item .middle { padding:20px 20px 0px;}
  .elearning-ico-box .item .video { padding:0px 20px 20px;}
  .elearning-ico-box .item .sub { font-size: 14px; margin-top: 10px;} /* 260812 고용부 요청사항으로 클래스 추가(khs) */
  .elearning-ico-box .item .more { font-size: 14px; margin-top: 10px;}
  .wage-desc { font-size: 16px;}

  .wage-info-tit { font-size: 18px;}
  .wage-info-box .info-col-box { margin-top: 25px;}
  .info-col-box .item .tit { font-size: 17px;}
  .info-col-box .item .txt { padding: 15px; font-size: 16px;}
  .wage-info-wrap p.basic { font-size: 14px;}
  h4.type3, .h4.type3 { font-size: 20px;}
  .wage-info-wrap .title-ico { margin-top: 30px;}
  .wage-info-wrap ul li { font-size: 14px;}
  .info-col-box .item ul li { font-size: 14px; line-height: 120%;}
  .info-col-box .item-box ul li { font-size: 14px; line-height: 120%;}
  .tip-box .txt { font-size: 14px;}
  .info-col-box .item .txt { font-size: 14px;}


  /* 맞춤형 임금정보_검색결과 (yz) */
  .sub-filter-box{text-align: left;}
  .sub-filter-box .sub-search-box{margin-top: 40px; background-color: transparent; padding: 0;}
  .sub-filter-box .sub-search-box .item{flex-direction: column; align-items: start; gap: 24px; width: 100%;}
  .sub-filter-box .sub-search-box .filter-list{padding: 12px; width: 100%; background-color: #EEF2F7; border-radius: 12px;}
  .card-summary{flex-direction: column; align-items: start;}
  .card-summary .label-box{margin-left: 0; margin-top: 12px;}
  .card-summary .label-box .label{margin-right: 10px;}
  .card-summary .label-box .label + .label{margin-left: 0;}
  .card-header .card-unit{position: absolute; font-size: 13px;}
  .chart-card .card-header .card-unit{top: 20px; right: 20px;}
  .table-card .card-header .card-unit{top: 0px; right: 0px;}

  .label-box .label { padding: 2px 8px; font-size: 13px;}





  /* 맞춤형임금정보_검색결과 (yz) */
  .sub-search-box .filter-group .swiper-wrapper{
    gap: 0;
  }
  .sub-search-box .filter-group .swiper-slide{
    flex: none;
    margin-right: 12px;
    width: auto;
  }
  .sub-search-box .filter-group .swiper-controller{
    display: block;
  }
  .sub-search-box .filter-btn{
    padding: 12px 20px;
    max-width: none;
  }
  .summary-content .desc span{
    display: block;
    font-weight: 400;
    line-height: 150%;
  }
  .summary-content .desc .summary-txt{
    margin-top: 8px;
  }
  .salary-summary-card .tip-box{
    top: 12px;
    right: 16px;
  }
  /* 모달팝업 필터 */
  .filter-modal-wrap .modal-cont-wrap{
    overflow: unset;
  }
  .modal-filter {
    max-height: 330px;
    overflow: auto;
  }
  .modal-filter + .selected-list{
    padding: 8px 12px;
  }
  /* 추천조합검색 모달 */
  .recommend-modal-wrap .tab-menu{
    flex-wrap: nowrap;
    border: 0;
  }
  .recommend-modal-wrap .tab-cont{
    height: auto;
  }
  /* 수정중 */

  .recommend-card.card-mobile-swiper .result-board.card{
    flex-wrap: nowrap;
    gap: 0;
  }
  .recommend-card.card-mobile-swiper .result-board.card .item{
    width: 100%;
  }
  .recommend-card.card-mobile-swiper .result-board.card .item + .item{
    margin-top: 0;
  }
  .recommend-card.card-mobile-swiper .swiper-controller{
    display: block;
  }

  .sub-search-box .mobile-ui-swiper.is-end::before { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.25) 15%, #eef2f7 100%);}
  .sub-search-box .mobile-ui-swiper.is-beginning::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 15%, #eef2f7 100%); right: 0; }



  .filter-bar .mobile-ui-swiper::before {
      background: linear-gradient(90deg, #eef2f7 0%, rgba(238, 242, 247, 0) 100%);
      left: 0;
  }

  .filter-bar .mobile-ui-swiper::after {
      background: linear-gradient(-90deg, #eef2f7 0%, rgba(238, 242, 247, 0) 100%);
      right: 0;
  }


}
@media screen and (max-width: 600px) {
  .secondary-category .secondary-checkbox {
    width: 100%;
  }
  .table-pagination .first, .table-pagination .last {
    display: none;
  }
  .table-pagination .previous {
    margin-right: 5px;
  }
  .table-pagination .next {
    margin-left: 13px;
  }
  .classification-item { width: calc(33.3333333333% - 10px); padding:10px;  margin: 0 5px; }/* 250318 (ej) */
  .classification-item .img { border-radius:10px;} /* 250318 (ej) */
  .classification-text { margin-top: 8px; } /* 250318 (ej) */
  .classification-item .item-hover { /* 250320 (ej) */
    padding: 5px 0;
    display: block;
    position: relative;
    top: auto;
    backdrop-filter: none;
    background: none;
    color: #333;
    height: auto;
    padding: 0;
  }
  .classification-item .item-hover .hover-text {
    display:none; /* 250320 (ej) */
  }
  .classification-item .item-hover .button-box.long { margin-top:10px }  /* 250320 (ej) */
  .classification-item .item-hover .button-box.long .btn { font-size:14px;} /* 250320 (ej) */

  /* 250407 (ej) */
  .table-box.type2 th { width:100%; background: none; border:0; padding: 10px 10px 5px; min-height: auto;}
  .table-box.type2 td { width:100%; padding: 5px 10px 10px; border:0; border-bottom: 1px solid #ddd; min-height: auto;}
  .info-col-box { flex-wrap: wrap;}

  .f_wrapper a.touch {
    font-size: 18px;
    font-weight: 500;
  }
  .f_wrapper a.touch::before {
    height: 50px; /* 250408 (ej)(*/
  }
  /* 250407 (ej) */


  .tab-desc .tab-tag {
    flex-grow:0.33; /* 250409 (ej) */
  }

}
@media screen and (max-width: 520px) {
  /* 영상아카이브 상세 */
  .box-solid.archiving-header .archiving-meta .date, .box-solid.archiving-header .archiving-meta .view {
    font-size: 14px;
  }
  .box-solid.archiving-header .archiving-meta .date + .view {
    margin-left: 10px;
  }
  .box-solid.archiving-header .archiving-meta .btn {
    float: right;
  }
  .interview-board .item .img {
    height: 120px;
  }
}
@media screen and (max-width: 500px) {
  .f_wrapper a.touch { /* 250408 (ej)(*/
    font-size: 14px;
  }
  .f_wrapper a.touch::before { /* 250408 (ej)(*/
    height: 30px;
  }
  /* 카드뉴스 */
  .cardnews-board .item {
    /* margin: 5px; */
    width: calc(50% - 10px);
  }
  .cardnews-board .item a {
    padding: 10px;
  }
  /* 모아보기 */
  .show-all .depth1 {
    flex-direction: column;
  }
  .show-all .depth1 > li {
    width: 100%;
  }
  /* 직업정보 상세 */
  .detail-wrap .detail-tabcont .link-wrap {
    margin-top: 20px;
  }
  /* 임금결정현황조사 */
  .section-wage-system .summary-wage-system .btn-wrap {
    top: 50px;
  }
  .section-wage-system .summary-wage-system .btn-wrap + .status-wrap .status-box {
    margin-top: 70px;
  }
  .result-board.card .item .bottom .images { display:none;} /* 250318 (ej) */
  /* .result-board.card .item .bottom .text { font-size:12px;}  */

  .share-wrap .modal-cont .inner2 .inp { width:100%} /* 250320 (ej) */
  .link-share, .share-wrap .inner2 > div { gap:10px; flex-wrap: wrap;} /* 250320 (ej) */
  .share-wrap .modal-cont .inner2 .btn { width:100%;}  /* 250320 (ej) */
  .share-wrap .modal-cont .inner2 .align-c { font-size:14px;}  /* 250326 (ej) */

}
@media screen and (max-width: 450px) {
  .relative-contents {
    border: 0;
  }
  .relative-contents .archive-board {
    margin: 10px 0 0;
  }
  .relative-contents .archive-board .item {
    margin: 0;
    width: 100%;
  }
  .relative-contents .archive-board .item + .item {
    margin-top: 20px;
  }
  .archive-board .item .img a {
    height: 110px;
  }

  .list-wrap .link-list a { display:block;} /* 250324  (ej) */
  .list-wrap .link-list .label-box { display:block;}/* 250324  (ej) */
  .list-wrap .link-list .label-box + div { width:100%; margin-top:5px;}/* 250324  (ej) */
  .list-wrap .link-list .label-box .label { font-size:14px;}

   /* 250325  (ej) */
  .detail-wrap-header .item-list { justify-content: center;}
  .detail-wrap-header .item-list .item { min-width:100px;}
  .detail-wrap-header .item-list .item::before { display:block; margin: 0 auto 10px;}
  .detail-wrap-header .item-list .item.satisfaction::before,
  .detail-wrap-header .item-list .item.prospect::before { height:40px;}
   /* // 250325  (ej) */
}
@media screen and (max-width: 390px) {
  .box-solid.archiving-header {
    flex-direction: column;
    align-items: start;
    padding: 10px;
  }
  .box-solid.archiving-header .title {
    display: block;
   /*  margin-top: 10px; */ /* 250314 (ej)*/
    margin-left: 0;
  }
  .box-solid.archiving-header .archiving-meta {
    margin: 10px 0 0; /* 251021 웹 접근성 품질개선 - 웹 호환성 (ej) */
  }
  .box-solid.archiving-header .archiving-meta .btn {
    display: block;
    float: right;
    margin-right: 0; /* 250314 (ej)*/
    margin-top:5px; /* 250314 (ej)*/
  }
  /* 직업정보 상세 */
  .detail-wrap-header .title .left {
    flex-wrap: wrap;
    justify-content: end;
    gap: 10px;
  }
  .detail-wrap .detail-tabcont .tab-cont .box-solid span {
    font-size: 14px;
    font-weight: 400;
  }
  .detail-wrap .detail-tabcont .link-list li p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
  }
  .table-pagination .previous {
    margin-right: 0px;
  }
  .table-pagination .next {
    margin-left: 4px;
  }
  .table-pagination li + li {
    margin-left: 4px;
  }

  .detail-wrap-header .title .title-ico  { width:100%; }  /* 250320 (ej) */
  .tab-desc {gap:5px;}/* 250409 (ej) */
  .tab-desc .tab-tag { font-size:14px; flex-grow:1;}/* 250409 (ej) */

  .elearning-ico-box .item .middle {padding:15px 12px 0px;}
  .elearning-ico-box .item .video {padding:0px 12px 15px;}
  .elearning-ico-box .item .tit br {display:none}
  .elearning-ico-box .item .ready { font-size:14px;}
}
@media screen and (max-width: 368px) {
  .radio__wrap--horiz .input--rdo label {
    font-size: 14px;
  }
  .radio__wrap--horiz .input--rdo label::before {
    margin-left: -10px;
    margin-right: 0;
  }
  .primary-checkbox {
    width: 50%;
  }
  .job-classifier.type2 {
    padding: 20px 10px;
  }
  .job-classifier.type2 .select-all {
    width: calc(50% - 10px);
  }
  .job-classifier.type2 .primary-category .primary-checkbox {
    padding: 0;
    width: 50%;
  }
  .job-classifier.type2 .primary-category .primary-checkbox:first-child {
    margin-left: 50%;
  }
  /* 웹진 */
  .layout3 .btn {
    right: 15px;
    padding: 5px;
  }
  .layout3 .btn span {
    font-size: 14px;
  }

	.cardnews-board .item a .img { max-width:100%;}/* 250318 (ej) */
  .interview-board .item, .cardnews-board .item { width:calc(100% - 10px)}/* 250318 (ej) */
}



@media print {
	.print-div {
	  display: block;
	  font-family: "Pretendard", "Noto Sans KR", "Nanum Gothic";
	  box-sizing: border-box;
	  color: #333;
	  font-size: 18px;
	  font-weight: 400;
	  font-feature-settings: "tnum";
	  font-variant-numeric: tabular-nums;
	  overflow-x: hidden;
	  background-color: #fff;
	  word-break: break-all;
	}

	.print-div .use-guide { max-height:none; overflow-y:hidden;} /* 250401  (ej) */
	.title-ico { padding-left:0;}
	.title-ico::before { display:none;}


	@page {margin: 0.8cm 1.3cm;}
	@page :first{margin:0.5cm 1.3cm;	}

	.print_html > body {
		display: none;
	}

	.label-box a.label {
	    text-decoration: auto !important;
	}

	.link-wrap {
		display: none;
	}

	.detail-wrap .detail-tabcont {
		padding:0px !important;
		border: 0px solid white !important;
	}

	.print_div .detail-wrap .detail-tabcont {
		padding:0px !important;
		border: 0px solid white !important;
	}

	.print_div{
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
	}
}