@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("/resources/images/common/ico_photo-c50f084379e426616ca48dc2260b3d5c.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("/resources/images/sub/ico_upload-5a4ee01dfc53ed53ada6691fc9ee48cc.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("/resources/images/sub/ico_select-2df96c440cbf8b0491d84fe3b370a173.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: #166235 url("/resources/images/sub/ico_check-w-f4d920edae261a7ccea5ecff3ef84238.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: #62D491;
}
.input--chk input[type=radio]:checked::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #62D491;
  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: #62D491;
}
.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: #62D491;
  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 input:checked + label {
  background-color: #C8EFC5;
  border-color: #62D491;
}
.radio__wrap--vert.square.check label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/resources/images/sub/ico_check-1310885bcdff02aa8009679705bde5bd.png") no-repeat center;
  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: #C8EFC5;
  border-color: #62D491;
}
.radio__wrap--horiz.check label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/resources/images/sub/ico_check-1310885bcdff02aa8009679705bde5bd.png") no-repeat center;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  opacity: 0;
  margin-left: -20px;
}
.radio__wrap--horiz.check input:checked + label::before {
  opacity: 1;
}
.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: 20px;
  padding-left: 16px; /* 250321 font size (ej) */
  font-size: 16px;/* 250321 font size (ej) */
  color: #d71921;
  font-weight: 500;
}
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("/resources/images/sub/ico_target2-11727a273fd3b6dfa2007b4e9578069c.png") left center no-repeat; display:inline-block; vertical-align:middle; width:20px; height:20px; } /* 250320 (ej) */
.ico.privacy { background: url("/resources/images/sub/ico_privacy-642857f4faee1eea8ff64b29b09509b4.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;
  color: #555;
  text-align: center;
  vertical-align: middle;
}
.table-pagination li {
  display: inline-block;
  font-size: 16px;  /* 250324 font size (ej) */
  vertical-align: middle;
}
.table-pagination li a {
  border-radius: 6px;
  display: block;
  min-width: 28px;
  height: 28px;  /* 250327 (ej) */
  padding:0 4px;  /* 250327 (ej) */
  line-height: 28px;
  transition: 0.3s ease;
}
.table-pagination li a:hover {
  background-color: #EDF9F0;
}
.table-pagination li a:active {
  background-color: #D3EDDE;
}
.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("/resources/images/sub/ico_pagination_L-57ccc008b01342bf4b96a414ccbc5a23.png");
}
.table-pagination li.next i {
  background-image: url("/resources/images/sub/ico_pagination_R-840fdf4401bec83c00516bfda7f647ab.png");
}
.table-pagination li a.now {
  background-color: #62D491;
  font-weight: 700;
}
.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("/resources/images/sub/ico_omission-d98a9a956d770ba5cc5343af4294d64c.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("/resources/images/sub/ico_omission-d98a9a956d770ba5cc5343af4294d64c.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: #F5FAF3;
  border: 1px solid #ddd;
  font-size: 20px;
  font-weight: 700;
  color: #1d1d1d;
  border-radius: 20px;
  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-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("/resources/images/sub/ico_clock-d4b0773305c61934883b4749a9827274.png");
}
.box-solid.type2 .view::before {
  background-image: url("/resources/images/sub/ico_view-82510f110dce0b46d8eb48a38a1f4b39.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 */
.table-list {
  margin-top: 10px;
  width: 100%;
  border: 2px solid #62D491;
  border-left: 0;
  border-right: 0;
  font-size: 16px;/* 250321 font size (ej) */
  text-align: center;
}
.table-list thead {
  background: #EDF9F0;
}
.table-list thead tr {
  height: 55px;
  vertical-align: middle;
}
.table-list thead th {
  font-weight: 700;
  border-bottom: 1px solid #CCCCCC;
}
.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("/resources/images/sub/ico_info-4da1867bb9af74b35b255555e14b0062.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: #FDFFEB;
}
.table-list tbody tr:last-child {
  border-bottom: none;
}
.table-list tbody tr + tr {
  border-top: 1px solid #CCCCCC;
}
.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 tr td {
  padding: 5px 10px; /* 250324 font size (ej) */
  height: 48px;
  vertical-align: middle;
  box-sizing: border-box;
}
.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:#166235;   /* 250320 (ej) */
}
.table-list .contents--title .ico.privacy { margin-right: 6px; margin-top: -2px;} /* 250407 (ej) */
.table-list td a {
  color:#166235;   /* 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 #62D491;
  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 #62D491;
}
.table-box tbody th {
  height: 50px;
  background: #EDF9F0;
  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("/resources/images/sub/ico_at_mark-d2beb18dbf7a10bdb4801ca6ff6df3ca.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("/resources/images/sub/ico_tb-download-af0d75a65f8cb67641c5c08058cd9f25.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("/resources/images/sub/ico_download-23ed904ad06e7a97017839e97f861944.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: 16px;
  font-weight: 500;
  color: #333;
  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 #166235;
  color: #166235;
}
.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: #fff;
  border: 1px solid #62D491;
  color: #333;
}
.button-box button.line2:hover, .button-box a.line2:hover, .button-box .btn.line2:hover {
  background: #EDF9F0;
}
.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: #62D491;
  border: 1px solid #62D491;
}
.button-box button.solid:hover, .button-box a.solid:hover, .button-box .btn.solid:hover {
  background: #52C883;
}
.button-box button.solid2, .button-box a.solid2, .button-box .btn.solid2 {
  background-color: #166235;
  border: 1px solid #166235;
  color: #FFF;
}
.button-box button.solid2:hover, .button-box a.solid2:hover, .button-box .btn.solid2:hover {
  background: #FFF;
  border-color: #166235;
  color: #166235;
}
.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("/resources/images/sub/ico_file-b-932b9400dd7a78ee3bbeb72bd506daed.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("/resources/images/sub/ico_download02-6d32f2ad6ed6e032fb9bf73d353d78f7.png");
}
.button-box button.download2-w .icon, .button-box a.download2-w .icon, .button-box .btn.download2-w .icon {
  background-image: url("/resources/images/sub/ico_download02-w-f55b84e299b2f7ab2cb0fb9b5f3d6037.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("/resources/images/sub/ico_open-0a9fd17c68c9e9f493aee179ec35d91c.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("/resources/images/sub/ico_print-0887673ac70dc7f4ef9b4cbf0079cab1.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("/resources/images/sub/ico_upload02-fe8c21aa05df2ded5523e08214700874.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 #166235;
  color: #166235;
}
.btn.line:hover {
  background: #EDF9F0;
}
.btn.line2 {
  background: #fff;
  border: 1px solid #62D491;
  color: #333;
}
.btn.line2:hover {
  background: #EDF9F0;
}
.btn.line3 {
  background: #fff;
  border: 1px solid #CCCCCC;
  color: #333;
}
.btn.line3:hover {
  background: #EDF9F0;
}
.btn.solid {
  background-color: #62D491;
  border: 1px solid #62D491;
}
.btn.solid:hover {
  background: #52C883;
}
.btn.solid2 {
  background-color: #166235;
  border: 1px solid #166235;
  color: #FFF;
}
.btn.solid2:hover {
  background: #FFF;
  border-color: #166235;
  color: #166235;
}
.btn.solid3 {
  background-color: #FFF9E8;
  border: 1px solid #FFA038;
}
.btn.solid3:hover {
  background: #fff3d2;
}
.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("/resources/images/sub/ico_file-b-932b9400dd7a78ee3bbeb72bd506daed.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("/resources/images/sub/ico_download02-6d32f2ad6ed6e032fb9bf73d353d78f7.png");
}
.btn.download2-w .icon {
  background-image: url("/resources/images/sub/ico_download02-w-f55b84e299b2f7ab2cb0fb9b5f3d6037.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("/resources/images/sub/ico_open-0a9fd17c68c9e9f493aee179ec35d91c.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("/resources/images/sub/ico_print-0887673ac70dc7f4ef9b4cbf0079cab1.png");
  vertical-align: middle;
  content: "";
}
.btn.share {
  position: relative;
  transition: 0.3s ease;
}
.btn.share .icon {
  background-image: url("/resources/images/sub/ico_upload02-fe8c21aa05df2ded5523e08214700874.png");
}
.btn.square {
  border-radius: 10px;
}
.btn.new{/* 250320 (yj)*/

}
.btn.new::after{/* 250320 (yj)*/
	display: inline-block;
    margin: 0px 0 0 2px;
    width: 17px;
    height: 17px;
    background: url("/resources/images/common/ico_newpage-ab722f2f4b1af63878469e043c456c2c.png") center no-repeat;
    vertical-align: middle;
    content: "";
}
.btn.target{/* 250320 (yj)*/
	padding: 0;
    padding-left: 26px;
    color: #166235;
    background: url("/resources/images/sub/ico_target-25de3d5d65b0c9f05d0c29c9345bc040.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 .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.btn .icon.reset {
  background-image: url("/resources/images/sub/ico_btn_reset-88eb2df03fc8d23a4cb817ca5d462974.png");
}
.btn .icon.search {
  background-image: url("/resources/images/sub/ico_search-8cb98a652892743d9ee4d25dc0fcae84.png");
}
.btn .icon.search-w {
  background-image: url("/resources/images/sub/ico_search-w-3f01c919f57fe400ff02faa64e0f6383.png");
  background-size: contain;
}
.btn .icon.vid-download {
  margin-left: 0;
  margin-right: 5px;
  background-image: url("/resources/images/sub/ico_video-06c3f75df5bfe5013ed3514462e61727.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("/resources/images/sub/ico_sort-box-5492cf72252559c682fa6616e92bb0c2.png");
}
.sort-btn.box.active {
  background-image: url("/resources/images/sub/ico_sort-box-a-860bfb7bc914a33050ac0e10772f5802.png");
}
.sort-btn.list {
  background-image: url("/resources/images/sub/ico_sort-list-0c7dfc5e17b04a824036d18caee4dfd4.png");
}
.sort-btn.list.active {
  background-image: url("/resources/images/sub/ico_sort-list-a-de48a5004169501ffa4a880837837b78.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: 80px;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 700;
}

h3, .h3 {
  margin-top: 80px;
  font-size: 24px;
  font-weight: 700;
  color: #333;
}

.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: #166235;
  font-size: 22px;
  padding-left: 12px;
}
h4.type3::before, .h4.type3::before {
  background-color: #166235;
}

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("/resources/images/sub/ico_blet-d5409c4cba29399bb7cf06ed1a3ab66e.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%;
}
.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("/resources/images/sub/ico_clock-d4b0773305c61934883b4749a9827274.png") center no-repeat;
  background-size: contain;
}
.post-header .post-info span.view::before {
  background: url("/resources/images/sub/ico_view-82510f110dce0b46d8eb48a38a1f4b39.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: #f4f7ff; /* 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("/resources/images/common/ico_arrow-down-8af92f90dedddd712f1d44e013f45683.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("/resources/images/contents/img_sub-visual00-ab9828fc4f0f7ce8f2450a53922ef076.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;/* 250321 font size (ej) */
  line-height:130%;/* 250321 font size (ej) */
  font-weight: 400;
  color: #555;
  word-break:keep-all; /* 250318 단어 단위로 텍스트 떨어지도록 수정 (ej) */
}
.sub-visual.unity-search .inner {
  background-image: url("/resources/images/contents/img_sub-visual01-a97238f7306acffdf4db0e1e9da44522.png");
}
.sub-visual.job-dictionary .inner {
  background-image: url("/resources/images/contents/img_sub-visual02-131205fa43b7ab3e2e6405869360e945.png");
}
.sub-visual.wage-bulletin .inner {
  background-image: url("/resources/images/contents/img_sub-visual03-0f7a04514647219eea7041a280964c52.png");
}
.sub-visual.vid-archiving .inner {
  background-image: url("/resources/images/contents/img_sub-visual04-108e07e7efe52e830eb81eb6db4bf281.png");
}
.sub-visual.mailing-service .inner {
  background-image: url("/resources/images/contents/img_sub-visual05-533b1257cc5416d18549759c69578049.png");
}
.sub-visual.job-information .inner {
  background-image: url("/resources/images/contents/img_sub-visual06-b8932f90bc007982241073cfb0200ad4.png");
}
.sub-visual.wage-information .inner {
  background-image: url("/resources/images/contents/img_sub-visual07-a14edc89cdf8bb72d609d3c7f22f4e9a.png");
}
.sub-visual.resource-room .inner {
  background-image: url("/resources/images/contents/img_sub-visual08-db47b489484f512cc9f87c5ff2bba793.png");
}
.sub-visual.notification .inner {
  background-image: url("/resources/images/contents/img_sub-visual09-fb7f6b623f87e341f9f48a7f5e51d5b3.png");
}
.sub-visual.system-introducion .inner {
  background-image: url("/resources/images/contents/img_sub-visual10-ca27936eb59bef4bce4a0da0829e3d60.png");
}
.sub-visual.show-all .inner {
  background-image: url("/resources/images/contents/img_sub-visual11-5e8c80c67866453997139b41237c0d67.png");
}
.sub-visual.wage-improve .inner {
  background-image: url("/resources/images/contents/img_sub-visual00-ab9828fc4f0f7ce8f2450a53922ef076.png");
}
.sub-visual.wage-info .inner {
  background-image: url("/resources/images/contents/img_sub-visual12-d45426eee05e3d01a6c84ee525808c18.png");
  background-size: auto;
  background-position: left 50% bottom -5px;
}

.sub-search-box {
  padding: 6px 30px;
  background: #F5FAF3;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  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;}/* 250318 (ej) */

.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;
}
.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 #62D491; /* 250328 (ej) */
  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 {
  display: inline-block;
  margin: 10px 5px;
  width: calc(33.3333333333% - 10px);
  /* 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 a::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #62D491;
  border-radius: 20px;
  transition: 0.3s ease;
  content: "";
}
.result-board.card .item a: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("/resources/images/common/ico_arrow-down-8af92f90dedddd712f1d44e013f45683.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;
  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("/resources/images/sub/ico_down-4327c7e9e92250ac16be46f9cd5cc91e.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("/resources/images/sub/ico_up-c29188aa56775ef93fa05440240cbafd.png") center no-repeat;
  vertical-align: middle;
  content: "";
}


/* 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("/resources/images/sub/ico_down-4327c7e9e92250ac16be46f9cd5cc91e.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("/resources/images/sub/ico_up-c29188aa56775ef93fa05440240cbafd.png") center no-repeat;
  vertical-align: middle;
  content: "";
}



.result-board.card .item .bottom .salary .images {
  width: 39px;
  height: 38px;
  background: url("/resources/images/sub/ico_salary-13da7d029d508211c9231722a64c7e79.png");
}
.result-board.card .item .bottom .prospect .images {
  width: 42px;
  height: 35px;
  background: url("/resources/images/sub/ico_prospect-f8f61a86ef0f1476546ca8a93a5fa39d.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 #62D491;
  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;
}
.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 #62D491;
  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: #F5FAF3;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  font-size: 0;
  /* 1차 분류 */
  /* 2차 분류 */
}
.job-classifier .secondary-category {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #62D491;
}
.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("/resources/images/sub/ico_chkSelectAll-e76f11cf90a0a97330256ad174356131.png");
}
.primary-checkbox input.primary-chk00:checked + label {
  background-color: #8CA8FE;
  background-image: url("/resources/images/sub/ico_chkSelectAll-w-f38ad89345cbc35c27328e2809e1c93d.png");
}
.primary-checkbox input.primary-chk01 + label {
  background-image: url("/resources/images/sub/ico_chkManagement-866771de7cd1645afeec441f7f2fdbce.png");
}
.primary-checkbox input.primary-chk01:checked + label {
  background-image: url("/resources/images/sub/ico_chkManagement-w-4d04570a651d50ca979b188a5e5275ed.png");
}
.primary-checkbox input.primary-chk02 + label {
  background-image: url("/resources/images/sub/ico_chkEngineering-a0014143411c3c259ac61e94f403bd61.png");
}
.primary-checkbox input.primary-chk02:checked + label {
  background-image: url("/resources/images/sub/ico_chkEngineering-w-6d3002f7af483c36aa008036734d6580.png");
}
.primary-checkbox input.primary-chk04 + label {
  background-image: url("/resources/images/sub/ico_chkHealthcare-a7db3427a9a64fa663d93b77e5a8b641.png");
}
.primary-checkbox input.primary-chk04:checked + label {
  background-image: url("/resources/images/sub/ico_chkHealthcare-w-885730a58bd1dc210d8555ef7d2666b5.png");
}
.primary-checkbox input.primary-chk03 + label {
  background-image: url("/resources/images/sub/ico_chkPublicService-0a5a10ffd4e05a00143ce081cc01eb24.png");
}
.primary-checkbox input.primary-chk03:checked + label {
  background-image: url("/resources/images/sub/ico_chkPublicService-w-386726762b0a777fa7cc291d2b834314.png");
}
.primary-checkbox input.primary-chk05 + label {
  background-image: url("/resources/images/sub/ico_chkArts-83bbb7ccbcc8a5a9bb92ad579edd09d2.png");
}
.primary-checkbox input.primary-chk05:checked + label {
  background-image: url("/resources/images/sub/ico_chkArts-w-8f1ea9b07d90ec49ca5dd1dda9722e2e.png");
}
.primary-checkbox input.primary-chk06 + label {
  background-image: url("/resources/images/sub/ico_chkHospitality-a6d6a39f6adf530a50c12c818f2870b7.png");
}
.primary-checkbox input.primary-chk06:checked + label {
  background-image: url("/resources/images/sub/ico_chkHospitality-w-cb8dbd9b1ea2a2fa193fddbf620bf85f.png");
}
.primary-checkbox input.primary-chk07 + label {
  background-image: url("/resources/images/sub/ico_chkSales-706a158e7bbd75857e3b230dd26fb7ff.png");
}
.primary-checkbox input.primary-chk07:checked + label {
  background-image: url("/resources/images/sub/ico_chkSales-w-84918ca121bf4cdd36d493fafb428a18.png");
}
.primary-checkbox input.primary-chk08 + label {
  background-image: url("/resources/images/sub/ico_chkConstruction-12a629c81c69bfbf7ca112628487c232.png");
}
.primary-checkbox input.primary-chk08:checked + label {
  background-image: url("/resources/images/sub/ico_chkConstruction-w-1ba78d7fbfaf0375f998d44aab6cb9ea.png");
}
.primary-checkbox input.primary-chk09 + label {
  background-image: url("/resources/images/sub/ico_chkMaintenance-654d5312ac6e291900cfde05e8e25ac2.png");
}
.primary-checkbox input.primary-chk09:checked + label {
  background-image: url("/resources/images/sub/ico_chkMaintenance-w-9bf39418321b114745b742c97b502be9.png");
}
.primary-checkbox input.primary-chk10 + label {
  background-image: url("/resources/images/sub/ico_chkAgriculture-e6cbadd57e2a8939af6697a2f6b51fa4.png");
}
.primary-checkbox input.primary-chk10:checked + label {
  background-image: url("/resources/images/sub/ico_chkAgriculture-w-ee26ea953d8b876352f4f0b45dc18ff0.png");
}
.primary-checkbox input.primary-chk11 + label {
  background-image: url("/resources/images/sub/ico_chkBook-37d37933dbdc15414827e55eb13ffe43.png");
}
.primary-checkbox input.primary-chk11:checked + label {
  background-image: url("/resources/images/sub/ico_chkBook-w-62197821b9a50f9997e9b77ed7995cc5.png");
}
.primary-checkbox input.primary-chk12 + label {
  background-image: url("/resources/images/sub/ico_chkICT-cee779940321bf63dd0fc44c35176df6.png");
}
.primary-checkbox input.primary-chk12:checked + label {
  background-image: url("/resources/images/sub/ico_chkICT-w-2a8727c9ede85b1d94e411e0df035a76.png");
}
.primary-checkbox input.primary-chk13 + label {
  background-image: url("/resources/images/sub/ico_chkBuilding-fbe83c97b9a36565acf9a3dd360ea701.png");
}
.primary-checkbox input.primary-chk13:checked + label {
  background-image: url("/resources/images/sub/ico_chkBuilding-w-091c9c4680d060c1eb518a2a800dceb5.png");
}

.interest-checkbox input.interest-chk01 + label {
  background-image: url("/resources/images/sub/ico_chkAiRobot-14449073fcc07e95a5d67f9553aa5adb.png");
}
.interest-checkbox input.interest-chk01:checked + label {
  background-image: url("/resources/images/sub/ico_chkAiRobot-w-ca3582c3cbbe932e16cebb795b137dd8.png");
}
.interest-checkbox input.interest-chk02 + label {
  background-image: url("/resources/images/sub/ico_chkItSw-dabb445bd2419d761d71ab523e92b205.png");
}
.interest-checkbox input.interest-chk02:checked + label {
  background-image: url("/resources/images/sub/ico_chkItSw-w-29128527e591f559faae104952e896c7.png");
}
.interest-checkbox input.interest-chk03 + label {
  background-image: url("/resources/images/sub/ico_chkGame-19f25472a29b20b14854f8300a65709b.png");
}
.interest-checkbox input.interest-chk03:checked + label {
  background-image: url("/resources/images/sub/ico_chkGame-w-5315f658467a0cc3cb7b0d4b2d6a5ca5.png");
}
.interest-checkbox input.interest-chk04 + label {
  background-image: url("/resources/images/sub/ico_chkEngineering02-c512344ce592648f119370a37e04b434.png");
}
.interest-checkbox input.interest-chk04:checked + label {
  background-image: url("/resources/images/sub/ico_chkEngineering02-w-155b47e2dc0c5db43d7d6cab11bc3739.png");
}
.interest-checkbox input.interest-chk05 + label {
  background-image: url("/resources/images/sub/ico_chkEducation-74c61765aba5e6e41f45ae697cd3f4a1.png");
}
.interest-checkbox input.interest-chk05:checked + label {
  background-image: url("/resources/images/sub/ico_chkEducation-w-6c53bdb7af4a9e25572889f44561838f.png");
}
.interest-checkbox input.interest-chk06 + label {
  background-image: url("/resources/images/sub/ico_chkManagement-866771de7cd1645afeec441f7f2fdbce.png");
}
.interest-checkbox input.interest-chk06:checked + label {
  background-image: url("/resources/images/sub/ico_chkManagement-w-4d04570a651d50ca979b188a5e5275ed.png");
}
.interest-checkbox input.interest-chk07 + label {
  background-image: url("/resources/images/sub/ico_chkPet-c2fa1ffb3085a62a67b21cb687349a31.png");
}
.interest-checkbox input.interest-chk07:checked + label {
  background-image: url("/resources/images/sub/ico_chkPet-w-84306c46b04400d5b6bfbcc4295ed2eb.png");
}
.interest-checkbox input.interest-chk08 + label {
  background-image: url("/resources/images/sub/ico_chkDesign-920c626ed2db03ffa77f413c6d433832.png");
}
.interest-checkbox input.interest-chk08:checked + label {
  background-image: url("/resources/images/sub/ico_chkDesign-w-e3ba11c8fe9b7bbd03f6bb6226d3310b.png");
}
.interest-checkbox input.interest-chk09 + label {
  background-image: url("/resources/images/sub/ico_chkBeauty-1c442ad693532503a1f29158f5f746f5.png");
}
.interest-checkbox input.interest-chk09:checked + label {
  background-image: url("/resources/images/sub/ico_chkBeauty-w-1536e139560e6a3fcc978193d94229de.png");
}
.interest-checkbox input.interest-chk10 + label {
  background-image: url("/resources/images/sub/ico_chkBroadcasting-3a9e22b4c2c865523d3acf31835b8f7e.png");
}
.interest-checkbox input.interest-chk10:checked + label {
  background-image: url("/resources/images/sub/ico_chkBroadcasting-w-717dd244f59e92ec128f53e418b27e0c.png");
}
.interest-checkbox input.interest-chk11 + label {
  background-image: url("/resources/images/sub/ico_chkLaw-eb39eb459319b8ea663a9c7a279200cc.png");
}
.interest-checkbox input.interest-chk11:checked + label {
  background-image: url("/resources/images/sub/ico_chkLaw-w-0d66cfc7ee84825163b7851a22defbba.png");
}
.interest-checkbox input.interest-chk12 + label {
  background-image: url("/resources/images/sub/ico_chkSocialWelfare-a6ce54433fe4f3826a2284d6fff32f90.png");
}
.interest-checkbox input.interest-chk12:checked + label {
  background-image: url("/resources/images/sub/ico_chkSocialWelfare-w-eb81eaa432d056f85dca39084b5bb685.png");
}
.interest-checkbox input.interest-chk13 + label {
  background-image: url("/resources/images/sub/ico_chkSports-814d7f329ff9967a71c4fa5c34ea692d.png");
}
.interest-checkbox input.interest-chk13:checked + label {
  background-image: url("/resources/images/sub/ico_chkSports-w-f57661a0d2623c6241ec09f40d1a3b8a.png");
}
.interest-checkbox input.interest-chk14 + label {
  background-image: url("/resources/images/sub/ico_chkHospitality-a6d6a39f6adf530a50c12c818f2870b7.png");
}
.interest-checkbox input.interest-chk14:checked + label {
  background-image: url("/resources/images/sub/ico_chkHospitality-w-cb8dbd9b1ea2a2fa193fddbf620bf85f.png");
}
.interest-checkbox input.interest-chk15 + label {
  background-image: url("/resources/images/sub/ico_chkArts-83bbb7ccbcc8a5a9bb92ad579edd09d2.png");
}
.interest-checkbox input.interest-chk15:checked + label {
  background-image: url("/resources/images/sub/ico_chkArts-w-8f1ea9b07d90ec49ca5dd1dda9722e2e.png");
}
.interest-checkbox input.interest-chk16 + label {
  background-image: url("/resources/images/sub/ico_chkSpace-f0303daa7cd55e014fced3a2b4dc42e2.png");
}
.interest-checkbox input.interest-chk16:checked + label {
  background-image: url("/resources/images/sub/ico_chkSpace-w-a24a9d64fc6e95f583ea743c3e1bc3e4.png");
}
.interest-checkbox input.interest-chk17 + label {
  background-image: url("/resources/images/sub/ico_chkFood-d87d19cf3112b2c8c25be48366f1f811.png");
}
.interest-checkbox input.interest-chk17:checked + label {
  background-image: url("/resources/images/sub/ico_chkFood-w-886f02aac5fcb241ddd0f23bb22ba1d9.png");
}
.interest-checkbox input.interest-chk18 + label {
  background-image: url("/resources/images/sub/ico_chkMusic-512ecd0a9acde6d690e4ba41c1b6b5a4.png");
}
.interest-checkbox input.interest-chk18:checked + label {
  background-image: url("/resources/images/sub/ico_chkMusic-w-67f13639d34b521588d81fb2d5e6d0bd.png");
}
.interest-checkbox input.interest-chk19 + label {
  background-image: url("/resources/images/sub/ico_chkEngineering-a0014143411c3c259ac61e94f403bd61.png");
}
.interest-checkbox input.interest-chk19:checked + label {
  background-image: url("/resources/images/sub/ico_chkEngineering-w-6d3002f7af483c36aa008036734d6580.png");
}
.interest-checkbox input.interest-chk20 + label {
  background-image: url("/resources/images/sub/ico_chkEnvironment-811c247cbae9b1b1200e4fa83693951e.png");
}
.interest-checkbox input.interest-chk20:checked + label {
  background-image: url("/resources/images/sub/ico_chkEnvironment-w-0f9d7d84dcd0c0407f1a42ad9dd2a9be.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: #F5FAF3;
  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: #02542D;
}
.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("/resources/images/sub/ico_salary02-7743ca2952fa56ee5cbf476baad76d83.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("/resources/images/sub/ico_prospect02-c316c11d9db12a43e6d4e684bf367045.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("/resources/images/sub/ico_characteristic01-3c592f07966f948404cce4d1698a1bb3.png");
}
.tab-cont .characteristic .popupbtn-list li:nth-child(2)::before {
  background-image: url("/resources/images/sub/ico_characteristic03-a33fed4213c20e69757a571b1eeb023e.png");
}
.tab-cont .characteristic .popupbtn-list li:last-child::before {
  background-image: url("/resources/images/sub/ico_characteristic02-4c9e0d93e902d361a82106a5e092e498.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("/resources/images/sub/ico_blet-d5409c4cba29399bb7cf06ed1a3ab66e.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("/resources/images/sub/ico_characteristic01-3c592f07966f948404cce4d1698a1bb3.png");
}
.selection-wrap h3.knowledge::before {
  background-image: url("/resources/images/sub/ico_characteristic03-a33fed4213c20e69757a571b1eeb023e.png");
}
.selection-wrap h3.performance::before {
  background-image: url("/resources/images/sub/ico_characteristic02-4c9e0d93e902d361a82106a5e092e498.png");
}
.selection-wrap h3.environment::before {
  background-image: url("/resources/images/sub/ico_characteristic04-ffd78d2474a43acecfe82acc8b87fb61.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("/resources/images/sub/ico_clipboard-07ffab2517eb0025ec7754b7b6f59101.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-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;
}

.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: 40px;
}
.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("/resources/images/sub/ico_select-2df96c440cbf8b0491d84fe3b370a173.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("/resources/images/sub/ico_salary02-7743ca2952fa56ee5cbf476baad76d83.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("/resources/images/sub/ico_info-b-d8aefba2f26d7143b56c8d5d06883c1c.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("/resources/images/sub/ico_blet-d5409c4cba29399bb7cf06ed1a3ab66e.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.title-ico.blue::before {
  background-image: url("/resources/images/sub/ico_blet-b-2881125acaa31a3b4813e7c38d5bd70a.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("/resources/images/sub/ico_mail-b133dd7da5c3e4ef3fcbae0e8d8ab5a5.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("/resources/images/sub/ico_info-w-08bbf744691b57669ae16311f670198e.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: unsset;/* 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("/resources/images/sub/ico_chevron-r-006ed55d6e13e2bbc7f52a7542c12fb1.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("/resources/images/common/ico_arrow-s-7109bd2aacfc2aca43f45817626d14e5.png");
  transform: rotate(180deg);
}
.section-wage-system .summary-wage-system .btn-wrap .swipe-btn.next {
  background-image: url("/resources/images/common/ico_arrow-s-7109bd2aacfc2aca43f45817626d14e5.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: "";
}
.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("/resources/images/sub/ico_salary-13da7d029d508211c9231722a64c7e79.png");
}
.detail-wrap-header .item-list .item.salary span::after {
  display: inline-block;
  margin-top: -4px;
  width: 13px;
  height: 13px;
  background: url("/resources/images/sub/ico_arrow-62979cf798846122799222ab8b6ca85e.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.detail-wrap-header .item-list .item.satisfaction::before {
  width: 35px;
  height: 35px;
  background-image: url("/resources/images/sub/ico_smile-9ce131170c5ea1cf7b885e6020964d43.png");
}
.detail-wrap-header .item-list .item.prospect::before {
  width: 40px;
  height: 35px;
  background-image: url("/resources/images/sub/ico_prospect-f8f61a86ef0f1476546ca8a93a5fa39d.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("/resources/images/sub/ico_select-2df96c440cbf8b0491d84fe3b370a173.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("/resources/images/common/ico_newpage-ab722f2f4b1af63878469e043c456c2c.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("/resources/images/sub/ico_check-1310885bcdff02aa8009679705bde5bd.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("/resources/images/common/ico_mobile_popup-8497c1508dfd94b70aeeeca01081701c.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: clac(100% - 1.5em);
}
.editor figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  max-width: clac(100% - 1.5em);
}
.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: 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;
}
.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("/resources/images/sub/ico_viewmore-0ef78029299316f5e99de6ac969c71bf.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("/resources/images/sub/ico_arrow-big-38a94919c9666a053ca1c20863ab575a.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("/resources/images/common/ico_arrow-r-91e4f244e07c2512b14db77e2d5095e3.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("/resources/images/common/ico_arrow-r-91e4f244e07c2512b14db77e2d5095e3.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("/resources/images/sub/ico_arrow-g-fa6e9d0c1ba6734b9093efdcbda51526.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) */

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: 3px 10px;
  background-color: #fff;
  /* border: 1px solid #62D491; */ /* 250319 (ej) */
  border: 1px solid #3f4ab7; /* 250319 (ej) */
  border-radius: 10px;
  font-size: 16px; /* 250324 font size (ej) */
  font-weight: 400;
  color: #3f4ab7; /* 250319 (ej) */
  vertical-align: middle;
}

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

.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("/resources/images/contents/img_errorpage-042f5070c1d143edfd67f7f09352ce9c.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: 20px;
  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("/resources/images/sub/ico_blet-d5409c4cba29399bb7cf06ed1a3ab66e.png") center no-repeat;
  vertical-align: middle;
  content: "";
}
.sub-title-18.blue::before {
  background-image: url("/resources/images/sub/ico_blet-b-2881125acaa31a3b4813e7c38d5bd70a.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 {
  margin-top: 10px;
  line-height: 150%;
  font-size: 16px; /* 250324 font size (ej) */
  text-align: left;
}
.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: #62D491;
    font-size: 20px;
    font-weight: 600;
}
.system-cont .box .desc{
    padding: 14px;
    margin-top: 10px;
    background-color: #EDF9F0;
    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: #EDF9F0;
    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(/resources/images/sub/ico_arrow_gr-cf9f17a5fb01b1de62dd5cc4f2fe7c20.png)no-repeat center;
    content: '';
}
.system-cont.intro .btm .box{
    display: block;
    padding: 20px;
    width: 100%;
    background-color: #EDF9F0;
    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("/resources/images/sub/ico_usertype01-bc972004ef53b9290334de506ee2d214.png")no-repeat left 20px center;
    background-color: #F5FAF3;
    border-radius:10px;
    font-size: 20px;
    font-weight: 600;
}
.system-cont.utilize .user02 .tit{
    background-image: url("/resources/images/sub/ico_usertype02-43ada58a3d55487d98ae4efd91b5201c.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: space-between;}
.elearning-ico-box .item { text-align: center; width:calc(25% - 15px); border-radius: 20px; border: 1px solid #ddd; background-color: #fafffc; display: inline-block; background-repeat: no-repeat; background-position: center 30px;}
.elearning-ico-box .item .middle { display: block; padding: 30px 30px 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 .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("/resources/images/sub/ico_arrow-big-38a94919c9666a053ca1c20863ab575a.png") no-repeat right center; }

.elearning-ico-box .item.item-elearning01 { background-image: url("/resources/images/contents/ico_elearning01-ef3c15085566cf272d5660bbff113545.png");}
.elearning-ico-box .item.item-elearning02 { background-image: url("/resources/images/contents/ico_elearning02-6a50ae0c03de80bfcd548413594b5997.png");}
.elearning-ico-box .item.item-elearning03 { background-image: url("/resources/images/contents/ico_elearning03-cdfdd8d4ee0aa350c737860e62fd7ae2.png");}
.elearning-ico-box .item.item-elearning04, .elearning-ico-box .item:last-child { background-image: url("/resources/images/contents/ico_elearning04-fd2137f70839cfde21b6af5d0e4df72a.png");}
.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("/resources/images/sub/ico_info-b-d8aefba2f26d7143b56c8d5d06883c1c.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: #166235; font-weight: 600; font-size: 22px;}
.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: #dff3e7; 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 { margin-top: 10px; border: 2px solid #166235; border-radius: 8px; padding: 16px;}
.tip-box .tit { padding-left: 36px; position: relative; font-weight: 600; color: #166235;}
.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("/resources/images/sub/ico_arrow-big-38a94919c9666a053ca1c20863ab575a.png") no-repeat right 100% top 50%; }


/* 250407 (ej) */

/* ================ 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: 30px 20px 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-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) */

}
@media screen and (max-width: 768px) {
  .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;
  }
  .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 {
    margin-left: 0;
    width:100%; /* 250318 (ej) */
  }
  .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;
  }
  .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("/resources/images/sub/ico_flicking-265f5d2d2ce1c5c0f2df125b86cc82e8.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("/resources/images/sub/ico_flicking-265f5d2d2ce1c5c0f2df125b86cc82e8.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;
  }
  /* 임금체계유형 */
  .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("/resources/images/sub/ico_viewmore-0ef78029299316f5e99de6ac969c71bf.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 14px;}
  .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;}


}
@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: 10p 0 0; /* 250314 (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 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;
	}
}