@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;
  }

  .align-left {
      text-align: left;
  }

  .align-center {
      text-align: center;
  }

  .align-right {
      text-align: right;
  }

  .none-pad {
      padding: 0 !important;
  }

  .mt--8 {
      margin-top: -0.5rem;
  }

  .mt-20 {
      margin-top: 1.25rem;
  }

  .mt-30 {
      margin-top: 1.875rem;
  }

  .mt-36 {
      margin-top: 2.25rem;
  }

  .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;
  }

  .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;
  }

  .ml-20 {
      margin-left: 1.25rem;
  }

  .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;
  }

  .pad-bottom-34 {
      padding-bottom: 2.125rem;
  }

  .none-board {
      border: none !important;
  }

  .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 {
      text-align: center;
      font-size: 1.125rem;
      font-weight: 300;
      margin-top: 5.625rem;
      margin-bottom: 5rem;
  }

  .container .content-wrap.sub .sub-title h2 {
      margin-bottom: 0;
      font-size: 2.125rem;
      line-height: 3rem;
      font-weight: 300;
      color: #111;
  }

  .container .content-wrap.sub .sub-title p {
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem;
      font-size: 1.125rem;
      color: #555555;
  }

  .container .content-banner-wrap {
      width: 43.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-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;
  }

  .icon_email {
      background-image: url(../img/icon_email.png);
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 1.5rem;
      height: 1.125rem;
  }

  .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: 1.75rem;
      height: 1.75rem;
  }

  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;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .table-search .suffix a i{
    vertical-align: top;
    background-size: contain;
    height: 2.5rem;
  }
  .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;
      color: #00afb5;
  }

  .faq-accordion>ul>li.ask>p,
  .faq-accordion>ul>li.ask>div,
  .csr-accordion>ul>li.ask>p,
  .csr-accordion>ul>li.ask>div {
      display: block;
      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;
  }

  .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;
      margin: auto;
  }

  .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;
      max-width: 120rem;
      margin: auto;
      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;
      background-size: cover !important;
  }

  .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: 18.625rem;
  }

  .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: 50%;
      height: 22.5rem;
      background: url(../img/menu06.png) no-repeat right;
  }

  .grid-layout .overview .menu-tit {
      position: absolute;
      left: 20rem;
      bottom: 3.75rem;
  }

  .grid-layout .story {
      width: 50%;
      height: 22.5rem;
      background: url(../img/menu07.png) no-repeat center;
  }

  .grid-layout .story .menu-tit {
      margin-top: 7.9375rem;
  }

  .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 .load {
      line-height: normal !important;
  }

  .branch .branch-wrap .branch-list .branch-list-tit ul li .load h4 {
      font-size: 1.25rem;
      font-weight: 800;
  }

  .branch .branch-wrap .branch-list .branch-list-tit ul li .load div {
      font-size: 1.25rem !important;
  }

  .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;
  }

  .table-tit {
      text-align: left;
      font-size: 2.125rem;
      font-weight: 500;
      line-height: 3.125rem;
      margin-bottom: 2.1875rem;
  }

  .table-tit span {
      font-size: 1.375rem;
      line-height: normal;
      color: #555555;
  }

  .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.375rem;
  }

  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.w-157 {
      width: 9.8125rem;
  }

  table.update tbody tr td .graph.max-width {
      width: 100%;
  }

  .golbal-partners #america,
  .golbal-partners #europe,
  .golbal-partners #asia,
  .golbal-partners #middle-east {
      font-weight: 500;
  }

  .global-wrap {
      border-top: 2px solid #333333;
      margin-top: 2.1875rem;
  }

  .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 {
      font-size: 1.375rem;
  }

  .global-wrap .global-cont .global-right table td.letter-2 {
      letter-spacing: -2px;
  }

  .global-wrap .global-cont .global-right table td.company {
      font-weight: 500 !important;
      line-height: 2.875rem !important;
  }

  .global-wrap .global-cont .global-right table td:nth-child(1) {
      vertical-align: top;
      font-weight: 400;
      padding-left: 3rem;
      line-height: 2.875rem;
  }

  .global-wrap .global-cont .global-right table td:nth-child(2) {
      color: #555555;
      padding-left: 3.75rem;
  }

  .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;
      background: #568cd5;
  }

  .csr-num .content-banner-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-around;
  }

  .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.sm-type img.editorImage {
      width: auto;
  }

  .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;
      line-height: 1.5rem;
  }

  .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-margin {
      margin-bottom: 5rem;
  }

  .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 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 1.25rem;
      border: 0.0625rem solid #e5e5e5;
      width: 26.25rem;
      margin-right: 2.5rem;
      font-size: 1.375rem;
  }

  .content-wrap.story .print-list li span {
      display: block;
      margin-top: 1.875rem;
      color: #000000;
      font-weight: 400;
      text-align: center;
  }

  .content-wrap.story .print-list li:last-child {
      margin-right: 0;
  }

  .content-wrap.story .print-list li a {
      display: block;
  }

  .content-wrap.story .print-list li a .print-img {
      max-height: 25rem;
      overflow: hidden;
  }

  .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.invest .innerTab-tab {
      position: absolute;
      width: 80.1875rem;
      top: 20.9375rem;
  }

  .content-wrap.invest .innerTab-tab.tabs-four ul li {
      width: calc(100% / 4);
  }

  .content-wrap.invest .innerTab-cont {
      padding: 0;
  }

  .content-wrap.invest .innerTab-cont .title {
      text-align: center;
      margin-top: 5.625rem;
      margin-bottom: 5.4375rem;
  }

  .content-wrap.invest .innerTab-cont#ir_info_1 .table-search {
      padding-top: 8.5625rem;
  }

  .content-wrap.invest .innerTab-cont#ir_info_2 .box-banner {
      margin-top: 17.8125rem;
  }

  .content-wrap.invest .innerTab-cont#ir_info_3 table {
      margin-top: 17.875rem;
  }
  .content-wrap.invest .innerTab-cont#ir_info_4 .table-search {
      margin-top: 19.125rem;
    }

  .content-wrap.recruit.nomal-weight * {
      font-weight: normal;
  }

  .content-wrap.recruit .info {
      color: #ffffff;
      margin-top: 1.875rem;
      margin-bottom: 2.25rem;
  }

  .content-wrap.recruit .info.fix-height {
      line-height: 2.5rem;
  }

  .content-wrap.recruit .text-banner {
      padding-top: 21.0625rem;
      text-align: center;
  }

  .content-wrap.recruit .text-banner .title {
      position: relative;
      display: block;
      font-size: 2rem;
      color: #ffffff;
      font-weight: 400;
      margin-bottom: 1.5rem;
      z-index: 2;
  }

  .content-wrap.recruit .text-banner .title:after {
      content: '';
      position: absolute;
      bottom: 0.625rem;
      left: 33.9375rem;
      z-index: -1;
      background-color: #00afb5;
      width: 12.625rem;
      height: 0.5rem;
  }

  .content-wrap.recruit .text-banner .sub-title {
      display: inline-block;
      font-size: 4.25rem;
      color: #ffffff;
      font-weight: 400;
  }

  .content-wrap.recruit .text-banner .has-arrow:after {
      top: 1.25rem;
      right: 2rem;
  }

  .content-wrap.recruit .half-banner {
      padding-top: 12.25rem;
  }

  .content-wrap.recruit .half-banner .left {
      text-align: left;
  }

  .content-wrap.recruit .half-banner .left .progress {
      color: #ffffff;
      font-weight: 300;
      margin-bottom: 0.9375rem;
  }

  .content-wrap.recruit .half-banner .left .box-list li {
      margin-bottom: 1.25rem;
  }

  .content-wrap.recruit .half-banner .left .box-list li a {
      display: block;
  }

  .content-wrap.recruit .half-banner .left .box-list li a .box-banner {
      text-align: left;
      padding: 1.0625rem 2.5rem;
  }

  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li {
      color: #222222;
      margin-bottom: 0.625rem;
  }

  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li:last-child {
      margin: 0;
  }

  .content-wrap.recruit .half-banner .left .box-list li a .box-banner ul li .tag {
      margin-right: 1.5rem;
  }

  .content-wrap.recruit .half-banner .left .more_link {
      text-align: right;
      color: #ffffff;
  }

  .content-wrap.recruit .half-banner .right {
      margin-left: 4.6875rem;
  }

  .content-wrap.recruit .half-banner .right .title {
      margin-top: 8.125rem;
  }

  .content-wrap.recruit .half-banner .right .title h1 {
      font-size: 4.75rem;
      font-weight: 500;
      color: #ffffff;
      text-align: left;
  }

  .content-wrap.recruit.sub .sub-title>.date {
      letter-spacing: 0;
      color: #555555;
  }

  .content-wrap.recruit.sub .half-banner {
      padding: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .content-wrap.recruit.sub .half-banner .left .img-banner,
  .content-wrap.recruit.sub .half-banner .right .img-banner {
      width: 40rem;
      height: 26.25rem;
  }

  .content-wrap.recruit.sub .half-banner .left .img-banner.la-type,
  .content-wrap.recruit.sub .half-banner .right .img-banner.la-type {
      width: 47.375rem;
      height: 37.25rem;
  }

  .content-wrap.recruit.sub .half-banner .left h2,
  .content-wrap.recruit.sub .half-banner .right h2 {
      font-size: 2.25rem;
      font-weight: 500;
      margin-bottom: 2.5rem;
      line-height: 3.125rem;
  }

  .content-wrap.recruit.sub .half-banner .left p,
  .content-wrap.recruit.sub .half-banner .right p {
      font-size: 1.375rem;
      color: #555555;
      line-height: 2.375rem;
  }

  .content-wrap.recruit.sub .half-banner.banner-margin {
      margin-top: 3.75rem;
      margin-bottom: 6.25rem;
  }

  .content-wrap.recruit.sub .text-banner {
      padding-top: 8.125rem;
  }

  .content-wrap.recruit.sub .text-banner .title h2 {
      font-size: 2.25rem;
      font-weight: 500;
      margin-bottom: 2.5rem;
  }

  .content-wrap.recruit.sub .text-banner .title:after {
      display: none;
  }

  .content-wrap.recruit.sub .text-banner.center-type {
      text-align: center;
  }

  .content-wrap.recruit.sub .text-banner p {
      line-height: 2.125rem;
  }

  .content-wrap .contact-box {
      font-size: 1.375rem;
      margin-bottom: 5rem;
      text-align: center;
      padding: 3.75rem 0;
  }

  .content-wrap .contact-box i {
      margin-right: 0.9375rem;
  }

  .content-wrap .contact-box a {
      position: relative;
      color: #00afb5;
      font-size: 1.375rem;
  }

  .content-wrap .contact-box a:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0.0625rem;
      background-color: #00afb5;
      z-index: -1;
  }

  .community p {
      font-size: 1.375rem;
      color: #555555;
      margin-bottom: 3.75rem;
  }

  .community p.has-left-pad {
      padding-left: 1.625rem;
  }

  .community p.has-top-pad {
      padding-top: 1.5625rem;
  }

  .community p.small-margin {
      margin-bottom: 1.75rem;
  }

  .community p.bold-type {
      font-weight: 800;
  }

  .community .community-title h2 {
      font-size: 1.625rem;
      font-weight: 500;
      margin-bottom: 2.5rem;
      margin-top: 6.25rem;
  }

  .community .community-sub-title h3 {
      margin-top: 2.625rem;
      font-size: 1.375rem;
      font-weight: 400;
  }

  .community .community-sub-title h3:after {
      display: none;
  }

  .community ul {
      padding-left: 1.875rem;
  }

  .community ul li {
      padding-top: 1.125rem;
  }

  .community ul li div {
      float: left;
      height: 2.5rem;
      margin-right: 0.4375rem;
  }

  .community ul.none-pad-type {
      padding-left: 0;
  }

  .community ul.none-pad-type li {
      padding-top: 0;
  }

  .community .infos {
      font-size: 2rem;
      font-weight: 500;
  }

  .community .infos span {
      margin-left: 1.8125rem;
      font-size: 1.375rem;
      font-weight: 300;
      color: #111111;
  }

  .community .infos.small-type {
      font-size: 1.375rem;
  }

  .community .infos.small-type span {
      margin-left: 0.8125rem;
  }

  .community .infos-wrap.has-marign {
      margin-top: 3.3125rem;
  }

  .community .infos-wrap .infos {
      display: inline-block;
      margin-right: 4.75rem;
  }

  .products .half-banner {
      margin-top: 6.25rem;
      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 {
      margin-top: 1.875rem;
  }

  .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 !important;
      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: block;
  }

  .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 .content {
    border-top: 0.125rem solid #000000;
    padding: 3.75rem 0 6.25rem 7.1875rem;
    color: #555555;
    font-size: 1.375rem;
  }
  .products.sub .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 .content-top {
    margin: -3.125rem -4.375rem 3.125rem -4.375rem;
  }
  .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;
  }
  .content .content-top {
    margin: -3.125rem -8.3125rem 1.875rem -7.25rem;
    border-bottom: 0.0625rem solid #000000;
  }
  .content .content-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .content .content-top ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 8.3125rem;
  }
  .content .content-top ul li a {
    position: relative;
    font-size: 1.125rem;
    color: #0089d1;
  }
  .content .content-top ul li a:after {
    display: inline-block;
    width: 0.8125rem;
    height: 0.8125rem;
    content: "";
    background: url(../img/ico_file.png) no-repeat;
    position: absolute;
    top: 0.4375rem;
    left: -1rem;
  }
}

@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;
  }

  .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 .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;
  }

  .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-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;
  }

  .sub-title.has-pad {
      padding: 1.25rem 0;
  }

  .date-title {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5625rem;
  }

  .date-title span {
      font-size: 0.75rem;
      line-height: normal;
      font-weight: 300;
      color: #555555;
  }

  .date-title.has-margin {
      margin-top: 3.125rem;
  }

  .background-banner .banner-title {
      padding-top: 9.3125rem;
      text-align: center;
  }

  .background-banner .banner-title h1 {
      font-size: 2rem;
      font-weight: bold;
      color: #ffffff;
  }

  .background-banner .banner-title p {
      font-size: 0.875rem;
      color: #ffffff;
  }

  .search-info {
      font-size: 1rem;
      font-weight: bold;
  }

  .search-info span {
      font-size: 0.6875rem;
      margin-left: 0.5625rem;
      color: #555555;
  }

  .sub .title h2 {
      margin-top: 3.125rem;
      font-size: 1.125rem;
      font-weight: light;
      line-height: 1.5rem;
  }

  .sub .title .info {
      margin-top: 0.75rem;
      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.side-none-type{
    border: 0.125rem solid #000000;
    border-left: none;
    border-right: none;
  }
  .box-banner.none-board {
      border: unset;
  }

  .box-banner.bg-white-transparent {
      background-color: rgba(255, 255, 255, 0.8);
  }

  .box-banner.round-type {
      border-radius: 0.4375rem;
  }

  .box-banner.header-type {
      border: none;
      border-top: 0.125rem solid #000000;
  }

  .tag {
      display: inline-block;
      width: 2.5rem;
      font-size: 0.75rem;
      text-align: center;
      border-radius: 1.25rem;
      border: 0.0625rem solid #000000;
  }

  .tag.white-tag {
      border: 0.0625rem solid #00afb5;
      background-color: #ffffff;
      color: #00afb5;
  }

  .tag.primary-tag {
      border: 0.0625rem solid #00afb5;
      background-color: #00afb5;
      color: #ffffff;
  }

  .tag.blue-tag {
      border: 0.0625rem solid #5a84bd;
      background-color: #5a84bd;
      color: #ffffff;
  }

  .paging {
      margin-top: 2.1875rem;
  }

  .paging ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .paging ul li {
      position: relative;
      border: 0.0625rem solid #e8e8e8;
      border-right: unset;
      text-align: center;
  }

  .paging ul li:last-child {
      border-right: 0.0625rem solid #e8e8e8;
  }

  .paging ul li a {
      display: block;
      width: 2.1875rem;
      height: 2.0625rem;
      line-height: 2.0625rem;
      font-size: 0.6875rem;
  }

  .paging ul li.prev,
  .paging ul li.next {
      text-indent: -9999px;
  }

  .paging ul li.prev:after {
      content: '';
      background-image: url(../img/icon_prev.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;
      left: 50%;
      top: 53%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 0.25rem;
      height: 0.375rem;
  }

  .paging ul li.next:after {
      content: '';
      background-image: url(../img/icon_next.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;
      left: 50%;
      top: 53%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 0.25rem;
      height: 0.375rem;
  }

  .paging ul li.on a {
      color: #00afb5;
  }

  .btn {
      display: inline-block;
      width: 2.5rem;
      text-align: center;
      padding: 0.5625rem 0;
      font-size: 0.875rem;
      font-weight: 400;
      border: 0.0625rem solid #000000;
  }

  .btn.round-type {
      border-radius: 0.15625rem;
  }

  .btn.black-transparent-type {
      background-color: rgba(0, 0, 0, 0.6);
      color: #ffffff;
  }

  .btn.wide-type {
      width: 8.3125rem;
      padding: 0.5625rem 0;
  }

  .btn.has-arrow {
      position: relative;
  }

  .btn.has-arrow:after {
      content: '';
      background-image: url(../img/icon_white_arrow.png);
      position: absolute;
      right: 0.5625rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 0.5rem;
      height: 0.9375rem;
  }

  .btn.la-type {
      width: 9.375rem;
      padding: 0.875rem;
  }

  .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.notice-details ul li ul li.info img {
      width: 100%;
  }

  .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: -1.25rem;
  }

  .modal-wrap .modal .title .close-btn img {
      width: 1.15625rem;
      height: 1.15625rem;
  }

  .modal-wrap .modal .content {
      padding-top: 1.3125rem;
      padding-right: 0.625rem;
      font-size: 0.875rem;
      line-height: 1.375rem;
      font-weight: 300;
      color: #555555;
  }

  .dot {
      position: relative;
      padding-left: 0.5rem;
  }

  .dot:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0.4375rem;
      width: 0.125rem;
      height: 0.125rem;
      background-color: #555555;
  }

  .innerTab-cont,
  .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 {
      position: relative;
      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 {
      position: absolute;
      right: 0;
      bottom: 0;
      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.625rem;
  }

  .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.78125rem;
  }

  .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 {
      position: unset;
      padding-top: 2.5rem;
  }

  .section.main .our-business-banner .wrapper .suffix {
      position: absolute;
      right: 1.25rem;
      bottom: 1.875rem;
  }

  .section.main .our-products-banner .wrapper {
      padding-top: 10.78125rem;
  }

  .section.main .our-products-banner .wrapper .info {
      color: #666666;
  }

  .section.main .recruit-banner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-right: 0.78125rem;
  }

  .section.main .recruit-banner .wrapper {
      position: relative;
      padding-top: 2.65625rem;
  }

  .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 .csr-banner .wrapper {
      padding-top: 5.71875rem;
  }

  .section.main .csr-banner .wrapper .info {
      color: #666666;
  }

  .section.main .overview-banner .wrapper {
      padding-top: 5rem;
  }

  .section.main .overview-banner .wrapper .info {
      color: #666666;
  }

  .section.main .story-banner .wrapper {
      padding-top: 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;
  }

  .about-us .load {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 1.25rem;
  }

  .about-us .load h4 {
      font-size: 0.8125rem;
      font-weight: 800;
  }

  .about-us .load div {
      font-size: 0.6875rem;
      margin-left: 0.625rem;
      margin-bottom: 1.25rem;
  }

  .products .ad-banner {
    margin: 3.125rem 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 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 li a p {
    font-size: 0.6875rem;
    color: #555555;
    text-align: center;
    padding-bottom: 0.625rem;
  }
  .products.sub .content {
    padding: 1.5rem 0.9375rem;
    color: #555555;
    font-size: 0.875rem;
  }
  .products.sub .content img {
    width: 100%;
  }
  .products.sub .content .img-banner {
    padding: 0.125rem 0;
    margin-bottom: 3.125rem;
  }
  .products.sub .content .text-banner h3 {
    font-weight: 500;
    margin-bottom: 1.9375rem;
  }
  .products.sub .content .text-banner ul {
    padding-bottom: 2.1875rem;
  }
  .products.sub .content .text-banner ul li {
    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;
      text-align: center;
      font-size: 1.125rem;
      color: #ffffff;
      padding-top: 11.28125rem;
      margin-bottom: 0.9375rem;
      z-index: 2;
  }

  .recruit .wrapper .head-title:after {
      content: '';
      position: absolute;
      bottom: 0.1875rem;
      left: 50%;
      -webkit-transform: translateX(-52%);
      transform: translateX(-52%);
      width: 6.96875rem;
      height: 0.4375rem;
      background-color: #00afb5;
      z-index: -1;
  }

  .recruit .wrapper .btn-wrap {
      margin-top: 1.4375rem;
      text-align: center;
  }

  .recruit .wrapper .text-banner {
      text-align: center;
  }

  .recruit .wrapper .text-banner .title {
      margin: 0;
      font-size: 10.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.aask {
      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;
  }

  .recruit .faq ul>li ul li.ask div {
      font-size: 0.875rem;
      font-weight: 300;
      line-height: 1.375rem;
      padding-left: 1.25rem;
  }

  .recruit .faq ul>li ul li.ask div span {
      font-size: 0.875rem !important;
      font-weight: 300;
  }

  .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 {
      margin-bottom: 0;
      margin-left: 1.25rem;
  }

  .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 {
    padding: 1.5rem 0.9375rem;
    color: #555555;
    font-size: 0.875rem;
  }
  .story.sub .content .content-top {
    margin: 0 -0.46875rem;
    margin-bottom: 0.9375rem;
    margin-top: -1.5625rem;
  }
  .story.sub .content .content-top ul li {
    padding-top: 0.9375rem;
    margin-top: 0;
  }

  .story.sub .content img {
      width: 100%;
  }

  .story.sub video {
      margin-top: 2.1875rem;
      margin-bottom: 3.125rem;
  }

  .story.sub .img-banner {
      margin-top: 2.1875rem;
      margin-bottom: 3.125rem;
  }

  .story.sub .img-banner img {
      width: 100%;
  }

  .story .ad-banner-list {
      margin-top: 1.25rem;
  }

  .story .ad-banner-list ul li {
      margin-bottom: 2.5rem;
  }

  .story .ad-banner-list ul li:first-child {
      margin-top: 1.5625rem;
  }

  .story .ad-banner-list ul li:last-child {
      margin-bottom: 0;
  }

  .story .ad-banner-list ul li a {
      display: block;
  }

  .story .ad-banner-list ul li a img {
      width: 100%;
  }

  .story .ad-banner-list ul li a p {
      font-size: 0.9375rem;
  }

  .our-business .video {
      margin-top: 1.875rem;
      margin-bottom: 2.5rem;
  }

  .our-business .content-cont .tab-title {
      margin-top: 2.28125rem;
      margin-bottom: 1.34375rem;
  }

  .our-business .content-cont .tab-content p {
      font-size: 0.875rem;
      font-weight: 300;
      color: #00afb5;
  }

  .our-business .content-cont .tab-content p+p {
      margin-top: 1.1875rem;
      margin-bottom: 1.5625rem;
  }

  .our-business .img-tab {
      margin-top: 1.25rem;
  }

  .our-business .img-tab ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .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;
  }

  .footer.section {
      height: 12.75rem !important;
      padding: 0;
  }

  .footer.section .fp-tableCell {
      height: 12.75rem !important;
  }
  .content .content-top {
    border-bottom: 0.0625rem solid #000000;
    margin: 0 -1rem;
  }
  .content .content-top ul li {
    text-align: right;
    padding-right: 1.875rem;
    padding-bottom: 0.9375rem;
    margin-top: -0.9375rem;
  }
  .content .content-top ul li a {
    position: relative;
    font-size: 0.875rem;
    color: #0089d1;
  }
  .content .content-top ul li a:after {
    display: inline-block;
    width: 0.8125rem;
    height: 0.8125rem;
    content: "";
    background: url(../img/ico_file.png) no-repeat;
    position: absolute;
    top: 0.21875rem;
    left: -1rem;
  }
}

@media screen and (max-width: 280px) {
  .products .box-list li {
      margin-right: 4px;
  }
}