@media screen and (min-width: 751px) {
    .pc {
      display: block;
    }
    .moblie {
      display: none;
    }
  }

  @media screen and (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 screen and (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;
    }
    b {
      font-weight: bold !important;
    }
    .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;
    }
    .flex-end {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }
    .flex-center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .auto-flex {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
    }
    .align-left {
      text-align: left;
    }
    .align-center {
      text-align: center;
    }
    .align-right {
      text-align: right;
    }
    .mt--8 {
      margin-top: -0.5rem;
    }
    .mt-30 {
      margin-top: 1.875rem;
    }
    .mt-40 {
      margin-top: 2.5rem;
    }
    .mt-50 {
      margin-top: 3.125rem;
    }
    .mt-60 {
      margin-top: 3.75rem;
    }
    .mt-70 {
      margin-top: 4.375rem;
    }
    .mt-80 {
      margin-top: 5rem;
    }
    .mt-100 {
      margin-top: 6.25rem !important;
    }
    .mt-110 {
      margin-top: 6.875rem;
    }
    .mt-120 {
      margin-top: 7.5rem;
    }
    .mt-130 {
      margin-top: 8.125rem;
    }
    .mt-150 {
      margin-top: 9.375rem;
    }
    .mt-170 {
      margin-top: 10.625rem;
    }
    .mt-175 {
      margin-top: 10.9375rem;
    }
    .mt-180 {
      margin-top: 11.25rem;
    }
    .mt-190 {
      margin-top: 11.875rem;
    }
    .mt-250 {
      margin-top: 15.625rem;
    }
    .mt-300 {
      margin-top: 18.75rem;
    }
    .mt-320 {
      margin-top: 20rem;
    }
    .mt-330 {
      margin-top: 20.625rem;
    }
    .mt-350 {
      margin-top: 21.875rem;
    }
    .mt-400 {
      margin-top: 25rem;
    }
    .mt-470 {
      margin-top: 29.375rem;
    }
    .mt-500 {
      margin-top: 31.25rem;
    }
    .mt-610 {
      margin-top: 38.125rem;
    }
    .mt-650 {
      margin-top: 40.625rem;
    }
    .mt-690 {
      margin-top: 43.125rem;
    }
    .mt-700 {
      margin-top: 43.75rem;
    }
    .mt-750 {
      margin-top: 46.875rem;
    }
    .mt-800 {
      margin-top: 50rem;
    }
    .mt-835 {
      margin-top: 52.1875rem;
    }
    .ml-50 {
      margin-left: 3.125rem;
    }
    .p-50-0 {
      padding: 3.125rem 0;
    }
    .p-60-65 {
      padding: 3.75rem 4.0625rem !important;
    }
    .pt-40 {
      padding-top: 2.5rem !important;
    }
    .pt-50 {
      padding-top: 3.125rem;
    }
    .pl-30 {
      padding-left: 1.875rem !important;
    }
    .pl-85 {
      padding-left: 5.3125rem;
    }
    .pb-40 {
      padding-bottom: 2.5rem !important;
    }
    .pt-200 {
      padding-top: 12.5rem;
    }
    .fc-red {
      color: #ff0000;
    }
    .fc-light-black {
      color: #555555;
    }
    .container {
      position: relative;
      width: 100%;
      min-width: 80rem;
      max-width: 120rem;
      margin: auto;
    }
    .container .content-wrap {
      width: 80rem;
      margin: 0 auto;
    }
    .container .content-wrap.content-margin {
      margin-bottom: 12.5rem;
    }
    .container .content-wrap > .title {
      text-align: center;
      margin-top: 5.625rem;
      margin-bottom: 5.4375rem;
    }
    .container .content-wrap > .title.mb-none {
      margin-bottom: 0rem;
    }
    .container .content-wrap.sub .sub-title {
      margin-top: 5.625rem;
      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: 47.75rem;
      margin: 0 auto;
    }
    .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;
    }
    .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: 5.4375rem 0 12.5rem 0;
      text-align: center;
      color: #555555;
    }
    .content-cont.current {
      display: block;
    }
    .content-cont.samil-h {
      padding-bottom: 0;
    }
    .innerTab-tab.direction, .innerTab-tab2.direction {
      margin-top: 9.375rem;
    }
    .innerTab-tab.direction ul li, .innerTab-tab2.direction ul li {
      width: calc(100%/5);
      letter-spacing: normal;
    }
    .innerTab-tab ul, .innerTab-tab2 ul {
      overflow: hidden;
    }
    .innerTab-tab ul li, .innerTab-tab2 ul li {
      float: left;
      width: calc(100%/3);
      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-tab.two-dept-type ul li, .innerTab-tab2.two-dept-type ul li {
      width: calc(100%/2);
    }
    .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: 1.5625rem;
      background: #00afb5;
      position: absolute;
      top: 6.3125rem;
      left: 50%;
    }
    .h3-subTit {
      margin: 5.625rem 0 5.4375rem 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: -.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.business-banner {
      background-image: url(../img/business-banner.png);
    }
    .background-banner.csr-banner {
      background-image: url(../img/csr-banner.png);
      height:18.75rem;
    }
    .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_top {
      background-image: url(../img/TOP.png);
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 2.75rem;
      height: 2.1875rem;
    }
    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.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-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;
      z-index: -1;
    }
    .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;
      z-index: -1;
    }
    .paging ul li.on a {
      color: #00afb5;
    }
    .paging ul li span.ellipse {
      display: block;
      width: 2.8125rem;
      height: 2.75rem;
      line-height: 2.75rem;
      font-size: 1.125rem;
    }
    .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 {
      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 .3s ease;
      transition: all .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;
      color: #00afb5;
    }
    .faq-accordion > ul > li.ask > p, .csr-accordion > ul > li.ask > p {
      display: block;
      vertical-align: middle;
      margin-left: 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;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      font-weight: 300;
    }
    .amount .text {
      font-weight: 300;
    }
    .scroll-top {
      position: absolute;
      right: 8.6875rem;
      bottom: 4.375rem;
      width: 2.75rem;
      height: 2.1875rem;
      z-index: 100;
    }
    .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: url(../img/menu_bg.jpg);
      padding: 5rem;
      text-align: left;
      position: absolute;
      right: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
      z-index: 1;
    }
    .main .gnb .menu .menu-list {
      border-top: 0.0625rem solid #e4e4e4;
      padding: 2.8125rem 0 1.5625rem 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;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .main .gnb .menu .menu-list ul li {
      color: #666666;
      margin-right: 1.75rem;
      position: relative;
    }
    .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: 0.375rem;
      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: block;
      right: 0;
    }
    .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;
      height: 9.375rem !important;
      background: #222222;
      letter-spacing: normal;
    }
    .footer .footer-cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .footer .footer-cont .footer-logo {
      opacity: .5;
    }
    .footer .footer-cont .copy {
      color: #888;
      font-size: 0.875rem;
      line-height: 24px;
      margin-left: 9.375rem;
    }
    .footer.section {
      padding: 0;
    }
    .footer.section .fp-tableCell {
      height: 9.375rem !important;
    }
    .main-slide {
      max-width: 120rem;
    }
    .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 5s 1;
              animation: proBar 5s 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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: -0.375rem;
    }
    .grid-layout .three-line-layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
    }
    .grid-layout .grid-menu {
      position: relative;
      padding: 2.5rem;
    }
    .grid-layout .grid-menu .menu-tit {
      color: #111111;
    }
    .grid-layout .grid-menu .menu-tit h2{
      line-height: 2.625rem;
      margin-bottom: 1.4375rem;
    }
    .grid-layout .grid-menu .menu-tit.fc-white {
      color: #ffffff;
    }
    .grid-layout .grid-menu .menu-tit span {
      font-size: 1.25rem;
      line-height: 1.875rem;
      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 .3s;
      transition: all .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 {
      width: 58.9375rem;
      height: 35rem;
      background: url(../img/menu01.png) no-repeat right;
    }
    .grid-layout .about .menu-tit {
      position: absolute;
      left: 20rem;
      bottom: 3.75rem;
    }
    .grid-layout .business {
      width: 19.8125rem;
      height: 35rem;
      background: url(../img/menu02.png) no-repeat center;
    }
    .grid-layout .products {
      width: 40.1875rem;
      height: 35rem;
      background: url(../img/menu03.png) no-repeat center;
    }
    .grid-layout .products .menu-tit {
      margin-top: 20.25rem;
    }
    .grid-layout .recruit {
      width: 100%;
      height: 22.5rem;
      background: url(../img/menu04.png) no-repeat center;
    }
    .grid-layout .recruit .menu-tit {
      position: absolute;
      left: 75%;
      bottom: 3.75rem;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
    .grid-layout .csr {
      width: 100%;
      height: 22.5rem;
      background: url(../img/menu05.png) no-repeat center;
    }
    .grid-layout .csr .menu-tit {
      position: absolute;
      left: 20rem;
      bottom: 6.25rem;
    }
    .grid-layout .overview {
      width: 100%;
      height: 22.5rem;
      background: url(../img/menu06.png) no-repeat right;
    }
    .grid-layout .overview .menu-tit {
      position: absolute;
      left:20rem;
      bottom: 3.75rem;
    }
    .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;
    }
    .now-state {
      position: fixed;
      left: 4.375rem;
      top: 43.75rem;
      z-index: 100;
    }
    .now-state.stop {
      position: absolute;
      top: unset;
      bottom: 12rem;
    }
    .now-state ul li {
      position: relative;
      font-size: 1.375rem;
      line-height: 3.5rem;
      padding-left: 2rem;
      color: #555555;
    }
    .now-state ul li:after {
      content: '';
      position: absolute;
      left: 0;
      width: 0.25rem;
      height: 100%;
      background-color: #e5e5e5;
    }
    .now-state ul li span {
      margin-left: 1.25rem;
    }
    .now-state ul li.now span {
      position: relative;
      padding: 0.5rem;
      border-radius: 0.25rem;
      background-color: #00afb5;
      color: #ffffff;
    }
    .now-state ul li.now span:after {
      content: '';
      position: absolute;
      left: -0.4375rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-image: url(../img/icon_arrow.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 0.5rem;
      height: 0.625rem;
    }
    .now-state ul li.now:after {
      background-color: #00afb5;
    }
    .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-left .cdmo-cont-img ul li img {
      display: none;
    }
    .cdmo-cont .cdmo-cont-left .cdmo-cont-img ul li img.img-unset {
      display: block;
    }
    .cdmo-cont .cdmo-cont-left .cdmo-cont-img ul li.on img {
      display: block;
    }
    .cdmo-cont .cdmo-cont-left .cdmo-cont-img ul li.on img.img-unset {
      display: none;
    }
    .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-150 {
      width: 9.375rem;
    }
    table.update tbody tr td .graph.w-159 {
      width: 9.9375rem;
    }
    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 .3s;
      transition: all .3s;
    }
    .global-wrap .global-cont .global-right table td a:hover {
      color: #00afb5;
    }
    .global-link-list .content-wrap {
      position: relative;
    }
    .global-link-list ul li {
      position: absolute;
    }
    .global-link-list ul li div {
      display: none;
      position: absolute;
      width: 9.375rem;
      font-size: 1.375rem;
      font-weight: bold;
      color: #00afb5;
    }
    .global-link-list ul li div:after {
      content: '';
      position: absolute;
      top: 1.0625rem;
      left: -2.8125rem;
      width: 2.125rem;
      height: 1.875rem;
      border-top: 0.0625rem solid #00afb5;
      border-left: 0.0625rem solid #00afb5;
    }
    .global-link-list ul li:nth-child(1) {
      width: 9.375rem;
      height: 2.5rem;
      top: 13.6875rem;
      left: 16.9375rem;
    }
    .global-link-list ul li:nth-child(2) {
      width: 4.875rem;
      height: 3.125rem;
      top: 18.125rem;
      left: 22.5rem;
    }
    .global-link-list ul li:nth-child(3) {
      width: 9.375rem;
      height: 2.5rem;
      top: 12.5rem;
      left: 28.1875rem;
    }
    .global-link-list ul li:nth-child(4) {
      width: 8.125rem;
      height: 6.25rem;
      top: 5.625rem;
      left: 40rem;
    }
    .global-link-list ul li:nth-child(5) {
      width: 6.875rem;
      height: 3.75rem;
      top: 13.75rem;
      left: 39.75rem;
    }
    .global-link-list ul li:nth-child(6) {
      width: 8.75rem;
      height: 3rem;
      top: 18.75rem;
      left: 35.4375rem;
    }
    .global-link-list ul li:nth-child(7) {
      width: 10rem;
      height: 3.75rem;
      top: 21.75rem;
      left: 44.375rem;
    }
    .global-link-list ul li:nth-child(8) {
      width: 16.125rem;
      height: 3.75rem;
      top: 16.25rem;
      left: 65.8125rem;
    }
    .global-link-list ul li:nth-child(9) {
      width: 7.5rem;
      height: 2.5rem;
      top: 36.0625rem;
      left: 44.25rem;
    }
    .global-link-list ul li:nth-child(10) {
      width: 8.125rem;
      height: 2.5rem;
      left: 8.25rem;
      top: 22.5rem;
    }
    .global-link-list ul li a {
      width: 100%;
      height: 100%;
      display: block;
    }
    .csr-num {
      padding: 3.125rem 0;
    }
    .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: 12.0625rem;
      background: #ffffff;
      opacity: .4;
      position: absolute;
      top: 0.625rem;
      right: -1.375rem;
    }
    .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: 15.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: 6.875rem;
    }
    .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 {
      text-align: center;
      padding-top: 23.625rem;
    }
    .content-wrap.recruit .text-banner .title {
      position: relative;
      display: inline-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: 0;
      z-index: -1;
      background-color: #00afb5;
      width: 100%;
      height: 0.5rem;
    }
    .content-wrap.recruit .text-banner .sub-title {
      display: 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 .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: 24.1875rem;
    }
    .content-wrap.recruit .half-banner .right .title h1 {
      font-size: 4.75rem;
      font-weight: 500;
      color: #ffffff;
      text-align: center;
    }
    .content-wrap.recruit .half-banner .right p {
      text-align: center;
    }
    .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 .community-sub-title.fc-scendery-black h3{
      color: #111111;
    }
    .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;
    }
    .products .half-banner {
      margin-top: 3.75rem;
      margin-bottom: 6.25rem;
    }
    .products .half-banner .box-banner .ad-banner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    .products .half-banner .box-banner .ad-banner img {
      width: auto;
    }
    .products .half-banner .box-banner .ad-banner .ad-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 1.5rem;
      font-weight: 400;
    }
    .products .half-banner .box-banner .ad-banner .ad-text span {
      font-size: 2.25rem;
    }
    .products .box-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 5.3125rem;
      margin-top: 3.75rem;
    }
    .products .box-list li {
      width: 15.625rem;
      background-color: #ffffff;
      text-align: center;
      margin-right: 0.875rem;
      padding: 0.4375rem;
      cursor: pointer;
    }
    .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: 1.75rem 0;
    }
    .products .box-list li a {
      display: block;
      font-weight: 400;
    }
    .products .box-list li a img {
      display: block;
      margin: auto;
      width: auto;
      height: 5rem;
      padding-bottom: 1.375rem;
    }
    .products .sub-title h4 {
      font-size: 2rem;
      display: inline-block;
      margin-right: 1.0625rem;
    }
    .products .sub-title span {
      font-size: 1.375rem;
      font-weight: 400;
      color: #555555;
    }
    .products .medicine-list ul li {
      position: relative;
      margin-left: -0.0625rem;
      width: 20rem;
      height: 22.5rem;
    }
    .products .medicine-list ul li .img-banner {
      max-height: 18.125rem;
      min-height: 18.125rem;
      overflow: hidden;
    }
    .products .medicine-list ul li p {
      height: 3.5rem;
      overflow: hidden;
      text-align: center;
      font-size: 1.125rem;
      padding: 0 3.75rem;
      white-space: normal;
    }
    .products .medicine-list ul li .btns {
      position: absolute;
      bottom: 0;
    }
    .products .medicine-list ul li .btn {
      display: none;
      width: 9.9375rem;
    }
    .products .medicine-list ul li .btn i {
      vertical-align: middle;
      margin-left: 0.6875rem;
    }
    .products .medicine-list ul li:hover .btn {
      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;
      font-size: 0.875rem;
    }
    .products .medicine-list ul li .states {
      position: absolute;
      left: 0;
      top: 0;
      padding: 0 0.9375rem;
      height: 2.3125rem;
      line-height: 2.3125rem;
      text-align: center;
      background-color: #9a9da1;
      font-size: 1rem;
      color: #ffffff;
    }
    .products .content {
      border-top: 0.125rem solid #000000;
      padding: 3.75rem 4.375rem 3.75rem 4.375rem;
      color: #555555;
      font-size: 1.375rem;
    }
    .products.sub .content {
      border-bottom: 0.125rem solid #000000;
    }
    .products.sub .content .img-wrap {
      border-bottom: 0.0625rem solid black;
      margin-top: -2.5rem;
    }
    .products.sub .content .img-wrap .img-banner {
      margin: 1.25rem auto;
      width: 22.5rem;
      height: 20rem;
      margin-top: 0;
    }
    .products.sub .content .img-wrap .img-banner img {
      height: 100%;
    }
    .products.sub .content .text-banner {
      padding-top: 3.75rem;
      font-size: 1.375rem;
    }
    .products.sub .content .text-banner .text-banner-title {
      color: #555555;
      font-weight: 500;
      padding-bottom: 3.5625rem;
    }
    .bg-light-blue {
      background-color: #5c8dcf;
      width: 100%;
      height: 23.125rem;
      margin-bottom: 6.25rem;
    }
  }

  @media screen and (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: rem(1);
      height: rem(1);
      clip: rect(1px, 1px, 1px, 1px);
    }
    iframe {
      border: unset;
    }
    b {
      font-weight: bold !important;
    }
    .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;
    }
    .fc-primary {
      color: #00afb5;
    }
    .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: calc(100% - 10%);
      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>ul li.gnb_accordion {
      font-size: 1rem;
      font-weight: 800;
      padding: 0.84375rem 1.25rem;
  }

  .header .menu .gnb ul>li>ul li.gnb_accordion.active {
      color: #00afb5;
  }

  .header .menu .gnb ul>li>ul li.gnb_panel {
      padding: 0 2.5rem;
      margin-top: -0.0625rem;
  }

  .header .menu .gnb ul>li>ul li.gnb_panel>ul li {
      font-size: 0.875rem;
      padding-top: 1.25rem;
  }

  .header .menu .gnb ul>li>ul li.gnb_panel>ul li:last-child {
      padding-bottom: 1.25rem;
  }

  .header .menu .gnb ul>li>ul li.gnb_panel>ul li a {
      display: block;
  }
    .header .menu .gnb ul > li > ul li.panel > ul li:last-child {
      padding-bottom: 1.25rem;
    }
    .header .menu .gnb .box-list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .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 auto;
              flex: 1 1 auto;
    }
    .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%;
    }
    .section {
      width: 100%;
    }
    .section .wrapper {
      margin: 0 1.25rem;
    }
    .section.section-margin {
      margin-bottom: 6.25rem;
    }
    .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.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,
    .gnb_accordion {
      cursor: pointer;
      width: 100%;
      border: none;
      outline: none;
      -webkit-transition: 0.4s;
      transition: 0.4s;
    }
    .gnb_panel {
      max-height: 0;
      overflow: hidden;
  }
    .panel {
      display: none;
      overflow: hidden;
    }
    .panel a {
      display: block;
    }
    .border-type-accordion .accordion,
      .border-type-accordion .gnb_accordion {
          border-top: 0.0625rem solid #dddddd;
          border-bottom: 0.0625rem solid #dddddd;
      }

      .border-type-accordion .panel,
      .border-type-accordion .gnb_panel {
          background-color: #f8f8f9;
      }

      .has-arrow-accordion .accordion,
      .has-arrow-accordion .gnb_accordion {
          position: relative;
      }

      .has-arrow-accordion .accordion:after,
      .has-arrow-accordion .accordion:before,
      .has-arrow-accordion .gnb_accordion:after,
      .has-arrow-accordion .gnb_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 .3s ease;
          transition: all .3s ease;
      }

      .has-arrow-accordion .accordion:before,
      .has-arrow-accordion .gnb_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 .gnb_accordion.active:after {
          -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
      }

      .has-arrow-accordion .accordion.active:before,
      .has-arrow-accordion .gnb_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 {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
    .align-accordion .accordion {
      margin-top: -0.0625rem;
    }
    .has-mapping-accordion .accordion {
      position: relative;
    }
    .has-mapping-accordion .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.has-after-line.long-title:after {
      top: 11.25rem;
    }
    .title.has-only-pad:after{
      display: none;
    }
    .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.sm-pad {
      padding-top: 6.25rem;
    }
    .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 {
      font-size: 1rem;
      font-weight: 800;
      color: #00afb5;
      padding: 0.71875rem 0;
      border-bottom: 0.0625rem solid #000000;
    }
    .lnb .accordion:before {
      right: 0.75rem;
    }
    .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;
    }
    .has-tab .lnb .accordion {
      min-height: 3.0625rem;
    }
    .has-tab .innerTab-tab .select {
      position: relative;
    }
    .has-tab .innerTab-tab .select input {
      width: 100%;
      min-height: 3.0625rem;
      font-size: 1rem;
      font-weight: 800;
      color: #00afb5;
      padding-bottom: 0.8125rem;
      padding-top: 0.75rem;
      border-bottom: 0.0625rem solid black;
      border-radius: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      -webkit-text-fill-color: #00afb5;
    }
    .has-tab .innerTab-tab .select input:disabled {
      opacity: 1;
    }
    .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.75rem;
    }
    .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;
    }
    .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;
    }
    .box-banner.side-none-type {
      border: 0.125rem solid #000000;
      border-left: none;
      border-right: none;
    }
    .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;
    }
    .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_link_plus {
      background-image: url(../img/icon_link-plus.png);
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 0.875rem;
      height: 0.875rem;
    }
    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;
    }
    .scroll-table {
      overflow-X: scroll;
    }
    .scroll-table table {
      min-width: 75rem;
    }
    .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.33333vw;
      -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.33333vw;
      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);
    }
    .graph.max-width {
      width: 100%;
    }
    .graph.half-width {
      width: 50%;
    }
    .graph.size-100 {
      width: 6.25rem;
    }
    .graph.size-130 {
      width: 8.125rem;
    }
    .graph.size-170 {
      width: 10.625rem;
    }
    .graph.size-195 {
      width: 12.1875rem;
    }
    .graph.size-200 {
      width: 12.5rem;
    }
    .graph.size-210 {
      width: 13.125rem;
    }
    .graph.size-220 {
      width: 13.75rem;
    }
    .graph.size-340 {
      width: 21.25rem;
    }
    .graph.size-400 {
      width: 25rem;
    }
    .graph.size-300 {
      width: 18.75rem;
    }
    .graph.size-100 {
      width: 6.25rem;
    }
    .graph.size-530 {
      width: 33.125rem;
    }
    .graph.size-410 {
      width: 25.625rem;
    }
    .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: -0.4375rem;
    }
    .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.75rem;
      width: 0.125rem;
      height: 0.125rem;
      background-color: #555555;
    }
    .innerTab-cont,
    .innerTab-cont2,
    .innerTab-cont3 {
      display: none;
    }
    .innerTab-cont.current,
    .innerTab-cont2.current,
    .innerTab-cont3.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;
      margin-bottom: -0.3125rem;
    }
    .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.66667vw;
    }
    .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.73333vw;
    }
    .section.main .slide-wrap .play-pause button {
      background-color: unset;
    }
    .section.main .wrapper.text-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .section.main .wrapper.text-wrap .prefix,
    .section.main .wrapper.text-wrap .suffix {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
    }
    .section.main .wrapper.text-wrap .prefix {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .section.main .wrapper.text-wrap .suffix {
      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: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
    .section.main .wrapper.text-wrap .suffix .box {
      width: 2.5rem;
      padding: 0.5rem 0;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 0.3125rem;
    }
    .section.main .wrapper.text-wrap .suffix .box a {
      display: block;
    }
    .section.main .wrapper .title {
      color: #ffffff;
      padding-bottom: 0.6875rem;
    }
    .section.main .wrapper .title h1 {
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 1.875rem;
    }
    .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.1875rem;
    }
    .section.main .our-business-banner {
      position: relative;
      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: 3.5rem;
    }
    .section.main .our-business-banner .wrapper .suffix {
      position: absolute;
      right: 1.1875rem;
      bottom: 1.875rem;
    }
    .section.main .our-products-banner .wrapper {
      padding-top: 11.3125rem;
    }
    .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 {
      position: relative;
      padding-top: 1.875rem;
    }
    .section.main .recruit-banner .wrapper .prefix {
      padding-right: 2.5rem;
    }
    .section.main .recruit-banner .wrapper .suffix {
      position: absolute;
      right: -0.8125rem;
      bottom: 1.875rem;
    }
    .section.main .recruit-banner .wrapper .prefix .info{
      max-width: 7.1875rem;
    }
    .section.main .csr-banner .wrapper {
      padding-top: 5.1875rem;
    }
    .section.main .csr-banner .wrapper .info {
      color: #666666;
    }
    .section.main .overview-banner .wrapper {
      padding-top: 4.4375rem;
    }
    .section.main .overview-banner .wrapper .info {
      color: #666666;
    }
    .section.main .story-banner .wrapper {
      padding-top: 3.875rem;
    }
    .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;
      margin-top: 2.1875rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .products .box-list li {
      width: 27.46667vw;
      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 .hover-box.one-line-type {
      padding: 1.625rem 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.66667vw;
    }
    .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 ul li {position: relative}
    .products .medicine-list ul li .states {
      position: absolute;
      left: 0;
      top: 0;
      padding: 0 0.9375rem;
      height: 2.3125rem;
      line-height: 2.3125rem;
      text-align: center;
      background-color: #9a9da1;
      font-size: 0.5rem;
      color: #ffffff;
    }
    .products .medicine-list li a p {
      font-size: 0.6875rem;
      color: #555555;
      text-align: center;
    }
    .products.sub .content {
      padding: 1.875rem 1.875rem;
      color: #555555;
      font-size: 0.875rem;
    }
    .products.sub .content img {
      width: 100%;
    }
    .products.sub .content .img-banner {
      padding: 1.5625rem 0;
      margin-bottom: 1.875rem;
      border-bottom: 0.0625rem solid #555555;
    }
    .products.sub .content .text-banner h3 {
      font-weight: 500;
      margin-bottom: 1.9375rem;
    }
    .products.sub .content .text-banner ul li {
      line-height: 1.375rem;
    }
    .products.sub .content .text-banner p {
      line-height: 1.375rem;
    }
    .products.sub .content.content-margin {
      margin: 2.1875rem 0;
    }
    .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: 400;
      color: #00afb5;
    }
    body.recruit {
      overflow: scroll !important;
    }
    .recruit .wrapper .head-title {
      position: relative;
      display: inline-block;
      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: 100%;
      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 {
      display: block;
      margin: 0;
      font-size: 10.13333vw;
      line-height: 12.26667vw;
      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;
    }
    .community .community-list li p {
      display: block;
      margin-left: 1.25rem;
      margin-bottom: 0;
    }
    .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 .content-cont .tab-content p.none-margin-type {
      margin-top: 0;
    }
    .our-business .img-tab {
      margin-top: 1.25rem;
    }
    .our-business .img-tab ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .our-business .img-tab ul li {
      width: 26.66667vw;
      margin-right: 1.25rem;
    }
    .our-business .img-tab ul li:last-child {
      margin-right: 0;
    }
    .our-business .img-tab ul li img {
      position: relative;
      display: none;
      width: 100%;
      height: 100%;
      z-index: -2;
    }
    .our-business .img-tab ul li img.none-img {
      display: block;
    }
    .our-business .img-tab ul li.current {
      border: 0.25rem solid #00afb5;
    }
    .our-business .img-tab ul li.current img {
      display: block;
    }
    .our-business .img-tab ul li.current img.none-img {
      display: none;
    }
    .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;
    }
  }
  @media screen and (max-width: 280px) {
    .products .box-list li {
      margin-right: 4px;
    }
    .products .box-list li a {
      font-size: 14px;
    }
  }