@charset "UTF-8";
/* viewport size */
/* vw 변환 function */
.sub-contents .sec-banner .banner-link .banner-text .banner-title p {
  line-height: 1.4;
  letter-spacing: -0.06em;
}

.p18-contents .p18-wrap .title::before {
  width: 100%;
}
.p18-contents .p18-wrap .p18-box .list .item .desc span {
  font: inherit;
  line-height: inherit;
  color: inherit;
  font-style: italic;
}
.p18-contents .p18-wrap .carrer-bg .bg-img01 {
  top: 9.1%;
}
.p18-contents .p18-wrap .carrer-bg .bg-img02 {
  top: 18.2%;
}
.p18-contents .p18-wrap .carrer-bg .bg-img03 {
  top: 42.1%;
}
.p18-contents .p18-wrap .carrer-bg .bg-img04 {
  top: 51%;
}
.p18-contents .p18-wrap .carrer-bg .bg-img05 {
  top: 63.7%;
}
.p18-contents .p18-wrap .carrer-bg .bg-img06 {
  top: 77.2%;
}

/*** 데스크탑 ***/
@media screen and (min-width: 1920px) {
  .sub-contents .sub-sec .title-box {
    width: 1040px;
  }
  .sub-contents .sec-banner .banner-link .banner-text .banner-title {
    width: 380px;
  }
  .p03-contents .sub-sec .sub-box02 {
    margin-top: 320px;
  }
  .p04-contents .sub-sec .sub-box06 {
    margin-top: 247px;
  }
  .p10-contents .sub-sec .sub-box04 {
    margin-top: 715px;
  }
  .p17-contents .sub-sec .sub-box04 {
    margin-top: 297px;
  }
  .p18-contents .p18-wrap .title {
    width: 560px;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left01 {
    margin-bottom: 170px;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left02 {
    margin-bottom: 110px;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left .img-box {
    top: 160px;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left .img-box.long {
    top: 220px;
  }
}
/*** 태블릿 ***/
@media screen and (min-width: 841px) and (max-width: 1919px) {
  .sub-contents .sub-sec .title-box {
    width: 54.1666666667vw;
  }
  .sub-contents .sec-banner .banner-link .banner-text .banner-title {
    width: 19.7916666667vw;
  }
  .p03-contents .sub-sec .sub-box02 {
    margin-top: 16.6666666667vw;
  }
  .p04-contents .sub-sec .sub-box06 {
    margin-top: 12.8645833333vw;
  }
  .p10-contents .sub-sec .sub-box04 {
    margin-top: 37.2395833333vw;
  }
  .p17-contents .sub-sec .sub-box04 {
    margin-top: 15.46875vw;
  }
  .p18-contents .p18-wrap .title {
    width: 29.1666666667vw;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left01 {
    margin-bottom: 8.8541666667vw;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left02 {
    margin-bottom: 5.7291666667vw;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left .img-box {
    top: 8.3333333333vw;
  }
  .p18-contents .p18-wrap .p18-box .list .item-left .img-box.long {
    top: 11.4583333333vw;
  }
}
/*** 태블릿 세로 ***/
@media screen and (min-width: 841px) and (max-width: 1919px) and (orientation: portrait) {
  #contents.sub-contents .sec-banner .banner-link .banner-text .banner-title p {
    font-size: 3.3333333333vw;
    line-height: 1.5;
  }
}
/*** 모바일 ***/
@media screen and (max-width: 840px), (orientation: portrait) {
  .sub-contents .sub-sec .title-box {
    width: 100%;
  }
  .sub-contents .sub-sec .title-box .title {
    font-size: 7.7777777778vw;
  }
  .sub-contents .sec-banner .banner-link .banner-text .banner-title {
    width: 100%;
  }
  .sub-contents .sec-banner .banner-link .banner-text .banner-title p {
    font-size: 4.1666666667vw;
  }
  .p18-contents .p18-wrap .title {
    width: 100%;
    font-size: 7.7777777778vw;
  }
  .p18-contents .p18-wrap .title::before {
    top: 3.6111111111vw;
    transform: none;
    height: 4.4444444444vw;
  }
  .p18-contents .p18-wrap .title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3.6111111111vw;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 4.4444444444vw;
    background: url("/asset/img/sub/biography/p18-title-bar.png") no-repeat center center/cover;
  }
}/*# sourceMappingURL=sub.css.map */