@charset "utf-8";

/*포털 일자리란?*/
.pt-sp-box {margin-top:20px;}
.pt-sp-box:after {content:""; display:block; clear:both;}
.pt-sp-box li {float:left;margin-left:3px;padding:60px 45px 55px 45px;width:388px;height:363px;text-align:center;}
.pt-sp-box li:first-child {margin-left:0px;}
.pt-sp-box li p {color:#fff !important;}
.pt-sp-box li .tit {padding-bottom:30px;background:url('/images/job-pt/bull-pt-jb-m-box-tit.png') no-repeat center 100%;font-size:28px;font-weight:600;}
.pt-sp-box li .txt {margin-top:25px;min-height:75px;line-height:25px;font-size:18px;font-weight:600;}
.pt-sp-box li .txt + .btn-wrap {margin-top:35px;}
.pt-sp-box li.type1 {background:#3b6cc6;border:1px solid #3b6cc6;}
.pt-sp-box li.type2 {background:#0096e0;border:1px solid #0096e0;}
.pt-sp-box li.type3 {background:#00a3b9;border:1px solid #00a3b9;}
.pt-sp-box li:hover p {color:#2c2c2c !important;}
.pt-sp-box li:hover .tit {background:url('/images/job-pt/bull-pt-jb-m-box-tit1.png') no-repeat center 100%;}
.pt-sp-box li:hover {background:#fff;border:1px solid #dbdbdb;}
.pt-sp-box li:hover button {background:#0096e0;color:#fff;}
.pt-sp-btn-wrap-right {padding-top:10px;margin-top:22px;border-top:1px solid #dbdbdb;text-align:right;margin-right: 40px;}

.pt-sp-box button.white {border:1px solid #fff;color:#fff;width:180px;height:48px;line-height:45px;font-size:16px;font-weight:600;}
.pt-sp-box button.white:hover {background:#0096e0;color:#fff;}

.sp-top-title{display: inline-block;color: #2c2c2c;font-size: 18px;font-weight: 600; margin-top: 10px;  margin-left:10px; margin-right: 10px; margin-bottom: 10px;}
.sp-top-box-label-block{display: inline-block; margin-right: 6px;margin-bottom:20px}
.sp-top-white-box{width: 100%;border: 1px solid #dbdbdb;background-color: #ffffff; margin-bottom: 10px;}
.sp-top-white-box__form-wrapper{text-align: left; width: 95%; margin-top:20px;margin-bottom: 20px; margin-left:20px; margin-right: 20px;}
.sp-top-white-box__select{width: 180px; height: 50px; border: 3px solid #dbdbdb;background-color: #f7f7f7; position: initial; left: -100px; top: 0;}
.sp-top-white-box__select_txt{float: right;font-size: 16px;font-weight: 600; margin-top: 15px;  margin-left:20px; margin-right: 20px; margin-bottom: 10px;}

.sp-bottom-line{border-bottom: 2px solid #acacad !important;}
.sp-displayNone{display:none}

.sp-list-table{width: 80%;margin-top:20px}
.sp-list-table-li-title{color: #0096e0;font-size: 15px;font-weight: 600;}
.sp-sorting-box-check-input{margin: 5px 0px 5px 5px !important;}
.sp-info{margin-right: 6px;}
.sp-radio-wrap{float:left}
.sp-checkbox-wrap{float:left;width:20%}
.sp-setLabelDeco{text-decoration:line-through}
.sp-check{zoom:1.5}
.sp-list-sumry{color:#626262}
.sp-srch-div {display: inline-block;margin: 0 auto;height: 50px;padding: 1px;position: relative;margin-top: 25px;margin-left: 10px;}
.sp-white-box__input-group {display: inline-block;margin: 0 auto;width: 410px;height: 40px;border: 3px solid #0096e0;padding: 1px;position: relative;margin-top: 25px;}
.sp-white-box__input {width: 100%;border: none;height: 33px;color: #2c2c2c;font-size: 14px;padding-left: 10px;}

.sp-a-class {float:none; width:100%;margin-bottom:25px;}
.sp-a-class:focus {outline: 4px solid #3994de;}
.sp-li-selected-str {border:1px solid #dbdbdb;width:auto;padding:8px;margin-bottom:3px;background-color:#FFFFFF;display:inline-block;text-align:center;}
.sp-search-result {margin-bottom: 20px;display:inline-block;}


@media only screen and (max-width: 760px),(min-width: 768px) and (max-width: 1024px)  {
	.pt-sp-box {margin-top:0px;}
  	.pt-sp-box li {float:left;margin-left:3px;padding:20px 10px 5px 10px;width:32%;height:150px;text-align:center;}
  	.pt-sp-box li .tit {background:url('/images/job-pt/bull-pt-jb-m-box-tit.png') no-repeat center 100%;font-size:18px;width:90%}	
  	.pt-sp-box li .txt {display:none;}
  	.pt-sp-box li.type1 {background:#3b6cc6;border:1px solid #3b6cc6;width:33%}
  	.pt-sp-box button.white {width:70px;height:28px;line-height:25px;font-size:14px;}
  	.pt-sp-btn-wrap-right {padding-top:10px;margin-top:22px;border-top:1px solid #dbdbdb;text-align:left;}
  	.sp-radio-wrap{width:100%}
  	.sp-checkbox-wrap{width:50%}
  	.sp-srch-div{width:100%;text-align:center;}
  	.sp-li-selected-str {border:1px solid #dbdbdb;width:100%;padding:8px;background-color:#FFFFFF;text-align:center;}
  	.sp-search-result{width:100%}
}

:root {
  --blue-color: #3994de;
}

.show-title:has(+ .ds-sub) {
  border-bottom: 0 !important;
}
.ds-sub {
  padding-bottom: 30px;
  border-bottom: 2px solid #acacad;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 300;
  color: #888;
  word-break: keep-all;
  letter-spacing: -0.5px;
}
.pt-jb-page-content.data-service {
  margin-top: 40px !important;
  letter-spacing: -0.5px;
  color: #2c2c2c;
  word-break: keep-all;

  .tab-wrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 40px;
    li {
      border: 2px solid #dbdbdb;
      box-sizing: border-box;
      min-width: 270px;
      a {
        display: block;
        padding: 20px;
      }
      &.current a,
      a:hover {
        background: var(--blue-color);
        dt,
        dd {
          color: #fff;
        }
      }
    }
  }
  dl {
    width: 100%;
  }
  dt {
    margin-bottom: 1em;
    font-size: 18px;
    color: #2c2c2c;
  }
  dd {
    text-align: right;
    color: #888;
    font-size: 16px;
    line-height: 1.2;
  }
}

.tab-data.current {
  display: block;
}
.info-txt {
  font-size: 16px;
  margin-bottom: 40px;
}
.info-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  > * {
    height: 56px;
  }
}
.info-file-text {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px;
  width: 100%;
  border: 2px solid #dbdbdb;
  font-size: 16px;
}
.info-tag {
  width: 60px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  text-align: center;
  letter-spacing: 0;
  background: #2ca050;
  color: #fff;
}
.info-file-down {
  margin-left: 0;
  min-width: 130px;
  border: 2px solid var(--blue-color);
  background: var(--blue-color);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.pt-jb-tit-type2:has(+ .pt-jb-tit-type2-sub) {
  margin-bottom: 15px;
}
.pt-jb-tit-type2-sub {
  margin-bottom: 20px;
}

.data-service .tb-wrap {
  .tb-row {
    th,
    td {
      padding: 15px;
      font-size: 16px;
      word-break: keep-all;
    }
    td {
      background: #fff;
    }
  }
}

.data-service .tb-wrap.tb-view {
  overflow: auto;
  height: 400px;

  /* Scrollbar */
  &::-webkit-scrollbar {
    inline-size: 10px;
    block-size: 10px;
  }

  &::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border: 2px solid hsl(0 0% 95%);
    border-radius: 6.25rem;
    background-color: hsl(0 0% 75%);
  }

  th {
    width: 25%;
    min-width: 280px;
    height: 56px;
    border-right: 1px solid #dbdbdb !important;
    &:last-child {
      border-right: 0;
    }
  }
  td {
    height: 56px;
  }
}

/* tab */
[data-tab-group] [data-tab-content]:not(.current) {
  display: none;
}

@media screen and (max-width: 1200px) {
  .pt-jb-page-content.data-service {
    .tab-wrap {
      gap: 10px 5px;
      flex-flow: wrap;
      li {
        width: clamp(180px, calc(50% - 5px), 100%);
        min-width: unset;
        flex-grow: 1;
        a {
          padding: 10px;
        }
      }
    }
  }
  .tb-wrap.tb-view {
    .tb-row tr {
      display: flex;
      th,
      td {
        min-width: 150px;
        height: 46px;
      }
    }
  }
}
@media screen and (max-width: 767px) {
  .show-title:has(+ .ds-sub) {
    padding-bottom: 10px !important;
  }
  .ds-sub {
    padding-bottom: 15px;
    font-size: 16px;
  }
  .pt-jb-page-content.data-service {
    dt {
      font-size: 16px;
    }
    dd {
      font-size: 13px;
    }
  }
  .info-file > * {
    height: 100px;
  }
  .info-tag {
    height: 30px;
    line-height: 30px;
  }
  .info-file-down {
    min-width: 90px;
    font-size: 14px;
    height: 100px;
  }
}