@charset "UTF-8";
@media (min-width: 751px) {
  .pc {
    display: block;
  }
  .moblie {
    display: none;
  }
}
@media (max-width: 750px) {
  .pc {
    display: none;
  }
  .moblie {
    display: block;
  }
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format("woff2"), url(../fonts/NotoSansKR-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format("woff2"), url(../fonts/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR-Regular.woff2) format("woff2"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansKR-Medium.woff2) format("woff2"), url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansKR-Bold.woff2) format("woff2"), url(../assets/fonts/NotoSansKR-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@media (min-width: 751px) {
  body, html {
    margin: 0;
    padding: 0;
  }
  body {
    -webkit-text-size-adjust: none;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.05rem;
    position: relative;
  }
  body * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 300;
  }
  ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  a {
    text-decoration: none;
    color: #333;
  }
  a:hover {
    text-decoration: none;
  }
  input, select, textarea, fieldset, button {
    outline: none;
    margin: 0;
    padding: 0;
    width: auto;
    min-width: auto;
    border: 0;
    cursor: pointer;
  }
  p {
    margin: 0;
  }
  table {
    border-collapse: collapse;
  }
  em {
    font-style: normal;
  }
  strong {
    font-weight: bold;
  }
  textarea {
    resize: none;
  }
  .hidden {
    overflow: hidden;
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    clip: rect(1px, 1px, 1px, 1px);
  }
  img {
    width: 100%;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: bold;
  }
  .ellipsis {
    overflow: hidden;
    text-align: left !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .align-left {
    text-align: left;
  }
  .align-center {
    text-align: center;
  }
  .align-right {
    text-align: right;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mt--8 {
    margin-top: -0.5rem !important;
  }
  .mt-8 {
    margin-top: 0.5rem !important;
  }
  .mt-10 {
    margin-top: 0.625rem !important;
  }
  .mt-16 {
    margin-top: 1rem !important;
  }
  .mt-20 {
    margin-top: 1.25rem !important;
  }
  .mt-30 {
    margin-top: 1.875rem !important;
  }
  .mt-40 {
    margin-top: 2.5rem !important;
  }
  .mt-50 {
    margin-top: 3.125rem !important;
  }
  .mt-60 {
    margin-top: 3.75rem !important;
  }
  .mt-70 {
    margin-top: 4.375rem !important;
  }
  .mt-80 {
    margin-top: 5rem !important;
  }
  .mt-100 {
    margin-top: 6.25rem !important;
  }
  .mt-110 {
    margin-top: 6.875rem !important;
  }
  .mt-120 {
    margin-top: 7.5rem !important;
  }
  .mt-130 {
    margin-top: 8.125rem !important;
  }
  .mt-150 {
    margin-top: 9.375rem !important;
  }
  .mt-170 {
    margin-top: 10.625rem !important;
  }
  .mt-175 {
    margin-top: 10.9375rem !important;
  }
  .mt-180 {
    margin-top: 11.25rem !important;
  }
  .mt-190 {
    margin-top: 11.875rem !important;
  }
  .mt-250 {
    margin-top: 15.625rem !important;
  }
  .mt-300 {
    margin-top: 18.75rem !important;
  }
  .mt-320 {
    margin-top: 20rem !important;
  }
  .mt-330 {
    margin-top: 20.625rem !important;
  }
  .mt-350 {
    margin-top: 21.875rem !important;
  }
  .mt-400 {
    margin-top: 25rem !important;
  }
  .mt-470 {
    margin-top: 29.375rem !important;
  }
  .mt-500 {
    margin-top: 31.25rem !important;
  }
  .mt-610 {
    margin-top: 38.125rem !important;
  }
  .mt-650 {
    margin-top: 40.625rem !important;
  }
  .mt-690 {
    margin-top: 43.125rem !important;
  }
  .mt-700 {
    margin-top: 43.75rem !important;
  }
  .mt-750 {
    margin-top: 46.875rem !important;
  }
  .mt-800 {
    margin-top: 50rem !important;
  }
  .mt-835 {
    margin-top: 52.1875rem !important;
  }
  .ml-50 {
    margin-left: 3.125rem !important;
  }
  .p-50-0 {
    padding: 3.125rem 0 !important;
  }
  .p-60-65 {
    padding: 3.75rem 4.0625rem !important;
  }
  .pt-40 {
    padding-top: 2.5rem !important;
  }
  .pt-50 {
    padding-top: 3.125rem !important;
  }
  .pl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-85 {
    padding-left: 5.3125rem !important;
  }
  .pb-40 {
    padding-bottom: 2.5rem !important;
  }
  .fc-red {
    color: #ff0000;
  }
  .fc-light-black {
    color: #555555;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .mb-200 {
    margin-bottom: 12.5rem !important;
  }
  .container {
    position: relative;
    width: 100%;
    min-width: 80rem;
    max-width: 120rem;
    margin: 0 auto;
  }
  .container .content-wrap {
    width: 80rem;
    margin: 0 auto;
  }
  .container .content-wrap.content-margin {
    margin-bottom: 12.5rem;
  }
  .container .content-wrap .promise {
    text-align: left;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5;
    color: #555555;
    padding: 1.875rem 0 8rem;
  }
  .container .content-wrap > .title {
    text-align: center;
    margin-top: 11.25rem;
    margin-bottom: 9.375rem;
  }
  .container .content-wrap > .title.mb-none {
    margin-bottom: 0rem;
  }
  .container .content-wrap.sub .sub-title {
    margin-top: 11.25rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 5rem;
  }
  .container .content-wrap.sub .sub-title h2 {
    font-size: 2.125rem;
    font-weight: 300;
    color: #111;
  }
  .container .content-wrap.sub .sub-title p {
    margin-bottom: 0.9375rem;
    font-size: 1.125rem;
    color: #555555;
  }
  .container .content-banner-wrap {
    width: 43.75rem;
    margin: 0 auto;
  }
  .management-philosophy {
    font-size: 2.625rem;
    font-weight: bold;
    margin-top: 5rem;
  }
  .management-philosophy .management-philosophy-title {
    color: #086164;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1; /* 20px */
    letter-spacing: -0.05rem;
  }
  .management-philosophy .management-philosophy-txt {
    font-size: 1.625rem;
    margin-top: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.05rem;
  }
  .card-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 3.75rem;
  }
  .card-content-wrap > div:not(:first-child) {
    margin-left: 1rem;
  }
  .card-content-wrap > div h4 {
    color: #ffffff;
    padding: 1.25rem;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    font-weight: 500;
    border-radius: 0.625rem;
  }
  .card-content-wrap > div h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
  }
  .card-content-wrap > div .border-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.75rem;
    border-radius: 0.625rem;
    margin-top: 0.75rem;
    border-width: 0.0625rem;
    border-style: solid;
    min-height: calc(100% - 4.75rem);
  }
  .card-content-wrap > div .border-box .cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
  .card-content-wrap > div .border-box .cont + .cont {
    position: relative;
    margin-left: 1.25rem;
  }
  .card-content-wrap > div .border-box .cont + .cont::before {
    content: "";
    width: 0.0625rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1.25rem;
    background-color: #E8E8E8;
  }
  .card-content-wrap > div .border-box .cont ul {
    display: block;
    margin-top: 1.375rem;
  }
  .card-content-wrap > div .border-box .cont ul li {
    text-align: left;
    height: unset;
    background-color: unset;
    border: unset;
    padding-left: 0.5625rem;
    color: #333333;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
  }
  .card-content-wrap > div .border-box .cont ul li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.625rem;
    background-color: #333333;
  }
  .card-content-wrap > div .border-box .cont ul li + li {
    margin-top: 0.625rem;
  }
  .card-content-wrap > div.mint {
    width: calc((100% - 2rem) / 6);
  }
  .card-content-wrap > div.mint h4 {
    background-color: #00AFB5;
  }
  .card-content-wrap > div.mint h5 {
    color: #00AFB5;
  }
  .card-content-wrap > div.mint .border-box {
    border-color: #00AFB5;
  }
  .card-content-wrap > div.blue {
    width: calc((100% - 2rem) / 6 * 3);
  }
  .card-content-wrap > div.blue h4 {
    background-color: #5A84BD;
  }
  .card-content-wrap > div.blue h5 {
    color: #5A84BD;
  }
  .card-content-wrap > div.blue .border-box {
    border-color: #5A84BD;
  }
  .card-content-wrap > div.navi {
    width: calc((100% - 2rem) / 6 * 2);
  }
  .card-content-wrap > div.navi h4 {
    background-color: #2F3C69;
  }
  .card-content-wrap > div.navi h5 {
    color: #2F3C69;
  }
  .card-content-wrap > div.navi .border-box {
    border-color: #2F3C69;
  }
  .course {
    padding-top: 6.25rem;
    text-align: left;
  }
  .course.type2 {
    text-align: center;
  }
  .course.type2 .course-title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .course.type2 .course-txt {
    margin-top: 3.75rem;
  }
  .course.type2 ol.course-list {
    margin-top: 6.25rem;
    border-top: 0.0625rem solid #D9D9D9;
  }
  .course.type2 ol.course-list li::before {
    line-height: 1.5;
  }
  .course.type2 ol.course-list li .c-con {
    margin-top: 0;
  }
  .course .course-title {
    color: #000;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05rem;
  }
  .course .course-txt {
    margin-top: 1.25rem;
    color: #555;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.05rem;
  }
  .course ol.course-list {
    margin-top: 2.1875rem;
    border-top: 0.125rem solid #000;
    display: block;
    counter-reset: number;
  }
  .course ol.course-list li {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 5.25rem;
    border-bottom: 0.0625rem solid #D9D9D9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .course ol.course-list li::before {
    position: absolute;
    counter-increment: number;
    content: "제" counter(number) "조";
    top: 2.5rem;
    left: 0;
    color: #00AFB5;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 22px */
  }
  .course ol.course-list li .c-title {
    color: #555;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1;
  }
  .course ol.course-list li .c-con {
    margin-top: 0.75rem;
    color: #555;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course ol.course-list2 {
    margin-top: 6.25rem;
    border-top: 0.0625rem solid #D9D9D9;
    counter-reset: number;
  }
  .course ol.course-list2 li {
    padding: 2.5rem 0;
    border-bottom: 0.0625rem solid #D9D9D9;
  }
  .course ol.course-list2 li .c-title {
    color: #555;
    font-size: 1.375rem;
    font-weight: 700;
    color: #00AFB5;
    line-height: 1.5;
  }
  .course ol.course-list2 li .c-title::before {
    counter-increment: number;
    content: "제" counter(number) "조 ";
    color: #00AFB5;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
  }
  .course ol.course-list2 li .c-con {
    margin-top: 0.75rem;
    color: #555;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course .course-list {
    margin-top: 2.1875rem;
    border-top: 0.125rem solid #000;
    display: block;
  }
  .course .course-list > li {
    text-align: left;
    background-color: unset;
    height: unset;
    border-bottom: 0.0625rem solid #D9D9D9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .course .course-list > li .c-list {
    display: block;
    margin-top: 0.75rem;
  }
  .course .course-list > li .c-list li {
    position: relative;
    background-color: unset;
    height: unset;
    border: 0;
    color: #555;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.8;
    padding: 0 0 0 0.5625rem;
    text-align: left;
  }
  .course .course-list > li .c-list li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 1.125rem;
    background-color: #333333;
  }
  .course .certificate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .course .certificate.type2 > div {
    width: unset;
  }
  .course .certificate.type2 > div:first-child {
    padding-right: 3.75rem;
  }
  .course .certificate.type2 ul {
    display: block;
    margin-top: 1.375rem;
    margin: 0;
  }
  .course .certificate.type2 ul li {
    text-align: left;
    height: unset;
    background-color: unset;
    border: unset;
    padding-bottom: 0.625rem;
    padding-top: 0;
    padding-left: 0.5625rem;
    color: #333333;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
  }
  .course .certificate.type2 ul li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 1rem;
    background-color: #333333;
  }
  .course .certificate.type2 ul li + li {
    margin-top: 0.625rem;
  }
  .course .certificate > div {
    width: 50%;
  }
  .course .certificate > div:first-child {
    padding-right: 2.75rem;
  }
  .course .certificate > div.certificate-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .course .certificate > div.certificate-image img + img {
    margin-left: 1.875rem;
  }
  .course .certificate .certificate-title {
    color: #555;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .course .certificate .certificate-con {
    margin-top: 1rem;
    color: #555;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course ul li {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .course ul li .c-title {
    color: #00AFB5;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1;
  }
  .course ul li .c-con {
    margin-top: 0.75rem;
    color: #555;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .carousel-gallery .swiper {
    width: 100%;
    padding-bottom: 1.875rem;
    position: relative;
  }
  .carousel-gallery .swiper .swiper-slide {
    text-align: center;
    font-size: 1.125rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .carousel-gallery .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .carousel-gallery .swiper .swiper-pagination {
    top: unset;
    bottom: -1.25rem;
  }
  .carousel-gallery .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #D9D9D9;
  }
  .carousel-gallery .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #00AFB5;
  }
  .carousel-gallery .swiper-button-prev, .carousel-gallery .swiper-button-next {
    width: 5rem;
    height: 5rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.3125rem;
  }
  .carousel-gallery .swiper-button-prev {
    background-image: url(../img/icon-prev.png);
  }
  .carousel-gallery .swiper-button-next {
    background-image: url(../img/icon-next.png);
  }
  .esg-page-link {
    height: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12.5rem;
    border: 0.0625rem solid #E8E8E8;
  }
  .esg-page-link a {
    margin-left: 1rem;
    color: #00AFB5;
    text-decoration: underline;
  }
  .adverse-cases-report {
    margin-top: 7.8125rem;
    text-align: left;
  }
  .adverse-cases-report .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6.25rem;
    color: #000;
    font-size: 2.125rem;
    font-weight: 500;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .adverse-cases-report .title .desc {
    margin-left: 1rem;
    font-size: 1.375rem;
    font-weight: 400;
    color: #00AFB5;
  }
  .adverse-cases-report .adverse-cases-report-info {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 2rem;
    padding-top: 2.625rem;
    border-top: 0.0625rem solid #000;
  }
  .adverse-cases-report .report-info {
    margin-top: 2rem;
  }
  .agree-wrap {
    position: relative;
    overflow: hidden;
  }
  .agree-wrap .agree-title {
    padding: 3.75rem 0 1.25rem;
    color: 0;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1;
  }
  .agree-wrap .agree-text-wrap {
    border-top: 0.125rem solid #000;
    border-bottom: 0.125rem solid #000;
    padding: 2.625rem 0;
    background-color: #F7F7F7;
    color: #555;
  }
  .agree-wrap .agree-text-wrap .agree-text {
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: 300;
    min-height: 6.1875rem;
    max-height: 12.375rem;
    padding: 0 1.875rem;
    overflow-y: auto;
  }
  .agree-wrap .agree-text-wrap .agree-text .text-title {
    margin-top: 2.0625rem;
    font-weight: 300;
  }
  .agree-wrap .agree-text-wrap .agree-text .agree-desc {
    margin-top: 0.625rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol {
    counter-reset: number;
    margin-top: 1rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li {
    padding-left: 2.25rem;
    position: relative;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li + li {
    margin-top: 0.625rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li::before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: number;
    content: counter(number);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.625rem;
    height: 1.625rem;
    font-size: 1rem;
    text-align: center;
    border: 0.0625rem solid #555;
    border-radius: 50%;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li ul li {
    height: auto;
    background-color: unset;
    display: block;
    border: unset;
    text-align: left;
    line-height: 1.5;
    padding-left: 1.25rem;
    position: relative;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li ul li::before {
    position: absolute;
    content: "-";
    top: 0;
    left: 0;
  }
  .agree-wrap input[type=checkbox] {
    width: 1;
    height: 1;
    position: absolute;
    left: -6.25rem;
  }
  .agree-wrap input[type=checkbox]:checked + .agree-check::before {
    background-image: url(../img/agree-check-on.png);
  }
  .agree-wrap .agree-check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 1.125rem;
    padding-left: 2.75rem;
    font-size: 1.375rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2.25rem;
    position: relative;
  }
  .agree-wrap .agree-check::before {
    position: absolute;
    content: "";
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-image: url(../img/agree-check-off.png);
  }
  body.popup-open {
    overflow: hidden;
  }
  .agree-err {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
  }
  .agree-err.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .agree-err .message-window {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    background-color: #fff;
    height: auto;
    padding: 4.5rem 8rem;
    text-align: center;
  }
  .agree-err .message-window .message {
    color: #333333;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 3.75rem;
  }
  .btn-wrap {
    margin-top: 3.75rem;
  }
  .btn-wrap.position-center {
    text-align: center;
  }
  .btn {
    display: inline-block;
    width: 12.5rem;
    padding: 1.1875rem 0;
    font-weight: 400;
    text-align: center;
  }
  .btn.primary-type {
    background-color: #00afb5;
    color: #ffffff;
  }
  .btn.blue-type {
    background-color: #5a84bd;
    color: #ffffff;
  }
  .btn.border-type {
    border: 0.125rem solid #000000;
    padding: 0.875rem 0;
  }
  .btn.sm-type {
    width: 3.9375rem;
    padding: 1rem 0;
  }
  .btn.round-type {
    border-radius: 0.3125rem;
  }
  .btn.black-transparent-type {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
  }
  .btn.wide-type {
    padding: 0.75rem 0;
  }
  .btn.has-arrow {
    position: relative;
  }
  .btn.has-arrow:after {
    content: "";
    background-image: url(../img/icon_white_arrow.png);
    position: absolute;
    width: 0.5rem;
    height: 0.9375rem;
  }
  .agree-button {
    padding-top: 6.25rem;
    text-align: center;
  }
  .btn-agree {
    padding: 1.25rem;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 600;
    background-color: #00AFB5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.125rem;
  }
  .btn-agree .icon {
    margin-right: 0.5rem;
  }
  .btn-alert {
    padding: 1.25rem 3.75rem;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 600;
    background-color: #00AFB5;
    border: 0;
  }
  .content-tab {
    margin-bottom: 3.125rem;
  }
  .content-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-tab ul li {
    height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    text-align: center;
    line-height: 4.375rem;
    letter-spacing: normal;
    cursor: pointer;
  }
  .content-tab ul li a {
    color: #888888;
  }
  .content-tab ul li.current {
    background: #00afb5;
    border: none;
  }
  .content-tab ul li.current a {
    color: #fff;
  }
  .content-tab2 {
    margin-bottom: 3.125rem;
  }
  .content-tab2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-tab2 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    text-align: center;
    line-height: 4.375rem;
    letter-spacing: normal;
    cursor: pointer;
  }
  .content-tab2 ul li a {
    color: #888888;
  }
  .content-tab2 ul li.current {
    background: #00afb5;
    border: none;
  }
  .content-tab2 ul li.current a {
    color: #fff;
  }
  .content-tab3 {
    margin-bottom: 3.125rem;
  }
  .content-tab3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-tab3 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    text-align: center;
    line-height: 4.375rem;
    letter-spacing: normal;
    cursor: pointer;
  }
  .content-tab3 ul li a {
    color: #888888;
  }
  .content-tab3 ul li.current {
    background: #00afb5;
    border: none;
  }
  .content-tab3 ul li.current a {
    color: #fff;
  }
  .content-tab4 {
    margin-bottom: 3.125rem;
  }
  .content-tab4 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-tab4 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    text-align: center;
    line-height: 4.375rem;
    letter-spacing: normal;
    cursor: pointer;
  }
  .content-tab4 ul li a {
    color: #888888;
  }
  .content-tab4 ul li.current {
    background: #00afb5;
    border: none;
  }
  .content-tab4 ul li.current a {
    color: #fff;
  }
  .content-tab5 {
    margin-bottom: 3.125rem;
  }
  .content-tab5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-tab5 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    text-align: center;
    line-height: 4.375rem;
    letter-spacing: normal;
    cursor: pointer;
  }
  .content-tab5 ul li a {
    color: #888888;
  }
  .content-tab5 ul li.current {
    background: #00afb5;
    border: none;
  }
  .content-tab5 ul li.current a {
    color: #fff;
  }
  .content-cont {
    display: none;
    padding: 8.4375rem 0 12.5rem 0;
    text-align: center;
    color: #555555;
  }
  .content-cont.current {
    display: block;
  }
  .content-cont.samil-h {
    padding-bottom: 0;
  }
  .innerTab-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .innerTab-tab ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .innerTab-tab.direction, .innerTab-tab2.direction {
    margin-top: 9.375rem;
  }
  .innerTab-tab.direction ul li, .innerTab-tab2.direction ul li {
    width: 20%;
    letter-spacing: normal;
  }
  .innerTab-tab ul, .innerTab-tab2 ul {
    overflow: hidden;
  }
  .innerTab-tab ul li, .innerTab-tab2 ul li {
    float: left;
    width: 33.3333333333%;
    height: 3.4375rem;
    border: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: -0.0625rem;
    line-height: 3.4375rem;
    text-align: center;
    letter-spacing: normal;
    cursor: pointer;
  }
  .innerTab-tab ul li a, .innerTab-tab2 ul li a {
    color: #666666;
  }
  .innerTab-tab ul li.current, .innerTab-tab2 ul li.current {
    background: #5a84bd;
    border: none;
  }
  .innerTab-tab ul li.current a, .innerTab-tab2 ul li.current a {
    color: #fff;
  }
  .innerTab-cont, .innerTab-cont2 {
    display: none;
    padding-top: 5rem;
  }
  .innerTab-cont.current, .innerTab-cont2.current {
    display: block;
  }
  .innerTab-row-tab ul li {
    width: 12.5rem;
    height: 3.75rem;
    border-top: 0.0625rem solid #e8e8e8;
    border-bottom: 0.0625rem solid #e8e8e8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: -0.0625rem;
    padding-left: 1.3125rem;
    line-height: 3.75rem;
    font-size: 1.375rem;
    cursor: pointer;
  }
  .innerTab-row-tab ul li a {
    color: #555555;
    font-weight: 500;
  }
  .innerTab-row-tab ul li.current a {
    color: #00afb5;
  }
  .innerTab-row-cont {
    display: none;
    padding-left: 5.4375rem;
  }
  .innerTab-row-cont.current {
    display: block;
  }
  .cdmo-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cdmo-cont .cdmo-cont-img ul li.on img {
    border: 4px solid #00afb5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cdmo-cont .cdmo-on-img {
    display: none;
  }
  .cdmo-cont .cdmo-on-img.on {
    display: block;
  }
  .lnb_2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lnb_2 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    height: 4.375rem;
    line-height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    text-align: center;
  }
  .lnb_2 ul li a {
    display: block;
    color: #888888;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .lnb_2 ul li.on {
    background-color: #00afb5;
    border: 0.0625rem solid #00afb5;
  }
  .lnb_2 ul li.on a {
    color: #ffffff;
  }
  .lnb_2 ul li.blue-bg {
    background-color: #5a84bd;
    border: 0.0625rem solid #5a84bd;
  }
  .lnb_2 ul li.blue-bg a {
    color: #ffffff;
  }
  .lnb_3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lnb_3 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    height: 4.375rem;
    line-height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    text-align: center;
  }
  .lnb_3 ul li a {
    display: block;
    color: #888888;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .lnb_3 ul li.on {
    background-color: #00afb5;
    border: 0.0625rem solid #00afb5;
  }
  .lnb_3 ul li.on a {
    color: #ffffff;
  }
  .lnb_3 ul li.blue-bg {
    background-color: #5a84bd;
    border: 0.0625rem solid #5a84bd;
  }
  .lnb_3 ul li.blue-bg a {
    color: #ffffff;
  }
  .lnb_4 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lnb_4 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    height: 4.375rem;
    line-height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    text-align: center;
  }
  .lnb_4 ul li a {
    display: block;
    color: #888888;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .lnb_4 ul li.on {
    background-color: #00afb5;
    border: 0.0625rem solid #00afb5;
  }
  .lnb_4 ul li.on a {
    color: #ffffff;
  }
  .lnb_4 ul li.blue-bg {
    background-color: #5a84bd;
    border: 0.0625rem solid #5a84bd;
  }
  .lnb_4 ul li.blue-bg a {
    color: #ffffff;
  }
  .lnb_5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lnb_5 ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    height: 4.375rem;
    line-height: 4.375rem;
    background: #f4f4f4;
    border: 0.0625rem solid #e8e8e8;
    text-align: center;
  }
  .lnb_5 ul li a {
    display: block;
    color: #888888;
    font-size: 1.25rem;
    font-weight: 500;
  }
  .lnb_5 ul li.on {
    background-color: #00afb5;
    border: 0.0625rem solid #00afb5;
  }
  .lnb_5 ul li.on a {
    color: #ffffff;
  }
  .lnb_5 ul li.blue-bg {
    background-color: #5a84bd;
    border: 0.0625rem solid #5a84bd;
  }
  .lnb_5 ul li.blue-bg a {
    color: #ffffff;
  }
  h1 {
    font-size: 5.625rem;
  }
  h2 {
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
  }
  h3 {
    font-size: 3.125rem;
    position: relative;
    color: #111111;
  }
  h3.none-after:after {
    display: none;
  }
  h3::after {
    content: "";
    width: 0.1875rem;
    height: 3.125rem;
    background: #00afb5;
    position: absolute;
    top: 7.8125rem;
    left: 50%;
  }
  .h3-subTit {
    margin: 9.375rem 0 3.75rem 0;
    font-size: 2.125rem;
    font-weight: 400;
    color: #111111;
  }
  .h3-subTit.innerTab {
    margin-top: 6.25rem;
  }
  .h3-subTit p {
    color: #4a82ce;
    font-size: 1.375rem;
  }
  .h3-subTit p.fc-primary {
    color: #00afb5;
    font-size: 2.125rem;
  }
  .h3-subTit2 {
    font-size: 2.125rem;
    text-align: center;
    color: #111111;
  }
  .h3-txt {
    font-size: 1.375rem;
    color: #555555;
    text-align: center;
  }
  h4.fz-32 {
    font-size: 2rem;
    color: #111111;
    position: relative;
    display: inline-block;
  }
  h4.fz-32::before {
    content: "";
    width: calc(100% - 10px);
    height: 0.5rem;
    background: #00afb5;
    position: absolute;
    left: 5px;
    bottom: 10px;
    z-index: -1;
  }
  h4.fz-34 {
    font-size: 2.125rem;
  }
  h4.fz-34 .now-date {
    font-size: 1.375rem;
    color: #555555;
  }
  h4.fz-110 {
    font-size: 6.875rem;
    letter-spacing: -0.3rem;
  }
  h4.primary-color {
    color: #00afb5;
  }
  .h4-subTit {
    position: relative;
    text-align: right;
  }
  .h4-subTit::after {
    content: "";
    width: 120px;
    height: 9px;
    background: #00afb5;
    position: absolute;
    bottom: 1.125rem;
    right: 0;
    z-index: -1;
  }
  .fz-24 {
    font-size: 1.5rem;
  }
  .fz-50 {
    font-size: 3.125rem;
  }
  .fc-primary {
    color: #00afb5;
  }
  .fc-white {
    color: #ffffff;
  }
  .fw-normal {
    font-weight: normal;
  }
  .fw-bold {
    font-weight: bold;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center !important;
  }
  .background-banner {
    width: 100%;
    min-width: 80rem;
    height: 30rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .background-banner.story-banner {
    background-image: url(../img/story_banner.png);
  }
  .background-banner.overview-banner {
    background-image: url(../img/overview-banner.png);
  }
  .background-banner.about-banner {
    background-image: url(../img/about-banner.png);
  }
  .background-banner.esg-banner {
    background-image: url(../img/esg-banner.png);
  }
  .background-banner.business-banner {
    background-image: url(../img/business-banner.png);
  }
  .background-banner.csr-banner {
    background-image: url(../img/csr-banner.png);
  }
  .background-banner.global-banner {
    height: 47.5rem;
    background-image: url(../img/global_map.png);
  }
  .background-banner.recruit-banner-01 {
    background-image: url(../img/recruit_banner_01.png);
    height: 67.5rem;
  }
  .background-banner.recruit-banner-02 {
    background-image: url(../img/recruit_banner_02.png);
    height: 67.5rem;
  }
  .background-banner.recruit-banner-03 {
    background-image: url(../img/recruit_banner_03.png);
    height: 67.5rem;
  }
  .background-banner.recruit-banner-04 {
    background-image: url(../img/recruit_banner_04.png);
    height: 67.5rem;
  }
  .background-banner.recruit-banner {
    background-image: url(../img/recruit_banner.png);
  }
  .background-banner.recruit-banner.secound-banner {
    background-image: url(../img/recruit_banner_07.png);
  }
  .background-banner.workcare-banner {
    background-image: url(../img/recruit_banner_09.png);
  }
  .background-banner.workcare-banner.secound-workcare-banner {
    background-image: url(../img/recruit_banner_11.png);
  }
  .background-banner.footer-banner {
    background-image: url(../img/footer_banner.png);
  }
  .background-banner.products-banner {
    background-image: url(../img/products_banner.png);
  }
  .background-banner.bg-light-blue {
    background-color: #5c8dcf;
  }
  .background-banner .banner-title h1 {
    font-size: 3.75rem;
    font-weight: 800;
    color: #ffffff;
  }
  .background-banner .banner-title p {
    font-size: 1.125rem;
    color: #ffffff;
  }
  .icon_search {
    background-image: url(../img/icon_search.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.5625rem;
    height: 1.5rem;
  }
  .icon_change_arrow {
    background-image: url(../img/icon_change_arrow.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.875rem;
    height: 0.75rem;
  }
  .icon_plus {
    background-image: url(../img/icon_plus.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.25rem;
    height: 1.25rem;
  }
  .icon_circle_plus {
    background-image: url(../img/icon_circleplus.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.625rem;
    height: 1.625rem;
  }
  .icon_download {
    background-image: url(../img/icon_download.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.1875rem;
    height: 1.1875rem;
  }
  .icon-globe {
    background-image: url(../img/icon-globe.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.75rem;
    height: 1.75rem;
  }
  .icon-download {
    background-image: url(../img/icon_download.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.5625rem;
    height: 1.5rem;
  }
  table.table {
    width: 100%;
    table-layout: fixed;
  }
  table.table.border-type tr th,
  table.table.border-type tr td {
    border-bottom: 0.0625rem solid #e8e8e8;
    border-top: 0.0625rem solid #e8e8e8;
    text-align: center;
    height: 5rem;
    font-size: 1.375rem;
    color: #555555;
  }
  table.table.border-type tr th.table-img img,
  table.table.border-type tr td.table-img img {
    width: 8.75rem;
    margin-top: 0.625rem;
  }
  table.table.border-type.header-black tr th {
    border-top: 0.125rem solid #333333;
    border-bottom: 0.0625rem solid #333333;
    color: #111111;
    font-weight: 500;
  }
  table.table.all-border-type tr th,
  table.table.all-border-type tr td {
    font-size: 1.375rem;
    border: 0.0625rem solid #e8e8e8;
    height: 5rem;
    padding: 2.5rem 0 2.5rem 2.625rem;
  }
  table.table.all-border-type tr th:first-child,
  table.table.all-border-type tr td:first-child {
    border-left: unset;
  }
  table.table.all-border-type tr th:last-child,
  table.table.all-border-type tr td:last-child {
    border-right: unset;
  }
  table.table.all-border-type tr:first-child th,
  table.table.all-border-type tr:first-child td {
    border-top: 0.125rem solid #000000;
  }
  table.table.all-border-type tr:last-child th,
  table.table.all-border-type tr:last-child td {
    border-bottom: 0.125rem solid #000000;
  }
  table.table.all-border-type tr th {
    font-weight: 400;
  }
  table.table.all-border-type tr td {
    color: #555555;
    font-weight: 300;
  }
  table.table.all-border-type tr td .date {
    font-size: 1rem;
    color: #909090;
  }
  table.table.all-border-type.none-bottom tr:last-child td,
  table.table.all-border-type.none-bottom tr:last-child th {
    border-bottom: 0.0625rem solid #e8e8e8;
  }
  table.table.all-border-type.la-type tr td,
  table.table.all-border-type.la-type tr th {
    padding: 2.5rem 0 2.5rem 2.625rem;
  }
  table.table.all-border-type.la-type tr th {
    padding-left: 0;
  }
  table.table.left-table tr th,
  table.table.left-table tr td {
    text-align: left;
  }
  table.table.center-table tr th,
  table.table.center-table tr td {
    text-align: center;
    padding: 0;
  }
  table tr.has-bg th,
  table tr.has-bg td {
    background-color: #f7f7f7;
    font-weight: 500 !important;
  }
  table tr td {
    text-align: left;
  }
  table.global-table {
    border-top: 0.125rem solid #333333;
  }
  table.global-table tbody tr.border-bottom {
    border-bottom: 1px solid #e8e8e8;
  }
  table.global-table tbody tr td.border-bottom {
    border-bottom: 1px solid #e8e8e8;
  }
  table.global-table tbody tr td img {
    border: 1px solid #e8e8e8;
  }
  table.esg-table {
    position: relative;
    border-top: 0.125rem solid #000;
    border-bottom: 0.125rem solid #000;
    border-collapse: collapse;
  }
  table.esg-table.type2 {
    border-bottom: 0;
  }
  table.esg-table::before, table.esg-table::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }
  table.esg-table::before {
    left: -0.125rem;
  }
  table.esg-table::after {
    right: -0.125rem;
  }
  table.esg-table thead tr th {
    text-align: center;
  }
  table.esg-table tbody tr th, table.esg-table tbody tr td {
    border: 0.0625rem solid #E8E8E8;
    padding: 2.5rem;
  }
  table.esg-table tbody tr th {
    background-color: #F7F7F7;
  }
  table.esg-table tbody tr td ul {
    margin-top: 1.375rem;
  }
  table.esg-table tbody tr td ul.dot-list {
    display: block;
    margin: 0;
    padding-top: 0.625rem;
  }
  table.esg-table tbody tr td ul.dot-list li {
    text-align: left;
    height: auto;
    background-color: unset;
    border: unset;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0.5625rem;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    color: #555;
    padding-bottom: 0.625rem;
  }
  table.esg-table tbody tr td ul.dot-list li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.75rem;
    background-color: #333333;
  }
  table.report-table {
    width: 100%;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
  }
  table.report-table tbody tr:not(:first-child) th, table.report-table tbody tr:not(:first-child) td {
    border-top: 0.0625rem solid #E8E8E8;
  }
  table.report-table tbody tr th, table.report-table tbody tr td {
    padding: 1.25rem;
  }
  table.report-table tbody tr th {
    background-color: #F7F7F7;
    text-align: center;
    font-weight: 400;
  }
  table.report-table tbody tr td ul {
    margin-top: 1.375rem;
  }
  table.report-table tbody tr td ul.dot-list {
    display: block;
    margin: 0;
    padding-top: 0.625rem;
  }
  table.report-table tbody tr td ul.dot-list li {
    text-align: left;
    height: auto;
    background-color: unset;
    border: unset;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0.5625rem;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    color: #555;
    padding-bottom: 0.625rem;
  }
  table.report-table tbody tr td ul.dot-list li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.75rem;
    background-color: #333333;
  }
  .table-desc {
    color: #555;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
  }
  .table-desc + .esg-table {
    margin-top: 2.25rem;
  }
  .table-content .table-title {
    padding-top: 6.25rem;
    text-align: left;
  }
  .table-content .table-title + .esg-table {
    margin-top: 2.25rem;
  }
  .table-content .esg-table {
    border-bottom: 0;
  }
  .table-content .esg-table thead tr th, .table-content .esg-table thead tr td, .table-content .esg-table tbody tr th, .table-content .esg-table tbody tr td {
    padding: 1rem;
    border-left: 0;
    border-right: 0;
    font-size: 1.375rem;
  }
  .table-content .esg-table thead tr th {
    font-weight: 400;
  }
  .table-content .esg-table tbody tr td {
    font-weight: 300;
  }
  .table-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
  }
  .table-search .prefix,
  .table-search .suffix,
  .table-search .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .table-search .suffix {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .table-search .center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .table-search .prefix {
    color: #888888;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .table-search .prefix span {
    margin-left: 0.4375rem;
    color: #000000;
    font-weight: 500;
  }
  .table-search .suffix {
    position: relative;
  }
  .table-search .suffix input[type=text] {
    background-color: #f4f4f4;
    border-radius: 0.3125rem;
    width: 22.5rem;
    height: 3.75rem;
    padding: 1.25rem 1.5625rem;
    font-size: 1.25rem;
  }
  .table-search .suffix a {
    position: absolute;
    right: 1.5625rem;
  }
  .seacrh-bar {
    position: relative;
  }
  .seacrh-bar input {
    width: 52.5rem;
    height: 4.375rem;
    border: 0.25rem solid #00afb5;
    font-size: 1.375rem;
    padding: 1.25rem 3.125rem;
  }
  .seacrh-bar a {
    position: absolute;
    right: 15.625rem;
    top: 1.375rem;
  }
  .previous-next {
    border-top: 0.125rem solid #000000;
    border-bottom: 0.0625rem solid #000000;
    padding: 1.625rem 4.375rem 1.625rem 3.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .previous-next .prefix,
  .previous-next .suffix,
  .previous-next .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .previous-next .suffix {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .previous-next .center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .previous-next .prefix,
  .previous-next .suffix {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .previous-next .prefix .written a,
  .previous-next .suffix .written a {
    font-size: 1.375rem;
    color: #555555;
  }
  .previous-next .prefix {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .previous-next .prefix .prev-title {
    font-size: 1.375rem;
    font-weight: 500;
    padding-bottom: 1.5rem;
  }
  .previous-next .suffix {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .previous-next .suffix .next-title {
    font-size: 1.375rem;
    font-weight: 500;
    padding-bottom: 1.5rem;
  }
  .previous-next.has-margin {
    margin-top: 8.75rem;
  }
  .paging {
    margin-top: 6.25rem;
  }
  .paging ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .paging ul li {
    position: relative;
    border: 0.0625rem solid #e8e8e8;
    border-right: unset;
    text-align: center;
  }
  .paging ul li:last-child {
    border-right: 0.0625rem solid #e8e8e8;
  }
  .paging ul li a {
    display: block;
    width: 2.8125rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 1.125rem;
  }
  .paging ul li.prev, .paging ul li.next {
    text-indent: -9999px;
  }
  .paging ul li.prev:after {
    content: "";
    background-image: url(../img/icon_prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.75rem;
  }
  .paging ul li.next:after {
    content: "";
    background-image: url(../img/icon_next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.75rem;
  }
  .paging ul li.on a {
    color: #00afb5;
  }
  .box-banner {
    border: 0.0625rem solid #e5e5e5;
  }
  .box-banner.box-pad {
    padding: 4.875rem 4.375rem;
  }
  .box-banner.none-board {
    border: unset;
  }
  .box-banner.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .box-banner.bg-black-transparent {
    background-color: rgba(0, 0, 0, 0.4);
    color: #ffffff;
  }
  .box-banner.fixed-height {
    height: 37.5rem;
  }
  .box-banner.bg-sky-type {
    background-color: #ebf2fc;
    border: 0.0625rem solid #ebf2fc;
    color: #5c8dcf;
  }
  .box-banner.bg-apricot-type {
    background-color: #fdf4e9;
    border: 0.0625rem solid #fdf4e9;
    color: #a98b80;
  }
  .box-banner.iframe-box {
    position: relative;
  }
  .box-banner.iframe-box iframe {
    border: none;
    margin-bottom: -0.625rem;
  }
  .box-banner.iframe-box p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .half-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .half-banner .left,
  .half-banner .right {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .half-banner.has-margin .left {
    margin-right: 2.5rem;
  }
  .tag {
    display: inline-block;
    width: 3.875rem;
    font-size: 1.125rem;
    border-radius: 1.25rem;
    text-align: center;
  }
  .tag.white-tag {
    border: 0.0625rem solid #00afb5;
    background-color: #ffffff;
    color: #00afb5;
  }
  .tag.primary-tag {
    background-color: #00afb5;
    border: 0.0625rem solid #00afb5;
    color: #ffffff;
  }
  .tag.blue-tag {
    background-color: #5a84bd;
    border: 0.0625rem solid #5a84bd;
    color: #ffffff;
  }
  .circle-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .circle-list ul li {
    position: relative;
    width: 8.5rem;
    height: 8.5rem;
    line-height: 8.5rem;
    background-color: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    font-size: 1.375rem;
  }
  .circle-list ul li.on {
    background-color: #00afb5;
    color: #ffffff;
  }
  .circle-list ul li:after {
    content: "";
    background-image: url(../img/icon_next.png);
    position: absolute;
    top: 4.0625rem;
    left: 10rem;
    width: 0.5rem;
    height: 0.75rem;
  }
  .circle-list ul li:last-child:after {
    display: none;
  }
  .accordion, .lnb-accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .panel {
    display: none;
    background-color: white;
    overflow: hidden;
  }
  .faq-accordion > ul > li, .csr-accordion > ul > li {
    position: relative;
    padding: 1.75rem 4.375rem;
    font-size: 1.375rem;
    color: #333333;
    border-top: 0.0625rem solid #e5e5e5;
    border-bottom: 0.0625rem solid #e5e5e5;
    margin-top: -0.0625rem;
  }
  .faq-accordion > ul > li.panel, .csr-accordion > ul > li.panel {
    background-color: #f7f7f7;
    border-bottom: 0.0625rem solid #e5e5e5;
  }
  .faq-accordion > ul > li.question:after, .faq-accordion > ul > li.question:before, .csr-accordion > ul > li.question:after, .csr-accordion > ul > li.question:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    right: 4.375rem;
    width: 1.8125rem;
    height: 0.125rem;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .faq-accordion > ul > li.question:before, .csr-accordion > ul > li.question:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 5.625rem;
  }
  .faq-accordion > ul > li.question span, .csr-accordion > ul > li.question span {
    font-size: 2rem;
    font-weight: 800;
    margin-right: 2.5rem;
  }
  .faq-accordion > ul > li.question.active:after, .faq-accordion > ul > li.question.active:before, .csr-accordion > ul > li.question.active:after, .csr-accordion > ul > li.question.active:before {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .faq-accordion > ul > li.question.csr-year:after, .faq-accordion > ul > li.question.csr-year:before, .csr-accordion > ul > li.question.csr-year:after, .csr-accordion > ul > li.question.csr-year:before {
    background-color: #555555;
  }
  .faq-accordion > ul > li.ask > span, .csr-accordion > ul > li.ask > span {
    float: left;
    font-size: 2rem;
    font-weight: 800;
    margin-right: 2.5rem;
    color: #00afb5;
  }
  .faq-accordion > ul > li.ask > p, .csr-accordion > ul > li.ask > p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2.5rem;
    margin-top: 0.3125rem;
  }
  .faq-accordion > ul > li.ask > ul, .csr-accordion > ul > li.ask > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .faq-accordion > ul > li.ask > ul li, .csr-accordion > ul > li.ask > ul li {
    text-align: right;
    margin-bottom: 0.625rem;
  }
  .faq-accordion > ul > li.ask > ul li img, .csr-accordion > ul > li.ask > ul li img {
    width: 28.125rem;
    height: 18.125rem;
  }
  .faq-accordion > ul > li.color-111, .csr-accordion > ul > li.color-111 {
    color: #111111;
  }
  .csr-accordion > ul {
    border-top: 0.1875rem solid #333333;
  }
  .modal-wrap {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal-wrap.is-visible {
    visibility: visible;
    opacity: 1;
  }
  .modal-wrap .modal {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 53.125rem;
    min-height: 25rem;
    max-width: 100vw;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border-radius: 0.25rem;
    padding: 3.75rem;
  }
  .modal-wrap .modal .title {
    position: relative;
  }
  .modal-wrap .modal .title h1 {
    font-size: 2.125rem;
    font-weight: 500;
    border-bottom: 0.125rem solid #000000;
    padding-bottom: 0.75rem;
  }
  .modal-wrap .modal .title .close-btn {
    position: absolute;
    right: -2rem;
    top: -2rem;
  }
  .modal-wrap .modal .title .close-btn img {
    width: 2.3125rem;
    height: 2.3125rem;
  }
  .modal-wrap .modal .content {
    padding-top: 2.5rem;
    font-size: 1.375rem;
    font-weight: 300;
    color: #555555;
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
  .dot {
    position: relative;
    padding-left: 1rem;
  }
  .dot:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.875rem;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #555555;
  }
  .amount {
    font-size: 6.875rem;
    color: #00afb5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main {
    position: relative;
  }
  .main .gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main .gnb .logo {
    position: absolute;
    top: 1.875rem;
    left: 1.875rem;
    z-index: 1;
  }
  .main .gnb .lan-select {
    position: absolute;
    right: 6.25rem;
    top: 1.875rem;
    z-index: 1;
  }
  .main .gnb .lan-select .select {
    position: relative;
  }
  .main .gnb .lan-select .select::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
  .main .gnb .lan-select .select.on .option {
    display: block;
  }
  .main .gnb .lan-select .select .lan {
    width: 8.75rem;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.625rem 0.75rem;
    border-radius: 0.3125rem;
    color: #ffffff;
    font-size: 0.75rem;
  }
  .main .gnb .lan-select .select .option {
    display: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.3125rem;
    overflow: hidden;
  }
  .main .gnb .lan-select .select .option li {
    background: transparent;
    padding-bottom: 0.3125rem;
  }
  .main .gnb .lan-select .select .option li:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .main .gnb .lan-select .select .option li a {
    margin: 0.3125rem 0.75rem;
    font-size: 0.75rem;
    letter-spacing: 0;
    color: #ffffff !important;
  }
  .main .gnb .hamburger {
    position: absolute;
    top: 2.3125rem;
    right: 1.875rem;
    z-index: 10;
    cursor: pointer;
  }
  .main .gnb .menu {
    display: none;
    width: 72.5rem;
    height: 100vh;
    background-image: url(../img/menu_bg.jpg);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 5rem;
    text-align: left;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
  }
  .main .gnb .menu .menu-list {
    border-top: 0.0625rem solid #e4e4e4;
    padding: 2.1875rem 0 2.1875rem 1.5625rem;
  }
  .main .gnb .menu .menu-list:first-child {
    border: none;
    padding-top: 0;
  }
  .main .gnb .menu .menu-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main .gnb .menu .menu-list ul.esg-nav li:last-child {
    margin-right: 0;
  }
  .main .gnb .menu .menu-list ul.esg-nav li a + a {
    padding-left: 1.25rem;
    position: relative;
  }
  .main .gnb .menu .menu-list ul.esg-nav li a + a::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #333333;
  }
  .main .gnb .menu .menu-list ul li {
    color: #666666;
    margin-right: 1.75rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .gnb .menu .menu-list ul li strong {
    font-weight: 700;
    padding-right: 1rem;
  }
  .main .gnb .menu .menu-list ul li a {
    font-size: 1.125rem;
  }
  .main .gnb .menu .menu-list ul li a:hover {
    color: #00afb5;
  }
  .main .gnb .menu .menu-list ul li::after {
    content: "";
    width: 0.125rem;
    height: 1rem;
    background: #e5e6e6;
    position: absolute;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -0.875rem;
  }
  .main .gnb .menu .menu-list ul li:first-child::after {
    display: none;
  }
  .main .gnb .menu .menu-list ul li:last-child::after {
    display: none;
  }
  .main .gnb .menu .menu-list ul li.menu-tit {
    width: 13.125rem;
    margin-right: 4.375rem;
  }
  .main .gnb .menu .menu-list ul li.menu-tit a {
    font-size: 1.75rem;
  }
  .main .gnb .menu .menu-list.menu-footer li {
    margin-right: 3.875rem;
  }
  .main .gnb .menu .menu-list.menu-footer li::after {
    content: "";
    width: 0.125rem;
    height: 1rem;
    background: #e5e6e6;
    position: absolute;
    top: 0.25rem;
    right: -1.9375rem;
  }
  .main .gnb .menu .menu-list.menu-footer li:first-child::after {
    display: block;
  }
  .main .gnb .menu.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    overflow-y: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }
  .main .main-img {
    width: 100vw;
    height: 100vh;
    background-size: cover !important;
    position: relative;
  }
  .main-tit {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
  }
  .main-tit h1.sub-tit {
    font-weight: bold;
    font-size: 3.75rem;
  }
  .main-tit h1 .tit-sub {
    line-height: 1.5;
  }
  .hamburger {
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  .hamburger.is-active:hover {
    opacity: 0.7;
  }
  .hamburger.is-active.hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #000;
  }
  .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 28px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    width: 20px;
    top: -10px;
    left: 8px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  .hamburger--slider .hamburger-inner {
    top: 2px;
  }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  .hamburger--slider .hamburger-inner::after {
    top: 20px;
  }
  .hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
    background-color: #000;
  }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
            transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
  }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
            transform: translate3d(0, -20px, 0) rotate(-90deg);
  }
  .map-api {
    width: 100%;
    height: 31.25rem;
  }
  .footer {
    padding: 2.5rem 0;
    background: #222222;
    letter-spacing: normal;
  }
  .footer .footer-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer .footer-cont .footer-logo {
    opacity: 0.5;
  }
  .footer .footer-cont .copy {
    color: #888;
    font-size: 0.875rem;
    margin-left: 9.375rem;
  }
  .main-slide .main01 {
    background: url(../img/main01.jpg) no-repeat center;
  }
  .main-slide .main02 {
    background: url(../img/main02.jpg) no-repeat center;
  }
  .main-slide .main03 {
    background: url(../img/main03.jpg) no-repeat center;
  }
  .main-slide .main04 {
    background: url(../img/main04.jpg) no-repeat center;
  }
  .main-slide .main04 .main04-tit h1 {
    position: relative;
  }
  .main-slide .main04 .main04-tit h1::before {
    content: "RECRUIT";
    font-size: 3.75rem;
    position: absolute;
    top: -3.125rem;
  }
  .main {
    position: relative;
    text-align: center;
  }
  .main .pro-bar-bg {
    position: absolute;
    bottom: 5.625rem;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background: rgba(255, 255, 255, 0.2);
  }
  .main .pro-bar-bg .pro-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.125rem;
    background: #00afb5;
  }
  .main .pro-bar-bg .pro-ani {
    -webkit-animation: proBar 3s 1;
            animation: proBar 3s 1;
  }
  .main .play-pause {
    position: absolute;
    bottom: 2.8125rem;
    left: 56%;
  }
  .main .play-pause button {
    background: none;
    font-size: 0.75rem;
  }
  .main .play-pause button.play {
    margin-left: 1.5625rem;
  }
  .main .play-pause button.pause {
    margin-left: 1.25rem;
  }
  @-webkit-keyframes proBar {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes proBar {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  .grid-layout {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: minmax(360px, auto);
    margin-top: -0.375rem;
  }
  .grid-layout .grid-menu {
    position: relative;
    padding: 2.5rem;
  }
  .grid-layout .grid-menu .menu-tit {
    color: #111111;
  }
  .grid-layout .grid-menu .menu-tit.fc-white {
    color: #ffffff;
  }
  .grid-layout .grid-menu .menu-tit span {
    font-size: 1.25rem;
    color: #666666;
  }
  .grid-layout .grid-menu .menu-tit span.fc-white {
    color: #ffffff;
  }
  .grid-layout .grid-menu .menu-btn {
    position: absolute;
    right: 3.125rem;
    bottom: 3.125rem;
    width: 3.75rem;
    height: 3.75rem;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.3125rem;
    font-size: 2.3125rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  .grid-layout .grid-menu .menu-btn:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .grid-layout .about {
    grid-column: 1/4;
    height: 35rem;
    background: url(../img/menu01.png) no-repeat right;
  }
  .grid-layout .about .menu-tit {
    position: absolute;
    left: 30%;
    bottom: 2.5rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .grid-layout .business {
    height: 35rem;
    background: url(../img/menu02.png) no-repeat center;
  }
  .grid-layout .products {
    grid-column: 5/7;
    height: 35rem;
    background: url(../img/menu03.png) no-repeat center;
  }
  .grid-layout .products .menu-tit {
    margin-top: 300px;
  }
  .grid-layout .recruit {
    grid-column: 1/7;
    height: 22.5rem;
    background: url(../img/menu04.png) no-repeat center;
  }
  .grid-layout .recruit .menu-tit {
    position: absolute;
    left: 75%;
    bottom: 2.5rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .grid-layout .csr {
    grid-column: 1/7;
    height: 22.5rem;
    background: url(../img/menu05.png) no-repeat center;
  }
  .grid-layout .csr .menu-tit {
    position: absolute;
    left: 13%;
    bottom: 6.25rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .grid-layout .overview {
    grid-column: 1/4;
    height: 22.5rem;
    background: url(../img/menu06.png) no-repeat right;
  }
  .grid-layout .overview .menu-tit {
    position: absolute;
    left: 30%;
    bottom: 5rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .grid-layout .story {
    grid-column: 4/7;
    height: 22.5rem;
    background: url(../img/menu07.png) no-repeat center;
  }
  .grid-layout .story .menu-tit {
    margin-top: 110px;
  }
  .cont-txt01 {
    font-size: 1.5rem;
    margin: 6.25rem 0 7.8125rem 0;
  }
  .cont-txt01 span {
    display: block;
  }
  .vision-img02 img {
    width: 35%;
  }
  .vision-img02 .cont-img02-txt {
    font-size: 2.625rem;
    font-weight: bold;
    margin-top: 5rem;
  }
  .vision-txt02 {
    margin-top: 8.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vision-txt02 .vision-txt02-cont {
    padding: 0 5.4375rem;
    border-right: 0.0625rem solid #ccc;
    text-align: left;
  }
  .vision-txt02 .vision-txt02-cont ul li {
    float: none;
    font-size: 1.25rem;
  }
  .vision-txt02 .vision-txt02-cont ul li:nth-child(1) {
    font-size: 1.875rem;
    color: #111111;
    font-weight: 400;
  }
  .vision-txt02 .vision-txt02-cont ul li:nth-child(2) {
    font-size: 1.75rem;
    font-weight: bold;
    margin: 0.9375rem 0;
  }
  .vision-txt02 .vision-txt02-cont ul li span {
    display: block;
  }
  .vision-txt02 .vision-txt02-03 {
    border: none;
  }
  .h-banner {
    padding: 10.4375rem 0;
    color: #ffffff;
  }
  .h-banner .h-tit {
    font-size: 3.75rem;
    vertical-align: middle;
  }
  .h-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .h-history .h-left, .h-history .h-right {
    width: 50%;
    padding: 9.375rem 0;
  }
  .h-history .h-left .h-season, .h-history .h-right .h-season {
    font-size: 3.75rem;
    color: #111111;
  }
  .h-history .h-left .h-img .y-subTit, .h-history .h-left .h-txt .y-subTit, .h-history .h-right .h-img .y-subTit, .h-history .h-right .h-txt .y-subTit {
    font-size: 1.5rem;
    color: #111111;
    position: relative;
  }
  .h-history .h-left .h-img .y-subTit::before, .h-history .h-left .h-txt .y-subTit::before, .h-history .h-right .h-img .y-subTit::before, .h-history .h-right .h-txt .y-subTit::before {
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    background: #00afb5;
    border-radius: 50%;
    position: absolute;
    top: 0.8125rem;
    z-index: 2;
  }
  .h-history .h-left .h-img .y-subTit::after, .h-history .h-left .h-txt .y-subTit::after, .h-history .h-right .h-img .y-subTit::after, .h-history .h-right .h-txt .y-subTit::after {
    content: "";
    width: 2.1875rem;
    height: 0.0625rem;
    background: #d9d9d9;
    position: absolute;
    top: 1.125rem;
    z-index: 1;
  }
  .h-history .h-left .h-img .y-subInfo, .h-history .h-left .h-txt .y-subInfo, .h-history .h-right .h-img .y-subInfo, .h-history .h-right .h-txt .y-subInfo {
    margin-bottom: 2.8125rem;
  }
  .h-history .h-left .h-img .y-subInfo ul li, .h-history .h-left .h-txt .y-subInfo ul li, .h-history .h-right .h-img .y-subInfo ul li, .h-history .h-right .h-txt .y-subInfo ul li {
    line-height: 1.8;
    color: #555555;
    letter-spacing: normal;
  }
  .h-history .h-left {
    padding-right: 3.125rem;
    position: relative;
  }
  .h-history .h-left::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    position: absolute;
    top: 0;
    right: 0;
  }
  .h-history .h-left .y-subTit::before {
    right: -3.4375rem;
  }
  .h-history .h-left .y-subTit::after {
    right: -3.4375rem;
  }
  .h-history .h-right {
    padding-left: 3.125rem;
  }
  .h-history .h-right .y-subTit::before {
    left: -3.4375rem;
  }
  .h-history .h-right .y-subTit::after {
    left: -3.4375rem;
  }
  .history-01 .h-banner {
    background: url(../img/s-history-banner01.png) no-repeat;
  }
  .history-02 .h-banner {
    background: url(../img/s-history-banner02.png) no-repeat;
  }
  .history-03 .h-banner {
    background: url(../img/s-history-banner03.png) no-repeat;
  }
  .history-04 .h-banner {
    background: url(../img/s-history-banner04.png) no-repeat;
  }
  .design-h p.fc-primary {
    position: relative;
  }
  .design-h p.fc-primary::before {
    content: "";
    width: 250px;
    height: 85px;
    background: url(../img/logo2.png) no-repeat;
    position: absolute;
    top: -6.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .design-h .design-h-img {
    height: 25rem;
    padding: 1.875rem 3.125rem;
    margin-bottom: 9.375rem;
    color: #ffffff;
    text-align: left;
    position: relative;
  }
  .design-h .design-h-img .logo-year {
    font-size: 5rem;
  }
  .design-h .design-h-img .logo-h {
    position: absolute;
    bottom: 3.125rem;
    left: 3.125rem;
  }
  .design-h .design-h-img .logo-h .logo-img {
    display: inline-block;
  }
  .design-h .design-h-img .logo-h .logo-info {
    font-size: 1.375rem;
  }
  .design-h .design-h-img .obj {
    display: inline-block;
    position: absolute;
    top: 15.625rem;
    right: 3.125rem;
  }
  .design-h-img01 {
    background: url(../img/sub01_sub03_01.jpg) no-repeat;
  }
  .design-h-img02 {
    background: url(../img/sub01_sub03_02.jpg) no-repeat;
  }
  .design-h-img03 {
    background: url(../img/sub01_sub03_03.jpg) no-repeat;
  }
  .design-h-img04 {
    background: url(../img/sub01_sub03_04.jpg) no-repeat;
  }
  .ethics-txt01 {
    font-size: 1.5rem;
    margin: 6.25rem 0;
  }
  .ethics-txt01 .line-height-40 {
    line-height: 2.5rem;
  }
  .ethics-txt01 .line-height-40 span {
    display: block;
  }
  .ethics-txt03 ul li {
    font-size: 1.375rem;
    text-align: left;
    line-height: 1.8;
    padding: 3.4375rem 5.625rem 3.75rem 5.625rem;
    border-top: 0.0625rem solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ethics-txt03 ul li .fc-primary {
    font-size: 2.125rem;
    font-weight: bold;
    position: relative;
    margin-right: 3.125rem;
  }
  .ethics-txt03 ul li .fc-primary:after {
    content: "";
    width: 0.125rem;
    height: 1.5625rem;
    background: #00afb5;
    position: absolute;
    top: 1.25rem;
    left: 3.75rem;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  .ethics-txt03 ul li .txt03-li {
    margin-top: 0.625rem;
  }
  .law {
    margin-top: 5rem;
  }
  .law .law-tit {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #000;
  }
  .law .law-cont {
    margin-top: 1.25rem;
    font-size: 1.375rem;
  }
  .branch-area {
    display: block;
    font-size: 2rem;
    color: #111111;
  }
  .branch-area .branch-add {
    font-size: 1.375rem;
    color: #555555;
    margin-left: 2.5rem;
    vertical-align: 15%;
  }
  .branch-area .branch-add.block-type {
    display: block;
    margin: 0;
  }
  .branch-map {
    margin-top: 3.125rem;
  }
  .branch .branch-wrap .branch-list {
    border-top: 0.0625rem solid #e8e8e8;
    padding: 2.5rem 0;
  }
  .branch .branch-wrap .branch-list .branch-list-tit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .branch .branch-wrap .branch-list .branch-list-tit ul li.branch-icon {
    width: 2rem;
    height: 2.8125rem;
    background: url(../img/icon_site_off.png);
  }
  .branch .branch-wrap .branch-list .branch-list-tit ul li.branch-icon.on {
    background: url(../img/icon_site_on.png);
  }
  .branch .branch-wrap .branch-list .branch-map {
    display: none;
  }
  .branch .branch-wrap .branch-list .branch-map ul li {
    line-height: 3.125rem;
  }
  .branch .branch-wrap .branch-list .branch-map ul li strong {
    display: inline-block;
    width: 9.6875rem;
  }
  .branch .branch-wrap .branch-list .branch-map .map-api {
    margin-bottom: 1.875rem;
  }
  .branch .branch-wrap .branch-list .branch-map.on {
    display: block;
  }
  .cdmo-cont .cdmo-cont-left p {
    margin-top: 3rem;
  }
  .cdmo-cont .cdmo-cont-left .fc-555 {
    color: #555555;
    display: block;
    margin-top: 1.875rem;
  }
  .cdmo-cont .cdmo-cont-left .cdmo-cont-img {
    margin-top: 3.125rem;
  }
  .cdmo-cont .cdmo-cont-left .cdmo-cont-img.mt-70 {
    margin-top: 4.375rem;
  }
  .cdmo-cont .cdmo-cont-left .cdmo-cont-img ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cdmo-cont .cdmo-cont-left .cdmo-cont-img ul li {
    width: 7.4375rem;
    height: 5rem;
    margin-right: 0.625rem;
  }
  .cdmo-cont .cdmo-cont-right {
    margin-left: 3.4375rem;
  }
  /*R&D*/
  .graph-tit {
    font-size: 1.75rem;
    font-weight: 400;
    color: #111111;
  }
  table.update th {
    border-right: 0.0625rem solid #e8e8e8;
    border-top: 0.125rem solid #333333;
    border-bottom: 0.125rem solid #333333;
    padding: 1.4375rem 0;
    text-align: center;
    font-weight: 500;
    color: #111111;
  }
  table.update th:nth-child(5) {
    border-right: none;
  }
  table.update th ul li {
    display: inline-block;
    font-weight: 500;
    color: #111111;
    margin-right: 1.5625rem;
  }
  table.update tbody {
    border-bottom: 0.0625rem solid #e8e8e8;
  }
  table.update tbody tr td {
    padding: 8px 20px;
    background: #f7f7f7;
    border-right: 0.0625rem solid #e8e8e8;
  }
  table.update tbody tr td:nth-child(5) {
    border-right: none;
  }
  table.update tbody tr td .icon-plus {
    width: 1.5rem;
    vertical-align: middle;
    margin-left: 0.625rem;
    margin-top: -0.1875rem;
  }
  table.update tbody tr td .graph {
    display: inline-block;
    height: 22px;
    background: -webkit-gradient(linear, left top, right top, from(#06aed2), to(#30c4c9));
    background: linear-gradient(to right, #06aed2, #30c4c9);
  }
  table.update tbody tr td .graph.w-100 {
    width: 6.25rem;
  }
  table.update tbody tr td .graph.w-200 {
    width: 12.5rem;
  }
  table.update tbody tr td .graph.w-300 {
    width: 18.75rem;
  }
  table.update tbody tr td .graph.w-400 {
    width: 25rem;
  }
  table.update tbody tr td .graph.max-width {
    width: 100%;
  }
  .global-wrap {
    border-top: 2px solid #333333;
  }
  .global-wrap .global-cont {
    border-bottom: 1px solid #e8e8e8;
  }
  .global-wrap .global-cont.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .global-wrap .global-cont.flex img {
    border: 1px solid #e8e8e8;
  }
  .global-wrap .global-cont .global-right table td:nth-child(1) {
    color: #111111;
    font-weight: bold;
    padding: 10px 50px;
  }
  .global-wrap .global-cont .global-right table td:nth-child(2) {
    color: #555555;
  }
  .global-wrap .global-cont .global-right table td a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .global-wrap .global-cont .global-right table td a:hover {
    color: #00afb5;
  }
  .csr-num {
    padding: 3.125rem 0;
    background: #568cd5;
  }
  .csr-num .content-banner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .csr-num .content-banner-wrap .num-left {
    position: relative;
  }
  .csr-num .content-banner-wrap .num-left::after {
    content: "";
    width: 0.0625rem;
    height: 9.0625rem;
    background: #ffffff;
    opacity: 0.4;
    position: absolute;
    top: 0.625rem;
    right: -4.875rem;
  }
  .csr-num .content-banner-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    font-size: 1.375rem;
    text-align: right;
  }
  .csr-num .content-banner-wrap ul li span + span {
    margin-left: 2.1875rem;
  }
  .csr-cost .total {
    font-size: 2rem;
    color: #111111;
    font-weight: 500;
    margin-top: 0rem;
    margin-bottom: 1.25rem;
    position: relative;
    display: block;
  }
  .csr-cost .total::after {
    content: "";
    width: 14.375rem;
    height: 2px;
    background: #333333;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .csr-cost span {
    color: #555555;
  }
  .csr-cost span:nth-child(2) {
    display: inline-block;
    width: 100px;
  }
  .csr-cost span + span {
    margin-left: 1.875rem;
  }
  .content-wrap.story .content {
    border-top: 0.125rem solid #000000;
    margin-bottom: 3.75rem;
    padding-top: 3.75rem;
  }
  .content-wrap.story .content.sm-type {
    padding-left: 7.25rem;
    padding-right: 8.375rem;
  }
  .content-wrap.story .content.sm-type img {
    margin-bottom: 3.125rem;
  }
  .content-wrap.story .content.none-border {
    border: unset;
  }
  .content-wrap.story .infos {
    font-size: 1.375rem;
    color: #555555;
  }
  .content-wrap.story .h3-subTit {
    margin-bottom: 2.1875rem;
  }
  .content-wrap.story.sub .title {
    text-align: center;
    margin-top: 11.25rem;
  }
  .content-wrap.story.sub .title h2 {
    font-size: 2.125rem;
    font-weight: 300;
  }
  .content-wrap.story.sub .title p {
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 5rem;
  }
  .content-wrap.story.sub .sub-title {
    margin-bottom: 0;
  }
  .content-wrap.story.sub .sub-title h2 {
    margin: 0;
  }
  .content-wrap.story.sub .sub-title.has-marign {
    margin-bottom: 3.75rem;
  }
  .content-wrap.story.sub .content .img-poster {
    width: 45rem;
    margin: auto;
  }
  .content-wrap.story .advertising-list li {
    width: 25rem;
    margin-right: 2.5rem;
  }
  .content-wrap.story .advertising-list li:nth-child(3), .content-wrap.story .advertising-list li:nth-child(6) {
    margin-right: 0;
  }
  .content-wrap.story .advertising-list li:nth-child(4), .content-wrap.story .advertising-list li:nth-child(5), .content-wrap.story .advertising-list li:nth-child(6) {
    margin-top: 5rem;
  }
  .content-wrap.story .advertising-list li span {
    font-size: 1.375rem;
    font-weight: 500;
  }
  .content-wrap.story .advertising-list li a {
    display: block;
  }
  .content-wrap.story .print-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrap.story .print-list li {
    width: 26.25rem;
    margin-right: 2.5rem;
    font-size: 1.375rem;
  }
  .content-wrap.story .print-list li span {
    display: block;
    margin-top: 0.625rem;
    color: #000000;
    font-weight: 400;
  }
  .content-wrap.story .print-list li:last-child {
    margin-right: 0;
  }
  .content-wrap.story .print-list li a {
    display: block;
  }
  .content-wrap.invest .stock-info .half-banner .left .title {
    font-size: 2.125rem;
    font-weight: 500;
  }
  .content-wrap.invest .stock-info .half-banner .left .krw {
    font-size: 6.25rem;
    font-weight: 800;
    color: #00afb5;
  }
  .content-wrap.invest .stock-info .half-banner .left .krw span {
    font-size: 1.875rem;
    font-weight: 500;
  }
  .content-wrap.invest .stock-info .half-banner .left .changes {
    color: #555555;
    font-size: 1.375rem;
  }
  .content-wrap.invest .stock-info .half-banner .left .changes i {
    margin-right: 0.8125rem;
  }
  .content-wrap.invest .sub-title {
    font-size: 2.125rem;
  }
  .content-wrap.invest .iframe-box {
    margin-top: 2.1875rem;
    margin-bottom: 3.75rem;
  }
  .content-wrap.invest .table-header {
    margin-bottom: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content-wrap.invest .table-header .prefix,
  .content-wrap.invest .table-header .suffix,
  .content-wrap.invest .table-header .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-wrap.invest .table-header .suffix {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .content-wrap.invest .table-header .center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .content-wrap.invest .table-header h4 {
    font-size: 2.125rem;
  }
  .content-wrap.invest .table-header p {
    color: #555555;
    text-align: right;
  }
  .content-wrap.recruit.nomal-weight * {
    font-weight: normal;
  }
  .content-wrap.recruit .info {
    color: #ffffff;
    margin-top: 1.875rem;
    margin-bottom: 2.25rem;
  }
  .content-wrap.recruit .info.fix-height {
    line-height: 2.5rem;
  }
  .content-wrap.recruit .text-banner {
    padding-top: 21.0625rem;
    text-align: center;
  }
  .content-wrap.recruit .text-banner .title {
    position: relative;
    display: block;
    font-size: 2rem;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 1.5rem;
    z-index: 2;
  }
  .content-wrap.recruit .text-banner .title:after {
    content: "";
    position: absolute;
    bottom: 0.625rem;
    left: 33.9375rem;
    z-index: -1;
    background-color: #00afb5;
    width: 12.625rem;
    height: 0.5rem;
  }
  .content-wrap.recruit .text-banner .sub-title {
    display: inline-block;
    font-size: 4.25rem;
    color: #ffffff;
    font-weight: 400;
  }
  .content-wrap.recruit .text-banner .has-arrow:after {
    top: 1.25rem;
    right: 2rem;
  }
  .content-wrap.recruit .half-banner {
    padding-top: 12.25rem;
  }
  .content-wrap.recruit .half-banner .left {
    text-align: left;
  }
  .content-wrap.recruit .half-banner .left .progress {
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 0.9375rem;
  }
  .content-wrap.recruit .half-banner .left .box-list li {
    margin-bottom: 1.25rem;
  }
  .content-wrap.recruit .half-banner .left .box-list li a {
    display: block;
  }
  .content-wrap.recruit .half-banner .left .box-list li a .box-banner {
    text-align: left;
    padding: 1.0625rem 2.5rem;
  }
  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li {
    color: #222222;
    margin-bottom: 0.625rem;
  }
  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li:last-child {
    margin: 0;
  }
  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li .tag {
    margin-right: 1.5rem;
  }
  .content-wrap.recruit .half-banner .left .more_link {
    text-align: right;
    color: #ffffff;
  }
  .content-wrap.recruit .half-banner .right {
    margin-left: 4.6875rem;
  }
  .content-wrap.recruit .half-banner .right .title {
    margin-top: 8.125rem;
  }
  .content-wrap.recruit .half-banner .right .title h1 {
    font-size: 4.75rem;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
  }
  .content-wrap.recruit.sub .sub-title > .date {
    letter-spacing: 0;
    color: #555555;
  }
  .content-wrap.recruit.sub .half-banner {
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-wrap.recruit.sub .half-banner .left .img-banner,
  .content-wrap.recruit.sub .half-banner .right .img-banner {
    width: 40rem;
    height: 26.25rem;
  }
  .content-wrap.recruit.sub .half-banner .left .img-banner.la-type,
  .content-wrap.recruit.sub .half-banner .right .img-banner.la-type {
    width: 47.375rem;
    height: 37.25rem;
  }
  .content-wrap.recruit.sub .half-banner .left h2,
  .content-wrap.recruit.sub .half-banner .right h2 {
    font-size: 2.25rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
    line-height: 3.125rem;
  }
  .content-wrap.recruit.sub .half-banner .left p,
  .content-wrap.recruit.sub .half-banner .right p {
    font-size: 1.375rem;
    color: #555555;
    line-height: 2.375rem;
  }
  .content-wrap.recruit.sub .half-banner.banner-margin {
    margin-top: 3.75rem;
    margin-bottom: 6.25rem;
  }
  .content-wrap.recruit.sub .text-banner {
    padding-top: 8.125rem;
  }
  .content-wrap.recruit.sub .text-banner .title h2 {
    font-size: 2.25rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
  }
  .content-wrap.recruit.sub .text-banner .title:after {
    display: none;
  }
  .content-wrap.recruit.sub .text-banner.center-type {
    text-align: center;
  }
  .content-wrap.recruit.sub .text-banner p {
    line-height: 2.125rem;
  }
  .community p {
    font-size: 1.375rem;
    color: #555555;
    margin-bottom: 3.75rem;
  }
  .community p.has-left-pad {
    padding-left: 1.625rem;
  }
  .community p.has-top-pad {
    padding-top: 1.5625rem;
  }
  .community p.small-margin {
    margin-bottom: 1.75rem;
  }
  .community p.bold-type {
    font-weight: 800;
  }
  .community .community-title h2 {
    font-size: 1.625rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
    margin-top: 6.25rem;
  }
  .community .community-sub-title h3 {
    margin-top: 2.625rem;
    font-size: 1.375rem;
    font-weight: 400;
  }
  .community .community-sub-title h3:after {
    display: none;
  }
  .community ul {
    padding-left: 1.875rem;
  }
  .community ul li {
    padding-top: 1.125rem;
  }
  .community ul li div {
    float: left;
    height: 2.5rem;
    margin-right: 0.4375rem;
  }
  .community ul.none-pad-type {
    padding-left: 0;
  }
  .community ul.none-pad-type li {
    padding-top: 0;
  }
  .community .infos {
    font-size: 2rem;
    font-weight: 500;
  }
  .community .infos span {
    margin-left: 1.8125rem;
    font-size: 1.375rem;
    font-weight: 300;
    color: #111111;
  }
  .community .infos.small-type {
    font-size: 1.375rem;
  }
  .community .infos.small-type span {
    margin-left: 0.8125rem;
  }
  .community .infos-wrap.has-marign {
    margin-top: 3.3125rem;
  }
  .community .infos-wrap .infos {
    display: inline-block;
    margin-right: 4.75rem;
  }
  .bg-light-blue {
    background-color: #5c8dcf;
    width: 100%;
    height: 23.125rem;
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 750px) {
  body, html {
    margin: 0;
    padding: 0;
  }
  body {
    -webkit-text-size-adjust: none;
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -0.05rem;
    position: relative;
  }
  body * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: normal;
  }
  body.gnb-open {
    overflow: hidden;
  }
  ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }
  a {
    text-decoration: none;
    color: #333;
  }
  a:hover {
    text-decoration: none;
  }
  input, select, textarea, fieldset, button {
    outline: none;
    margin: 0;
    padding: 0;
    width: auto;
    min-width: auto;
    border: 0;
    cursor: pointer;
  }
  p {
    margin: 0;
  }
  table {
    border-collapse: collapse;
  }
  em {
    font-style: normal;
  }
  strong {
    font-weight: bold;
  }
  textarea {
    resize: none;
  }
  .hidden {
    overflow: hidden;
    position: absolute;
    width: ppr(1);
    height: ppr(1);
    clip: rect(1px, 1px, 1px, 1px);
  }
  iframe {
    border: unset;
  }
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrap-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .align-left {
    text-align: left !important;
  }
  .align-center {
    text-align: center;
  }
  .align-right {
    text-align: right;
  }
  .total {
    text-align: right;
    font-size: 0.75rem;
    color: #888888;
  }
  .total span {
    color: #000000;
    margin-left: 0.25rem;
  }
  .ellipsis {
    display: block;
    overflow: hidden;
    text-align: left !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mt-100 {
    margin-top: 3.125rem;
  }
  .border-side-none {
    border-left: none !important;
    border-right: none !important;
  }
  .img-banner img {
    width: 100%;
  }
  .none-marign {
    margin: 0 !important;
  }
  .hamburger {
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 10;
  }
  .hamburger:hover {
    opacity: 0.7;
  }
  .hamburger.is-active:hover {
    opacity: 0.7;
  }
  .hamburger.is-active.hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #000;
  }
  .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 28px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    width: 20px;
    top: -10px;
    left: 8px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  .hamburger--slider .hamburger-inner {
    top: 2px;
  }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  .hamburger--slider .hamburger-inner::after {
    top: 20px;
  }
  .hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
    background-color: #000;
  }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
            transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
  }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
            transform: translate3d(0, -20px, 0) rotate(-90deg);
  }
  .header {
    position: absolute;
    top: 1.1875rem;
    width: 100%;
    z-index: 10;
  }
  .header .header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.25rem;
    z-index: 2;
  }
  .header .header-menu .logo {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .header .header-menu .logo img {
    width: 5rem;
  }
  .header .header-menu .suffix {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header-menu .suffix ul {
    margin-right: 1.6875rem;
  }
  .header .header-menu .suffix ul li {
    position: relative;
  }
  .header .header-menu .suffix ul li a {
    color: #ffffff;
  }
  .header .header-menu .suffix ul li.accordion:after {
    content: "";
    background-image: url(../img/icon_triangle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0.375rem;
    right: -0.875rem;
    width: 0.5625rem;
    height: 1rem;
  }
  .header .header-menu .suffix ul li.panel {
    position: absolute;
  }
  .header .menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
  }
  .header .menu.active {
    display: block;
  }
  .header .menu.active body {
    overflow: hidden;
  }
  .header .menu .gnb {
    position: absolute;
    top: -0.59375rem;
    right: 0;
    width: 90%;
    height: 100vh;
    padding-top: 3.75rem;
    background-image: url(../img/menu_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    overflow: scroll;
  }
  .header .menu .gnb ul > li {
    margin-top: -0.0625rem;
  }
  .header .menu .gnb ul > li > ul li.accordion, .header .menu .gnb ul > li > ul li.gnb_accordion {
    font-size: 1rem;
    font-weight: 800;
    padding: 0.84375rem 1.25rem;
  }
  .header .menu .gnb ul > li > ul li.accordion.active, .header .menu .gnb ul > li > ul li.gnb_accordion.active {
    color: #00afb5;
  }
  .header .menu .gnb ul > li > ul li.accordion.gnb_accordion + .gnb_panel, .header .menu .gnb ul > li > ul li.accordion.gnb_accordion + .panel {
    max-height: 100vh !important;
    display: none !important;
  }
  .header .menu .gnb ul > li > ul li.accordion.gnb_accordion.active + .gnb_panel, .header .menu .gnb ul > li > ul li.accordion.gnb_accordion.active + .panel {
    display: block !important;
  }
  .header .menu .gnb ul > li > ul li.panel, .header .menu .gnb ul > li > ul li.gnb_panel {
    padding: 0 2.5rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li:first-child, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li:first-child {
    padding-top: 0.625rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li:last-child, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li:last-child {
    padding-bottom: 0.625rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li a, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li a {
    padding: 0.625rem 0;
    display: block;
    width: 100%;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li strong + a, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li strong + a {
    width: calc(100% - 0.9375rem);
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li strong + a ~ a, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li strong + a ~ a {
    padding-left: 1.25rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul.esg-nav li strong ~ a, .header .menu .gnb ul > li > ul li.gnb_panel > ul.esg-nav li strong ~ a {
    padding: 0.625rem 0 0.625rem 0.625rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul li, .header .menu .gnb ul > li > ul li.gnb_panel > ul li {
    font-size: 0.875rem;
  }
  .header .menu .gnb ul > li > ul li.panel > ul li a, .header .menu .gnb ul > li > ul li.gnb_panel > ul li a {
    padding-top: 1.25rem;
    display: block;
  }
  .header .menu .gnb ul > li > ul li.panel > ul li a:last-child, .header .menu .gnb ul > li > ul li.gnb_panel > ul li a:last-child {
    padding-bottom: 1.25rem;
  }
  .header .menu .gnb .box-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .header .menu .gnb .box-list ul li {
    background-color: rgba(0, 0, 0, 0.8);
    border: 0.0625rem solid rgba(255, 255, 255, 0.4);
    padding: 0.875rem 0;
    margin-left: -0.0625rem;
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .header .menu .gnb .box-list ul li:first-child {
    margin: 0;
  }
  .header .menu .gnb .box-list ul li a {
    display: block;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
  }
  .header .menu .gnb .box-list ul.three-dept li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
  }
  .header .menu .gnb .box-list ul.two-dept {
    margin-top: -0.0625rem;
  }
  .header .menu .gnb .box-list ul.two-dept li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .w-100 {
    width: 100%;
  }
  .section {
    width: 100%;
  }
  .section .wrapper {
    margin: 0 1.25rem;
  }
  .section .wrapper .promise {
    text-align: left;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.5;
    color: #555555;
    padding: 0.9375rem 0 4rem;
  }
  .section .wrapper.mobile-tab-content {
    display: none;
  }
  .section .wrapper.mobile-tab-content.current {
    display: block;
  }
  .section.section-margin {
    margin-bottom: 6.25rem;
  }
  img {
    max-width: 100%;
  }
  .fc-primary {
    color: #00afb5;
  }
  .text-center {
    text-align: center;
  }
  .management-philosophy {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-top: 2.5rem;
    text-align: center;
  }
  .management-philosophy .management-philosophy-title {
    color: #086164;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.025rem;
  }
  .management-philosophy .management-philosophy-txt {
    font-size: 1.0625rem;
    margin-top: 0.625rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.025rem;
  }
  .card-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: 6.25rem;
  }
  .card-content-wrap > div {
    width: 100%;
  }
  .card-content-wrap > div:not(:first-child) {
    margin-top: 1.875rem;
  }
  .card-content-wrap > div h4 {
    color: #ffffff;
    padding: 1.25rem;
    font-size: 1.0625rem;
    line-height: 1;
    margin: 0;
    font-weight: 500;
    border-radius: 0.625rem;
  }
  .card-content-wrap > div h5 {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1;
  }
  .card-content-wrap > div .border-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5rem 1rem;
    border-radius: 0.625rem;
    margin-top: 0.75rem;
    border-width: 0.03125rem;
    border-style: solid;
    min-height: calc(100% - 2.375rem);
  }
  .card-content-wrap > div .border-box .cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
  .card-content-wrap > div .border-box .cont + .cont {
    margin-top: 0.625rem;
    padding-top: 0.625rem;
    border-top: 0.0625rem solid #E8E8E8;
  }
  .card-content-wrap > div .border-box .cont ul {
    display: block;
    margin-top: 0.6875rem;
  }
  .card-content-wrap > div .border-box .cont ul li {
    text-align: left;
    height: unset;
    background-color: unset;
    border: unset;
    padding-left: 0.28125rem;
    color: #333333;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
  }
  .card-content-wrap > div .border-box .cont ul li::before {
    content: "";
    width: 0.09375rem;
    height: 0.09375rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.5rem;
    background-color: #333333;
  }
  .card-content-wrap > div .border-box .cont ul li + li {
    margin-top: 0.3125rem;
  }
  .card-content-wrap > div.mint h4 {
    background-color: #00AFB5;
  }
  .card-content-wrap > div.mint h5 {
    color: #00AFB5;
  }
  .card-content-wrap > div.mint .border-box {
    border-color: #00AFB5;
  }
  .card-content-wrap > div.blue h4 {
    background-color: #5A84BD;
  }
  .card-content-wrap > div.blue h5 {
    color: #5A84BD;
  }
  .card-content-wrap > div.blue .border-box {
    border-color: #5A84BD;
  }
  .card-content-wrap > div.navi h4 {
    background-color: #2F3C69;
  }
  .card-content-wrap > div.navi h5 {
    color: #2F3C69;
  }
  .card-content-wrap > div.navi .border-box {
    border-color: #2F3C69;
  }
  .h3-subTit {
    padding: 0 1.25rem;
  }
  .mb-200 {
    margin-bottom: 6.25rem !important;
  }
  .course {
    padding-top: 4.6875rem;
    text-align: left;
  }
  .course + .course {
    margin-bottom: 6.25rem;
  }
  .course.type2 {
    text-align: left;
  }
  .course.type2 .course-title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .course.type2 .course-txt {
    margin-top: 1.875rem;
  }
  .course.type2 ol.course-list {
    margin-top: 3.125rem;
    border-top: 0.03125rem solid #D9D9D9;
  }
  .course.type2 ol.course-list li::before {
    line-height: 1.5;
  }
  .course.type2 ol.course-list li .c-con {
    margin-top: 0;
  }
  .course .course-title {
    color: #000;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.025rem;
  }
  .course ol.course-list {
    margin-top: 1.09375rem;
    border-top: 0.0625rem solid #000;
    display: block;
    counter-reset: number;
  }
  .course ol.course-list li {
    padding-left: 2.625rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.03125rem solid #D9D9D9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
    font-size: 0.8125rem;
  }
  .course ol.course-list li::before {
    position: absolute;
    counter-increment: number;
    content: "제" counter(number) "조";
    top: 1.625rem;
    left: 0;
    color: #00AFB5;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 22px */
  }
  .course ol.course-list li .c-title {
    color: #555;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1;
  }
  .course ol.course-list li .c-con {
    margin-top: 0.8125rem;
    color: #555;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course ol.course-list2 {
    margin-top: 0;
    border-top: 0.03125rem solid #D9D9D9;
    counter-reset: number;
  }
  .course ol.course-list2 li {
    padding: 1.25rem 0;
    border-bottom: 0.03125rem solid #D9D9D9;
  }
  .course ol.course-list2 li .c-title {
    color: #555;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #00AFB5;
    line-height: 1.5;
  }
  .course ol.course-list2 li .c-title::before {
    counter-increment: number;
    content: "제" counter(number) "조 ";
    color: #00AFB5;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
  }
  .course ol.course-list2 li .c-con {
    margin-top: 0.75rem;
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course .course-list {
    margin-top: 1.09375rem;
    border-top: 0.0625rem solid #000;
    display: block;
  }
  .course .course-list li {
    text-align: left;
    background-color: unset;
    height: unset;
    border-bottom: 0.03125rem solid #D9D9D9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .course .course-list li .c-list {
    display: block;
    margin-top: 0.375rem;
  }
  .course .course-list li .c-list li {
    position: relative;
    background-color: unset;
    height: unset;
    border: 0;
    color: #555;
    font-size: 0.6875rem;
    font-weight: 300;
    line-height: 1.8;
    padding: 0 0 0 0.28125rem;
    text-align: left;
  }
  .course .course-list li .c-list li::before {
    content: "";
    width: 0.09375rem;
    height: 0.09375rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.4375rem;
    background-color: #333333;
  }
  .course .course-txt {
    margin-top: 0.625rem;
    color: #555;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.025rem;
  }
  .course .certificate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .course .certificate.type2 > div {
    width: unset;
  }
  .course .certificate.type2 > div:first-child {
    text-align: center;
    padding-right: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  .course .certificate.type2 ul {
    display: block;
    text-align: left;
    margin-top: 0.6875rem;
    margin: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 1rem;
  }
  .course .certificate.type2 ul li {
    text-align: left;
    height: unset;
    background-color: unset;
    border: unset;
    padding-bottom: 0.3125rem;
    padding-top: 0;
    padding-left: 0.28125rem;
    color: #333333;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
  }
  .course .certificate.type2 ul li::before {
    content: "";
    width: 0.09375rem;
    height: 0.09375rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.3125rem;
    background-color: #333333;
  }
  .course .certificate.type2 ul li + li {
    margin-top: 0.3125rem;
  }
  .course .certificate > div {
    width: 100%;
  }
  .course .certificate > div:first-child {
    padding-right: 1.375rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .course .certificate > div.certificate-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .course .certificate > div.certificate-image img {
    max-width: calc((100% - 0.9375rem) / 2);
  }
  .course .certificate > div.certificate-image img + img {
    margin-left: 0.9375rem;
  }
  .course .certificate .certificate-title {
    color: #555;
    font-size: 0.75rem;
    margin-top: 0.75rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .course .certificate .certificate-con {
    margin-top: 0.75rem;
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .course ul li {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .course ul li .c-title {
    color: #00AFB5;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
  }
  .course ul li .c-con {
    margin-top: 0.375rem;
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .image-box {
    padding-top: 1.0625rem;
  }
  .image-box img {
    width: 100%;
  }
  .carousel-gallery .swiper {
    width: 100%;
    padding-bottom: 1.875rem;
    position: relative;
  }
  .carousel-gallery .swiper .swiper-slide {
    text-align: center;
    font-size: 1.125rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .carousel-gallery .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .carousel-gallery .swiper .swiper-pagination {
    top: unset;
    bottom: 0;
  }
  .carousel-gallery .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #D9D9D9;
  }
  .carousel-gallery .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #00AFB5;
  }
  .carousel-gallery .swiper-button-prev, .carousel-gallery .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: transparent;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.15625rem;
  }
  .carousel-gallery .swiper-button-prev {
    background-image: url(../img/icon-prev.png);
  }
  .carousel-gallery .swiper-button-next {
    background-image: url(../img/icon-next.png);
  }
  .esg-page-link {
    height: 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 6.25rem;
    border: 0.03125rem solid #E8E8E8;
  }
  .esg-page-link a {
    margin-left: 1rem;
    color: #00AFB5;
    text-decoration: underline;
  }
  .adverse-cases-report {
    margin-top: -1.875rem;
    text-align: left;
  }
  .adverse-cases-report .title {
    padding-top: 3.125rem;
    color: #000;
    font-size: 1.0625rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .adverse-cases-report .title .desc {
    margin-left: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 400;
    color: #00AFB5;
  }
  .adverse-cases-report .adverse-cases-report-info {
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 1rem;
    padding-top: 1.3125rem;
    border-top: 0.03125rem solid #000;
  }
  .adverse-cases-report .report-info {
    margin-top: 1rem;
  }
  .agree-wrap {
    position: relative;
    overflow: hidden;
  }
  .agree-wrap .agree-title {
    padding: 1.875rem 0 0.625rem;
    color: 0;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1;
  }
  .agree-wrap .agree-text-wrap {
    border-top: 0.0625rem solid #e8e8e8;
    border-bottom: 0.0625rem solid #e8e8e8;
    padding: 1.3125rem 0;
    background-color: #ffffff;
    color: #555;
    height: calc(100vh - 15.625rem);
  }
  .agree-wrap .agree-text-wrap .agree-text {
    font-size: 0.8125rem;
    line-height: 1.5;
    font-weight: 300;
    max-height: calc(100vh - 9.375rem);
    max-height: calc(100vh - 9.375rem);
    padding: 0 0.9375rem;
    overflow-y: auto;
  }
  .agree-wrap .agree-text-wrap .agree-text .text-title {
    margin-top: 1.03125rem;
    font-weight: 300;
  }
  .agree-wrap .agree-text-wrap .agree-text .agree-desc {
    margin-top: 0.3125rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol {
    counter-reset: number;
    margin-top: 0.9375rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li {
    padding-left: 1.125rem;
    position: relative;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li + li {
    margin-top: 0.3125rem;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li::before {
    position: absolute;
    top: 0.1875rem;
    left: 0;
    counter-increment: number;
    content: counter(number);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 0.6875rem;
    height: 0.6875rem;
    font-size: 0.625rem;
    text-align: center;
    border: 0.03125rem solid #555;
    border-radius: 50%;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li ul li {
    height: auto;
    background-color: unset;
    display: block;
    border: unset;
    text-align: left;
    line-height: 1.5;
    padding-left: 0.625rem;
    position: relative;
  }
  .agree-wrap .agree-text-wrap .agree-text ol > li ul li::before {
    position: absolute;
    content: "-";
    top: 0;
    left: 0;
  }
  .agree-wrap input[type=checkbox] {
    width: 1;
    height: 1;
    position: absolute;
    left: -3.125rem;
  }
  .agree-wrap input[type=checkbox]:checked + .agree-check::before {
    background-image: url(../img/agree-check-on.png);
  }
  .agree-wrap .agree-set {
    margin-top: 1rem;
    padding-top: 1rem;
  }
  .agree-wrap .agree-set:not(:first-child) {
    border-top: 0.0625rem solid #e8e8e8;
  }
  .agree-wrap .agree-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0.5625rem;
    padding-left: 1.875rem;
    font-size: 0.8125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.5rem;
    position: relative;
  }
  .agree-wrap .agree-check::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/agree-check-off.png);
  }
  .agree-wrap .btn-show-agree-text {
    margin: 0.75rem 0 0 2rem;
    padding: 0.875rem 1.125rem;
    border: 0.0625rem solid #D9D9D9;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #555;
    background-color: #fff;
  }
  body.popup-open {
    overflow: hidden;
  }
  .agree-err {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
  }
  .agree-err.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .agree-err .message-window {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    background-color: #fff;
    height: auto;
    padding: 1.875rem 1.875rem;
    text-align: center;
    white-space: nowrap;
  }
  .agree-err .message-window .message {
    color: #333333;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 1.875rem;
  }
  .close-box-button {
    color: #333;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    padding: 1.25rem 3.75rem;
    border: 0.0625rem solid #000000;
    background-color: #ffffff;
    margin-top: 0.9375rem;
  }
  .agree-wrap .agree-show {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
  }
  .agree-wrap .agree-show.active {
    display: block;
  }
  .agree-wrap .agree-show .agree-show-text {
    position: absolute;
    width: calc(100vw - 3.75rem);
    height: calc(100vh - 2.5rem);
    background-color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 0.25rem;
    padding: 0 1.25rem;
  }
  .agree-wrap .agree-show .agree-show-text .popup-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #333333;
    padding: 0.75rem 0 0.625rem;
  }
  .agree-wrap .agree-show .agree-show-text .popup-body {
    overflow-y: auto;
  }
  .background-banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .background-banner.slide-banner-01 {
    background-image: url(../img/main01.jpg);
    height: 100vh;
  }
  .background-banner.slide-banner-02 {
    background-image: url(../img/main02.jpg);
    height: 100vh;
  }
  .background-banner.slide-banner-03 {
    background-image: url(../img/main03.jpg);
    height: 100vh;
  }
  .background-banner.slide-banner-04 {
    background-image: url(../img/main04.jpg);
    height: 100vh;
  }
  .background-banner.about-us-banner {
    background-image: url(../img/menu01.png);
    height: 18.75rem;
    background-position: right;
  }
  .background-banner.our-business-banner {
    background-image: url(../img/m_our_business_banner.png);
    height: 11.875rem;
  }
  .background-banner.our-products-banner {
    background-image: url(../img/m_our_products_banner.png);
    height: 18.75rem;
  }
  .background-banner.recruit-banner {
    background-image: url(../img/m_recruit_banner.png);
    height: 11.875rem;
  }
  .background-banner.csr-banner {
    background-image: url(../img/m_crs_banner.png);
    height: 11.875rem;
  }
  .background-banner.esg-banner {
    background-image: url(../img/m_esg_banner.png);
    height: 11.875rem;
  }
  .background-banner.overview-banner {
    background-image: url(../img/m_overview_banner.png);
    height: 11.875rem;
  }
  .background-banner.story-banner {
    background-image: url(../img/m_samil_story_banner.png);
    height: 11.875rem;
  }
  .background-banner.sub-products_banner {
    background-image: url(../img/m_products_banner.png);
    height: 20rem;
  }
  .background-banner.recruit-banner-01 {
    background-image: url(../img/recruit_banner_01.png);
    height: 100vh;
  }
  .background-banner.recruit-banner-02 {
    background-image: url(../img/recruit_banner_02.png);
    height: 40rem;
    background-position: 35%;
  }
  .background-banner.recruit-banner-03 {
    background-image: url(../img/recruit_banner_03.png);
    height: 40rem;
  }
  .background-banner.recruit-banner-04 {
    background-image: url(../img/recruit_banner_04.png);
    height: 40rem;
    background-position: 60%;
  }
  .background-banner.sub-recruit-banner {
    background-image: url(../img/m_sub_recruit_banner.png);
    height: 20rem;
  }
  .background-banner.business-banner {
    background-image: url(../img/m_business-banner.png);
    height: 20rem;
  }
  .background-banner.footer-banner {
    background-image: url(../img/footer_banner.png);
    background-position: 70%;
    height: 20rem;
  }
  .background-banner.about-banner {
    background-image: url(../img/m_about_us_banner.png);
    height: 20rem;
  }
  .background-banner.csr_sub_banner {
    background-image: url(../img/m_crs_sub_banner.png);
    height: 20rem;
  }
  .background-banner.ir-banner {
    background-image: url(../img/overview-banner.png);
    height: 20rem;
  }
  .accordion, .lnb-accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .panel {
    display: none;
    overflow: hidden;
  }
  .panel a {
    display: block;
  }
  .border-type-accordion .accordion, .border-type-accordion .lnb-accordion {
    border-top: 0.0625rem solid #dddddd;
    border-bottom: 0.0625rem solid #dddddd;
  }
  .border-type-accordion .panel {
    background-color: #f8f8f9;
  }
  .has-arrow-accordion .accordion, .has-arrow-accordion .lnb-accordion {
    position: relative;
  }
  .has-arrow-accordion .accordion:after, .has-arrow-accordion .accordion:before, .has-arrow-accordion .lnb-accordion:after, .has-arrow-accordion .lnb-accordion:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    right: 2.1875rem;
    width: 0.90625rem;
    height: 0.0625rem;
    background-color: #000000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .has-arrow-accordion .accordion:before, .has-arrow-accordion .lnb-accordion:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 2.8125rem;
  }
  .has-arrow-accordion .accordion.active:after, .has-arrow-accordion .lnb-accordion.active:after {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .has-arrow-accordion .accordion.active:before, .has-arrow-accordion .lnb-accordion.active:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .has-arrow-accordion.arrow-oneline .accordion.active:after, .has-arrow-accordion.arrow-oneline .accordion.active:before, .has-arrow-accordion.arrow-oneline .lnb-accordion.active:after, .has-arrow-accordion.arrow-oneline .lnb-accordion.active:before {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .align-accordion .accordion, .align-accordion .lnb-accordion {
    margin-top: -0.0625rem;
  }
  .has-mapping-accordion .accordion, .has-mapping-accordion .lnb-accordion {
    position: relative;
  }
  .has-mapping-accordion .accordion:after, .has-mapping-accordion .lnb-accordion:after {
    content: "";
    background-image: url(../img/icon_site_off);
    position: absolute;
    right: 0;
    width: 2rem;
    height: 1.40625rem;
  }
  .title {
    font-size: 1.75rem;
    font-weight: bold;
  }
  .title.has-after-line {
    margin: 3.125rem 0 4.6875rem 0;
    text-align: center;
    position: relative;
  }
  .title.has-after-line:after {
    content: "";
    position: absolute;
    top: 3.4375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0.09375rem;
    height: 1.5625rem;
    background-color: #00afb5;
  }
  .title.under-line-type {
    position: relative;
    display: inline-block;
    font-size: 1.5625rem;
    margin-top: 3.125rem;
    z-index: 1;
  }
  .title.under-line-type:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.625rem;
    background-color: #00afb5;
    width: 100%;
    height: 0.3125rem;
    z-index: -1;
  }
  .sub-title {
    font-size: 1.0625rem;
    font-weight: 300;
  }
  .sub-title.bold-type {
    font-weight: 500;
  }
  .sub-title.has-border {
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #000000;
  }
  .date-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5625rem;
  }
  .date-title span {
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 300;
    color: #555555;
  }
  .date-title.has-margin {
    margin-top: 3.125rem;
  }
  .background-banner .banner-title {
    padding-top: 9.3125rem;
    text-align: center;
  }
  .background-banner .banner-title h1 {
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
  }
  .background-banner .banner-title p {
    font-size: 0.875rem;
    color: #ffffff;
  }
  .search-info {
    font-size: 1rem;
    font-weight: bold;
  }
  .search-info span {
    font-size: 0.6875rem;
    margin-left: 0.5625rem;
    color: #555555;
  }
  .sub .title h2 {
    margin-top: 3.125rem;
    font-size: 1.125rem;
    font-weight: light;
  }
  .sub .title .info {
    margin-top: 1.25rem;
    margin-bottom: 2.1875rem;
    font-size: 0.75rem;
    color: #555555;
  }
  .sub .title .info span {
    margin-left: 0.625rem;
  }
  .sub .title:after {
    display: none;
  }
  .table-title {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    margin-bottom: 0.9375rem;
    margin-top: 2.5rem;
  }
  .tab-title {
    position: relative;
    display: inline-block;
    font-weight: 1.25rem;
    font-weight: 500;
    z-index: 1;
  }
  .tab-title:after {
    content: "";
    position: absolute;
    bottom: 0.3125rem;
    left: 0;
    background-color: #00afb5;
    width: 100%;
    height: 0.25rem;
    z-index: -1;
  }
  .lnb .accordion, .lnb .lnb-accordion {
    font-size: 1rem;
    font-weight: 800;
    color: #00afb5;
    padding: 0.71875rem 0;
    border-bottom: 0.0625rem solid #000000;
  }
  .lnb .accordion:before, .lnb .lnb-accordion:before {
    right: 0.8125rem;
  }
  .lnb .accordion:after, .lnb .lnb-accordion:after {
    right: 0.125rem;
  }
  .lnb .panel a {
    padding: 1.40625rem 1.1875rem;
  }
  .has-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .has-tab .lnb,
  .has-tab .innerTab-tab {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .has-tab .lnb {
    margin-right: 1.3125rem;
    position: relative;
  }
  .has-tab .lnb .panel {
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .has-tab .innerTab-tab .select {
    position: relative;
  }
  .has-tab .innerTab-tab .select input {
    width: 100%;
    font-size: 1rem;
    font-weight: 800;
    color: #00afb5;
    padding: 0.71875rem 0;
    border-bottom: 0.0625rem solid #000000;
  }
  .has-tab .innerTab-tab .select:after, .has-tab .innerTab-tab .select:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    right: 0.125rem;
    width: 0.90625rem;
    height: 0.0625rem;
    background-color: #000000;
  }
  .has-tab .innerTab-tab .select:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 0.8125rem;
  }
  .has-tab .innerTab-tab .select.on:after {
    top: 1.4375rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .has-tab .innerTab-tab .select.on:before {
    top: 1.4375rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .has-tab .innerTab-tab .select .option {
    background-color: #f8f8f9;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .has-tab .innerTab-tab .select .option a {
    display: block;
    padding: 1.40625rem 1.1875rem;
  }
  .search-bar {
    position: relative;
    margin-top: 1.875rem;
  }
  .search-bar input {
    width: 100%;
    height: 3.125rem;
    padding: 0.9375rem 1.5625rem;
  }
  .search-bar a {
    position: absolute;
    right: 0.8125rem;
    top: 0.6875rem;
  }
  .search-bar.border-type input {
    border: 0.1875rem solid #00afb5;
  }
  .search-bar.round-type input {
    background-color: #f4f4f4;
    border-radius: 0.3125rem;
  }
  .total {
    margin-top: 2.1875rem;
    margin-bottom: 0.875rem;
  }
  .box-banner {
    border: 0.0625rem solid #e2e2e2;
  }
  .box-banner.none-board {
    border: unset;
  }
  .box-banner.bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .box-banner.round-type {
    border-radius: 0.4375rem;
  }
  .box-banner.header-type {
    border: none;
    border-top: 0.125rem solid #000000;
  }
  .tag {
    display: inline-block;
    width: 2.5rem;
    font-size: 0.75rem;
    text-align: center;
    border-radius: 1.25rem;
    border: 0.0625rem solid #000000;
  }
  .tag.white-tag {
    border: 0.0625rem solid #00afb5;
    background-color: #ffffff;
    color: #00afb5;
  }
  .tag.primary-tag {
    border: 0.0625rem solid #00afb5;
    background-color: #00afb5;
    color: #ffffff;
  }
  .tag.blue-tag {
    border: 0.0625rem solid #5a84bd;
    background-color: #5a84bd;
    color: #ffffff;
  }
  .paging {
    margin-top: 2.1875rem;
  }
  .paging ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .paging ul li {
    position: relative;
    border: 0.0625rem solid #e8e8e8;
    border-right: unset;
    text-align: center;
  }
  .paging ul li:last-child {
    border-right: 0.0625rem solid #e8e8e8;
  }
  .paging ul li a {
    display: block;
    width: 2.1875rem;
    height: 2.0625rem;
    line-height: 2.0625rem;
    font-size: 0.6875rem;
  }
  .paging ul li.prev, .paging ul li.next {
    text-indent: -9999px;
  }
  .paging ul li.prev:after {
    content: "";
    background-image: url(../img/icon_prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0.25rem;
    height: 0.375rem;
  }
  .paging ul li.next:after {
    content: "";
    background-image: url(../img/icon_next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 0.25rem;
    height: 0.375rem;
  }
  .paging ul li.on a {
    color: #00afb5;
  }
  .btn {
    display: inline-block;
    width: 2.5rem;
    text-align: center;
    padding: 0.5625rem 0;
    font-size: 0.875rem;
    font-weight: 400;
    border: 0.0625rem solid #000000;
  }
  .btn.round-type {
    border-radius: 0.15625rem;
  }
  .btn.black-transparent-type {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
  }
  .btn.wide-type {
    width: 8.3125rem;
    padding: 0.5625rem 0;
  }
  .btn.has-arrow {
    position: relative;
  }
  .btn.has-arrow:after {
    content: "";
    background-image: url(../img/icon_white_arrow.png);
    position: absolute;
    right: 0.5625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.5rem;
    height: 0.9375rem;
  }
  .btn.la-type {
    width: 9.375rem;
    padding: 0.875rem;
  }
  .agree-button {
    padding-top: 3.125rem;
    text-align: center;
  }
  .btn-agree {
    padding: 1.25rem;
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
    background-color: #00AFB5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.125rem;
  }
  .btn-agree .icon {
    margin-right: 0.25rem;
  }
  .btn-alert {
    padding: 0.625rem 1.875rem;
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 600;
    background-color: #00AFB5;
    border: 0;
  }
  .icon_search {
    background-image: url(../img/icon_search.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.78125rem;
    height: 0.75rem;
  }
  .icon_change_arrow {
    background-image: url(../img/icon_change_arrow.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.4375rem;
    height: 0.375rem;
  }
  .icon_plus {
    background-image: url(../img/icon_plus.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.875rem;
    height: 0.84375rem;
  }
  .icon_circle_plus {
    background-image: url(../img/icon_circleplus.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.8125rem;
    height: 0.8125rem;
  }
  .icon_download {
    background-image: url(../img/icon_download.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.59375rem;
    height: 0.59375rem;
  }
  .icon_mail {
    background-image: url(../img/icon_mail.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.875rem;
    height: 0.65625rem;
  }
  .icon_triangle {
    background-image: url(../img/icon_triangle.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1.5625rem;
  }
  .icon_primary_plus {
    background-image: url(../img/icon-plus.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.75rem;
    height: 0.75rem;
  }
  .icon-globe {
    background-image: url(../img/icon-globe.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1rem;
  }
  .icon-download {
    background-image: url(../img/icon_download.png);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.25rem;
    height: 1.25rem;
  }
  table td {
    text-align: left;
  }
  table.table {
    width: 100%;
  }
  table.table tr th,
  table.table tr td {
    font-size: 0.875rem;
    height: 2.5rem;
  }
  table.table tr td {
    color: #555555;
  }
  table.border-type tr th,
  table.border-type tr td {
    border: 0.0625rem solid #e8e8e8;
  }
  table.header-black tr th {
    border-top: 0.125rem solid #000000;
    border-bottom: 0.0625rem solid #000000;
  }
  table.center-table tr th, table.center-table tr td {
    text-align: center;
  }
  table.has-bg tr td {
    background-color: #f7f7f7;
  }
  table.esg-table {
    position: relative;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    border-collapse: collapse;
  }
  table.esg-table.type2 {
    border-bottom: 0;
  }
  table.esg-table::before, table.esg-table::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }
  table.esg-table::before {
    left: -0.0625rem;
  }
  table.esg-table::after {
    right: -0.0625rem;
  }
  table.esg-table th {
    color: #555;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
  }
  table.esg-table td {
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
  table.esg-table thead tr th {
    text-align: center;
  }
  table.esg-table tbody tr th, table.esg-table tbody tr td {
    border: 0.03125rem solid #E8E8E8;
    padding: 1.375rem;
  }
  table.esg-table tbody tr th {
    background-color: #F7F7F7;
  }
  table.esg-table tbody tr td ul {
    margin-top: 0.6875rem;
  }
  table.esg-table tbody tr td ul.dot-list {
    display: block;
    margin: 0;
    padding-top: 0.3125rem;
  }
  table.esg-table tbody tr td ul.dot-list li {
    text-align: left;
    height: auto;
    background-color: unset;
    border: unset;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0.5625rem;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    color: #555;
    padding-bottom: 0.3125rem;
  }
  table.esg-table tbody tr td ul.dot-list li::before {
    content: "";
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.4375rem;
    background-color: #333333;
  }
  table.report-table {
    width: 100%;
    border-top: 0.03125rem solid #000;
    border-bottom: 0.03125rem solid #000;
  }
  table.report-table tbody tr:not(:first-child) th, table.report-table tbody tr:not(:first-child) td {
    border-top: 0.03125rem solid #E8E8E8;
  }
  table.report-table tbody tr th, table.report-table tbody tr td {
    padding: 0.625rem;
    font-size: 0.75rem;
  }
  table.report-table tbody tr th {
    background-color: #F7F7F7;
    text-align: center;
  }
  table.report-table tbody tr td ul {
    margin-top: 0.6875rem;
  }
  table.report-table tbody tr td ul.dot-list {
    display: block;
    margin: 0;
    padding-top: 0.3125rem;
  }
  table.report-table tbody tr td ul.dot-list li {
    text-align: left;
    height: auto;
    background-color: unset;
    border: unset;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0.28125rem;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    position: relative;
    color: #555;
    padding-bottom: 0.3125rem;
  }
  table.report-table tbody tr td ul.dot-list li::before {
    content: "";
    width: 0.09375rem;
    height: 0.09375rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.375rem;
    background-color: #333333;
  }
  .scroll-table {
    overflow-X: scroll;
  }
  .scroll-table table {
    min-width: 75rem;
  }
  .esg-content-wrap {
    padding-bottom: 6.25rem;
  }
  .table-desc {
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
  }
  .table-desc + .esg-table {
    margin-top: 1.125rem;
  }
  .table-content .table-title {
    padding-top: 3.125rem;
    text-align: left;
  }
  .table-content .table-title + .esg-table {
    margin-top: 1.125rem;
  }
  .table-content .esg-table {
    border-bottom: 0;
  }
  .table-content .esg-table thead tr th, .table-content .esg-table thead tr td, .table-content .esg-table tbody tr th, .table-content .esg-table tbody tr td {
    padding: 0.5rem;
    border-left: 0;
    border-right: 0;
    font-size: 0.8125rem;
  }
  .table-content .esg-table thead tr th {
    font-weight: 400;
  }
  .table-content .esg-table tbody tr td {
    font-weight: 300;
  }
  .table-desc {
    color: #555;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1;
  }
  .table-content .table-title {
    padding-top: 3.125rem;
    text-align: left;
  }
  .table-content .table-title + .esg-table {
    margin-top: 1.125rem;
  }
  .table-content .esg-table {
    border-bottom: 0;
  }
  .table-content .esg-table thead tr th, .table-content .esg-table thead tr td, .table-content .esg-table tbody tr th, .table-content .esg-table tbody tr td {
    padding: 0.5rem;
    border-left: 0;
    border-right: 0;
    font-size: 0.6875rem;
  }
  .table-content .esg-table thead tr th {
    font-weight: 400;
  }
  .table-content .esg-table tbody tr td {
    font-weight: 300;
  }
  .scroll-x {
    overflow-x: auto;
  }
  .scroll-x .esg-table {
    width: 100%;
  }
  .table-list {
    border-top: 0.0625rem solid #000000;
    border-bottom: 0.0625rem solid #000000;
  }
  .table-list > ul > li {
    border-bottom: 0.0625rem solid #e8e8e8;
  }
  .table-list > ul > li ul {
    padding: 1.5rem 0.9375rem;
  }
  .table-list > ul > li a ul {
    padding: 1.5rem 0.9375rem;
  }
  .table-list.notice ul li a ul li.category, .table-list.notice ul li a ul li.number {
    padding-bottom: 0.3125rem;
    font-size: 0.75rem;
    color: #00afb5;
  }
  .table-list.notice ul li a ul li.number {
    float: left;
    padding-right: 1.25rem;
  }
  .table-list.notice ul li a ul li.list-title {
    font-size: 0.9375rem;
    color: #000000;
  }
  .table-list.notice ul li a ul li.date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.625rem;
  }
  .table-list.notice ul li a ul li.date .dead-day,
  .table-list.notice ul li a ul li.date .insert-day {
    font-size: 0.75rem;
    color: #111111;
    font-weight: 300;
  }
  .table-list.notice ul li a ul li.date .dead-day span,
  .table-list.notice ul li a ul li.date .insert-day span {
    color: #555555;
    margin-left: 0.53125rem;
  }
  .table-list.notice ul li a ul li.date .dead-day {
    margin-right: 1.5625rem;
  }
  .table-list.notice-details ul li ul li.list-title {
    font-size: 0.875rem;
  }
  .table-list.notice-details ul li ul li.info {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    color: #555555;
  }
  .table-list.upload-list ul li.list-title {
    font-size: 0.9375rem;
    line-height: 2.5rem;
  }
  .table-list.upload-list ul li.date {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #555555;
  }
  .table-list.upload-list ul li.pdf {
    position: relative;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    color: #555555;
    margin-top: 1.25rem;
  }
  .table-list.upload-list ul li.pdf .box-banner {
    padding: 0.5625rem 0;
  }
  .table-list.upload-list ul li.pdf:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25.3333333333vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../img/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0.96875rem;
    height: 0.96875rem;
  }
  .table-list.upload-list ul li.pdf a {
    display: block;
  }
  .table-list.primary-type {
    border-top: 0.0625rem solid #00afb5;
    border-bottom: 0.0625rem solid #00afb5;
  }
  .table-list.primary-type > ul > li {
    border-bottom: 0.0625rem solid #00afb5;
  }
  .table-list.primary-type > ul > li:last-child {
    border: none;
  }
  .circle-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 !important;
  }
  .circle-list ul li {
    position: relative;
    width: 20vw;
    height: 20vw;
    line-height: 20vw;
    background-color: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    font-size: 0.875rem;
    margin-right: 8vw;
  }
  .circle-list ul li:nth-child(3) {
    margin: 0;
  }
  .circle-list ul li:nth-child(3):after {
    display: none;
  }
  .circle-list ul li:nth-child(4), .circle-list ul li:nth-child(5) {
    margin-top: 0.75rem;
  }
  .circle-list ul li.on {
    background-color: #00afb5;
    color: #ffffff;
  }
  .circle-list ul li:after {
    content: "";
    background-image: url(../img/icon_next.png);
    position: absolute;
    top: 41%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    left: 25.3333333333vw;
    width: 0.5625rem;
    height: 0.6875rem;
  }
  .circle-list ul li:last-child:after {
    display: none;
  }
  .previous-next {
    margin-top: 3.125rem;
    margin-bottom: 2.1875rem;
    border-top: 0.125rem solid #000000;
    border-bottom: 0.0625rem solid #000000;
  }
  .previous-next ul li {
    padding: 1.5rem 0.9375rem;
    border-bottom: 0.0625rem solid #e8e8e8;
  }
  .previous-next ul li a {
    display: block;
  }
  .previous-next ul li.prev a, .previous-next ul li.next a {
    font-size: 0.8125rem;
    color: #000000;
  }
  .previous-next ul li.prev a p, .previous-next ul li.next a p {
    font-size: 0.875rem;
    color: #555555;
    margin-top: 0.75rem;
  }
  .graph {
    display: inline-block;
    height: 1.375rem;
    background: -webkit-gradient(linear, left top, right top, from(#06aed2), to(#30c4c9));
    background: linear-gradient(to right, #06aed2, #30c4c9);
    margin-left: 1.25rem;
  }
  .graph.max-width {
    width: 100%;
  }
  .graph.half-width {
    width: 50%;
  }
  .graph.size-400 {
    width: 25rem;
  }
  .graph.size-300 {
    width: 18.75rem;
  }
  .graph.size-100 {
    width: 6.25rem;
  }
  .modal-wrap {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal-wrap.is-visible {
    visibility: visible;
    opacity: 1;
  }
  .modal-wrap .modal {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 20rem;
    min-height: 13.59375rem;
    max-width: 100vw;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    padding: 1.5625rem 2.1875rem;
  }
  .modal-wrap .modal .title {
    position: relative;
  }
  .modal-wrap .modal .title h1 {
    font-size: 1.0625rem;
    font-weight: 500;
    border-bottom: 0.0625rem solid #000000;
    padding-bottom: 0.375rem;
  }
  .modal-wrap .modal .title .close-btn {
    position: absolute;
    right: -1rem;
    top: -1.25rem;
  }
  .modal-wrap .modal .title .close-btn img {
    width: 1.15625rem;
    height: 1.15625rem;
  }
  .modal-wrap .modal .content {
    padding-top: 1.3125rem;
    padding-right: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #555555;
  }
  .dot {
    position: relative;
    padding-left: 0.5rem;
  }
  .dot:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4375rem;
    width: 0.125rem;
    height: 0.125rem;
    background-color: #555555;
  }
  .innerTab-cont {
    display: none;
  }
  .innerTab-cont.current {
    display: block;
  }
  .content-tab.border-type ul li {
    border-top: 0.0625rem solid #00afb5;
  }
  .content-tab.border-type ul li:last-child {
    border-bottom: 0.0625rem solid #00afb5;
  }
  .content-tab.border-type ul li.current a {
    color: #00afb5;
    font-weight: 500;
  }
  .content-tab.border-type ul li a {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    padding: 0.9375rem 1.5625rem;
  }
  .content-cont {
    display: none;
  }
  .content-cont.current {
    display: block;
  }
  .select input {
    background-color: unset;
  }
  .select .option {
    display: none;
  }
  .select.on .option {
    display: block;
  }
  .content-title {
    font-size: 1rem;
    font-weight: 500;
  }
  .content-info {
    font-size: 0.6875rem;
    font-weight: 300;
    color: #555555;
  }
  .content-info.has-marign {
    margin-bottom: 1.5625rem;
  }
  .map-api {
    width: 100%;
    height: 12.5rem;
  }
  .map-api.has-margin {
    margin-bottom: 1.5625rem;
  }
  .text {
    color: #00afb5;
  }
  .dud {
    font-weight: 800;
  }
  .section.main {
    position: relative;
  }
  .section.main .slide-wrap {
    position: relative;
  }
  .section.main .slide-wrap .main-slide .slick-dots {
    margin-left: -0.9375rem;
  }
  .section.main .slide-wrap .main-slide .background-banner .wrapper {
    text-align: center;
    color: #ffffff;
  }
  .section.main .slide-wrap .main-slide .background-banner .wrapper .slide-title h1 {
    padding-top: 16.15625rem;
    font-size: 9.6vw;
    font-weight: bold;
  }
  .section.main .slide-wrap .main-slide .background-banner .wrapper .slide-title h1 div {
    font-weight: bold;
    padding-left: 6.6666666667vw;
  }
  .section.main .slide-wrap .main-slide .background-banner .wrapper p {
    padding-top: 0.46875rem;
    font-size: 0.875rem;
    font-weight: 400;
  }
  .section.main .slide-wrap .play-pause {
    position: absolute;
    bottom: 2.8125rem;
    right: 19.7333333333vw;
  }
  .section.main .slide-wrap .play-pause button {
    background-color: unset;
  }
  .section.main .wrapper .title {
    color: #ffffff;
    padding-bottom: 0.6875rem;
  }
  .section.main .wrapper .title h1 {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 2.03125rem;
  }
  .section.main .wrapper .title.black-type h1 {
    color: #000000;
  }
  .section.main .wrapper .info {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.125rem;
  }
  .section.main .about-us-banner .wrapper {
    padding-top: 10.78125rem;
  }
  .section.main .our-business-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .section.main .our-business-banner .wrapper {
    padding-top: 2.5rem;
  }
  .section.main .our-products-banner .wrapper {
    padding-top: 10.78125rem;
  }
  .section.main .our-products-banner .wrapper .info {
    color: #666666;
  }
  .section.main .recruit-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 0.78125rem;
  }
  .section.main .recruit-banner .wrapper {
    padding-top: 2.65625rem;
  }
  .section.main .csr-banner .wrapper {
    padding-top: 5.71875rem;
  }
  .section.main .csr-banner .wrapper .info {
    color: #666666;
  }
  .section.main .overview-banner .wrapper {
    padding-top: 5rem;
  }
  .section.main .overview-banner .wrapper .info {
    color: #666666;
  }
  .section.main .story-banner .wrapper {
    padding-top: 5rem;
  }
  .about-us .table-list {
    margin-top: 3.125rem;
  }
  .about-us .table-list ul li {
    padding: 1.78125rem 0;
  }
  .about-us .table-list ul li span {
    float: left;
    height: 3.75rem;
    font-size: 1.0625rem;
    margin-right: 0.53125rem;
  }
  .about-us .table-list ul li p {
    font-size: 0.6875rem;
    font-weight: 300;
  }
  .about-us .img-banner {
    margin-top: 1.875rem;
  }
  .about-us .policy-list {
    margin-top: 3.125rem;
  }
  .about-us .policy-list ul li {
    margin-top: 1.875rem;
  }
  .about-us .policy-list ul li .title {
    font-size: 0.6875rem;
    border-bottom: 0.0625rem solid #000000;
    padding-bottom: 0.1875rem;
    margin-bottom: 1.09375rem;
  }
  .about-us .policy-list ul .info {
    font-size: 0.6875rem;
    color: #555555;
    font-weight: 300;
  }
  .about-us .map-list li ul li.accordion {
    padding: 0.625rem 0;
  }
  .products .ad-banner {
    margin: 2.1875rem 0;
  }
  .products .ad-banner img {
    width: 100%;
  }
  .products .ad-banner img:first-child {
    margin-bottom: 0.9375rem;
  }
  .products .blue-bg {
    background-color: #5c8dcf;
    margin-bottom: 3.125rem;
  }
  .products .box-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 2.65625rem 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .products .box-list li {
    width: 27.4666666667vw;
    background-color: #ffffff;
    text-align: center;
    margin-right: 0.375rem;
    padding: 0.21875rem;
    cursor: pointer;
  }
  .products .box-list li:nth-child(4), .products .box-list li:nth-child(5), .products .box-list li:nth-child(6) {
    margin-top: 0.4375rem;
  }
  .products .box-list li:nth-child(3), .products .box-list li:nth-child(6) {
    margin-right: 0;
  }
  .products .box-list li:hover .hover-box {
    background-color: #97e5eb;
  }
  .products .box-list li:hover .hover-box a {
    color: #1076cd;
  }
  .products .box-list li .hover-box {
    background-color: #f4f4f4;
    padding: 0.875rem 0;
  }
  .products .box-list li a {
    display: block;
    font-weight: 400;
  }
  .products .box-list li a img {
    display: block;
    margin: auto;
    width: 2.6875rem;
    height: 2.5rem;
    margin-bottom: 0.9375rem;
  }
  .products .medicine-list {
    margin-top: 0.625rem;
  }
  .products .medicine-list li {
    width: 42.6666666667vw;
  }
  .products .medicine-list li:nth-child(even) {
    margin-left: -0.0625rem;
  }
  .products .medicine-list li a {
    display: block;
  }
  .products .medicine-list li a img {
    width: 100%;
  }
  .products .medicine-list li a p {
    font-size: 0.6875rem;
    color: #555555;
    text-align: center;
  }
  .products.sub .content {
    padding: 1.5rem 0.9375rem;
    color: #555555;
    font-size: 0.875rem;
  }
  .products.sub .content img {
    width: 100%;
  }
  .csr .csr-slider {
    width: 100%;
    height: auto;
    margin-bottom: 4.46875rem;
  }
  .csr .csr-slider img {
    width: 100%;
  }
  .csr .csr-slider .slick-next,
  .csr .csr-slider .slick-prev {
    top: 6.0625rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .csr .csr-slider .slick-next:before,
  .csr .csr-slider .slick-prev:before {
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.6875rem;
    height: 1.4375rem;
  }
  .csr .csr-accordion {
    margin-top: 2.78125rem;
  }
  .csr .csr-accordion .accordion {
    margin-top: -0.0625rem;
    font-size: 1rem;
    font-weight: 800;
    height: 3.25rem;
    padding: 0.875rem 0 2.1875rem 0.875rem;
  }
  .csr .csr-accordion .panel img {
    width: 100%;
  }
  .csr .amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 12.8vw;
    font-weight: 800;
    color: #00afb5;
  }
  .recruit .wrapper .head-title {
    position: relative;
    text-align: center;
    font-size: 1.125rem;
    color: #ffffff;
    padding-top: 11.28125rem;
    margin-bottom: 0.9375rem;
    z-index: 2;
  }
  .recruit .wrapper .head-title:after {
    content: "";
    position: absolute;
    bottom: 0.1875rem;
    left: 50%;
    -webkit-transform: translateX(-52%);
            transform: translateX(-52%);
    width: 6.96875rem;
    height: 0.4375rem;
    background-color: #00afb5;
    z-index: -1;
  }
  .recruit .wrapper .btn-wrap {
    margin-top: 1.4375rem;
    text-align: center;
  }
  .recruit .wrapper .text-banner {
    text-align: center;
  }
  .recruit .wrapper .text-banner .title {
    margin: 0;
    font-size: 10.1333333333vw;
    line-height: 12.2666666667vw;
    color: #ffffff;
    font-weight: 500;
  }
  .recruit .wrapper .text-banner .title:after {
    display: none;
  }
  .recruit .wrapper .text-banner .title.has-pad {
    padding-top: 12.40625rem;
  }
  .recruit .wrapper .text-banner .info {
    padding-top: 1.5625rem;
    font-size: 0.875rem;
    color: #ffffff;
    font-weight: 300;
  }
  .recruit .wrapper .progress {
    font-size: 0.875rem;
    color: #ffffff;
    font-weight: 300;
    padding-top: 2.5rem;
    margin-bottom: 0.9375rem;
  }
  .recruit .wrapper .box-list ul > li {
    margin-bottom: 0.625rem;
  }
  .recruit .wrapper .box-list ul > li a .box-banner {
    padding: 1.25rem 0.9375rem;
  }
  .recruit .wrapper .box-list ul > li a .box-banner ul li {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    color: #333333;
  }
  .recruit .wrapper .box-list ul > li a .box-banner ul li .tag {
    margin-right: 0.59375rem;
  }
  .recruit .wrapper .box-list ul > li a .box-banner ul li:last-child {
    margin-bottom: 0;
  }
  .recruit .wrapper .more {
    margin-top: 0.9375rem;
    text-align: right;
    color: #ffffff;
  }
  .recruit .wrapper .more .btn {
    margin-left: 0.9375rem;
  }
  .recruit .mail-box {
    padding: 2.40625rem 0;
    font-size: 0.8125rem;
    font-weight: 300;
  }
  .recruit .mail-box i {
    margin-right: 0.59375rem;
  }
  .recruit .mail-box a {
    color: #00afb5;
    text-decoration: underline;
  }
  .recruit .faq {
    margin-top: 1.5625rem;
  }
  .recruit .faq.has-arrow-accordion .accordion:before {
    right: 1.625rem;
  }
  .recruit .faq.has-arrow-accordion .accordion:after {
    right: 0.9375rem;
  }
  .recruit .faq ul > li {
    margin-top: -0.0625rem;
  }
  .recruit .faq ul > li ul li.question, .recruit .faq ul > li ul li.ask {
    padding: 1.25rem 0.9375rem;
  }
  .recruit .faq ul > li ul li.question {
    font-size: 0.875rem;
    font-weight: 300;
  }
  .recruit .faq ul > li ul li.question span {
    font-size: 1rem;
    font-weight: 800;
    margin-right: 0.78125rem;
  }
  .recruit .faq ul > li ul li.ask span {
    float: left;
    font-size: 1rem;
    color: #00afb5;
    font-weight: 800;
  }
  .recruit .faq ul > li ul li.ask p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.375rem;
    padding-left: 1.25rem;
  }
  .community p {
    font-size: 0.6875rem;
    color: #555555;
    margin-bottom: 1.875rem;
  }
  .community p.has-left-pad {
    padding-left: 0.8125rem;
  }
  .community p.has-top-pad {
    padding-top: 0.78125rem;
  }
  .community p.small-margin {
    margin-bottom: 0.875rem;
  }
  .community p.bold-type {
    font-weight: 800;
  }
  .community .community-title h2 {
    font-size: 0.8125rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    margin-top: 3.125rem;
  }
  .community .community-sub-title h3 {
    margin-top: 1.3125rem;
    font-size: 0.6875rem;
    font-weight: 400;
  }
  .community .community-sub-title h3:after {
    display: none;
  }
  .community .community-list {
    padding-left: 0.9375rem;
  }
  .community .community-list li {
    padding-top: 0.5625rem;
    font-size: 0.6875rem;
  }
  .community .community-list li div {
    float: left;
    height: 1.25rem;
    margin-right: 0.21875rem;
  }
  .community .community-list.none-pad-type {
    padding-left: 0;
  }
  .community .community-list.none-pad-type li {
    padding-top: 0;
  }
  .community .infos {
    font-size: 1rem;
    font-weight: 500;
  }
  .community .infos span {
    margin-left: 0.90625rem;
    font-size: 0.6875rem;
    font-weight: 300;
    color: #111111;
  }
  .community .infos.small-type {
    font-size: 0.6875rem;
  }
  .community .infos.small-type span {
    margin-left: 0.40625rem;
  }
  .community .infos-wrap.has-marign {
    margin-top: 1.65625rem;
  }
  .community .infos-wrap .infos {
    display: inline-block;
    margin-right: 2.375rem;
  }
  .story.sub .content {
    padding: 1.5rem 0.9375rem;
    color: #555555;
    font-size: 0.875rem;
  }
  .story.sub .content img {
    width: 100%;
  }
  .story.sub video {
    margin-top: 2.1875rem;
    margin-bottom: 3.125rem;
  }
  .story.sub .img-banner {
    margin-top: 2.1875rem;
    margin-bottom: 3.125rem;
  }
  .story.sub .img-banner img {
    width: 100%;
  }
  .story .ad-banner-list {
    margin-top: 1.25rem;
  }
  .story .ad-banner-list ul li {
    margin-bottom: 2.5rem;
  }
  .story .ad-banner-list ul li:first-child {
    margin-top: 1.5625rem;
  }
  .story .ad-banner-list ul li:last-child {
    margin-bottom: 0;
  }
  .story .ad-banner-list ul li a {
    display: block;
  }
  .story .ad-banner-list ul li a img {
    width: 100%;
  }
  .story .ad-banner-list ul li a p {
    font-size: 0.9375rem;
  }
  .our-business .video {
    margin-top: 1.875rem;
    margin-bottom: 2.5rem;
  }
  .our-business .content-cont .tab-title {
    margin-top: 2.28125rem;
    margin-bottom: 1.34375rem;
  }
  .our-business .content-cont .tab-content p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #00afb5;
  }
  .our-business .content-cont .tab-content p + p {
    margin-top: 1.1875rem;
    margin-bottom: 1.5625rem;
  }
  .our-business .img-tab {
    margin-top: 1.25rem;
  }
  .our-business .img-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .our-business .img-tab ul li {
    width: 26.6666666667vw;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .our-business .img-tab ul li img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -2;
  }
  .our-business .img-tab ul li.current {
    border: 0.25rem solid #00afb5;
    background: unset;
  }
  .ir .graph-info {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-bottom: 2.9375rem;
  }
  .ir .graph-info .krw {
    font-size: 2.75rem;
    font-weight: 800;
    color: #00afb5;
  }
  .ir .graph-info .changes {
    font-size: 0.75rem;
    font-weight: 300;
    color: #555555;
  }
  .footer {
    background-color: #555555;
    text-align: center;
    color: #888888;
    font-size: 0.75rem;
    padding-top: 2.28125rem;
  }
  .footer img {
    width: 5rem;
    opacity: 0.4;
    padding-bottom: 1.3125rem;
  }
  .footer .copyright {
    padding-top: 1.25rem;
    padding-bottom: 2.5rem;
  }
}