@charset "UTF-8";
/* font */
/* Noto Sans SC*/
@import url("../font/pretendard.css");
@import url("https://use.typekit.net/amz6krb.css");
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans SC"), url("https://jyp-cdn.azureedge.net/font/NotoSansSC_Regular.woff2") format("woff2"), url("https://jyp-cdn.azureedge.net/font/NotoSansSC_Regular.woff") format("woff");
  font-display: swap; }
/* font var */
/* font weight */
/* reset */
html, body {
  min-height: 100vh; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
  margin: 0;
  padding: 0; }

header, main, article, footer, aside, details, figcaption, figure, hgroup, nav, section {
  display: block; }

fieldset, img {
  border: 0 none; }

dl, ul, ol, menu, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none; }

input, select, textarea, button {
  vertical-align: middle;
  font-size: 100%;
  outline: 0; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-text-size-adjust: none; }

input:checked[type='checkbox'] {
  background-color: #666;
  -webkit-appearance: checkbox; }

input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='tel'], input[type='number'], input[type='email'], input[type='button'], input[type='reset'] {
  -webkit-appearance: none;
  border-radius: 0; }

input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

input, textarea {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none; }

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

button {
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: button;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

body {
  background-color: #fff; }

body, th, td, input, select, textarea, button {
  font-size: 14px;
  line-height: 1.5;
  font-family: aktiv-grotesk-extended, Pretendard, "Noto Sans SC", sans-serif;
  color: #101010; }

select:hover {
  outline: 0; }

a {
  color: #101010;
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

a:active, a:hover {
  text-decoration: none; }

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal; }

ins {
  text-decoration: none; }

hr {
  display: none; }

strong {
  font-weight: normal; }

p, strong, span, dt, dd, li, td, th {
  cursor: default; }

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

select::-ms-expand {
  display: none; }

::-moz-selection {
  background-color: #009be6;
  color: #fff; }

::selection {
  background-color: #009be6;
  color: #fff; }

img {
  pointer-events: none; }

img::selection {
  background-color: transparent; }

img::-moz-selection {
  background-color: transparent; }

/* scss var */
#wrap {
  min-height: 100%;
  position: relative;
  background-color: #000; }
  #wrap.bgf {
    background-color: #fff; }

.wrap_comm {
  width: 100%;
  height: 100%;
  padding-bottom: 68px;
  background-color: #fff;
  box-sizing: border-box; }
  .wrap_comm.main {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    padding-bottom: 0;
    background-color: #000; }
  .wrap_comm.main::-webkit-scrollbar {
    display: none; }
  .wrap_comm.about {
    overflow: hidden;
    position: relative;
    height: 100%;
    min-height: 100vh; }
  .wrap_comm.ethical {
    overflow: hidden;
    position: relative;
    height: 100%;
    min-height: 100vh;
    background-color: #C9DCF0; }
  .wrap_comm.white_type {
    font-size: 0; }
  .wrap_comm.menu_show {
    overflow: inherit;
    position: unset; }

.layerdown {
  z-index: 1 !important; }

/* mixin img list */
/* header */
#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 24px 62px;
  background-color: #fff;
  box-sizing: border-box; }
  #header .jyp_logo {
    display: inline-block;
    width: 100px;
    height: 36px;
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='jyp_logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.21 122.36'%3E%3Cpath d='M112.89 11.28C112.75 9.1 111.58 0 102.49 0c-5.24 0-9.77 2.94-13.12 6.05v-6h-8.11v122.31h8.11V74.3c2.62-.06 11.93-.44 16.79-3.37 5.22-3.14 6.54-7.25 6.73-12.65Zm-8.07 46.08s.15 7-5.5 8a86.33 86.33 0 0 1-9.94 1.27V20.79a15.7 15.7 0 0 1 4.73-10c5-5.01 10.71-5.93 10.71 1.87ZM73.92.18h-8.1v60.36c0 4.15-3.75 7.54-8.39 7.54s-8.4-3.39-8.4-7.54L49.02.18h-8.1v60.36c0 6.93 5.3 12.73 12.45 14.36v47.46h8.1V74.9c7.16-1.63 12.45-7.43 12.45-14.36ZM11.3.1v8.26h13.59v100.78c0 3.59-3.75 6.52-8.38 6.52s-8.39-2.93-8.39-6.52V72.78H0v36.36c0 7.07 7.4 12.8 16.51 12.8s16.34-5.63 16.49-12.6V.1H11.3ZM137.25 122.08h12.24v-3.78h-7.74v-11h7.29v-3.78h-7.29V93.38h7.74V89.6h-12.24Zm14.64 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.2Zm18.23-28.7h5.4v28.7h4.49v-28.7h5.4V89.6h-15.29Zm17.7 28.7h12.23v-3.78h-7.73v-11h7.28v-3.78h-7.28V93.38h7.73V89.6h-12.23Zm14.63 0h4.5v-14.13h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.1-5v-.09c3.69-1.13 4.28-3 4.28-7.38 0-7.11-.68-8.86-7.25-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.5 5.53-4.05 5.53h-1.17Zm12 0h5.4v28.7h4.47v-28.7h5.39V89.6h-15.29Zm14.36 28.7h4.51l1.48-8.28h7l1.48 8.28h4.5l-6.61-32.48h-5.22Zm9.51-27.71 2.79 15.65h-5.71Zm12 27.71h4.49V89.6h-4.49Zm7.57 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.22l-5.31-27h-6.21Zm19 0h4V92.84h.09l5 29.24h4.5l4.59-29.24h.09v29.24h4.16V89.6h-7l-4.14 24.74h-.09l-4.14-24.74h-7.15Zm25.71 0h12.24v-3.78h-7.74v-11h7.22v-3.78h-7.29V93.38h7.74V89.6h-12.22Zm14.63 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.21Zm18.24-28.7h5.39v28.7h4.46v-28.7h5.4V89.6h-15.3ZM137.25 77.42h12.06v-3.76h-7.56V44.94h-4.5Zm14.54 0h12.24v-3.76h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.21Zm14.06 0h4.5l1.47-8.28h7l1.49 8.28h4.51l-6.6-32.48H173Zm9.49-27.71h.09l2.79 15.65h-5.71Zm16.53-1h1.79c3.83 0 4.32 1.62 4.32 6.43v11.17c0 5.58-.63 7.33-4 7.33h-2.15Zm-4.5 28.7h6.52c7.11 0 8.59-2.61 8.59-10.93v-9.66c0-9.45-.58-11.88-7.87-11.88h-7.24Zm18.16 0h12.29v-3.75h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.29Zm14.63 0h4.5V63.29h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.09-5v-.09c3.69-1.13 4.27-3 4.27-7.38 0-7.11-.67-8.86-7.24-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.49 5.53-4.05 5.53h-1.17Zm21.24 28.7h4.49V44.94h-4.49Zm7.58 0h4v-27.7h.09l5.25 27.71h6.48V44.94h-4.23v27h-.09l-5.31-27h-6.2Z' style='fill:%23000' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px 36px;
    text-indent: -9999px; }
  #header .cont_tit_txt {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-weight: 700;
    text-align: center;
    transform: translate(-50%, -50%); }
    #header .cont_tit_txt.active {
      display: block; }
  #header .header_menu {
    display: flex;
    position: absolute;
    top: 24px;
    right: 52px;
    z-index: 1;
    align-items: center; }
    #header .header_menu .sns_menu {
      margin-right: 28px; }
      #header .header_menu .sns_menu ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px; }
        #header .header_menu .sns_menu ul li .sns_ico {
          display: block;
          width: 30px;
          height: 30px;
          padding: 5px;
          background-repeat: no-repeat;
          background-position: center;
          text-indent: -9999px;
          box-sizing: border-box; }
          #header .header_menu .sns_menu ul li .sns_ico.tp1 {
            padding-bottom: 2px;
            background-size: 22px 14px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23000' data-name='sns_ytb'/%3E%3C/svg%3E"); }
          #header .header_menu .sns_menu ul li .sns_ico.tp2 {
            background-size: 14px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23000' data-name='sns_insta'/%3E%3C/svg%3E"); }
          #header .header_menu .sns_menu ul li .sns_ico.tp3 {
            background-size: 18px 14px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23000;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }
          #header .header_menu .sns_menu ul li .sns_ico.tp4 {
            background-size: 8px 14px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23000' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E"); }
        #header .header_menu .sns_menu ul li:nth-child(1) {
          margin-left: 0; }
    #header .header_menu .lang_menu {
      position: relative;
      margin-right: 10px; }
      #header .header_menu .lang_menu .lang_type {
        position: relative;
        padding-right: 24px;
        font-family: aktiv-grotesk-extended, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #000; }
        #header .header_menu .lang_menu .lang_type .lang_ico {
          position: absolute;
          top: 50%;
          right: 8px;
          z-index: 1;
          width: 12px;
          height: 8px;
          margin-top: -4px;
          background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23000' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 12px 8px;
          transform: rotate(-90deg);
          transition: all 0.4s; }
        #header .header_menu .lang_menu .lang_type.active .lang_ico {
          transform: rotate(90deg);
          transition: all 0.4s; }
      #header .header_menu .lang_menu ul {
        display: none;
        position: absolute;
        top: 25px;
        left: 0;
        z-index: 1; }
        #header .header_menu .lang_menu ul li a {
          display: block;
          position: relative;
          padding: 5px 0;
          font-size: 14px;
          font-weight: 500;
          color: #000; }
          #header .header_menu .lang_menu ul li a:hover:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 2px;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 2px;
            background-color: #009be6; }
    #header .header_menu .menu_ico {
      display: inline-block;
      padding: 10px;
      cursor: pointer; }
      #header .header_menu .menu_ico .menu_ico_wrap {
        position: relative;
        width: 25px;
        height: 14px; }
        #header .header_menu .menu_ico .menu_ico_wrap span {
          position: absolute;
          left: 0;
          z-index: 1;
          width: 100%;
          height: 2px;
          background-color: #000;
          transition: all 0.4s;
          cursor: pointer; }
          #header .header_menu .menu_ico .menu_ico_wrap span:nth-child(1) {
            top: 0; }
          #header .header_menu .menu_ico .menu_ico_wrap span:nth-child(2) {
            top: 50%;
            margin-top: -1px; }
          #header .header_menu .menu_ico .menu_ico_wrap span:nth-child(3) {
            bottom: 0; }

.main #header, .white_type #header {
  position: absolute;
  background-color: transparent;
  border-bottom: 0; }
  .main #header .jyp_logo, .white_type #header .jyp_logo {
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='jyp_logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.21 122.36'%3E%3Cpath d='M112.89 11.28C112.75 9.1 111.58 0 102.49 0c-5.24 0-9.77 2.94-13.12 6.05v-6h-8.11v122.31h8.11V74.3c2.62-.06 11.93-.44 16.79-3.37 5.22-3.14 6.54-7.25 6.73-12.65Zm-8.07 46.08s.15 7-5.5 8a86.33 86.33 0 0 1-9.94 1.27V20.79a15.7 15.7 0 0 1 4.73-10c5-5.01 10.71-5.93 10.71 1.87ZM73.92.18h-8.1v60.36c0 4.15-3.75 7.54-8.39 7.54s-8.4-3.39-8.4-7.54L49.02.18h-8.1v60.36c0 6.93 5.3 12.73 12.45 14.36v47.46h8.1V74.9c7.16-1.63 12.45-7.43 12.45-14.36ZM11.3.1v8.26h13.59v100.78c0 3.59-3.75 6.52-8.38 6.52s-8.39-2.93-8.39-6.52V72.78H0v36.36c0 7.07 7.4 12.8 16.51 12.8s16.34-5.63 16.49-12.6V.1H11.3ZM137.25 122.08h12.24v-3.78h-7.74v-11h7.29v-3.78h-7.29V93.38h7.74V89.6h-12.24Zm14.64 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.2Zm18.23-28.7h5.4v28.7h4.49v-28.7h5.4V89.6h-15.29Zm17.7 28.7h12.23v-3.78h-7.73v-11h7.28v-3.78h-7.28V93.38h7.73V89.6h-12.23Zm14.63 0h4.5v-14.13h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.1-5v-.09c3.69-1.13 4.28-3 4.28-7.38 0-7.11-.68-8.86-7.25-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.5 5.53-4.05 5.53h-1.17Zm12 0h5.4v28.7h4.47v-28.7h5.39V89.6h-15.29Zm14.36 28.7h4.51l1.48-8.28h7l1.48 8.28h4.5l-6.61-32.48h-5.22Zm9.51-27.71 2.79 15.65h-5.71Zm12 27.71h4.49V89.6h-4.49Zm7.57 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.22l-5.31-27h-6.21Zm19 0h4V92.84h.09l5 29.24h4.5l4.59-29.24h.09v29.24h4.16V89.6h-7l-4.14 24.74h-.09l-4.14-24.74h-7.15Zm25.71 0h12.24v-3.78h-7.74v-11h7.22v-3.78h-7.29V93.38h7.74V89.6h-12.22Zm14.63 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.21Zm18.24-28.7h5.39v28.7h4.46v-28.7h5.4V89.6h-15.3ZM137.25 77.42h12.06v-3.76h-7.56V44.94h-4.5Zm14.54 0h12.24v-3.76h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.21Zm14.06 0h4.5l1.47-8.28h7l1.49 8.28h4.51l-6.6-32.48H173Zm9.49-27.71h.09l2.79 15.65h-5.71Zm16.53-1h1.79c3.83 0 4.32 1.62 4.32 6.43v11.17c0 5.58-.63 7.33-4 7.33h-2.15Zm-4.5 28.7h6.52c7.11 0 8.59-2.61 8.59-10.93v-9.66c0-9.45-.58-11.88-7.87-11.88h-7.24Zm18.16 0h12.29v-3.75h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.29Zm14.63 0h4.5V63.29h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.09-5v-.09c3.69-1.13 4.27-3 4.27-7.38 0-7.11-.67-8.86-7.24-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.49 5.53-4.05 5.53h-1.17Zm21.24 28.7h4.49V44.94h-4.49Zm7.58 0h4v-27.7h.09l5.25 27.71h6.48V44.94h-4.23v27h-.09l-5.31-27h-6.2Z' style='fill:%23fff' /%3E%3C/svg%3E"); }
  .main #header .header_menu .sns_menu ul li .sns_ico.tp1, .white_type #header .header_menu .sns_menu ul li .sns_ico.tp1 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E"); }
  .main #header .header_menu .sns_menu ul li .sns_ico.tp2, .white_type #header .header_menu .sns_menu ul li .sns_ico.tp2 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E"); }
  .main #header .header_menu .sns_menu ul li .sns_ico.tp3, .white_type #header .header_menu .sns_menu ul li .sns_ico.tp3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23fff;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }
  .main #header .header_menu .sns_menu ul li .sns_ico.tp4, .white_type #header .header_menu .sns_menu ul li .sns_ico.tp4 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E"); }
  .main #header .header_menu .sns_menu ul::selection, .white_type #header .header_menu .sns_menu ul::selection {
    background-color: transparent; }
  .main #header .header_menu .sns_menu ul::-moz-selection, .white_type #header .header_menu .sns_menu ul::-moz-selection {
    background-color: transparent; }
  .main #header .header_menu .lang_menu .lang_type, .white_type #header .header_menu .lang_menu .lang_type {
    color: #fff; }
    .main #header .header_menu .lang_menu .lang_type .lang_ico, .white_type #header .header_menu .lang_menu .lang_type .lang_ico {
      background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23fff' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E"); }
    .main #header .header_menu .lang_menu .lang_type::selection, .white_type #header .header_menu .lang_menu .lang_type::selection {
      background-color: transparent; }
    .main #header .header_menu .lang_menu .lang_type::-moz-selection, .white_type #header .header_menu .lang_menu .lang_type::-moz-selection {
      background-color: transparent; }
  .main #header .header_menu .lang_menu ul li a, .white_type #header .header_menu .lang_menu ul li a {
    color: #fff; }
    .main #header .header_menu .lang_menu ul li a::selection, .white_type #header .header_menu .lang_menu ul li a::selection {
      background-color: transparent; }
    .main #header .header_menu .lang_menu ul li a::-moz-selection, .white_type #header .header_menu .lang_menu ul li a::-moz-selection {
      background-color: transparent; }
  .main #header .header_menu .menu_ico .menu_ico_wrap span, .white_type #header .header_menu .menu_ico .menu_ico_wrap span {
    background-color: #fff; }

.wrap_comm.about #header {
  position: fixed; }
  .wrap_comm.about #header .cont_tit_txt {
    color: #000; }

.wrap_comm.ethical #header, .wrap_comm.sc_type #header {
  background-color: transparent; }

.wrap_comm.ethical #header.white, .wrap_comm.about #header.white, .wrap_comm.sc_type #header.white {
  background-color: #fff; }

#header.cont_up {
  z-index: 20;
  background-color: transparent;
  border-bottom: 0; }
  #header.cont_up .jyp_logo {
    background-image: url("data:image/svg+xml,%0A%3Csvg data-name='jyp_logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.21 122.36'%3E%3Cpath d='M112.89 11.28C112.75 9.1 111.58 0 102.49 0c-5.24 0-9.77 2.94-13.12 6.05v-6h-8.11v122.31h8.11V74.3c2.62-.06 11.93-.44 16.79-3.37 5.22-3.14 6.54-7.25 6.73-12.65Zm-8.07 46.08s.15 7-5.5 8a86.33 86.33 0 0 1-9.94 1.27V20.79a15.7 15.7 0 0 1 4.73-10c5-5.01 10.71-5.93 10.71 1.87ZM73.92.18h-8.1v60.36c0 4.15-3.75 7.54-8.39 7.54s-8.4-3.39-8.4-7.54L49.02.18h-8.1v60.36c0 6.93 5.3 12.73 12.45 14.36v47.46h8.1V74.9c7.16-1.63 12.45-7.43 12.45-14.36ZM11.3.1v8.26h13.59v100.78c0 3.59-3.75 6.52-8.38 6.52s-8.39-2.93-8.39-6.52V72.78H0v36.36c0 7.07 7.4 12.8 16.51 12.8s16.34-5.63 16.49-12.6V.1H11.3ZM137.25 122.08h12.24v-3.78h-7.74v-11h7.29v-3.78h-7.29V93.38h7.74V89.6h-12.24Zm14.64 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.2Zm18.23-28.7h5.4v28.7h4.49v-28.7h5.4V89.6h-15.29Zm17.7 28.7h12.23v-3.78h-7.73v-11h7.28v-3.78h-7.28V93.38h7.73V89.6h-12.23Zm14.63 0h4.5v-14.13h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.1-5v-.09c3.69-1.13 4.28-3 4.28-7.38 0-7.11-.68-8.86-7.25-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.5 5.53-4.05 5.53h-1.17Zm12 0h5.4v28.7h4.47v-28.7h5.39V89.6h-15.29Zm14.36 28.7h4.51l1.48-8.28h7l1.48 8.28h4.5l-6.61-32.48h-5.22Zm9.51-27.71 2.79 15.65h-5.71Zm12 27.71h4.49V89.6h-4.49Zm7.57 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.22l-5.31-27h-6.21Zm19 0h4V92.84h.09l5 29.24h4.5l4.59-29.24h.09v29.24h4.16V89.6h-7l-4.14 24.74h-.09l-4.14-24.74h-7.15Zm25.71 0h12.24v-3.78h-7.74v-11h7.22v-3.78h-7.29V93.38h7.74V89.6h-12.22Zm14.63 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.21Zm18.24-28.7h5.39v28.7h4.46v-28.7h5.4V89.6h-15.3ZM137.25 77.42h12.06v-3.76h-7.56V44.94h-4.5Zm14.54 0h12.24v-3.76h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.21Zm14.06 0h4.5l1.47-8.28h7l1.49 8.28h4.51l-6.6-32.48H173Zm9.49-27.71h.09l2.79 15.65h-5.71Zm16.53-1h1.79c3.83 0 4.32 1.62 4.32 6.43v11.17c0 5.58-.63 7.33-4 7.33h-2.15Zm-4.5 28.7h6.52c7.11 0 8.59-2.61 8.59-10.93v-9.66c0-9.45-.58-11.88-7.87-11.88h-7.24Zm18.16 0h12.29v-3.75h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.29Zm14.63 0h4.5V63.29h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.09-5v-.09c3.69-1.13 4.27-3 4.27-7.38 0-7.11-.67-8.86-7.24-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.49 5.53-4.05 5.53h-1.17Zm21.24 28.7h4.49V44.94h-4.49Zm7.58 0h4v-27.7h.09l5.25 27.71h6.48V44.94h-4.23v27h-.09l-5.31-27h-6.2Z' style='fill:%23000' /%3E%3C/svg%3E"); }
  #header.cont_up .header_menu .sns_menu ul li .sns_ico.tp1 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23000' data-name='sns_ytb'/%3E%3C/svg%3E"); }
  #header.cont_up .header_menu .sns_menu ul li .sns_ico.tp2 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23000' data-name='sns_insta'/%3E%3C/svg%3E"); }
  #header.cont_up .header_menu .sns_menu ul li .sns_ico.tp3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23000;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }
  #header.cont_up .header_menu .sns_menu ul li .sns_ico.tp4 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23000' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E"); }
  #header.cont_up .header_menu .lang_menu .lang_type {
    color: #000; }
    #header.cont_up .header_menu .lang_menu .lang_type .lang_ico {
      background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23000' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E"); }
    #header.cont_up .header_menu .lang_menu .lang_type::selection {
      color: #000;
      background-color: transparent; }
    #header.cont_up .header_menu .lang_menu .lang_type::-moz-selection {
      color: #000;
      background-color: transparent; }
  #header.cont_up .header_menu .lang_menu ul li a {
    color: #000; }
  #header.cont_up .header_menu .menu_ico .menu_ico_wrap span {
    background-color: #000; }

#header.cont_up.infoH {
  background-color: #fff; }

#header.m_open, #header.mob_open {
  position: absolute;
  z-index: 110;
  border-bottom: 0;
  background-color: transparent; }

#header.m_open .header_menu .menu_ico, #header.mob_open .header_menu .menu_ico, #header.mob_open.m_open .header_menu .menu_ico {
  margin-top: 4px; }
  #header.m_open .header_menu .menu_ico .menu_ico_wrap span, #header.mob_open .header_menu .menu_ico .menu_ico_wrap span {
    background-color: #fff; }
    #header.m_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(1), #header.mob_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(1) {
      top: 50%;
      margin-top: -22px;
      transform: translateY(20px) rotate(-45deg); }
    #header.m_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(2), #header.mob_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(2) {
      opacity: 0; }
    #header.m_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(3), #header.mob_open .header_menu .menu_ico .menu_ico_wrap span:nth-child(3) {
      bottom: 50%;
      margin-bottom: -20px;
      transform: translateY(-20px) rotate(45deg); }

#header.m_open .jyp_logo {
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='jyp_logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.21 122.36'%3E%3Cpath d='M112.89 11.28C112.75 9.1 111.58 0 102.49 0c-5.24 0-9.77 2.94-13.12 6.05v-6h-8.11v122.31h8.11V74.3c2.62-.06 11.93-.44 16.79-3.37 5.22-3.14 6.54-7.25 6.73-12.65Zm-8.07 46.08s.15 7-5.5 8a86.33 86.33 0 0 1-9.94 1.27V20.79a15.7 15.7 0 0 1 4.73-10c5-5.01 10.71-5.93 10.71 1.87ZM73.92.18h-8.1v60.36c0 4.15-3.75 7.54-8.39 7.54s-8.4-3.39-8.4-7.54L49.02.18h-8.1v60.36c0 6.93 5.3 12.73 12.45 14.36v47.46h8.1V74.9c7.16-1.63 12.45-7.43 12.45-14.36ZM11.3.1v8.26h13.59v100.78c0 3.59-3.75 6.52-8.38 6.52s-8.39-2.93-8.39-6.52V72.78H0v36.36c0 7.07 7.4 12.8 16.51 12.8s16.34-5.63 16.49-12.6V.1H11.3ZM137.25 122.08h12.24v-3.78h-7.74v-11h7.29v-3.78h-7.29V93.38h7.74V89.6h-12.24Zm14.64 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.2Zm18.23-28.7h5.4v28.7h4.49v-28.7h5.4V89.6h-15.29Zm17.7 28.7h12.23v-3.78h-7.73v-11h7.28v-3.78h-7.28V93.38h7.73V89.6h-12.23Zm14.63 0h4.5v-14.13h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.1-5v-.09c3.69-1.13 4.28-3 4.28-7.38 0-7.11-.68-8.86-7.25-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.5 5.53-4.05 5.53h-1.17Zm12 0h5.4v28.7h4.47v-28.7h5.39V89.6h-15.29Zm14.36 28.7h4.51l1.48-8.28h7l1.48 8.28h4.5l-6.61-32.48h-5.22Zm9.51-27.71 2.79 15.65h-5.71Zm12 27.71h4.49V89.6h-4.49Zm7.57 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.22l-5.31-27h-6.21Zm19 0h4V92.84h.09l5 29.24h4.5l4.59-29.24h.09v29.24h4.16V89.6h-7l-4.14 24.74h-.09l-4.14-24.74h-7.15Zm25.71 0h12.24v-3.78h-7.74v-11h7.22v-3.78h-7.29V93.38h7.74V89.6h-12.22Zm14.63 0h4V94.37h.09l5.31 27.71h6.48V89.6h-4.23v27h-.09l-5.31-27h-6.21Zm18.24-28.7h5.39v28.7h4.46v-28.7h5.4V89.6h-15.3ZM137.25 77.42h12.06v-3.76h-7.56V44.94h-4.5Zm14.54 0h12.24v-3.76h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.21Zm14.06 0h4.5l1.47-8.28h7l1.49 8.28h4.51l-6.6-32.48H173Zm9.49-27.71h.09l2.79 15.65h-5.71Zm16.53-1h1.79c3.83 0 4.32 1.62 4.32 6.43v11.17c0 5.58-.63 7.33-4 7.33h-2.15Zm-4.5 28.7h6.52c7.11 0 8.59-2.61 8.59-10.93v-9.66c0-9.45-.58-11.88-7.87-11.88h-7.24Zm18.16 0h12.29v-3.75h-7.74v-11h7.29v-3.78h-7.29V48.72h7.74v-3.78h-12.29Zm14.63 0h4.5V63.29h1.53c3 0 3.51.81 3.51 3.87v7.33a5.59 5.59 0 0 0 .54 2.93h4.23a22.28 22.28 0 0 1-.27-4.14v-7.06c0-3.06-1-4.64-4.09-5v-.09c3.69-1.13 4.27-3 4.27-7.38 0-7.11-.67-8.86-7.24-8.86h-7Zm4.5-28.7h2.16c2.79 0 3.06.45 3.06 5.26s-.49 5.53-4.05 5.53h-1.17Zm21.24 28.7h4.49V44.94h-4.49Zm7.58 0h4v-27.7h.09l5.25 27.71h6.48V44.94h-4.23v27h-.09l-5.31-27h-6.2Z' style='fill:%23fff' /%3E%3C/svg%3E"); }
#header.m_open .header_menu {
  top: 22px; }
  #header.m_open .header_menu .sns_menu ul li .sns_ico.tp1 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E"); }
  #header.m_open .header_menu .sns_menu ul li .sns_ico.tp2 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E"); }
  #header.m_open .header_menu .sns_menu ul li .sns_ico.tp3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23fff;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E"); }
  #header.m_open .header_menu .sns_menu ul li .sns_ico.tp4 {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E"); }
  #header.m_open .header_menu .lang_menu .lang_type {
    color: #fff; }
    #header.m_open .header_menu .lang_menu .lang_type .lang_ico {
      background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23fff' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E"); }
    #header.m_open .header_menu .lang_menu .lang_type::selection {
      color: #fff;
      background-color: transparent; }
    #header.m_open .header_menu .lang_menu .lang_type::-moz-selection {
      color: #fff;
      background-color: transparent; }
  #header.m_open .header_menu .lang_menu ul li a {
    color: #fff; }

#header.mob_open .header_menu .menu_ico {
  transition: all 0.4s; }

#header.mob_open.m_open {
  display: none; }
  #header.mob_open.m_open .header_menu .menu_ico {
    transition: all 0.4s; }

.wrap_comm.ethical #header.white.m_open, .wrap_comm.ethical #header.white.mob_open, #header.cont_up.infoH.m_open {
  background-color: transparent; }

/* menu */
#jypMenu {
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh ;
  min-height: 690px;
  padding: 0 62px;
  background-color: #0F0E0E;
  transition: all 0.4s;
  box-sizing: border-box; }
  #jypMenu .menu_header {
    display: none;
    position: relative;
    padding: 20px 15px 0; }
    #jypMenu .menu_header .lang_type_list ul li {
      display: inline-block;
      position: relative;
      padding-left: 23px; }
      #jypMenu .menu_header .lang_type_list ul li a {
        padding-bottom: 2px;
        font-size: 12px;
        color: #fff;
        font-weight: 400; }
        #jypMenu .menu_header .lang_type_list ul li a.active {
          border-bottom: 2px solid #009be6; }
      #jypMenu .menu_header .lang_type_list ul li:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 9px;
        z-index: 1;
        width: 1px;
        height: 10px;
        background-color: #7E7E7E; }
      #jypMenu .menu_header .lang_type_list ul li:first-child {
        padding-left: 0; }
      #jypMenu .menu_header .lang_type_list ul li:first-child:before {
        display: none; }
    #jypMenu .menu_header .menu_ico {
      display: inline-block;
      position: absolute;
      top: 25px;
      right: 15px;
      z-index: 1;
      transition: all 0.4s;
      width: 20px;
      height: 12px; }
      #jypMenu .menu_header .menu_ico span {
        position: absolute;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 0.4s; }
        #jypMenu .menu_header .menu_ico span:nth-child(1) {
          top: 50%;
          margin-top: -22px;
          transform: translateY(20px) rotate(-45deg); }
        #jypMenu .menu_header .menu_ico span:nth-child(2) {
          opacity: 0; }
        #jypMenu .menu_header .menu_ico span:nth-child(3) {
          bottom: 50%;
          margin-bottom: -20px;
          transform: translateY(-20px) rotate(45deg); }
  #jypMenu .menu_wrap {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    max-width: 1404px;
    width: 100%;
    margin: 0 auto;
    padding: 0 62px;
    box-sizing: border-box;
    transform: translate(-50%, -50%); }
    #jypMenu .menu_wrap .menu_wrap_item {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    #jypMenu .menu_wrap .menu_cont {
      float: left;
      padding-right: 170px;
      box-sizing: border-box; }
      #jypMenu .menu_wrap .menu_cont .menu_tit_wrap {
        position: relative; }
      #jypMenu .menu_wrap .menu_cont .menu_tit {
        display: block;
        position: relative;
        font-size: 22px;
        color: #F7F7F7;
        font-weight: 700; }
        #jypMenu .menu_wrap .menu_cont .menu_tit span {
          margin-left: 5px;
          font-size: 12px;
          color: #E5E8EB;
          font-weight: 300;
          vertical-align: super; }
        #jypMenu .menu_wrap .menu_cont .menu_tit a {
          position: relative;
          z-index: 2;
          padding: 0 26px 0;
          background-color: #0F0E0E;
          color: #fff; }
      #jypMenu .menu_wrap .menu_cont .menu_item {
        padding-left: 26px;
        margin-top: 14px; }
        #jypMenu .menu_wrap .menu_cont .menu_item ul li a {
          display: block;
          padding: 6px 0;
          font-size: 14px;
          color: #ffffffC4;
          font-weight: 400; }
          #jypMenu .menu_wrap .menu_cont .menu_item ul li a:hover {
            text-decoration: underline; }
        #jypMenu .menu_wrap .menu_cont .menu_item ul li .menu_item_dep {
          padding-left: 10px;
          box-sizing: border-box; }
          #jypMenu .menu_wrap .menu_cont .menu_item ul li .menu_item_dep li a {
            position: relative;
            padding: 3px 0 3px 10px;
            color: #A0A0A0C4;
            box-sizing: border-box; }
            #jypMenu .menu_wrap .menu_cont .menu_item ul li .menu_item_dep li a:before {
              content: '';
              position: absolute;
              top: 16px;
              left: 0;
              z-index: 1;
              width: 5px;
              height: 1px;
              background-color: #A0A0A0C4; }
      #jypMenu .menu_wrap .menu_cont:first-child {
        margin-left: 0; }
        #jypMenu .menu_wrap .menu_cont:first-child .menu_tit a {
          padding-left: 0; }
        #jypMenu .menu_wrap .menu_cont:first-child .menu_item {
          padding-left: 0; }
      #jypMenu .menu_wrap .menu_cont.tp1 {
        display: flex;
        float: none;
        clear: both;
        width: 100%;
        margin-left: 0;
        padding-top: 150px;
        text-align: center;
        padding-right: 0; }
        #jypMenu .menu_wrap .menu_cont.tp1 .menu_tit {
          display: inline-block; }
          #jypMenu .menu_wrap .menu_cont.tp1 .menu_tit a {
            padding: 0; }
        #jypMenu .menu_wrap .menu_cont.tp1 .menu_line {
          width: 69%;
          height: 1px;
          margin: 16px 26px 0;
          background-color: #707070; }
      #jypMenu .menu_wrap .menu_cont.tp2 {
        padding-right: 0; }
    #jypMenu .menu_wrap:before {
      content: '';
      position: absolute;
      top: 15px;
      left: 62px;
      z-index: 1;
      width: 75%;
      height: 1px;
      background-color: #707070; }
  #jypMenu .menu_footer {
    display: none;
    margin-top: 54px;
    padding: 14px 15px 30px;
    background-color: #242426; }
    #jypMenu .menu_footer .sns_type_list ul {
      font-size: 0;
      text-align: center; }
      #jypMenu .menu_footer .sns_type_list ul li {
        display: inline-block;
        margin-left: 20px; }
        #jypMenu .menu_footer .sns_type_list ul li .sns_ico {
          display: block;
          width: 32px;
          height: 32px;
          background-color: #0F0E0E;
          background-repeat: no-repeat;
          background-position: center;
          text-indent: -9999px;
          border-radius: 50%; }
          #jypMenu .menu_footer .sns_type_list ul li .sns_ico.tp1 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23959595' data-name='sns_ytb'/%3E%3C/svg%3E");
            background-size: 15px 11px; }
          #jypMenu .menu_footer .sns_type_list ul li .sns_ico.tp2 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23959595' data-name='sns_insta'/%3E%3C/svg%3E");
            background-size: 12px; }
          #jypMenu .menu_footer .sns_type_list ul li .sns_ico.tp3 {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23959595;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E");
            background-size: 13px 11px; }
          #jypMenu .menu_footer .sns_type_list ul li .sns_ico.tp4 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23959595' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 7px 11px; }
        #jypMenu .menu_footer .sns_type_list ul li:first-child {
          margin-left: 0; }
    #jypMenu .menu_footer .fam_list_wrap {
      position: relative;
      width: 188px;
      height: 34px;
      margin: 20px auto;
      text-align: center;
      padding-top: 6px;
      background-color: #0F0E0E;
      box-sizing: border-box; }
      #jypMenu .menu_footer .fam_list_wrap .fam_type {
        display: inline-block;
        position: relative;
        font-size: 13px;
        color: #fff;
        font-weight: 500; }
        #jypMenu .menu_footer .fam_list_wrap .fam_type .fam_ico {
          position: absolute;
          top: 50%;
          right: -40px;
          z-index: 1;
          width: 12px;
          height: 8px;
          margin-top: -4px;
          background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23fff' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 12px 8px;
          transform: rotate(-90deg);
          transition: all 0.4s; }
        #jypMenu .menu_footer .fam_list_wrap .fam_type.active .fam_ico {
          transform: rotate(90deg);
          transition: all 0.4s; }
      #jypMenu .menu_footer .fam_list_wrap ul {
        display: none;
        position: absolute;
        bottom: 34px;
        left: 0;
        z-index: 1;
        width: 188px;
        background-color: #0F0E0E; }
        #jypMenu .menu_footer .fam_list_wrap ul li {
          text-align: center; }
          #jypMenu .menu_footer .fam_list_wrap ul li a {
            display: inline-block;
            position: relative;
            padding: 5px 0;
            font-weight: 300;
            font-size: 13px;
            color: #fff;
            text-align: center; }
            #jypMenu .menu_footer .fam_list_wrap ul li a:hover:before {
              content: '';
              display: block;
              position: absolute;
              bottom: 2px;
              left: 0;
              z-index: 1;
              width: 100%;
              height: 2px;
              background-color: #009be6; }
    #jypMenu .menu_footer .m_footer_cont {
      display: flex;
      justify-content: center; }
      #jypMenu .menu_footer .m_footer_cont .ethical_btn {
        font-size: 11px;
        color: #E5E8EB;
        margin-right: 15px; }
      #jypMenu .menu_footer .m_footer_cont .private_btn {
        font-size: 11px;
        color: #E5E8EB;
        margin-right: 15px;
        text-decoration: underline; }
      #jypMenu .menu_footer .m_footer_cont p {
        font-size: 11px;
        color: #E5E8EB; }
  #jypMenu:before, #jypMenu:after {
    content: '';
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 13px;
    height: 45px;
    background: url("../images/menu_txt.svg") no-repeat center;
    background-size: 13px 45px;
    transform: translate(-50%, 0); }
  #jypMenu:before {
    left: 62px; }
  #jypMenu:after {
    right: 62px; }
  #jypMenu.active {
    opacity: 1;
    visibility: visible; }

/* content common */
.content_wrap {
  padding: 126px 62px 130px;
  min-height: calc(100vh - 64px); }
  .content_wrap .content_tit {
    margin-bottom: 90px;
    text-align: center; }
    .content_wrap .content_tit strong {
      display: block;
      position: relative;
      font-size: 30px;
      color: #21252C;
      font-weight: 700; }
      .content_wrap .content_tit strong span {
        position: absolute;
        top: 5px;
        z-index: 1;
        margin-left: 4px;
        font-size: 14px;
        color: #42474E;
        font-weight: 400; }
    .content_wrap .content_tit .cont_list_btn {
      overflow-x: auto;
      display: inline-block;
      width: 100%;
      padding: 0 15px;
      margin-top: 10px;
      white-space: nowrap;
      box-sizing: border-box;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .content_wrap .content_tit .cont_list_btn li {
        display: inline-block;
        margin-left: 36px; }
        .content_wrap .content_tit .cont_list_btn li a {
          font-size: 14px;
          color: #42474E;
          font-weight: 500; }
          .content_wrap .content_tit .cont_list_btn li a.active {
            color: #21252C;
            font-weight: 700;
            border-bottom: 1px solid #21252C; }
        .content_wrap .content_tit .cont_list_btn li:first-child {
          margin-left: 0; }
      .content_wrap .content_tit .cont_list_btn::-webkit-scrollbar {
        display: none; }
  .content_wrap .page_wrap {
    margin-top: 84px;
    text-align: center; }
    .content_wrap .page_wrap a {
      display: inline-block;
      width: 34px;
      height: 34px;
      padding: 7px;
      margin-left: 10px;
      font-size: 14px;
      color: #42474E;
      font-weight: 400;
      vertical-align: middle;
      box-sizing: border-box; }
      .content_wrap .page_wrap a:first-child {
        margin-left: 0; }
      .content_wrap .page_wrap a.active {
        background-color: #42474E;
        color: #fff;
        border-radius: 50%; }
      .content_wrap .page_wrap a.prev, .content_wrap .page_wrap a.next, .content_wrap .page_wrap a.pprev, .content_wrap .page_wrap a.nnext {
        background-repeat: no-repeat;
        background-position: center; }
      .content_wrap .page_wrap a.prev, .content_wrap .page_wrap a.next {
        background-image: url("../images/page_arrow_ico.svg");
        background-size: 7px 14px; }
      .content_wrap .page_wrap a.pprev, .content_wrap .page_wrap a.nnext {
        background-image: url("../images/page_darrow_ico.svg");
        background-size: 13px 14px; }
      .content_wrap .page_wrap a.next, .content_wrap .page_wrap a.nnext {
        transform: rotate(-180deg); }
      .content_wrap .page_wrap a.none {
        opacity: 0.2;
        cursor: default; }

/* main banner */
.main_banner_wrap {
  width: 100%;
  padding: 0;
  box-sizing: border-box; }
  .main_banner_wrap .main_banner {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    width: 100%;
    scrollbar-width: none; }
    .main_banner_wrap .main_banner .flickity-viewport {
      overflow: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      scrollbar-width: none;
      cursor: default !important; }
      .main_banner_wrap .main_banner .flickity-viewport::-webkit-scrollbar {
        display: none; }
    .main_banner_wrap .main_banner .main_video_wrap {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #000; }
      .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont {
        position: absolute;
        bottom: 76px;
        left: 50%;
        z-index: 3;
        width: 40%;
        text-align: center;
        transform: translate(-50%, 0); }
        .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont a {
          display: block;
          cursor: pointer; }
        .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont p {
          font-size: 24px;
          font-weight: 700;
          color: #fff;
          line-height: 1.25;
          cursor: pointer; }
        .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont strong {
          overflow: hidden;
          display: -webkit-box;
          width: 100%;
          font-size: 28px;
          font-weight: 800;
          color: #fff;
          line-height: 1.25;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          cursor: pointer; }
        .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont .mb_line {
          display: block;
          position: absolute;
          bottom: -94px;
          left: calc((100% - 1px) / 2);
          width: 1px;
          height: 80px;
          background-color: transparent;
          border-left: 2px solid #ffffff33;
          border-radius: 0.5px;
          box-sizing: border-box; }
          .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont .mb_line:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: -2px;
            width: 1px;
            height: 80px;
            background-color: transparent;
            border-radius: 0.5px;
            border-left: 2px solid #fff;
            box-sizing: border-box;
            animation-name: lineDown;
            animation-duration: 2.6s;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
          .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont .mb_line.slide_none:before {
            animation: none; }
        .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont.nodata .mb_line:before {
          animation: none; }
@-webkit-keyframes lineDown {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1); }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0); }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0); }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1); } }
@keyframes lineDown {
  0% {
    transform-origin: 50% 100%;
    transform: scaleY(1); }
  50% {
    transform-origin: 50% 100%;
    transform: scaleY(0); }
  50.0001% {
    transform-origin: 50% 0;
    transform: scaleY(0); }
  to {
    transform-origin: 50% 0;
    transform: scaleY(1); } }
      .main_banner_wrap .main_banner .main_video_wrap .main_content {
        position: relative;
        width: 100%;
        height: 100%; }
        .main_banner_wrap .main_banner .main_video_wrap .main_content .main_img_wrap {
          display: none;
          position: relative;
          width: 100%;
          height: 100%; }
          .main_banner_wrap .main_banner .main_video_wrap .main_content .main_img_wrap img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.9; }
          .main_banner_wrap .main_banner .main_video_wrap .main_content .main_img_wrap .mob_img {
            display: none; }
        .main_banner_wrap .main_banner .main_video_wrap .main_content .video {
          overflow: hidden;
          position: relative;
          z-index: 2;
          min-width: 100%;
          min-height: 100%;
          width: 100%;
          height: auto;
          background-size: cover;
          opacity: 0.8;
          background-repeat: no-repeat;
          background-position: center;
          pointer-events: none; }
          .main_banner_wrap .main_banner .main_video_wrap .main_content .video iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -48%);
            background-size: cover;
            opacity: 0; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 0;
        background-color: #ffffffe3; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont {
          overflow-y: auto;
          -ms-overflow-style: none;
          scrollbar-width: none;
          position: relative;
          z-index: 2;
          min-height: 100vh;
          height: 100%;
          padding: 84px 55px 40px;
          text-align: center;
          box-sizing: border-box; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit {
            width: 65%;
            margin: 0 auto;
            padding: 20px 0 10px;
            background-color: #fff; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit p {
              font-size: 24px;
              font-weight: 700;
              line-height: 1.25; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit strong {
              overflow: hidden;
              display: -webkit-box;
              width: 100%;
              font-size: 28px;
              font-weight: 800;
              line-height: 1.1;
              text-overflow: ellipsis;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_img {
            width: 270px;
            height: 270px;
            margin: 0 auto;
            background-color: #fff; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_img img {
              position: relative;
              width: 100%;
              transform: scale(1); }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .album_info {
            padding: 10px 0;
            background-color: #fff; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .album_info p {
              font-size: 12px;
              color: #646B76;
              line-height: 1.1; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .album_info span {
              display: block;
              font-size: 12px;
              color: #646B76; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .mb_info_txt {
            width: 810px;
            margin: 25px auto 66px;
            padding: 10px 0;
            background-color: #fff;
            font-size: 14px;
            color: #000;
            line-height: 1.6;
            box-sizing: border-box;
            font-weight: 600;
            word-break: keep-all; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .mb_info_btn {
            position: relative;
            display: none;
            margin-bottom: 80px;
            background-color: #fff; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont::-webkit-scrollbar {
            display: none; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .c_line {
          position: absolute;
          top: 0;
          left: 50%;
          z-index: 1;
          width: 1px;
          height: 100vh;
          background-color: #000;
          transform: translate(-50%, 0); }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 {
          background-color: #fff; }
          .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn {
            display: block;
            font-size: 0; }
            .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul {
              width: 28px;
              height: 80px;
              margin: 0 auto;
              background-color: #fff;
              border: 1px solid #000;
              border-radius: 1px;
              box-sizing: border-box; }
              .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li {
                border-top: 1px solid #000; }
                .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li a {
                  display: block;
                  height: 25.6px;
                  text-indent: -9999px;
                  background-repeat: no-repeat;
                  background-position: center; }
                  .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li a.more_ico {
                    background-image: url("../images/cont_more_btn.svg");
                    background-size: 12px 11px; }
                  .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li a.go_ico {
                    background-image: url("../images/cont_play_btn.svg");
                    background-size: 9px 11px; }
                  .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li a.up_ico {
                    background-image: url("../images/cont_close_btn.svg");
                    background-size: 11px 9px; }
                .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li:first-child {
                  border-top: 0; }
    .main_banner_wrap .main_banner .flickity-button {
      display: none; }
    .main_banner_wrap .main_banner::-webkit-scrollbar {
      display: none; }
  .main_banner_wrap .carousel-navigation {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 35px;
    transform: translate(0, -50%); }
    .main_banner_wrap .carousel-navigation .carousel-button-prev {
      position: fixed;
      top: 50%;
      left: 62px;
      cursor: pointer;
      transform: translate(0, -50%); }
      .main_banner_wrap .carousel-navigation .carousel-button-prev span {
        display: none; }
    .main_banner_wrap .carousel-navigation .carousel-button-next {
      position: fixed;
      top: 50%;
      right: 62px;
      cursor: pointer;
      transform: translate(0, -50%); }
      .main_banner_wrap .carousel-navigation .carousel-button-next span {
        position: relative;
        padding-right: 17px;
        font-size: 14px;
        font-weight: 300;
        color: #ffffff;
        cursor: pointer; }
        .main_banner_wrap .carousel-navigation .carousel-button-next span svg {
          position: absolute;
          top: 5px;
          right: 0;
          z-index: 1;
          width: 5px;
          transform: rotate(-180deg); }
          .main_banner_wrap .carousel-navigation .carousel-button-next span svg path {
            fill: #fff !important; }
        .main_banner_wrap .carousel-navigation .carousel-button-next span::selection {
          background-color: transparent; }
        .main_banner_wrap .carousel-navigation .carousel-button-next span::-moz-selection {
          background-color: transparent; }
      .main_banner_wrap .carousel-navigation .carousel-button-next::selection {
        background-color: transparent; }
      .main_banner_wrap .carousel-navigation .carousel-button-next::-moz-selection {
        background-color: transparent; }
  .main_banner_wrap .carousel-pagination {
    position: fixed;
    top: 50%;
    left: 62px;
    height: 35px;
    padding-left: 17px;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    transform: translate(0, -50%); }
    .main_banner_wrap .carousel-pagination svg {
      position: absolute;
      top: 12px;
      left: 0;
      z-index: 1;
      width: 5px; }
      .main_banner_wrap .carousel-pagination svg path {
        fill: #fff !important; }
    .main_banner_wrap .carousel-pagination .carousel-pagination-total {
      position: relative;
      font-size: 14px;
    margin-left: 8px;}
      .main_banner_wrap .carousel-pagination .carousel-pagination-total::selection {
        background-color: transparent; }
      .main_banner_wrap .carousel-pagination .carousel-pagination-total::-moz-selection {
        background-color: transparent; }
    .main_banner_wrap .carousel-pagination .carousel-pagination-current {
      display: inline-block;
      position: relative;
      padding-right: 10px;
      box-sizing: border-box;
      opacity: 0;
      transform: translateY(10px);
      animation: fadeinslidecontent 0.2s forwards cubic-bezier(0.4, 0, 0.2, 1); }
      .main_banner_wrap .carousel-pagination .carousel-pagination-current.hide {
        animation: fadeoutslidecontent 0.2s forwards cubic-bezier(0.4, 0, 0.2, 1); }
      .main_banner_wrap .carousel-pagination .carousel-pagination-current:before {
        content: '/';
        position: absolute;
        top: 0;
        right: -2px;
        z-index: 1; }
      .main_banner_wrap .carousel-pagination .carousel-pagination-current::selection {
        background-color: transparent; }
      .main_banner_wrap .carousel-pagination .carousel-pagination-current::-moz-selection {
        background-color: transparent; }
    .main_banner_wrap .carousel-pagination::selection {
      background-color: transparent; }
    .main_banner_wrap .carousel-pagination::-moz-selection {
      background-color: transparent; }
@keyframes fadeinslidecontent {
  0% {
    transform: translateY(10px);
    opacity: 0; }
  100% {
    transform: translateY(0px);
    opacity: 1; } }
@keyframes fadeoutslidecontent {
  0% {
    transform: translateY(0px);
    opacity: 1; }
  100% {
    transform: translateY(-10px);
    opacity: 0; } }
/* main banner lang */
body:lang(zh) .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_item .mb_info_txt, body:lang(ja) .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_item .mb_info_txt {
  word-break: break-all; }

/* mouse interaction */
body.main #csType {
  display: none;
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: transparent;
  z-index: 1;
  transition: width 0.2s; }
  body.main #csType.prev, body.main #csType.next {
    display: block;
    z-index: 9999;
    width: 70px;
    height: 26px;
    padding: 6px 0;
    font-size: 8px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    mix-blend-mode: normal;
    box-sizing: border-box;
    background-color: #000;
    transition: width 0.2s,background 0.2s; }
  body.main #csType.mc_hide {
    display: none; }
body.main .main_banner_wrap .carousel-navigation .carousel-button-prev {
  left: 0;
  width: 20%;
  height: 100vh;
  cursor: none; }
body.main .main_banner_wrap .carousel-navigation .carousel-button-next {
  right: 0;
  width: 20%;
  height: 100vh;
  cursor: none; }
  body.main .main_banner_wrap .carousel-navigation .carousel-button-next span {
    position: absolute;
    top: 50%;
    right: 62px;
    transform: translateY(-50%);
    cursor: none; }

body.main.menu_mc {
  cursor: default; }
  body.main.menu_mc p, body.main.menu_mc strong {
    cursor: default !important; }
  body.main.menu_mc a, body.main.menu_mc span {
    cursor: pointer !important; }

/* about */
.about_wrap {
  padding-bottom: 50px; }
  .about_wrap .about_cont {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto; }
    .about_wrap .about_cont .about_bg_wrap {
      position: relative;
      padding: 0 236px 0 740px;
      box-sizing: border-box; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_side {
        position: absolute;
        top: 50px;
        left: 62px;
        z-index: 6; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_side .about_side_txt {
          width: 12px;
          height: 134px;
          text-indent: -9999px;
          background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='133.77' viewBox='0 0 12 133.77'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='squ26028' data-name='squ26028' width='133.77' height='12' fill='%23000000'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='squ_25475' data-name='squ_25475' transform='translate(12) rotate(90)' opacity='0.999' clip-path='url(%23clip-path)'%3E%3Cpath id='squ_5952' data-name='squ 5952' d='M59.417,12h4.521V10.6H61.079V6.549h2.692v-1.4H61.079V1.4h2.859V0H59.417Zm5.406,0h1.463V1.762h.033L68.281,12h2.393V0H69.112V9.972h-.033L67.117,0H64.823ZM71.56,1.4h1.994V12h1.662V1.4h1.994V0H71.56ZM78.1,12h4.521V10.6H79.759V6.549h2.692v-1.4H79.759V1.4h2.859V0H78.1ZM83.5,12h1.662V6.781h.564c1.1,0,1.3.3,1.3,1.43v2.709a2.058,2.058,0,0,0,.2,1.081h1.563a8.173,8.173,0,0,1-.1-1.529V7.861c0-1.13-.382-1.712-1.512-1.828V6c1.363-.415,1.58-1.113,1.58-2.726C88.756.648,88.506,0,86.08,0H83.5ZM85.166,1.4h.8c1.03,0,1.131.167,1.131,1.944,0,1.8-.183,2.045-1.5,2.045h-.432Zm4.426,0h1.994V12h1.662V1.4h1.994V0H89.592ZM94.9,12h1.662l.548-3.058H99.7L100.249,12h1.662L99.468,0H97.54ZM98.4,1.762h.033l1.03,5.785h-2.11ZM102.822,12h1.662V0h-1.662Zm2.8,0h1.463V1.762h.032L109.079,12h2.394V0h-1.563V9.972h-.033L107.916,0h-2.294Zm7.032,0h1.463V1.2h.033L116.012,12h1.662l1.7-10.8h.033V12h1.563V0h-2.577L116.86,9.142h-.034L115.3,0h-2.643Zm9.5,0h4.521V10.6h-2.859V6.549h2.692v-1.4h-2.692V1.4h2.859V0h-4.521Zm5.407,0h1.462V1.762h.033L131.019,12h2.393V0h-1.562V9.972h-.034L129.856,0h-2.294ZM134.3,1.4h1.994V12h1.662V1.4h1.994V0H134.3Z' transform='translate(-6.18 0)' fill='%23000000'/%3E%3Cpath id='squ_5953' data-name='squ 5953' d='M0,12H4.454V10.6H1.662V0H0Zm5.373,0H9.894V10.6H7.036V6.548H9.729v-1.4H7.036V1.4H9.894V0H5.373Zm5.194,0h1.662l.548-3.058h2.593L15.919,12h1.662L15.138,0H13.21ZM14.074,1.762h.033l1.03,5.784H13.027Zm6.1-.366h.665c1.413,0,1.6.6,1.6,2.376V7.895c0,2.061-.233,2.709-1.462,2.709h-.8ZM18.517,12h2.41c2.626,0,3.174-.964,3.174-4.039V4.388C24.1.9,23.885,0,21.193,0H18.517Zm6.712,0h4.52V10.6H26.89V6.548h2.692v-1.4H26.89V1.4h2.858V0h-4.52Zm5.406,0H32.3V6.781h.565c1.1,0,1.3.3,1.3,1.429v2.709a2.059,2.059,0,0,0,.2,1.081H35.92a8.255,8.255,0,0,1-.1-1.529V7.861c0-1.131-.383-1.712-1.512-1.829V6c1.363-.416,1.579-1.114,1.579-2.726C35.887.648,35.638,0,33.212,0H30.635ZM32.3,1.4h.8c1.03,0,1.13.166,1.13,1.944,0,1.8-.183,2.045-1.5,2.045H32.3ZM40.142,12H41.8V0H40.142Zm2.8,0H44.4V1.762h.035L46.4,12h2.392V0H47.231V9.972H47.2L45.236,0H42.943Z' transform='translate(0 0)' fill='%23000000'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;
          background-size: 12px 134px; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_side.tp1 {
          left: auto;
          right: 62px; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap p {
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 16px;
        color: #21252C;
        font-weight: 500;
        line-height: 1.8;
        word-break: keep-all;
        opacity: 0;
        visibility: hidden;
        transform: translateY(80px); }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap p strong {
          font-weight: 700;
          font-size: 24px; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap p:first-child {
          margin-top: 0; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap.on p {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap.on p.on_delay.tp2 {
          transition-delay: 0.2s; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .about_txt_wrap.on p.on_delay.tp3 {
          transition-delay: 0.4s; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap {
        margin-top: 120px; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_btn {
          display: inline-block;
          padding: 10px 20px 9px;
          margin: 0 auto;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 13px;
          color: #42474E;
          text-align: center;
          border: 1px solid #E0E0E0;
          border-radius: 25px; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_btn:after {
            content: '';
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: 6px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.176' height='10.18' data-name='group 26400'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23939393' d='M0 0h10.176v10.18H0z' data-name='squre 26066'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23939393' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)' data-name='group 25816'%3E%3Cpath d='M9.866 7.401v1.643a.965.965 0 0 1-1.057.82H1.37a.965.965 0 0 1-1.061-.82V7.401' data-name='path 6027'/%3E%3Cpath d='m2.122 4.025 2.97 2.655 2.963-2.655' data-name='path 6028'/%3E%3Cpath d='M5.088 6.681V.309' data-name='line 247'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 10px;
            background-repeat: no-repeat;
            background-position: center; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item {
          margin-top: 34px; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item p, .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item ul li {
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            color: #69727E;
            font-weight: 400;
            line-height: 2;
            word-break: keep-all; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item p a {
            color: #009be6;
            text-decoration: underline; }
    .about_wrap .about_cont .video {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 236px;
      z-index: 2;
      width: 413px;
      height: 442px;
      font-size: 0; }
      .about_wrap .about_cont .video .about_jyp_img {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        width: 416px;
        height: 444px;
        transform: translate(-50%, -50%);
        font-size: 0; }
        .about_wrap .about_cont .video .about_jyp_img img {
          width: 100%; }
      .about_wrap .about_cont .video .video_frame {
        width: 100%;
        height: 100%;
        background-color: #009be6; }
        .about_wrap .about_cont .video .video_frame video {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-size: cover;
          opacity: 0.6; }

/* about lang */
body:lang(zh) .about_wrap .about_cont .about_bg_wrap .about_bg_cont p, body:lang(ja) .about_wrap .about_cont .about_bg_wrap .about_bg_cont p {
  word-break: break-all; }

/* history */
.history_wrap {
  padding-bottom: 140px; }
  .history_wrap .history_cont {
    max-width: 1130px;
    margin: 0 auto; }
    .history_wrap .history_cont .history_list {
      position: relative;
      padding-left: 190px;
      margin-top: 84px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .history_wrap .history_cont .history_list strong {
        position: absolute;
        top: -3px;
        left: 0;
        z-index: 1;
        font-size: 18px;
        color: #21252C;
        font-weight: 700;
        letter-spacing: -0.25px; }
      .history_wrap .history_cont .history_list ul li {
        position: relative;
        padding-left: 58px;
        margin-top: 20px; }
        .history_wrap .history_cont .history_list ul li span {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          font-size: 14px;
          color: #646B76;
          font-weight: 700; }
        .history_wrap .history_cont .history_list ul li p {
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          color: #646B76;
          font-weight: 400; }
        .history_wrap .history_cont .history_list ul li:first-child {
          margin-top: 0; }
      .history_wrap .history_cont .history_list:first-child {
        margin-top: 0; }
      .history_wrap .history_cont .history_list.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }
      .history_wrap .history_cont .history_list.active strong {
        text-decoration: underline; }
  .history_wrap .history_year_list {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box; }
    .history_wrap .history_year_list .history_year_wrap {
      overflow: hidden;
      position: relative;
      width: 700px;
      margin: 0 auto;
      padding: 25px 0 50px;
      box-sizing: border-box; }
      .history_wrap .history_year_list .history_year_wrap .history_list_item .swiper-slide {
        width: 20%;
        box-sizing: border-box; }
        .history_wrap .history_year_list .history_year_wrap .history_list_item .swiper-slide a {
          display: block;
          font-size: 16px;
          font-weight: 500; }
        .history_wrap .history_year_list .history_year_wrap .history_list_item .swiper-slide.swiper-slide-active a {
          font-weight: 800; }
      .history_wrap .history_year_list .history_year_wrap:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1px;
        height: 46px;
        background-color: #000; }
    .history_wrap .history_year_list.down {
      background-color: transparent; }

/* artist list */
.artist_list_wrap .artist_list_cont {
  max-width: 1330px;
  margin: 0 auto; }
  .artist_list_wrap .artist_list_cont ul {
    margin-left: 25px;
    font-size: 0; }
    .artist_list_wrap .artist_list_cont ul li {
      display: inline-block;
      width: 25%;
      margin-bottom: 20px;
      vertical-align: top;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .artist_list_wrap .artist_list_cont ul li .artist_item {
        display: block;
        width: calc(100% - 25px); }
        .artist_list_wrap .artist_list_cont ul li .artist_item strong {
          display: block;
          margin-bottom: 10px;
          font-size: 16px;
          color: #21252C;
          font-weight: 700; }
        .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img {
          overflow: hidden;
          position: relative; }
          .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 0 32px;
            height: 100%;
            background-color: #00000057;
            box-sizing: border-box; }
            .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .artist_site {
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 100%;
              padding: 0 20px;
              font-size: 26px;
              color: #fff;
              font-weight: 700;
              font-style: italic;
              text-align: center;
              text-decoration: underline;
              box-sizing: border-box;
              transform: translate(-50%, -50%); }
            .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list {
              position: absolute;
              bottom: 20px;
              left: 0;
              z-index: 1;
              width: 100%;
              text-align: center; }
              .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico {
                display: inline-block;
                width: 36px;
                height: 36px;
                margin-right: 8px;
                background-repeat: no-repeat;
                background-position: center;
                text-indent: -9999px;
                vertical-align: middle; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.fans {
                  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.0035 34.803V45.9446H50V4.05005H28.0035V15.1916H35.694V34.803H28.0035Z' fill='%23fff'/%3E%3Cpath d='M21.9965 45.9446V34.803H14.306V15.22H21.9965V4.05005H0V45.9446H21.9965Z' fill='%23fff'/%3E%3C/svg%3E%0A");
                  background-size: 18px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.shop {
                  background-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='4' viewBox='0 0 19 4' fill='none'><g clip-path='url(%23clip0_4054_39859)'><path d='M0 2.63788H1.33529C1.44227 2.93232 1.8068 3.05333 2.3536 3.05333C2.90039 3.05333 3.27284 2.97266 3.27284 2.73872C3.27284 2.52091 3.05888 2.43621 2.44869 2.38781L1.78303 2.31924C0.673588 2.22244 0.0792457 1.85136 0.0792457 1.1576C0.0792457 0.423513 0.99057 0 2.21492 0C3.43926 0 4.23567 0.40738 4.39415 1.17777H3.05888C2.95982 0.907527 2.60718 0.81476 2.13963 0.81476C1.7117 0.81476 1.31944 0.883327 1.31548 1.1092C1.31548 1.29071 1.49774 1.38751 2.09605 1.43188L2.76567 1.50448C3.93455 1.61338 4.52494 1.91589 4.52494 2.62175C4.52494 3.43651 3.68887 3.86404 2.31793 3.86404C0.946986 3.86404 0.166416 3.40424 0 2.63788Z' fill='white'/><path d='M5.13086 0.12088H6.29972V1.45192H8.11051V0.12088H9.27937V3.74294H8.11051V2.39575H6.29972V3.74294H5.13086V0.12088Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M12.0621 0C10.7744 0 9.87891 0.705855 9.87891 1.93606C9.87891 3.1582 10.7744 3.86809 12.0621 3.86809C13.3499 3.86809 14.2453 3.1582 14.2453 1.93203C14.2453 0.705856 13.3499 0 12.0621 0ZM13.1161 1.93606C13.1161 1.27861 12.6406 0.959964 12.0621 0.959964C11.4836 0.959964 11.0081 1.28264 11.0081 1.93203C11.0081 2.58141 11.4836 2.90812 12.0621 2.90812C12.6406 2.90812 13.1161 2.58545 13.1161 1.93606Z' fill='white'/><path d='M17.4929 0.129028H14.8184V3.7551H16.0308V2.66607H17.4929C18.3052 2.66607 18.9867 2.33936 18.9867 1.38343C18.9867 0.528339 18.3052 0.129028 17.4929 0.129028ZM17.8693 1.38343C17.8693 1.38343 17.8693 1.38343 17.8693 1.38747C17.8693 1.66981 17.7742 1.88358 17.1442 1.88358H16.0308V0.911519H17.1442C17.6435 0.911519 17.8693 1.09706 17.8693 1.37537V1.38343Z' fill='white'/></g><defs><clipPath id='clip0_4054_39859'><rect width='18.9991' height='3.86809' fill='white'/></clipPath></defs></svg>");
                  background-size: 28px 18px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.youtube {
                  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
                  background-size: 25px 16px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.instagram {
                  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
                  background-size: 18px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.twitter {
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23fff;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E");
                  background-size: 22px 18px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico.facebook {
                  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
                  background-size: 22px 18px; }
                .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list .sns_ico:last-child {
                  margin-right: 0; }
          .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img img {
            display: block;
            width: 100%; }
        .artist_list_wrap .artist_list_cont ul li .artist_item:hover .artist_img .artist_plus {
          opacity: 1;
          transition: all 0.2s; }
      .artist_list_wrap .artist_list_cont ul li.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); }
      .artist_list_wrap .artist_list_cont ul li.tfmode {
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }

/* album list */
.album_list_wrap .album_list_cont {
  max-width: 1330px;
  margin: 0 auto; }
  .album_list_wrap .album_list_cont ul {
    margin-left: 25px;
    font-size: 0; }
    .album_list_wrap .album_list_cont ul li {
      display: inline-block;
      width: 33.3%;
      margin-bottom: 40px;
      vertical-align: top;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .album_list_wrap .album_list_cont ul li .album_img {
        display: block;
        position: relative;
        width: calc(100% - 25px); }
        .album_list_wrap .album_list_cont ul li .album_img .album_detail {
          overflow: hidden;
          display: block;
          position: relative;
          height: 100%;
          border: 1px solid #E5E8EB; }
          .album_list_wrap .album_list_cont ul li .album_img .album_detail .album_plus {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: #00000082;
            transition: all 0.2s; }
            .album_list_wrap .album_list_cont ul li .album_img .album_detail .album_plus .plus_ico {
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 64px;
              height: 64px;
              margin-left: -32px;
              margin-top: -32px;
              background-image: url("../images/album_plus_ico.svg");
              background-repeat: no-repeat;
              background-size: 64px;
              background-position: center;
              cursor: pointer; }
          .album_list_wrap .album_list_cont ul li .album_img .album_detail img {
            display: block;
            width: 100%; }
        .album_list_wrap .album_list_cont ul li .album_img .play_mv {
          position: absolute;
          bottom: 20px;
          right: 20px;
          z-index: 2;
          width: 38px;
          height: 38px;
          background-image: url("../images/album_play_ico.svg");
          background-repeat: no-repeat;
          background-size: 42px;
          background-position: center; }
        .album_list_wrap .album_list_cont ul li .album_img:hover .album_plus {
          opacity: 1;
          transition: all 0.2s; }
      .album_list_wrap .album_list_cont ul li .album_info {
        width: calc(100% - 25px);
        margin-top: 10px; }
        .album_list_wrap .album_list_cont ul li .album_info a {
          text-align: center; }
          .album_list_wrap .album_list_cont ul li .album_info a .album_info_txt p {
            display: inline-block;
            position: relative;
            padding-left: 8px;
            font-size: 12px;
            color: #868E9B;
            font-weight: 400; }
            .album_list_wrap .album_list_cont ul li .album_info a .album_info_txt p:before {
              content: '';
              position: absolute;
              top: 4px;
              left: 4px;
              z-index: 1;
              width: 1px;
              height: 10px;
              background-color: #868E9B;
              vertical-align: middle; }
            .album_list_wrap .album_list_cont ul li .album_info a .album_info_txt p:first-child {
              padding-left: 0; }
            .album_list_wrap .album_list_cont ul li .album_info a .album_info_txt p:first-child:before {
              display: none; }
          .album_list_wrap .album_list_cont ul li .album_info a strong {
            overflow: hidden;
            display: block;
            width: 100%;
            padding: 0 10px;
            font-size: 14px;
            color: #000;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap;
            box-sizing: border-box; }
      .album_list_wrap .album_list_cont ul li.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }

/* video list check */
.video_list_wrap .video_list_cont {
  max-width: 1330px;
  margin: 0 auto; }
  .video_list_wrap .video_list_cont ul {
    margin-left: 25px;
    font-size: 0; }
    .video_list_wrap .video_list_cont ul li {
      display: inline-block;
      width: 33.3%;
      margin-bottom: 40px;
      vertical-align: top;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .video_list_wrap .video_list_cont ul li a {
        display: block;
        width: calc(100% - 25px); }
        .video_list_wrap .video_list_cont ul li a .video_img {
          position: relative;
          padding-bottom: 55%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          background-color: #000;
          border: 1px solid #E5E8EB; }
          .video_list_wrap .video_list_cont ul li a .video_img .video_more {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: #00000082;
            transition: all 0.2s; }
            .video_list_wrap .video_list_cont ul li a .video_img .video_more .more_ico {
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 42px;
              height: 42px;
              margin-left: -21px;
              margin-top: -21px;
              background-image: url("../images/video_play_ico.svg");
              background-repeat: no-repeat;
              background-size: 42px;
              background-position: center;
              cursor: pointer; }
          .video_list_wrap .video_list_cont ul li a .video_img img {
            display: block;
            height: 100%; }
        .video_list_wrap .video_list_cont ul li a .video_info {
          position: relative;
          width: 100%;
          margin-top: 10px;
          padding-right: 90px;
          box-sizing: border-box; }
          .video_list_wrap .video_list_cont ul li a .video_info strong {
            overflow: hidden;
            display: block;
            width: 100%;
            font-size: 14px;
            color: #42474E;
            font-weight: 700;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .video_list_wrap .video_list_cont ul li a .video_info p {
            position: absolute;
            top: 2px;
            right: 0;
            z-index: 1;
            font-size: 12px;
            color: #868E9B;
            font-weight: 400; }
        .video_list_wrap .video_list_cont ul li a:hover .video_img .video_more {
          opacity: 1;
          transition: all 0.2s; }
      .video_list_wrap .video_list_cont ul li.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }

/* notice */
.notice_wrap .notice_list_wrap {
  max-width: 1330px;
  margin: 0 auto; }
  .notice_wrap .notice_list_wrap ul {
    margin-left: 25px;
    font-size: 0; }
    .notice_wrap .notice_list_wrap ul li {
      display: inline-block;
      width: 33.3%;
      margin-bottom: 20px;
      vertical-align: top;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .notice_wrap .notice_list_wrap ul li a {
        display: block;
        width: calc(100% - 25px); }
        .notice_wrap .notice_list_wrap ul li a .notice_list_cont {
          position: relative;
          height: 0;
          padding-top: 35px;
          padding-bottom: calc(100% - 35px);
          background-color: #F4F6F8;
          text-align: center;
          border: 1px solid #fff;
          box-sizing: border-box;
          transition: all 0.2s; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
            display: block;
            font-size: 12px;
            color: #868e9b57;
            font-weight: 400; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            overflow: hidden;
            display: -webkit-box;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            width: 100%;
            padding: 0 38px;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 20px;
            color: #21252C;
            font-weight: 700;
            text-overflow: ellipsis;
            line-height: 36px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            cursor: pointer; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
            position: absolute;
            bottom: 35px;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 0 38px;
            text-align: left;
            box-sizing: border-box; }
            .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
              padding-bottom: 20px;
              border-bottom: 1px solid #868E9B;
              transition: all 0.2s; }
              .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
                position: absolute;
                top: 0;
                left: 38px;
                z-index: 1;
                font-size: 12px;
                color: #868E9B;
                font-weight: 400; }
              .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
                display: block;
                text-align: right;
                font-size: 12px;
                color: #868E9B;
                font-weight: 400; }
        .notice_wrap .notice_list_wrap ul li a:hover .notice_list_cont {
          background-color: #F8F8FA;
          border-color: #BECEDE; }
          .notice_wrap .notice_list_wrap ul li a:hover .notice_list_cont .notice_type {
            cursor: pointer; }
        .notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item {
          opacity: 0.5; }
          .notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item p, .notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item span {
            cursor: pointer; }
      .notice_wrap .notice_list_wrap ul li.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }
  .notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 30%;
    text-align: center;
    border-top: 1px solid #868E9B;
    border-bottom: 1px solid #868E9B; }
    .notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      font-size: 16px;
      color: #868E9B;
      font-weight: 400;
      transform: translate(-50%, -50%); }
.notice_wrap .notice_view_wrap {
  max-width: 1330px;
  margin: 0 auto 60px; }
  .notice_wrap .notice_view_wrap .notice_view_tit {
    position: relative;
    padding-right: 140px;
    padding-bottom: 20px;
    border-bottom: 1px solid #868E9B; }
    .notice_wrap .notice_view_wrap .notice_view_tit strong {
      display: block;
      position: relative;
      width: 100%;
      font-family: Pretendard, "Noto Sans SC", sans-serif;
      font-size: 20px;
      color: #21252C;
      font-weight: 700;
      box-sizing: border-box; }
    .notice_wrap .notice_view_wrap .notice_view_tit p {
      position: absolute;
      top: 6px;
      right: 0;
      z-index: 1;
      font-size: 14px;
      color: #868E9B;
      font-weight: 400; }
  .notice_wrap .notice_view_wrap .notice_view_attached {
    padding: 16px 0;
    border-bottom: 1px solid #ddd; }
    .notice_wrap .notice_view_wrap .notice_view_attached ul li {
      position: relative;
      padding-left: 22px;
      display: inline-block;
      margin-right: 40px;
      box-sizing: border-box; }
      .notice_wrap .notice_view_wrap .notice_view_attached ul li a {
        font-size: 14px;
        color: #868E9B;
        font-weight: 400;
        word-break: break-all; }
        .notice_wrap .notice_view_wrap .notice_view_attached ul li a:hover {
          border-bottom: 1px solid #868E9B; }
      .notice_wrap .notice_view_wrap .notice_view_attached ul li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 14px;
        height: 11px;
        margin-top: 4px;
        background-image: url("../images/notice_file_ico.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 11px; }
    .notice_wrap .notice_view_wrap .notice_view_attached.attached_none {
      padding: 0;
      border-bottom: 0; }
  .notice_wrap .notice_view_wrap .notice_view_cont {
    overflow: hidden;
    height: 100%;
    min-height: 200px;
    padding: 50px 0 40px;
    border-bottom: 1px solid #A1A8B1;
    word-break: break-all;
    font-family: Pretendard, "Noto Sans SC", sans-serif; }
    .notice_wrap .notice_view_wrap .notice_view_cont img {
      max-width: 100%;
      height: auto !important; }
    .notice_wrap .notice_view_wrap .notice_view_cont table {
      width: auto;
      max-width: 100%; }
    .notice_wrap .notice_view_wrap .notice_view_cont blockquote {
      margin: 20px 0;
      padding: 15px 20px;
      border-left: 4px solid #A1A8B1;
      background-color: #f5f5f5;
      color: #21252C; }
    .notice_wrap .notice_view_wrap .notice_view_cont strong {
      font-weight: 700; }
    .notice_wrap .notice_view_wrap .notice_view_cont ul,
    .notice_wrap .notice_view_wrap .notice_view_cont ol {
      margin: 15px 0;
      padding-left: 30px; }
    .notice_wrap .notice_view_wrap .notice_view_cont ul li {
      list-style-type: disc;
      margin-bottom: 8px; }
    .notice_wrap .notice_view_wrap .notice_view_cont ol li {
      list-style-type: decimal;
      margin-bottom: 8px; }
.notice_wrap .btn_cont {
  display: block;
  width: 220px;
  height: 53px;
  margin: 0 auto; }

/* sustainblity */
.stb_list_wrap {
  padding: 126px 0 0; }
  .stb_list_wrap .content_tit {
    margin-bottom: 115px; }
    .stb_list_wrap .content_tit .stb_topic_txt {
      margin-top: 90px;
      text-align: center;
      font-size: 24px;
      color: #21252C;
      font-weight: 500;
      line-height: 1.7; }
  .stb_list_wrap .stb_sub_tit {
    display: flex;
    justify-content: space-between; }
    .stb_list_wrap .stb_sub_tit strong {
      position: relative;
      font-size: 24px;
      color: #21252C;
      font-weight: 700; }
      .stb_list_wrap .stb_sub_tit strong span {
        position: absolute;
        top: 3px;
        z-index: 1;
        margin-left: 4px;
        font-size: 14px;
        color: #000;
        font-weight: 300;
        vertical-align: text-top; }
    .stb_list_wrap .stb_sub_tit .sub_cont p {
      font-size: 18px;
      color: #646B76;
      font-weight: 400; }
  .stb_list_wrap .stb_list_cont {
    margin-top: 90px;
    border-top: 1px solid #E5E8EB; }
    .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit {
      padding: 20px 0;
      text-align: center; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit strong {
        position: relative;
        font-size: 20px;
        color: #21252C;
        font-weight: 700; }
    .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul {
      overflow: hidden; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item {
        float: left;
        position: relative;
        width: 33.3%;
        height: 0;
        padding-bottom: 28%;
        background-color: #000; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_img {
          width: 100%;
          opacity: 0.8; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_img img {
            width: 100%; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt {
          position: absolute;
          top: 62px;
          left: 0;
          z-index: 1;
          padding: 0 50px 0 80px; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt strong {
            font-size: 20px;
            color: #fff;
            font-weight: 500; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt p {
            font-size: 16px;
            color: #fff;
            font-weight: 500; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item:first-child {
          width: 33.4%; }
  .stb_list_wrap .stb_esg_video {
    position: relative; }
    .stb_list_wrap .stb_esg_video .stb_sub_tit {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1404px;
      margin: 0 auto 20px;
      padding: 155px 62px 0;
      box-sizing: border-box; }
    .stb_list_wrap .stb_esg_video .esg_video_wrap {
      display: flex;
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1404px;
      margin: 0 auto;
      padding: 0 62px;
      justify-content: space-between;
      box-sizing: border-box; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont {
        position: relative;
        width: calc(100% - 115px);
        margin-left: 0; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont .esg_video_frame {
          overflow: hidden;
          position: relative;
          height: 0;
          padding-bottom: 56%;
          background-color: #000; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont .esg_video_frame a {
            display: block;
            position: relative; }
            .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont .esg_video_frame a:before {
              content: '';
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 80px;
              height: 80px;
              background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.462' height='38.462'%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='38.462' height='38.462' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeFlood flood-opacity='.263'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Cpath data-name='icon' d='m16.285 24.86 8.839-6.629-8.839-6.631ZM19.231 3.5a14.731 14.731 0 1 0 14.731 14.731A14.736 14.736 0 0 0 19.231 3.5Zm0 26.516a11.785 11.785 0 1 1 11.785-11.785 11.8 11.8 0 0 1-11.785 11.785Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
              background-size: 80px;
              transform: translate(-50%, -50%); }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont .esg_video_frame img {
            width: 100%;
            opacity: 0.7; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap {
        position: relative;
        width: 115px;
        padding-left: 54px;
        box-sizing: border-box; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-button-lock, .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination-lock {
          display: block; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination-bullet:only-child {
          display: block !important; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination, .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav {
          position: relative; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav {
          height: 16px; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev, .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next {
            top: 22px;
            width: 7px;
            height: 14px;
            background: url("../images/esg_play_arrow.svg") no-repeat center;
            background-size: 7px 14px; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev:after, .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next:after {
            display: none; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev {
            left: 0; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next {
            right: 0;
            transform: rotate(-180deg); }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination {
          bottom: 0;
          margin-top: 45px; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet {
            width: 100%;
            height: auto;
            margin: 0;
            margin-bottom: 40px;
            background-color: transparent;
            font-size: 16px;
            color: #42474E;
            font-weight: 400;
            opacity: 0.5; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1;
            font-weight: 700; }
    .stb_list_wrap .stb_esg_video:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 640px;
      background-color: #F8F8FA; }
  .stb_list_wrap .stb_esg_report {
    margin-top: 124px; }
    .stb_list_wrap .stb_esg_report .stb_sub_tit {
      width: 100%;
      max-width: 1404px;
      margin: 0 auto;
      padding: 0 62px;
      box-sizing: border-box; }
    .stb_list_wrap .stb_esg_report .esg_report_book {
      position: relative;
      width: 100%;
      max-width: 1404px;
      margin: 20px auto 0;
      padding: 0 62px 120px;
      box-sizing: border-box; }
      .stb_list_wrap .stb_esg_report .esg_report_book ul {
        border-top: 1px solid #00000047; }
        .stb_list_wrap .stb_esg_report .esg_report_book ul li {
          padding: 30px 15px 30px;
          border-bottom: 1px solid #00000047;
          box-sizing: border-box; }
          .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap {
            position: relative;
            width: 100%;
            padding-right: 185px;
            box-sizing: border-box; }
            .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_tit strong {
              font-size: 16px;
              color: #42474E;
              letter-spacing: -0.44px;
              font-weight: 500; }
            .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download {
              position: absolute;
              top: 4px;
              right: 0;
              z-index: 1; }
              .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a {
                position: relative;
                display: inline-block;
                padding-left: 26px;
                margin-left: 60px;
                font-size: 14px;
                color: #868E9B;
                letter-spacing: -0.36px; }
                .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a:before {
                  content: '';
                  position: absolute;
                  top: 3px;
                  left: 0;
                  z-index: 1;
                  width: 14px;
                  height: 14px;
                  background: url("../images/sus_down_ico.svg") no-repeat center;
                  background-size: 14px; }
                .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a:first-child {
                  margin-left: 0; }
                .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a:hover {
                  text-decoration: underline; }
      .stb_list_wrap .stb_esg_report .esg_report_book .page_wrap {
        position: absolute;
        bottom: 50px;
        right: 0;
        z-index: 1; }
  .stb_list_wrap .stb_esg_sns {
    display: block;
    width: 100%;
    margin-bottom: 100px;
    text-align: center; }
    .stb_list_wrap .stb_esg_sns ul li {
      display: inline-block;
      margin-left: 20px; }
      .stb_list_wrap .stb_esg_sns ul li .sns_ico {
        display: block;
        width: 42px;
        height: 42px;
        background-color: #646B76;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        box-sizing: border-box;
        border-radius: 50%; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp1 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
          background-size: 22px 15px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp2 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
          background-size: 16px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp3 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.87 17.84'%3E%3Cg data-name='sns_twt'%3E%3Cpath d='M21.87 0a10.89 10.89 0 0 1-3.12 1.52 4.45 4.45 0 0 0-7.81 3v1A10.56 10.56 0 0 1 2 1s-4 9 5 12.93a11.57 11.57 0 0 1-7 2c9 5 19.88 0 19.88-11.43a3.89 3.89 0 0 0-.08-.83A7.65 7.65 0 0 0 21.87 0Z' style='fill:%23fff' data-name='Icon feather-twitter'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 18px 15px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp4 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 8px 15px; }
      .stb_list_wrap .stb_esg_sns ul li:first-child {
        margin-left: 0; }

body:lang(es) .stb_list_wrap .content_tit .stb_topic_txt {
  word-break: keep-all; }

/* ir plus */
.ir_cont_wrap.tp1 {
  padding: 126px 0 130px; }
  .ir_cont_wrap.tp1 .content_tit {
    margin-bottom: 33px; }
  .ir_cont_wrap.tp1 .ir_cont_item {
    padding: 0 62px; }
  .ir_cont_wrap.tp1 .ir_2dep_btn {
    overflow-x: auto;
    background-color: #F0F5FA;
    text-align: center;
    margin-bottom: 50px; }
    .ir_cont_wrap.tp1 .ir_2dep_btn ul {
      overflow: hidden;
      width: 100%;
      max-width: 400px;
      min-width: 400px;
      padding: 0 15px;
      margin: 0 auto;
      box-sizing: border-box; }
      .ir_cont_wrap.tp1 .ir_2dep_btn ul li {
        float: left;
        width: 50%; }
        .ir_cont_wrap.tp1 .ir_2dep_btn ul li a {
          display: block;
          padding: 26px 0 20px;
          text-align: center;
          font-family: aktiv-grotesk-extended, sans-serif;
          font-size: 12px;
          font-weight: 500;
          color: #00000066; }
          .ir_cont_wrap.tp1 .ir_2dep_btn ul li a.active {
            font-weight: 700;
            color: #000; }
        .ir_cont_wrap.tp1 .ir_2dep_btn ul li:first-child {
          margin-left: 0; }
      .ir_cont_wrap.tp1 .ir_2dep_btn ul::-webkit-scrollbar {
        display: none; }
  .ir_cont_wrap.tp1 .ir_table_wrap {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto; }
    .ir_cont_wrap.tp1 .ir_table_wrap strong {
      display: block;
      text-align: center;
      font-family: Pretendard, "Noto Sans SC", sans-serif;
      font-size: 20px;
      color: #000;
      font-weight: 700; }
    .ir_cont_wrap.tp1 .ir_table_wrap .ir_txt_wrap {
      margin: 30px 0 110px; }
      .ir_cont_wrap.tp1 .ir_table_wrap .ir_txt_wrap p {
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 16px;
        color: #69727E;
        font-weight: 400;
        line-height: 1.7;
        word-break: keep-all; }
        .ir_cont_wrap.tp1 .ir_table_wrap .ir_txt_wrap p strong {
          display: block;
          margin: 15px 0;
          font-size: 16px;
          color: #69727E;
          text-align: left; }
    .ir_cont_wrap.tp1 .ir_table_wrap table {
      width: 100%;
      margin-top: 30px;
      border-top: 2px solid #666;
      border-bottom: 1px solid #ccc; }
      .ir_cont_wrap.tp1 .ir_table_wrap table tr {
        border-bottom: 1px solid #ccc; }
      .ir_cont_wrap.tp1 .ir_table_wrap table thead {
        background-color: #f5f5f5; }
        .ir_cont_wrap.tp1 .ir_table_wrap table thead tr:last-child {
          border-bottom: 1px solid #ccc; }
      .ir_cont_wrap.tp1 .ir_table_wrap table th, .ir_cont_wrap.tp1 .ir_table_wrap table td {
        padding: 15px 0;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        text-align: center;
        font-size: 15px;
        border-left: 1px solid #ccc;
        vertical-align: middle; }
      .ir_cont_wrap.tp1 .ir_table_wrap table th:first-child, .ir_cont_wrap.tp1 .ir_table_wrap table td:first-child {
        border-left: 0; }
  .ir_cont_wrap.tp1 .ir_top_tit {
    position: relative;
    width: 100%;
    height: 322px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 66%; }
    .ir_cont_wrap.tp1 .ir_top_tit strong {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      font-family: aktiv-grotesk-extended, sans-serif;
      color: #fff;
      font-weight: 700;
      text-align: center;
      font-size: 24px;
      transform: translate(-50%, -50%); }
    .ir_cont_wrap.tp1 .ir_top_tit.bg_tp1 {
      background-image: url(../images/IR_tit_bg_01.jpg); }
  .ir_cont_wrap.tp1 .ir_inq_wrap {
    padding-top: 180px; }
    .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont {
      width: 100%;
      max-width: 760px;
      margin: 0 auto; }
      .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item {
        width: 100%;
        padding: 25px 0;
        background-color: #F4F6F8;
        text-align: center;
        border: 1px solid #E2E2E2; }
        .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item strong {
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-weight: 700;
          font-size: 16px;
          color: #2a395e; }
        .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item a, .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item p {
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-weight: 700;
          font-size: 15px;
          color: #2a395e; }
          .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item a .email_ico, .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item p .email_ico {
            display: inline-block;
            width: 24px;
            height: 16px;
            margin-right: 8px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.296' height='15.256' viewBox='0 0 23.296 15.256'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_26352' data-name='사각형 26352' width='23.296' height='15.256' fill='none' stroke='%232a395e' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_27001' data-name='그룹 27001' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_6560' data-name='패스 6560' d='M21.636,14.875H1.778A1.278,1.278,0,0,1,.5,13.6V1.779A1.279,1.279,0,0,1,1.778.5H21.636a1.279,1.279,0,0,1,1.278,1.279V13.6a1.278,1.278,0,0,1-1.278,1.278' transform='translate(-0.06 -0.059)' fill='none' stroke='%232a395e' stroke-width='1'/%3E%3Crect id='사각형_26351' data-name='사각형 26351' width='22.415' height='14.375' rx='1.452' transform='translate(0.44 0.44)' fill='none' stroke='%232a395e' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='패스_6561' data-name='패스 6561' d='M1.049,1.385,11.013,8.31a1.28,1.28,0,0,0,1.52,0l10.28-7.076' transform='translate(-0.126 -0.147)' fill='none' stroke='%232a395e' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
            background-size: 24px 16px;
            background-position: center;
            vertical-align: middle; }
        .ir_cont_wrap.tp1 .ir_inq_wrap .ir_inq_cont .ir_inq_item.tp1 {
          border-top: none; }

/* esg renewal */
.esg_wrap {
  padding-left: 0;
  padding-right: 0;
  /* esg factbook goveranace top */ }
  .esg_wrap .content_tit {
    margin-bottom: 33px; }
  .esg_wrap .esg_2dep_btn {
    overflow-x: auto;
    background-color: #F0F5FA;
    text-align: center; }
    .esg_wrap .esg_2dep_btn ul {
      overflow: hidden;
      width: 100%;
      max-width: 1280px;
      min-width: 450px;
      padding: 0 15px;
      margin: 0 auto;
      box-sizing: border-box; }
      .esg_wrap .esg_2dep_btn ul li {
        float: left;
        width: 33.3%; }
        .esg_wrap .esg_2dep_btn ul li a {
          display: block;
          padding: 23px 0 20px;
          text-align: center;
          font-family: aktiv-grotesk-extended, sans-serif;
          font-size: 12px;
          font-weight: 500;
          color: #00000066; }
          .esg_wrap .esg_2dep_btn ul li a.active {
            font-weight: 700;
            color: #000; }
        .esg_wrap .esg_2dep_btn ul li:first-child {
          margin-left: 0; }
  .esg_wrap .esg_top_tit {
    position: relative;
    width: 100%;
    height: 322px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 66%; }
    .esg_wrap .esg_top_tit strong {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      font-family: aktiv-grotesk-extended, sans-serif;
      color: #fff;
      font-weight: 700;
      text-align: center;
      font-size: 24px;
      transform: translate(-50%, -50%); }
    .esg_wrap .esg_top_tit.bg_tp1 {
      background-image: url(../images/esg_tit_bg_01.jpg); }
    .esg_wrap .esg_top_tit.bg_tp2 {
      height: 260px;
      background-image: url(../images/esg_tit_bg_02.jpg); }
    .esg_wrap .esg_top_tit.bg_tp3 {
      height: 260px;
      background-image: url(../images/esg_tit_bg_03_1.jpg);
      background-size: cover;
      background-position: center 50%; }
    .esg_wrap .esg_top_tit.bg_tp4 {
      background-image: url(../images/esg_tit_bg_04.jpg); }
  .esg_wrap .esg_gvn_wrap {
    position: relative;
    background-color: #C9DCF0; }
    .esg_wrap .esg_gvn_wrap .video {
      overflow: hidden;
      position: relative;
      min-width: 100%;
      width: 100%;
      height: 657px;
      pointer-events: none; }
      .esg_wrap .esg_gvn_wrap .video .video_frame {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%; }
        .esg_wrap .esg_gvn_wrap .video .video_frame video {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-size: cover; }
    .esg_wrap .esg_gvn_wrap .gvn_jyp_logo {
      position: absolute;
      top: 285px;
      left: 50%;
      z-index: 1;
      width: 100%;
      max-width: 480px;
      transform: translate(-50%, 0); }
      .esg_wrap .esg_gvn_wrap .gvn_jyp_logo img {
        width: 100%; }
    .esg_wrap .esg_gvn_wrap .esg_gvn_cont {
      position: relative;
      bottom: 90px;
      left: 0;
      z-index: 1;
      width: 100%;
      font-family: Pretendard, "Noto Sans SC", sans-serif;
      text-align: center;
      background: transparent linear-gradient(180deg, #CBDFF30D 0%, #CADEF2E6 18%, #CADDF1 20%, #C9DCF0 100%) 0% 0% no-repeat padding-box; }
      .esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box; }
        .esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt strong {
          font-size: 20px;
          color: #000;
          font-weight: 600;
          line-height: 1.5; }
        .esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt p {
          margin: 60px 0 40px;
          font-size: 16px;
          color: #21252C;
          font-weight: 500;
          text-align: left;
          line-height: 1.8; }
        .esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt span {
          display: block;
          text-align: right;
          font-size: 16px;
          color: #000;
          font-weight: 600; }
  .esg_wrap .esg_common_wrap {
    background-color: #fff; }
    .esg_wrap .esg_common_wrap .esg_common_cont {
      max-width: 1310px;
      margin: 0 auto;
      padding: 120px 15px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_com_tit {
        position: relative;
        text-align: center; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_com_tit strong {
          display: block;
          font-family: aktiv-grotesk-extended, Pretendard, "Noto Sans SC", sans-serif;
          font-size: 20px;
          color: #000;
          font-weight: 700; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_com_tit p {
          margin-top: 15px;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 16px;
          color: #69727E;
          font-weight: 400;
          line-height: 1.7; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_com_tit p.tal {
            text-align: left; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_com_tit .tit_sub {
          display: block;
          margin-top: 15px;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          color: #e0e0e0;
          font-weight: 400;
          line-height: 1.7; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item strong {
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 16px;
        color: #070D2F;
        font-weight: 600; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item strong span {
          font-weight: 400; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item p {
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 14px;
        color: #69727E;
        font-weight: 400;
        line-height: 2; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont {
        display: inline-block;
        padding: 12px 32px 11px;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 13px;
        color: #42474E;
        text-align: center;
        border: 1px solid #E0E0E0;
        border-radius: 25px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont:after {
          content: '';
          display: inline-block;
          width: 10px;
          height: 10px;
          margin-left: 6px;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.176' height='10.18' data-name='group 26400'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23939393' d='M0 0h10.176v10.18H0z' data-name='squre 26066'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23939393' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)' data-name='group 25816'%3E%3Cpath d='M9.866 7.401v1.643a.965.965 0 0 1-1.057.82H1.37a.965.965 0 0 1-1.061-.82V7.401' data-name='path 6027'/%3E%3Cpath d='m2.122 4.025 2.97 2.655 2.963-2.655' data-name='path 6028'/%3E%3Cpath d='M5.088 6.681V.309' data-name='line 247'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 10px;
          background-repeat: no-repeat;
          background-position: center; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.tp1 {
          display: inline-block;
          padding: 10px 20px 9px;
          margin: 10px auto 0; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.tp2:after {
          width: 11px;
          height: 11px;
          margin-left: 10px;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.797' height='11.969'%3E%3Cg fill='none' stroke='%23939393' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' data-name='group 26923'%3E%3Cg data-name='Icon feather-arrow-down-right'%3E%3Cpath d='M5.342 6.454 10.948.848' data-name='path 6548'/%3E%3Cpath d='M6.426.848h4.522v4.723' data-name='path 6549'/%3E%3C/g%3E%3Cpath d='M3.961.844H.6v10.521h10.348V8.13' data-name='path 6550'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 11px;
          vertical-align: middle; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.tp3 {
          padding-left: 20px;
          padding-right: 20px;
          background-color: #ffffff4D;
          color: #fff;
          border: 0;
          vertical-align: text-top; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.tp3:after {
          width: 11px;
          height: 11px;
          margin-left: 10px;
          background: url(../images/golink_ico.svg) no-repeat center;
          background-size: 11px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.go_psn {
          display: inline-block;
          margin-top: 10px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_btn_cont.go_ast {
          display: inline-block;
          margin-top: 10px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .tit_btn {
        min-width: 220px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap {
        overflow-x: auto;
        padding-top: 24px;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 18px;
        font-weight: 600;
        text-align: center; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont {
          min-width: 640px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .core_val {
            padding: 30px 10px;
            margin-bottom: 10px;
            background-color: #2A395E;
            font-size: 16px;
            color: #fff;
            box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_vision {
            padding: 30px 10px;
            margin-bottom: 10px;
            background-color: #E1EBF9;
            font-size: 16px;
            color: #2A395E;
            box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars {
            display: flex;
            align-items: flex-start;
            background-color: #fff;
            padding: 18px 0;
            margin-bottom: 10px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont {
              width: calc(33.3% - 1px);
              padding: 0 10px 32px;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item {
                position: relative;
                margin-top: 32px;
                padding-bottom: 36px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item .pillars_ico {
                  display: inline-block;
                  background-repeat: no-repeat;
                  background-position: center; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item .pillars_ico.tp1 {
                    width: 44px;
                    height: 50px;
                    margin: 0 auto 12px;
                    background-image: url(../images/esg_vision_ico_1.svg);
                    background-size: 44px 50px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item .pillars_ico.tp2 {
                    width: 50px;
                    height: 50px;
                    margin: 0 auto 12px;
                    background-image: url(../images/esg_vision_ico_2.svg);
                    background-size: 50px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item .pillars_ico.tp3 {
                    width: 50px;
                    height: 45px;
                    margin: 0 auto 17px;
                    background-image: url(../images/esg_vision_ico_3.svg);
                    background-size: 50px 45px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item p {
                  margin-top: 0;
                  font-size: 14px;
                  color: #8D9BAD;
                  font-weight: 500; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item p em {
                    display: block;
                    font-size: 18px;
                    color: #2A395E;
                    font-weight: 700; }
                .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont .pillars_item:before {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  left: 50%;
                  z-index: 1;
                  width: 14px;
                  height: 8px;
                  background: url(../images/blue_arrow_ico.svg) no-repeat center;
                  background-size: 14px 8px;
                  transform: translate(-50%, 0); }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont p {
                margin-top: 26px;
                font-size: 14px;
                color: #174F88;
                line-height: 1.25; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .esg_pillars .pillars_cont:nth-child(2) {
                border-left: 1px dashed #0000003D;
                border-right: 1px dashed #0000003D; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .key_wrap {
            display: flex;
            align-items: flex-start;
            padding: 15px 0;
            background-color: #fff; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .key_wrap .key_cont {
              width: calc(33.3% - 1px);
              padding: 27px 10px;
              font-size: 14px;
              color: #2A395E;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_vision_wrap .esg_vision_cont .key_wrap .key_cont:nth-child(2) {
                border-left: 1px dashed #0000003D;
                border-right: 1px dashed #0000003D; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap {
        margin-top: 92px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          margin-top: 28px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
            width: 33.3%;
            height: 245px;
            padding: 0 10px;
            margin-left: 40px;
            background-color: #F4F6F8;
            text-align: center;
            border-radius: 10px;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item .esg_ms_ico {
              display: block;
              margin: 50px auto 28px;
              background-repeat: no-repeat;
              background-position: center; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item .esg_ms_ico.tp1 {
                width: 49px;
                height: 51px;
                background-image: url(../images/esg_ms_ico_1.svg);
                background-size: 49px 51px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item .esg_ms_ico.tp2 {
                width: 45px;
                height: 45px;
                background-image: url(../images/esg_ms_ico_2.svg);
                background-size: 45px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item .esg_ms_ico.tp3 {
                width: 48px;
                height: 48px;
                background-image: url(../images/esg_ms_ico_3.svg);
                background-size: 48px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item strong {
              font-size: 15px;
              color: #000;
              font-weight: 600; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item ul {
              margin-top: 15px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item ul li {
                position: relative;
                font-family: Pretendard, "Noto Sans SC", sans-serif;
                font-size: 13px;
                color: #69727E;
                font-weight: 400; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item:first-child {
              margin-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 50px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont {
          width: 50%;
          margin-left: 110px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont p {
            margin-top: 10px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item {
            margin-top: 20px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:before, .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:after {
              content: '';
              position: absolute;
              left: 50%;
              z-index: 1;
              width: 166px;
              height: 1px;
              transform: translateX(-50%); }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap {
              display: flex;
              position: relative;
              align-items: flex-start;
              justify-content: center; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp1:before, .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp2:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-origin: padding-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle {
                overflow: hidden;
                position: relative;
                width: 166px;
                height: 166px;
                text-align: center;
                border-radius: 50%; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle p {
                  position: absolute;
                  top: 50%;
                  left: 0;
                  z-index: 2;
                  width: 100%;
                  margin-top: 0;
                  font-family: Pretendard, "Noto Sans SC", sans-serif;
                  font-size: 14px;
                  color: #fff;
                  font-weight: 600;
                  line-height: 1.25;
                  transform: translate(0, -50%); }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp1 {
                  background-color: #2D395B; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp2 {
                  margin-left: 14px;
                  background-color: #fff; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp1:before {
                  background-image: url(../images/env_img.jpg);
                  background-position: bottom;
                  background-size: 250%;
                  mix-blend-mode: screen;
                  opacity: 0.4; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle.tp2:before {
                  background-image: url(../images/env_img_2.jpg);
                  background-position: top;
                  background-size: cover; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:before {
                top: 0;
                border-top: 1px dashed #CECECE; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:after {
                bottom: 0;
                border-bottom: 1px dashed #CECECE; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol {
            margin-top: 20px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li {
              padding: 21px 0 20px;
              margin-top: 4px;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 14px;
              color: #2A395E;
              font-weight: 600;
              text-align: center; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li:first-child {
                margin-top: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li.bg_type.tp1 {
                background-color: #2A395E;
                color: #fff; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li.bg_type.tp2 {
                background-color: #E1EBF9; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li.bg_type.tp3 {
                background-color: #F1F6FC; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont ol li.bg_type.tp4 {
                background-color: #f9f9f9; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont:first-child {
            margin-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap {
        margin-top: 50px;
        margin-bottom: 60px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap p {
          margin-top: 10px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_item {
          overflow-x: auto;
          margin-top: 40px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_item img {
            width: 100%;
            min-width: 810px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont {
          overflow-x: auto;
          margin-top: 50px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table {
            min-width: 810px;
            text-align: center; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th, .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td {
              background-color: #fff;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-weight: 600;
              border-left: 10px solid #F8F9FB;
              border-bottom: 10px solid #F8F9FB; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th {
              padding: 16px 0;
              font-size: 13px;
              color: #2A395E;
              font-weight: 500;
              border-top: 4px solid #2A395E; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th:first-child {
                border-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th.tbl_bg.tp1 {
                background-color: #E1EBF980; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th.tbl_bg.tp2 {
                background-color: #E1EBF9; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table th.tbl_bg.tp3 {
                background-color: #D5E5FC; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td {
              padding: 12px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_wrap {
                position: relative;
                margin-top: 8px;
                height: 28px;
                border-left: 1px dashed #8D9BAD;
                border-right: 1px dashed #8D9BAD; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_wrap span {
                  position: absolute;
                  top: 4px;
                  left: 50%;
                  z-index: 2;
                  padding: 0 30px;
                  background-color: #fff;
                  font-size: 12px;
                  color: #8D9BAD;
                  font-weight: 500;
                  transform: translate(-50%, 0); }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_wrap:before {
                  content: '';
                  position: absolute;
                  top: 50%;
                  left: 0;
                  z-index: 1;
                  width: 100%;
                  height: 1px;
                  border-top: 1px dashed #8D9BAD;
                  transform: translate(0, -50%); }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap {
                margin-top: 20px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont {
                  position: relative;
                  width: 100%;
                  height: 90px;
                  background-color: #EFF2F5; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont ul {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    z-index: 1;
                    width: 100%;
                    padding: 0 10px;
                    box-sizing: border-box;
                    transform: translate(0, -50%); }
                    .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont ul li {
                      margin-top: 5px;
                      font-size: 14px;
                      color: #2A395E; }
                      .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont ul li:first-child {
                        margin-top: 0; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap.tp1 {
                  overflow: hidden; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap.tp1 .scope_txt_cont {
                    float: left;
                    width: calc(50% - 5px);
                    margin-left: 10px; }
                    .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap.tp1 .scope_txt_cont:first-child {
                      margin-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td:first-child {
                border-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont .re_100_wrap .re_100_cont p {
        margin-top: 16px;
        font-weight: 400; }
      .esg_wrap .esg_common_wrap .esg_common_cont .re_100_wrap .re_100_cont .re_100_info {
        width: 100%;
        margin-top: 26px;
        padding: 32px 42px;
        background-color: #fff;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 14px;
        color: #69727E;
        box-sizing: border-box; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap {
        overflow-x: auto;
        margin-top: 50px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table {
          min-width: 810px;
          border-top: 2px solid #2A395E; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th, .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr td {
            padding: 22px 0;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            border: 1px solid #D4D9DE;
            border-top: 0;
            border-right: 0; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th {
            background-color: #E1EBF980;
            font-size: 13px;
            color: #2A395E;
            font-weight: 400; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th:first-child {
              border-left: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th .ydata_ico {
              display: block;
              width: 50px;
              height: 50px;
              margin: 0 auto 10px;
              background-size: 50px;
              background-repeat: no-repeat; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th .ydata_ico.tp1 {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%232A395E' stroke-miterlimit='10' stroke-width='.75' d='M30.819 12.456h-4.441v7.097L19.16 8.633h4.441V1.537l7.217 10.92Z'/%3E%3Cpath stroke='%232A395E' stroke-width='.75' d='M24.99 42.096v-5.288c0-2.55-.112-5.17-1.317-7.415m0 0c-2.28-4.244-8.571-10.422-17.533-8.468 1.08 4.669 6.096 12.898 17.532 8.468ZM24.99 42.096v-5.288c0-2.55.112-5.17 1.317-7.415m0 0c2.28-4.244 8.571-10.422 17.533-8.468-1.08 4.669-6.096 12.898-17.533 8.468Z'/%3E%3Cpath stroke='%232A395E' stroke-width='.75' d='M24.99 41.765c-5.37 0-10.307 2.115-14.213 5.658a.196.196 0 0 0 .134.342h28.158c.181 0 .268-.22.134-.342-3.906-3.543-8.844-5.658-14.213-5.658ZM12.018 24.034c3.076.533 9.68 2.398 11.482 5.596M37.872 24.034c-3.076.533-9.68 2.398-11.482 5.596'/%3E%3C/svg%3E"); }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th .ydata_ico.tp2 {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%232A395E' stroke-miterlimit='10' stroke-width='.75' d='M19 28h-8.832C5.65 28 1.99 24.418 1.99 20s3.661-8 8.178-8h.012a10.499 10.499 0 0 1-.012-.5C10.168 5.701 14.973 1 20.9 1c4.015 0 7.512 2.158 9.353 5.35A8.345 8.345 0 0 1 32.657 6c3.823 0 7.033 2.568 7.928 6.036 4.154.381 7.405 3.8 7.405 7.964 0 4.418-3.661 8-8.178 8H31'/%3E%3Cpath fill='%232A395E' d='m33.553 21.374.617-.544.632-.543c.309-.27.561-.505.757-.706.201-.206.35-.407.449-.603.097-.196.146-.409.146-.64 0-.288-.076-.506-.227-.653-.152-.152-.365-.228-.64-.228-.328 0-.566.07-.713.213-.147.142-.262.358-.345.647l-.728-.103c.054-.25.147-.485.28-.706.132-.22.32-.397.565-.529.25-.137.571-.206.963-.206.53 0 .936.14 1.22.42.284.273.427.634.427 1.08 0 .279-.052.539-.155.779a2.709 2.709 0 0 1-.477.713c-.211.24-.488.51-.831.808l-.397.346-.47.39h2.388v.683h-3.462v-.618ZM23.234 17.119c0-1.074.182-1.993.546-2.758.364-.764.874-1.346 1.53-1.747.654-.41 1.414-.614 2.279-.614.882 0 1.647.2 2.293.6.655.401 1.165.983 1.529 1.748.364.755.546 1.67.546 2.743 0 1.083-.182 2.007-.546 2.771-.355.765-.86 1.352-1.516 1.761-.646.4-1.415.6-2.306.6-.874 0-1.638-.2-2.293-.6-.647-.4-1.152-.983-1.516-1.747-.364-.764-.546-1.683-.546-2.757Zm.874 0c0 .892.132 1.665.396 2.32.273.655.669 1.16 1.187 1.515.519.355 1.152.533 1.898.533s1.378-.178 1.897-.533c.519-.355.915-.86 1.188-1.515.273-.655.41-1.428.41-2.32 0-.892-.137-1.665-.41-2.32-.273-.656-.67-1.161-1.188-1.516-.519-.364-1.151-.546-1.897-.546s-1.379.182-1.898.546c-.518.355-.914.86-1.187 1.515-.264.655-.396 1.429-.396 2.32ZM14 17.132c0-1.083.177-2.006.532-2.77.355-.765.851-1.347 1.488-1.748.646-.41 1.388-.614 2.225-.614 1.083 0 1.92.282 2.512.846.591.565.992 1.333 1.201 2.307l-.819.15c-.191-.837-.514-1.474-.97-1.91-.445-.438-1.087-.656-1.924-.656-.71 0-1.32.178-1.829.532-.5.355-.883.86-1.146 1.516-.264.655-.396 1.433-.396 2.334 0 .892.132 1.665.396 2.32.273.655.66 1.16 1.16 1.515.51.355 1.124.533 1.842.533.901 0 1.588-.241 2.062-.724.473-.482.773-1.133.9-1.952h.847c-.119 1.02-.5 1.843-1.147 2.471-.646.628-1.542.942-2.689.942-.873 0-1.629-.2-2.266-.6-.628-.41-1.114-.993-1.46-1.748-.346-.764-.519-1.679-.519-2.744Z'/%3E%3Cpath stroke='%232A395E' stroke-miterlimit='10' stroke-width='.75' d='M8.75 32v9.111H6L11 48l5-6.889h-2.75V32M36.75 32v9.111H34L39 48l5-6.889h-2.75V32M22.75 26.5v9.676H20L25 43l5-6.824h-2.75V26.5'/%3E%3C/svg%3E"); }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr th .ydata_ico.tp3 {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%232A395E' stroke-width='.75' d='M3.49 48h43'/%3E%3Cpath stroke='%232A395E' stroke-miterlimit='10' stroke-width='.75' d='M15.746 13.023c2.095 0 3.793 1.712 3.793 3.824 0 .45-.078.88-.219 1.281a3.79 3.79 0 0 1 .22-.006c2.094 0 3.792 1.712 3.792 3.824 0 .985-.37 1.883-.977 2.561 1.96.148 3.505 1.798 3.505 3.812 0 2.112-1.698 3.824-3.792 3.824l-.055-.002c.035.208.055.422.055.64 0 2.111-1.698 3.824-3.793 3.824a3.76 3.76 0 0 1-2.529-.975 3.76 3.76 0 0 1-2.528.975c-2.095 0-3.793-1.712-3.793-3.824 0-.24.023-.476.065-.704a3.784 3.784 0 0 1-.697.066C6.698 32.143 5 30.431 5 28.32c0-2.014 1.545-3.664 3.505-3.812a3.827 3.827 0 0 1-.976-2.561c0-2.112 1.698-3.824 3.792-3.824.306 0 .603.037.888.106a3.84 3.84 0 0 1-.255-1.38c0-2.113 1.698-3.825 3.792-3.825Z' clip-rule='evenodd'/%3E%3Cpath stroke='%232A395E' stroke-width='.75' d='M15.646 23.93v24M19.274 28.503l-3.628 3.506-3.628-3.506'/%3E%3Cpath stroke='%232A395E' stroke-miterlimit='10' stroke-width='.75' d='M25.86 29.36a4.635 4.635 0 0 0 2.749.896c1.183 0 2.261-.44 3.078-1.162a4.632 4.632 0 0 0 3.078 1.162c2.55 0 4.618-2.041 4.618-4.56 0-.26-.024-.514-.066-.762l.066.003c2.55 0 4.617-2.042 4.617-4.56 0-2.402-1.881-4.369-4.268-4.545a4.51 4.51 0 0 0 1.19-3.054c0-2.518-2.067-4.56-4.617-4.56-.09 0-.179.003-.267.008a4.5 4.5 0 0 0 .267-1.527c0-2.518-2.068-4.56-4.618-4.56-2.55 0-4.617 2.042-4.617 4.56 0 .58.11 1.135.31 1.646a4.685 4.685 0 0 0-1.08-.126c-2.55 0-4.617 2.041-4.617 4.56a4.51 4.51 0 0 0 1.189 3.053 4.624 4.624 0 0 0-3.598 2.18'/%3E%3Cpath stroke='%232A395E' stroke-width='.75' d='M31.637 13.93v34M36.172 20.62l-4.535 3.625-4.535-3.624'/%3E%3C/svg%3E"); }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr td {
            background-color: #fff;
            text-align: center;
            font-size: 13px;
            color: #687381; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ydata_wrap .esg_ydata_cont table tr td:first-child {
              border-left: 0; }
        .blue-garage-text {
          display: block;
          margin-top: 12px;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          color: #69727E;
          font-weight: 400;
          text-align: right; }
      .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap {
        margin-top: 80px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont strong {
          display: inline-block; }
        .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul {
          display: inline-block;
          margin-left: 80px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul li {
            display: inline-block;
            margin-right: 20px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul li .esg_btn_cont {
              display: block;
              width: 82px;
              border-color: #BCBCBC; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap {
        margin-top: 50px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap p {
          margin-top: 16px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap {
          overflow-x: auto;
          overflow-y: hidden; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap {
            min-width: 640px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont {
              display: flex;
              align-items: center;
              height: 238px;
              padding: 30px 26px;
              margin-top: 40px;
              background-color: #fff;
              border: 1px dashed #8D9BAD;
              border-radius: 152px;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item {
                width: 50%;
                text-align: center; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item .env_value_ico {
                  display: block;
                  margin: 0 auto 10px;
                  background-repeat: no-repeat;
                  background-position: center; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item .env_value_ico.tp1 {
                    width: 48px;
                    height: 46px;
                    background-image: url(../images/env_value_ico_1.svg);
                    background-size: 48px 46px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item .env_value_ico.tp2 {
                    width: 48px;
                    height: 48px;
                    background-image: url(../images/env_value_ico_2.svg);
                    background-size: 48px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item ul li {
                  margin-top: 5px;
                  font-family: Pretendard, "Noto Sans SC", sans-serif;
                  font-size: 14px;
                  color: #2A395E;
                  font-weight: 600; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item ul li:first-child {
                    margin-top: 0; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item span {
                  font-family: Pretendard, "Noto Sans SC", sans-serif;
                  font-size: 14px;
                  color: #8D9BAD;
                  font-weight: 600; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_cont .value_loadmap_item.in_type {
                padding: 38px 45px;
                background-color: #E1EBF9;
                border-radius: 118px;
                box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_inout {
              display: flex;
              align-items: center;
              margin-top: 15px;
              border-left: 1px dashed #8D9BAD;
              border-right: 1px dashed #8D9BAD;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_inout .inout_cont {
                position: relative;
                width: calc(50% - 1px);
                height: 15px;
                position: relative;
                border-left: 1px dashed #8D9BAD;
                box-sizing: border-box; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_inout .inout_cont span {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  z-index: 2;
                  padding: 0 26px;
                  background-color: #fff;
                  font-family: Pretendard, "Noto Sans SC", sans-serif;
                  font-size: 13px;
                  color: #8D9BAD;
                  font-weight: 500;
                  transform: translateX(-50%); }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_inout .inout_cont:first-child {
                  border-left: 0; }
                .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap .value_loadmap_inout .inout_cont:before {
                  content: '';
                  position: absolute;
                  top: 7px;
                  left: 0;
                  z-index: 1;
                  width: 100%;
                  height: 1px;
                  border-top: 1px dashed #8D9BAD; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap {
        position: relative;
        margin-top: 70px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont {
          display: flex;
          align-items: flex-start;
          margin-top: 34px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item {
            position: relative;
            width: 50%;
            margin-left: 50px;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_img {
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1;
              width: 130px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_img img {
                width: 100%; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt strong {
              font-size: 15px;
              color: #182A5D; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt p {
              margin-top: 14px;
              color: #000;
              font-weight: 400; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt .esg_btn_cont {
              display: block;
              margin-top: 14px;
              width: 190px;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt .esg_btn_cont.st1 {
                width: 222px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item.tp1 {
              padding-left: 188px;
              margin-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item.tp1 .env_campain_img {
                width: 138px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap {
        margin-top: 60px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont {
          margin-top: 26px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont strong {
            font-size: 15px;
            color: #2A395E; }
          .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont p {
            margin-top: 10px;
            font-size: 14px;
            color: #42474E; }
          .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul {
            overflow: hidden;
            margin-top: 20px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
              display: inline-block;
              position: relative;
              width: calc(33.3% - 42px);
              margin-left: 42px;
              margin-bottom: 20px;
              padding: 21px 25px 19px 54px;
              background-color: #F4F6F8;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 14px;
              color: #42474E;
              font-weight: 400;
              border-radius: 4px;
              box-sizing: border-box;
              vertical-align: top; }
              .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li:nth-child(3n+1) {
                margin-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li:before {
                content: '';
                position: absolute;
                top: 28px;
                left: 25px;
                z-index: 1;
                width: 12px;
                height: 8px;
                background: url(../images/check_ico.svg) no-repeat center;
                background-size: 12px 8px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont.tp1 {
            margin-top: 60px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 60px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont {
          width: 50%;
          margin-left: 40px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont strong {
            color: #070D2F; }
          .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .hr_mgt_item {
            margin-top: 14px;
            padding-top: 16px;
            border-top: 1px dashed #868E9B; }
            .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .hr_mgt_item p {
              font-size: 14px;
              color: #42474E;
              line-height: 2; }
          .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap {
            position: relative;
            width: 330px;
            padding-left: 252px;
            padding-top: 26px;
            margin: 0 auto; }
            .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_img {
              position: absolute;
              top: 20px;
              left: 0;
              z-index: 1;
              width: 192px;
              height: 192px;
              padding: 58px 0;
              background-color: #fff;
              border-radius: 50%;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_img .wb_ico {
                display: block;
                width: 74px;
                height: 42px;
                margin: 0 auto 20px;
                background: url(../images/whistle_ico.svg) no-repeat center;
                background-size: 74px 42px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_img p {
                font-family: aktiv-grotesk-extended, sans-serif;
                font-size: 13px;
                color: #9196A0;
                text-align: center;
                font-weight: 500; }
            .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li {
              position: relative;
              padding-left: 110px;
              margin-top: 26px;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 14px;
              color: #42474E;
              font-weight: 400;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li span {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                color: #4880EE;
                padding-right: 20px;
                box-sizing: border-box; }
                .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li span:before {
                  content: '';
                  position: absolute;
                  top: 3px;
                  right: 0;
                  z-index: 1;
                  width: 8px;
                  height: 14px;
                  background: url(../images/sblue_arrow_ico.svg) no-repeat center;
                  background-size: 8px 14px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li em {
                color: #868E98; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li.tp1 {
                margin-top: 10px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step ol li:first-child {
                margin-top: 0; }
          .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont:first-child {
            margin-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap {
        margin-top: 60px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap p {
          margin-top: 10px;
          font-size: 14px;
          color: #070D2F;
          font-weight: 400; }
        .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont {
          overflow: hidden;
          margin-top: 20px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
            float: left;
            width: calc(33.3% - 27px);
            padding: 25px;
            margin-left: 40px;
            background-color: #F4F6F8;
            text-align: center;
            border-radius: 10px;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item p {
              margin-top: 0;
              padding-bottom: 18px;
              margin-bottom: 20px;
              font-size: 13px;
              color: #868E9B;
              font-weight: 500;
              line-height: 1.7;
              border-bottom: 1px dashed #0000003D; }
            .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item strong {
              font-family: aktiv-grotesk-extended, sans-serif;
              font-size: 26px;
              color: #42474E; }
              .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item strong em {
                display: inline-block;
                margin-left: 4px;
                font-family: Pretendard, "Noto Sans SC", sans-serif;
                font-size: 14px;
                color: #868E9B;
                font-weight: 500;
                vertical-align: middle; }
            .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:first-child {
              margin-left: 0; }
        .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_list_wrap ul li {
          position: relative;
          padding: 20px 25px 20px 50px;
          margin-top: 20px;
          background-color: #F4F6F8;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          color: #42474E;
          font-weight: 400;
          border-radius: 4px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_list_wrap ul li span {
            position: absolute;
            top: 20px;
            left: 25px;
            z-index: 1; }
      .esg_wrap .esg_common_wrap .esg_common_cont .ceo_sign_wrap {
        margin-top: 80px;
        text-align: right; }
        .esg_wrap .esg_common_wrap .esg_common_cont .ceo_sign_wrap p {
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          color: #070D2F;
          font-weight: 400; }
          .esg_wrap .esg_common_wrap .esg_common_cont .ceo_sign_wrap p .ceo_sign {
            overflow: hidden;
            display: inline-block;
            width: 136px;
            height: 62px;
            margin-left: 4px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .ceo_sign_wrap p .ceo_sign img {
              width: 100%; }
      .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap {
        margin-top: 24px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list {
          font-family: Pretendard, "Noto Sans SC", sans-serif; }
          .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .list_cont .row_tit {
            display: block;
            position: relative;
            width: 100%;
            padding: 10px;
            text-align: center;
            font-size: 13px;
            color: #69727E;
            box-sizing: border-box;
            cursor: pointer; }
            .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .list_cont .row_tit .tog_img {
              display: inline-block;
              width: 16px;
              height: 16px;
              margin-left: 3px;
              background: url(../images/toggle_ico.svg) no-repeat center;
              background-size: 16px;
              vertical-align: middle;
              transform: rotate(180deg);
              transition: 0.6s; }
              .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .list_cont .row_tit .tog_img.active {
                vertical-align: sub;
                transition: 0.6s;
                transform: rotate(0deg); }
          .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .row_cont {
            display: none;
            width: 100%;
            padding: 34px 0 0;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .row_cont .row_item {
              color: #69727E; }
              .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .row_cont .row_item strong {
                display: block;
                font-size: 16px;
                margin-bottom: 8px;
                font-weight: 400; }
              .esg_wrap .esg_common_wrap .esg_common_cont .tog_wrap .tog_list .list_comm .row_cont .row_item p {
                font-size: 14px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont {
        overflow-x: auto;
        position: relative;
        margin-top: 50px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont strong {
          color: #070D2F; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table {
          min-width: 800px;
          margin-top: 20px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table th, .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td {
            text-align: center; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table th {
            padding: 35px 0;
            background-color: #2A395E; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table th .edm_logo {
              width: 80px;
              height: 30px;
              margin: 0 auto 12px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table th .edm_logo img {
                width: 100%; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table th strong {
              font-size: 14px;
              color: #fff;
              font-weight: 600; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td {
            background-color: #fff;
            border-top: 10px solid #F4F6F8; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap {
              display: flex;
              align-items: center;
              padding: 10px 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont {
                width: calc(33.3% - 1px);
                border-left: 1px dashed #0000003D; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont .csr_ico {
                  display: block;
                  margin: 34px auto 18px;
                  background-repeat: no-repeat;
                  background-position: center; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont .csr_ico.tp1 {
                    width: 50px;
                    height: 50px;
                    background-image: url(../images/edm_ico_1.svg);
                    background-size: 50px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont .csr_ico.tp2 {
                    width: 71px;
                    height: 50px;
                    background-image: url(../images/edm_ico_2.svg);
                    background-size: 71px 50px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont .csr_ico.tp3 {
                    width: 62px;
                    height: 58px;
                    background-image: url(../images/edm_ico_3.svg);
                    background-size: 62px 58px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont strong {
                  display: block;
                  padding-bottom: 25px;
                  font-size: 16px;
                  color: #2A395E;
                  font-weight: 600; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .csr_strategy_wrap .csr_strategy_cont:first-child {
                  border-left: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap {
              padding: 16px 10px 10px;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap strong {
                font-size: 14px;
                color: #2A395E;
                font-weight: 700; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont {
                position: relative;
                margin-top: 12px;
                padding-top: 20px;
                box-sizing: border-box; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont .key_areas_item {
                  position: relative;
                  min-height: 75px;
                  margin-top: 8px;
                  background-color: #fff; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont .key_areas_item p {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    padding: 0 10px;
                    font-size: 14px;
                    color: #2A395E;
                    font-weight: 500;
                    line-height: 1.5;
                    transform: translate(0, -50%);
                    box-sizing: border-box; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont .key_areas_item.tp1 {
                    margin-top: 0;
                    background-color: #D0DDF2; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont .key_areas_item.tp2 {
                    min-height: 152px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap .key_areas_cont:before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 50%;
                  z-index: 1;
                  width: 13px;
                  height: 7px;
                  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.059' height='8.29'%3E%3Cpath fill='none' stroke='%232a395e' stroke-linecap='round' stroke-linejoin='round' d='M13.353.706 7.215 7.791.706.991' data-name='path 6403'/%3E%3C/svg%3E");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 13px 7px;
                  transform: translate(-50%, 0); }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap.tp1 .key_areas_cont {
                display: flex;
                align-items: center; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap.tp1 .key_areas_cont .key_areas_item {
                  width: 50%;
                  margin-left: 8px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td .key_areas_wrap.tp1 .key_areas_cont .key_areas_item:first-child {
                    margin-left: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td.tbl_bg {
              background-color: #E3EBF8;
              border-left: 10px solid #F4F6F8; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont table td.tbl_bg:first-child {
                border-left: 0; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_notice_txt {
          position: absolute;
          bottom: 10px;
          left: 0;
          z-index: 1;
          font-size: 13px;
          color: #828A98;
          font-weight: 400;
          line-height: 1.5; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 314px;
          margin-top: 18px;
          border-radius: 10px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .date {
            position: absolute;
            top: 15px;
            right: 17px;
            z-index: 2;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 13px;
            color: #ccc;
            font-weight: 400; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt {
            position: absolute;
            top: 50%;
            left: 0;
            z-index: 2;
            width: 100%;
            padding: 0 15px;
            transform: translate(0, -50%);
            text-align: center;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt p {
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 16px;
              color: #fff;
              font-weight: 400;
              line-height: 1.8; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj {
              display: flex;
              align-items: center;
              justify-content: center;
              margin-top: 28px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl {
                padding: 0 75px;
                border-left: 1px dashed #ffffff82; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl dt {
                  font-family: Pretendard, "Noto Sans SC", sans-serif;
                  font-size: 14px;
                  color: #fff;
                  font-weight: 500; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl dd {
                  font-family: aktiv-grotesk-extended, sans-serif;
                  font-size: 40px;
                  color: #fff;
                  font-weight: 300; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl dd em {
                    font-family: aktiv-grotesk-extended, sans-serif;
                    font-size: 14px;
                    color: #B0B5BC;
                    font-weight: 500; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl:first-child {
                  border-left: 0; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl:last-child dd {
                  position: relative;
                  padding-right: 20px; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl:last-child dd em {
                    position: absolute;
                    top: 28px;
                    right: 0;
                    z-index: 1; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .esg_btn_cont {
              display: inline-block;
              margin-top: 40px;
              padding: 13px 35px 12px 48px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img.bg_tp1 {
            background-image: url(../images/edm_csr_bg_01.png); }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img.bg_tp2 {
            background-image: url(../images/edm_csr_bg_02.png); }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.4; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support {
          margin-top: 26px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support ul {
            text-align: right;
            font-size: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support ul li {
              display: inline-block;
              width: 122px;
              font-size: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support ul li img {
                width: 100%; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp1 {
            overflow-x: auto; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp1 ul {
              min-width: 480px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp1 ul li.logo_wrap {
                width: 100%; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp1 ul li.logo_wrap img {
                  width: 480px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 {
            overflow-x: auto; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap {
              display: flex;
              min-width: 590px;
              justify-content: flex-end; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li {
                margin-left: 24px;
                vertical-align: middle; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li.tp1 {
                  width: 104px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li.tp2 {
                  width: 88px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li.tp3 {
                  width: 78px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li.tp4 {
                  width: 102px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul li.tp5 {
                  width: 88px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul.ont_list {
                margin-left: 16px;
                border-left: 1px solid #868E9B66; }
                .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support.tp2 .support_list_wrap ul.ont_list li {
                  margin-left: 0;
                  padding-left: 16px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap {
          margin-top: 20px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
            background-color: #fff; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 220px;
          margin-top: 18px;
          border-radius: 10px;
          background: url(../images/edm_csr_map.png) no-repeat;
          background-position: center;
          background-size: cover; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
            position: absolute;
            top: 36px;
            left: 60px;
            z-index: 1;
            padding-right: 60px;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt span, .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt strong, .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 13px;
              color: #fff;
              font-weight: 400;
              line-height: 1.5; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt span {
              display: block;
              margin-bottom: 2px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt strong {
              font-size: 32px;
              font-weight: 600; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
              margin-top: 36px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont.tp1 .edm_notice_txt {
          width: 100%;
          padding-right: 132px;
          box-sizing: border-box; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont.tp1 .edm_csr_item .edm_csr_support {
          position: relative;
          height: 46px;
          margin-top: 10px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont.tp1 .edm_csr_item .edm_csr_support ul {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1; }
      .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video {
        margin-top: 90px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list {
          position: relative;
          width: 100%;
          max-width: 1280px;
          padding-top: 20px;
          margin: 0 auto;
          box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a {
            display: block;
            position: relative;
            background-color: #000;
            font-size: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a img {
              width: 100%;
              opacity: 0.7; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 60px;
              height: 60px;
              background: url("../images/video_play_ico.svg") no-repeat center;
              background-size: 46px;
              transform: translate(-50%, -50%); }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .edm_video_cont .edm_video_item .swiper-slide p {
            position: relative;
            z-index: 2;
            padding-top: 10px;
            text-align: center;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            color: #69727E;
            font-weight: 500; }
          .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap {
            position: absolute;
            top: -14px;
            right: 0;
            z-index: 1;
            width: 58px;
            height: 14px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-next {
              top: 22px;
              width: 7px;
              height: 14px;
              background: url(../images/esg_play_arrow.svg) no-repeat center;
              background-size: 7px 14px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-prev {
              left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-prev:after {
                display: none; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-next {
              right: 0;
              transform: rotate(-180deg); }
              .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-next:after {
                display: none; }
            .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-lock {
              display: block; }
      .esg_wrap .esg_common_wrap .esg_common_cont .asat_wrap {
        margin-top: 48px;
        padding: 28px 42px;
        background-color: #F8F9FB; }
        .esg_wrap .esg_common_wrap .esg_common_cont .asat_wrap .asat_txt {
          text-align: center;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          font-weight: 400; }
          .esg_wrap .esg_common_wrap .esg_common_cont .asat_wrap .asat_txt p {
            color: #69727E;
            line-height: 1.8; }
          .esg_wrap .esg_common_wrap .esg_common_cont .asat_wrap .asat_txt .tit_sub {
            color: #ccc;
            line-height: 1.8; }
      .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont {
        position: relative;
        margin-top: 40px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont p {
          margin-top: 10px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .tbl_top_txt {
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 12px;
          color: #69727E; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table {
          border-top: 2px solid #4F5A65; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr th, .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr td {
            padding: 20px;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            text-align: center;
            border-left: 1px solid #D4D9DE99;
            border-bottom: 1px solid #D4D9DE99; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr th {
            background-color: #EFF2F5;
            color: #4B5563;
            font-weight: 600; }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr th:first-child {
              border-left: 0; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr td {
            background-color: #fff;
            color: #687381;
            font-weight: 400; }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr td:first-child {
              border-left: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table tr td.tal {
              text-align: left; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont table.tp1 {
            margin-top: 20px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1;
          vertical-align: text-top; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap {
          overflow-x: auto;
          margin-top: 20px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 40px}
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
              position: relative;
              height: 100%;
              min-height: 276px;
              padding: 40px 30px 67px;
              background-color: white;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              border-radius: 10px;
              }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item strong {
                display: block;
                position: relative;
                padding-left: 32px;
                margin-bottom: 20px;
                font-size: 15px;
                color: #42474E;
                font-weight: 500;
                box-sizing: border-box; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item strong:before {
                  content: '';
                  position: absolute;
                  top: 1px;
                  left: 0;
                  z-index: 1;
                  width: 18px;
                  height: 18px;
                  background: url(../images/human_ico.svg) no-repeat center;
                  background-size: 18px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item p {
                font-size: 14px;
                color: #707070;
                font-weight: 400;
                line-height: 1.8; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
                display: block;
                position: absolute;
                bottom: 40px;
                right: 40px;
                z-index: 1;
                padding-right: 26px;
                text-align: right;
                font-size: 13px;
                color: #020202;
                font-weight: 500;
                box-sizing: border-box; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a:before {
                  content: '';
                  position: absolute;
                  top: 50%;
                  right: 0;
                  z-index: 1;
                  width: 16px;
                  height: 16px;
                  background-color: #2D395B;
                  border-radius: 50%;
                  transform: translate(0, -50%); }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a:after {
                  content: '';
                  position: absolute;
                  top: 50%;
                  right: 4px;
                  z-index: 1;
                  width: 8px;
                  height: 8px;
                  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.176' height='10.18' data-name='group 26400'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23fff' d='M0 0h10.176v10.18H0z' data-name='squre 26066'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)' data-name='group 25816'%3E%3Cpath d='M9.866 7.401v1.643a.965.965 0 0 1-1.057.82H1.37a.965.965 0 0 1-1.061-.82V7.401' data-name='path 6027'/%3E%3Cpath d='m2.122 4.025 2.97 2.655 2.963-2.655' data-name='path 6028'/%3E%3Cpath d='M5.088 6.681V.309' data-name='line 247'/%3E%3C/g%3E%3C/svg%3E");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 8px 8px;
                  transform: translate(0, -50%); }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item:first-child {
                margin-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item.tp1 {
                padding-bottom: 42px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap {
          overflow-x: auto;
          margin-top: 10px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont {
            min-width: 1150px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item {
              padding: 19px 0;
              margin-top: 10px;
              text-align: center; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item strong {
                font-size: 16px;
                font-weight: 700; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item p {
                margin-top: 0;
                font-size: 13px;
                font-weight: 400; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap {
                display: flex;
                align-items: center;
                margin-top: 22px;
                border-top: 1px dashed #0000003d; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont {
                  width: 50%;
                  padding: 20px 15px;
                  box-sizing: border-box; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont p {
                    display: inline-block;
                    position: relative;
                    padding-right: 26px;
                    font-size: 15px;
                    color: #2A395E;
                    font-weight: 500;
                    box-sizing: border-box; }
                    .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont p:before {
                      content: '';
                      position: absolute;
                      top: 50%;
                      right: 0;
                      z-index: 1;
                      width: 18px;
                      height: 18px;
                      background-color: #2A395E;
                      border-radius: 50%;
                      transform: translate(0, -50%); }
                    .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont p:after {
                      content: '';
                      position: absolute;
                      top: 50%;
                      right: 5px;
                      z-index: 1;
                      width: 7px;
                      height: 4px;
                      margin-top: -2px;
                      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.059' height='8.29'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M13.353.706 7.215 7.791.706.991' data-name='path 6403'/%3E%3C/svg%3E");
                      background-repeat: no-repeat;
                      background-position: center;
                      background-size: 7px 4px;
                      transform: rotate(-180deg); }
                  .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont.tp1 {
                    border-left: 1px dashed #0000003d; }
                    .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_cycle_wrap .process_cycle_cont.tp1 p:after {
                      transform: rotate(0deg); }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_commission_wrap {
                display: flex;
                align-items: center;
                margin-top: 18px; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_commission_wrap .process_commission_cont {
                  width: 25%;
                  margin-left: 14px;
                  padding: 16px 15px;
                  background-color: #fff;
                  box-sizing: border-box; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_commission_wrap .process_commission_cont p {
                    font-size: 15px;
                    color: #2A395E;
                    font-weight: 600; }
                  .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item .process_commission_wrap .process_commission_cont:first-child {
                    margin-left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp1 {
                background-color: #2A395E; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp1 strong {
                  color: #fff; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp1 p {
                  color: #FFFFFF7d; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp2 {
                padding: 20px 0 0;
                background-color: #ffffff; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp2 strong {
                  color: #2A395E; }
              .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp3 {
                padding: 16px 18px;
                background-color: #E1EBF9; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp3 strong {
                  color: #2A395E; }
                .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_wrap .ds_process_cont .ds_process_item.tp3 p {
                  color: #6A6D72; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont.tp1 {
          margin-top: 42px;
          padding-top: 8px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont.tp2 {
          margin-top: 110px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_btn {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_btn strong {
            margin-right: 10px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_btn a {
            display: inline-block;
            position: relative;
            padding-right: 26px;
            text-align: right;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 13px;
            color: #020202;
            font-weight: 500;
            box-sizing: border-box;
            word-break: keep-all; }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_btn a:before {
              content: '';
              position: absolute;
              top: 50%;
              right: 0;
              z-index: 1;
              width: 16px;
              height: 16px;
              background-color: #2D395B;
              border-radius: 50%;
              transform: translate(0, -50%); }
            .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .ds_process_btn a:after {
              content: '';
              position: absolute;
              top: 50%;
              right: 4px;
              z-index: 1;
              width: 8px;
              height: 8px;
              background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.176' height='10.18' data-name='group 26400'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23fff' d='M0 0h10.176v10.18H0z' data-name='squre 26066'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)' data-name='group 25816'%3E%3Cpath d='M9.866 7.401v1.643a.965.965 0 0 1-1.057.82H1.37a.965.965 0 0 1-1.061-.82V7.401' data-name='path 6027'/%3E%3Cpath d='m2.122 4.025 2.97 2.655 2.963-2.655' data-name='path 6028'/%3E%3Cpath d='M5.088 6.681V.309' data-name='line 247'/%3E%3C/g%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 8px 8px;
              transform: translate(0, -50%); }
      .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .current_wrap, .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .compose_wrap {
        overflow-x: auto; }
        .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .current_wrap table, .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .compose_wrap table {
          min-width: 1270px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .current_wrap table.tp1, .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .compose_wrap table.tp1 {
            min-width: 680px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap {
        margin-top: 10px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
          position: relative;
          padding: 30px 20px 30px 180px;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          border-bottom: 1px dashed #d2dae3;
          box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont strong {
            position: absolute;
            top: 32px;
            left: 0;
            z-index: 1;
            font-size: 16px;
            color: #53555F;
            font-weight: 600; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont p {
            font-size: 14px;
            color: #42474E;
            font-weight: 400;
            line-height: 1.7; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
            margin-top: 30px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
              display: inline-block; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont:first-child {
                margin-right: 8px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap {
        display: flex;
        position: relative;
        align-items: flex-start;
        padding-top: 20px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont {
          text-align: center;
          border: 1px solid #E6E6E6; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_img {
            overflow: hidden;
            position: relative;
            height: 308px;
            padding: 24px 15px 0;
            background-color: #F8F9FB;
            font-size: 0;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_img .esg_report_tit {
              width: 100%;
              max-width: 256px;
              margin: 0 auto;
              font-size: 0;
              border: 1px solid #e6e6e6;
              border-bottom: 0;
              box-sizing: border-box; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_img .esg_report_tit img {
                width: 100%; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_img .esg_report_tit.tp1 {
                position: absolute;
                bottom: 0;
                left: 50%;
                z-index: 1;
                max-width: 507px;
                margin: 0;
                border: 0;
                transform: translate(-50%, 0); }
                .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_img .esg_report_tit.tp1 img {
                  overflow: hidden;
                  width: calc(100% - 30px);
                  border: 1px solid #E6E6E6;
                  border-bottom: 0; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item {
            padding: 40px 15px;
            background-color: #fff;
            border-top: 1px solid #E6E6E6; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item strong {
              font-family: aktiv-grotesk-extended, Pretendard, "Noto Sans SC", sans-serif;
              font-size: 16px;
              color: #000;
              font-weight: 500; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item .esg_report_btn {
              margin-top: 5px; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item .esg_report_btn .esg_btn_cont {
                display: inline-block;
                margin-top: 5px;
                margin-left: 2px;
                padding: 10px 32px 9px;
                font-family: aktiv-grotesk-extended, sans-serif;
                font-size: 13px;
                font-weight: 500; }
                .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item .esg_report_btn .esg_btn_cont:first-child {
                  margin-left: 0; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap {
          position: absolute;
          top: -14px;
          right: 0;
          z-index: 1;
          width: 58px;
          height: 14px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .esg_report_wrap .swiper_btn_wrap .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .edm_day_video .edm_video_list .swiper_btn_wrap .swiper-button-next, .esg_wrap .esg_common_wrap .esg_common_cont .edm_day_video .edm_video_list .esg_report_wrap .swiper_btn_wrap .swiper-button-next, .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-next {
            top: 22px;
            width: 7px;
            height: 14px;
            background: url(../images/esg_play_arrow.svg) no-repeat center;
            background-size: 7px 14px; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-prev {
            left: 0; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-prev:after {
              display: none; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-next {
            right: 0;
            transform: rotate(-180deg); }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-next:after {
              display: none; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .swiper_btn_wrap .swiper-button-lock {
            display: block; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap {
        display: flex;
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1280px;
        margin: 20px auto 0;
        justify-content: space-between;
        box-sizing: border-box; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .esg_video_cont {
          position: relative;
          width: 100%;
          margin-left: 0; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .esg_video_cont .esg_video_frame {
            overflow: hidden;
            position: relative;
            height: 0;
            padding-bottom: 56%;
            background-color: #000; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .esg_video_cont .esg_video_frame a {
              display: block;
              position: relative; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .esg_video_cont .esg_video_frame a:before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1;
                width: 80px;
                height: 80px;
                background: url("../images/video_play_ico.svg") no-repeat center;
                background-size: 60px;
                transform: translate(-50%, -50%); }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .esg_video_cont .esg_video_frame a img {
                width: 100%;
                opacity: 0.7; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap {
          display: none;
          position: relative;
          width: 115px;
          padding-left: 54px;
          box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-button-lock, .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination-lock {
            display: block; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination-bullet:only-child {
            display: block !important; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination, .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav {
            position: relative; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav {
            height: 16px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next {
              top: 22px;
              width: 7px;
              height: 14px;
              background: url("../images/esg_play_arrow.svg") no-repeat center;
              background-size: 7px 14px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev {
              left: 0; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev:after {
                display: none; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next {
              right: 0;
              transform: rotate(-180deg); }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next:after {
                display: none; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination {
            bottom: 0;
            margin-top: 45px; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet {
              width: 100%;
              height: auto;
              margin: 0;
              margin-bottom: 40px;
              background-color: transparent;
              font-size: 16px;
              color: #42474E;
              font-weight: 400;
              opacity: 0.5; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet-active {
              opacity: 1;
              font-weight: 700; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_logo {
        position: absolute;
        top: 18px;
        right: 0;
        z-index: 1;
        width: 120px;
        height: 42px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_logo img {
          width: 100%; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap {
        margin-top: 30px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr th, .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr td {
          width: 20%;
          padding: 22px 15px;
          font-family: Pretendard, "Noto Sans SC", sans-serif;
          font-size: 14px;
          text-align: center;
          border-bottom: 1px solid #D4D9DE;
          border-left: 1px solid #D4D9DE; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr th {
          background-color: #F8F9FB;
          font-weight: 600;
          color: #4B5563;
          border-top: 2px solid #4F5A65; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr th:first-child {
            border-left: 0; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr td {
          font-weight: 400;
          color: #687381; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap .esg_ratings_cont table tr td:first-child {
            border-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont.logo_type {
        padding-bottom: 60px; }
        .esg_wrap .esg_common_wrap .esg_common_cont.logo_type.tp1 {
          padding-top: 0;
          padding-bottom: 120px; }
          .esg_wrap .esg_common_wrap .esg_common_cont.logo_type.tp1 .esg_com_tit {
            height: 30px; }
            .esg_wrap .esg_common_wrap .esg_common_cont.logo_type.tp1 .esg_com_tit .esg_ratings_logo {
              width: 84px;
              height: 24px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont {
        margin-top: 29px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_item {
          max-width: 618px;
          margin: 0 auto;
          border: 1px solid #E6E6E6; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_item .esg_news_img {
            padding: 43px 15px;
            background-color: #F4F5F6;
            box-sizing: border-box; }
            .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_item .esg_news_img .esg_news_tit {
              max-width: 367px;
              margin: 0 auto; }
              .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_item .esg_news_img .esg_news_tit img {
                width: 100%; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_txt {
          padding: 40px 15px;
          background-color: #fff;
          text-align: center;
          border-top: 1px solid #E6E6E6;
          box-sizing: border-box; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_txt p {
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 16px;
            color: #000;
            font-weight: 400;
            line-height: 1.8; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_news_wrap .esg_news_cont .esg_news_txt .esg_news_btn {
            margin-top: 20px; }
    .esg_wrap .esg_common_wrap.tp1 {
      background-color: #F8F9FB; }
  .esg_wrap .esg_sns_wrap {
    display: block;
    width: 100%;
    margin-bottom: 100px;
    text-align: center; }
    .esg_wrap .esg_sns_wrap ul li {
      display: inline-block;
      margin-left: 20px; }
      .esg_wrap .esg_sns_wrap ul li .sns_ico {
        display: block;
        width: 42px;
        height: 42px;
        background-color: #646B76;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        box-sizing: border-box;
        border-radius: 50%; }
        .esg_wrap .esg_sns_wrap ul li .sns_ico.tp1 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
          background-size: 22px 15px; }
        .esg_wrap .esg_sns_wrap ul li .sns_ico.tp2 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
          background-size: 16px; }
        .esg_wrap .esg_sns_wrap ul li .sns_ico.tp3 {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='128mm' height='115.7001mm' viewBox='0 0 128 115.7001'%3E%3Cpath d='M100.808 0h19.627l-42.88 49.01L128 115.7H88.502L57.565 75.253 22.167 115.7H2.527L48.393 63.28 0 0h40.501l27.964 36.97Zm-6.89 103.952h10.877L34.592 11.131H22.92Z' style='fill:%23fff;fill-opacity:1;stroke-width:5.93331'/%3E%3C/svg%3E");
          background-size: 18px 15px; }
        .esg_wrap .esg_sns_wrap ul li .sns_ico.tp4 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 8px 15px; }
      .esg_wrap .esg_sns_wrap ul li:first-child {
        margin-left: 0; }

body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .env_value_loadmap .value_loadmap_wrap .value_loadmap {
  min-width: 645px; }
body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
  min-height: 507px; }
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
    padding-left: 30px; }
body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
  padding-left: 430px; }
body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont {
  height: 165px; }
body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
  min-height: 173px; }

body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
  min-height: 82px; }
body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
  min-height: 470px; }
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
    padding-left: 30px; }
body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
  padding-left: 410px; }
body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont {
  height: 130px; }
body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
  min-height: 173px; }

body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
  padding-left: 219px; }

body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
  min-height: 82px; }
body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
  min-height: 326px; }
body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
  padding-left: 280px; }
body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .env_loadmap_wrap .env_loadmap_cont table td .scope_txt_wrap .scope_txt_cont {
  height: 110px; }
body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
  min-height: 173px; }

/* social contribution */
.social_wrap {
  padding: 126px 0 0; }
  .social_wrap .social_cont .social_info_wrap {
    position: relative;
    height: 600px;
    justify-content: space-between; }
    .social_wrap .social_cont .social_info_wrap .social_info_txt {
      width: 50%;
      margin: 0 auto;
      padding: 0 30px;
      text-align: center;
      box-sizing: border-box; }
      .social_wrap .social_cont .social_info_wrap .social_info_txt p {
        font-size: 20px;
        color: #000;
        font-weight: 500;
        line-height: 1.8;
        word-break: keep-all; }
    .social_wrap .social_cont .social_info_wrap .social_info_img {
      overflow: hidden;
      position: fixed;
      top: 336px;
      left: 0;
      z-index: 1;
      width: 25%;
      height: 0;
      padding-bottom: 50%;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: top;
      background-image: url("../images/social_img_1.jpg"); }
      .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
        top: 600px;
        left: 50%;
        transform: translate(-30%, 0);
        background-image: url("../images/social_img_3.jpg"); }
      .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
        top: 151px;
        left: auto;
        right: 0;
        background-image: url("../images/social_img_2.jpg"); }
      .social_wrap .social_cont .social_info_wrap .social_info_img.active {
        position: absolute; }
  .social_wrap .social_cont .social_list_wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 100px 0;
    background-color: #F8F8FA; }
    .social_wrap .social_cont .social_list_wrap .social_list {
      width: 100%;
      max-width: 1404px;
      padding: 0 62px;
      margin: 0 auto;
      box-sizing: border-box; }
      .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont {
        position: relative;
        padding-left: 410px;
        margin-top: 80px; }
        .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          width: 300px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit strong {
            font-size: 20px;
            color: #21252C;
            font-weight: 700; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit p {
            margin-top: 6px;
            font-size: 16px;
            color: #868E9B;
            font-weight: 400;
            word-break: keep-all; }
        .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap {
          position: relative;
          padding-left: 260px;
          padding-top: 10px;
          margin-top: 40px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 220px;
            height: 170px;
            background-color: #959595; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img img {
              width: 100%; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt strong {
            font-size: 16px;
            color: #42474E;
            font-weight: 700;
            word-break: keep-all; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt p {
            margin: 12px 0 16px;
            font-size: 14px;
            color: #646B76;
            font-weight: 400;
            word-break: keep-all; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li {
            position: relative;
            margin-bottom: 10px;
            padding-left: 22px;
            display: inline-block;
            margin-right: 25px;
            box-sizing: border-box; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li a {
              font-size: 14px;
              color: #42474E;
              font-weight: 500;
              word-break: keep-all; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li a:hover {
                text-decoration: underline; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li:before {
              content: '';
              position: absolute;
              top: 2px;
              left: 0;
              z-index: 1;
              width: 16px;
              height: 16px;
              background-repeat: no-repeat;
              background-position: center;
              background-size: 16px;
              background-image: url("../images/social_link_ico.svg"); }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li:first-child:before {
              background-image: url("../images/social_play_ico.svg"); }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo {
            overflow: hidden;
            text-align: right; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo .social_logo_img {
              display: inline-block;
              width: 120px;
              margin-left: 10px; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo .social_logo_img img {
                width: 100%; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap:first-child {
            margin-top: 0; }
        .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont:first-child {
          margin-top: 0; }
  .social_wrap .social_cont .social_edm_day {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 150px;
    background-color: #fff; }
    .social_wrap .social_cont .social_edm_day .sub_tit {
      margin-bottom: 40px;
      text-align: center; }
      .social_wrap .social_cont .social_edm_day .sub_tit strong {
        position: relative;
        font-size: 24px;
        color: #21252C;
        font-weight: 700; }
        .social_wrap .social_cont .social_edm_day .sub_tit strong span {
          position: absolute;
          top: 3px;
          z-index: 1;
          margin-left: 4px;
          font-size: 14px;
          color: #000;
          font-weight: 300;
          vertical-align: text-top; }
      .social_wrap .social_cont .social_edm_day .sub_tit p {
        font-size: 16px;
        color: #646B76;
        font-weight: 400; }
    .social_wrap .social_cont .social_edm_day .edm_video_list {
      position: relative;
      width: 100%;
      max-width: 1404px;
      padding: 20px 62px 0;
      margin: 0 auto;
      box-sizing: border-box; }
      .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a {
        display: block;
        position: relative;
        background-color: #000;
        font-size: 0; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a img {
          width: 100%;
          opacity: 0.7; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a p {
          position: relative;
          z-index: 2;
          padding-top: 10px;
          text-align: center;
          background-color: #fff;
          font-size: 16px;
          color: #42474E;
          font-weight: 400; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 1;
          width: 60px;
          height: 60px;
          background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.462' height='38.462'%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='38.462' height='38.462' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeFlood flood-opacity='.263'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Cpath data-name='icon' d='m16.285 24.86 8.839-6.629-8.839-6.631ZM19.231 3.5a14.731 14.731 0 1 0 14.731 14.731A14.736 14.736 0 0 0 19.231 3.5Zm0 26.516a11.785 11.785 0 1 1 11.785-11.785 11.8 11.8 0 0 1-11.785 11.785Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
          background-size: 60px;
          transform: translate(-50%, -50%); }
      .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap {
        position: absolute;
        top: -14px;
        right: 74px;
        z-index: 1;
        width: 58px;
        height: 14px; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-lock {
          display: block; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-prev, .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper_nav .swiper-button-prev, .social_wrap .social_cont .social_edm_day .edm_video_list .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .swiper_btn_wrap .swiper_nav .swiper-button-next, .esg_wrap .esg_common_wrap .esg_common_cont .esg_video_wrap .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper_nav .swiper-button-next, .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-prev, .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-next {
          top: 22px;
          width: 7px;
          height: 14px;
          background: url("../images/esg_play_arrow.svg") no-repeat center;
          background-size: 7px 14px; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-prev {
          left: 0; }
          .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-prev:after {
            display: none; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-next {
          right: 0;
          transform: rotate(-180deg); }
          .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap .swiper-button-next:after {
            display: none; }
  .social_wrap .social_cont .edm_esg_sns {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 100px 0;
    text-align: center;
    background-color: #fff; }
    .social_wrap .social_cont .edm_esg_sns ul li {
      display: inline-block;
      margin-left: 20px; }
      .social_wrap .social_cont .edm_esg_sns ul li .sns_ico {
        display: block;
        width: 42px;
        height: 42px;
        background-color: #646B76;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
        box-sizing: border-box;
        border-radius: 50%; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp1 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
          background-size: 22px 15px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp2 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
          background-size: 16px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp3 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.87 17.84'%3E%3Cg data-name='sns_twt'%3E%3Cpath d='M21.87 0a10.89 10.89 0 0 1-3.12 1.52 4.45 4.45 0 0 0-7.81 3v1A10.56 10.56 0 0 1 2 1s-4 9 5 12.93a11.57 11.57 0 0 1-7 2c9 5 19.88 0 19.88-11.43a3.89 3.89 0 0 0-.08-.83A7.65 7.65 0 0 0 21.87 0Z' style='fill:%23fff' data-name='Icon feather-twitter'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 18px 15px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp4 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
          background-size: 8px 15px; }
      .social_wrap .social_cont .edm_esg_sns ul li:first-child {
        margin-left: 0; }

/* social contribution lang */
body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_txt p {
  word-break: break-all; }
body:lang(zh) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit p {
  word-break: break-all; }
body:lang(zh) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt strong {
  word-break: break-all; }
body:lang(zh) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt p {
  word-break: break-all; }
body:lang(zh) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li a {
  word-break: break-all; }

body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_txt p {
  word-break: break-all; }
body:lang(ja) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit p {
  word-break: break-all; }
body:lang(ja) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt strong {
  word-break: break-all; }
body:lang(ja) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt p {
  word-break: break-all; }
body:lang(ja) .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li a {
  word-break: break-all; }

/* ethical */
.ethical_wrap {
  padding: 126px 0 0; }
  .ethical_wrap .content_tit {
    position: relative;
    z-index: 2; }
  .ethical_wrap .ethical_cont .video {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: 100%;
    width: 100%;
    height: 100vh;
    pointer-events: none; }
    .ethical_wrap .ethical_cont .video .video_frame {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100%; }
      .ethical_wrap .ethical_cont .video .video_frame video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-size: cover; }
  .ethical_wrap .ethical_cont .ethcial_jyp_img {
    position: relative;
    height: calc(100vh - 490px); }
    .ethical_wrap .ethical_cont .ethcial_jyp_img img {
      position: fixed;
      top: 50%;
      left: 50%;
      z-index: 2;
      width: 480px;
      transform: translate(-50%, -50%); }
      .ethical_wrap .ethical_cont .ethcial_jyp_img img.active {
        position: absolute;
        top: auto;
        bottom: 20px;
        transform: translate(-50%, 0); }
  .ethical_wrap .ethical_cont .ethical_item {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 62px;
    box-sizing: border-box;
    background: transparent linear-gradient(180deg, #CBDFF30D 0%, #CADEF2E6 18%, #CADDF1 20%, #C9DCF0 100%) 0% 0% no-repeat padding-box; }
    .ethical_wrap .ethical_cont .ethical_item .ethical_txt {
      width: 100%;
      max-width: 1404px;
      margin: 0 auto;
      padding: 0px 62px 0;
      text-align: center;
      box-sizing: border-box; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong {
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 18px;
        color: #000;
        font-weight: 700;
        word-break: keep-all; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_txt p {
        margin: 30px 0 40px;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 16px;
        color: #21252C;
        font-weight: 500;
        letter-spacing: -0.05px;
        text-align: left;
        line-height: 1.8;
        word-break: keep-all; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_txt span {
        display: block;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 16px;
        color: #000;
        font-weight: 700;
        text-align: right; }
    .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap {
      width: 100%;
      max-width: 1404px;
      margin: 0 auto;
      padding: 120px 62px 140px;
      box-sizing: border-box; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap strong {
        font-size: 20px;
        color: #000;
        font-weight: 700; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul {
        display: flex;
        margin-top: 30px;
        font-size: 0; }
        .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li {
          display: table;
          width: 33.3%;
          margin-left: 40px;
          text-align: center; }
          .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li a {
            display: table-cell;
            width: 100%;
            padding: 20px 10px;
            font-size: 16px;
            color: #000;
            font-weight: 500;
            border: 1px solid #42474E;
            box-sizing: border-box;
            vertical-align: middle; }
            .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li a .down_ico {
              display: inline-block;
              width: 15px;
              height: 15px;
              margin-right: 15px;
              background: url("../images/eth_down_ico.svg") no-repeat center;
              background-size: 15px;
              font-size: 0; }
          .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li:first-child {
            margin-left: 0; }

/* ethical lang */
body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong, body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethical_txt p, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethical_txt p {
  word-break: break-all; }

/* contacts */
.contacts_wrap {
  padding: 126px 0 130px; }
  .contacts_wrap .loc_wrap .loc_cont {
    overflow: hidden;
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    justify-content: space-evenly; }
    .contacts_wrap .loc_wrap .loc_cont strong {
      width: 150px;
      font-family: aktiv-grotesk-extended, sans-serif;
      font-size: 18px;
      color: #21252C;
      font-weight: 700; }
    .contacts_wrap .loc_wrap .loc_cont .grobal_tit {
      font-size: 18px;
      color: #21252C;
      font-weight: 700; }
    .contacts_wrap .loc_wrap .loc_cont .loc_item {
      position: relative;
      padding-right: 280px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_item strong {
        display: block;
        position: relative;
        font-size: 16px;
        color: #42474E;
        font-weight: 500;
        padding-left: 30px;
        margin-bottom: 10px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item strong:before {
          content: '';
          position: absolute;
          top: 12px;
          left: 0;
          z-index: 1;
          width: 15px;
          height: 1px;
          background-color: #646B76; }
      .contacts_wrap .loc_wrap .loc_cont .loc_item p {
        position: relative;
        margin-left: 30px;
        padding-left: 34px;
        font-size: 14px;
        color: #646B76;
        letter-spacing: -0.32px;
        font-weight: 400;
        line-height: 2; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item p:before {
          content: '';
          position: absolute;
          top: 5px;
          left: 0;
          z-index: 1;
          width: 22px;
          height: 20px;
          background-image: url("../images/loc_ico.svg");
          background-repeat: no-repeat;
          background-size: 22px 20px;
          background-position: center; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item p a {
          color: #646B76; }
      .contacts_wrap .loc_wrap .loc_cont .loc_item span {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 180px;
        padding-left: 28px;
        font-size: 14px;
        color: #646B76;
        letter-spacing: -0.28px;
        font-weight: 400;
        vertical-align: top;
        line-height: 2; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item span:before {
          content: '';
          position: absolute;
          top: 6px;
          left: 0;
          z-index: 1;
          width: 16px;
          height: 16px;
          background-image: url("../images/loc_call_ico.svg");
          background-repeat: no-repeat;
          background-size: 16px;
          background-position: center; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item span a {
          color: #646B76; }
    .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item {
      margin-top: 100px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item strong {
        width: auto; }
      .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item span {
        top: -2px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item:first-child {
        margin-top: 0; }
    .contacts_wrap .loc_wrap .loc_cont.tp1 {
      margin-top: 50px; }
      .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item {
        padding-right: 305px; }
  .contacts_wrap .loc_wrap .loc_map {
    width: 100%;
    margin: 40px 0 120px; }
    .contacts_wrap .loc_wrap .loc_map a {
      overflow: hidden;
      display: block; }
    .contacts_wrap .loc_wrap .loc_map img {
      width: 100%; }
  .contacts_wrap .contacts_cont {
    overflow: hidden;
    max-width: 1280px;
    margin: 150px auto 0;
    padding: 0 50px;
    box-sizing: border-box; }
    .contacts_wrap .contacts_cont ul {
      overflow: hidden;
      width: 100%; }
      .contacts_wrap .contacts_cont ul li {
        float: left;
        width: 25%;
        text-align: center; }
        .contacts_wrap .contacts_cont ul li .ct_ico {
          display: block;
          margin: 0 auto 20px;
          background-repeat: no-repeat;
          background-position: center; }
          .contacts_wrap .contacts_cont ul li .ct_ico.tp1 {
            width: 58px;
            height: 50px;
            background-image: url("../images/contact_ico_1.svg");
            background-size: 58px 50px; }
          .contacts_wrap .contacts_cont ul li .ct_ico.tp2 {
            width: 62px;
            height: 50px;
            background-image: url("../images/contact_ico_2.svg");
            background-size: 62px 50px; }
          .contacts_wrap .contacts_cont ul li .ct_ico.tp3 {
            width: 36px;
            height: 50px;
            background-image: url("../images/contact_ico_3.svg");
            background-size: 36px 50px; }
          .contacts_wrap .contacts_cont ul li .ct_ico.tp4 {
            width: 77px;
            height: 50px;
            background-image: url("../images/contact_ico_4.svg");
            background-size: 77px 50px; }
        .contacts_wrap .contacts_cont ul li p {
          font-size: 18px;
          color: #42474E;
          font-weight: 500;
          letter-spacing: -0.66px; }
        .contacts_wrap .contacts_cont ul li a {
          font-size: 14px;
          color: #868E9B;
          font-weight: 400;
          cursor: default; }
  .contacts_wrap .inq_wrap {
    width: 100%;
    max-width: 920px;
    margin: 150px auto 0;
    padding: 0 62px;
    box-sizing: border-box; }
    .contacts_wrap .inq_wrap .inq_cont {
      margin-top: 40px; }
      .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap {
        overflow: hidden;
        width: 100%; }
        .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont {
          margin-bottom: 20px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont strong {
            display: inline-block;
            position: relative;
            margin-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 15px;
            color: #42474E;
            font-weight: 600;
            box-sizing: border-box;
            vertical-align: middle; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont strong span {
              position: absolute;
              top: 2px;
              right: 0;
              z-index: 1;
              color: #F07E7B; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont input, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont select, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea {
            width: 100%;
            min-height: 52px;
            padding: 6px 26px 6px;
            background-color: #F4F6F8;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            color: #646B76;
            font-weight: 400;
            border: 1px solid #F4F6F8;
            box-shadow: none;
            box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont select {
            font-weight: 500;
            background: url("../images/select_ico.svg") no-repeat;
            background-color: #F4F6F8;
            background-size: 20px;
            background-position: 98% center;
            cursor: pointer; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea {
            overflow-y: auto;
            padding: 12px 26px 12px;
            height: 198px;
            line-height: 26px;
            resize: none; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont input::placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont ::-webkit-input-placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont :-ms-input-placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea::placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont ::-webkit-input-placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont :-ms-input-placeholder {
            color: #868E9B80; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont input:active, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont input:focus, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont select:active, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont select:focus, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea:active, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea:focus {
            border-color: #ABB4C4 !important; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap {
            position: relative;
            box-sizing: border-box; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input.prtype {
              padding-right: 196px; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap span {
              display: inline-block;
              position: absolute;
              top: 16px;
              right: 210px;
              z-index: 1;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 14px;
              color: #009BE6; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap .inq_btn_cont {
              position: absolute;
              bottom: 6px;
              right: 6px;
              z-index: 1;
              min-width: 180px;
              min-height: 40px; }
              .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap .inq_btn_cont .cert_btn {
                display: block;
                min-width: 180px;
                min-height: 40px;
                padding: 10px;
                background-color: #fff;
                font-size: 14px;
                color: #656C76;
                font-weight: 500;
                text-align: center;
                box-sizing: border-box; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap.tp1 input {
              padding-right: 274px; }
        .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap #certNum.inq_input_cont {
          display: none; }
      .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap {
        margin: 0 0 60px;
        padding-bottom: 24px;
        border-bottom: 1px solid #868E9B; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap strong {
          display: inline-block;
          position: relative;
          margin-bottom: 10px;
          padding-left: 10px;
          padding-right: 10px;
          font-size: 15px;
          color: #42474E;
          font-weight: 600;
          box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap strong span {
            position: absolute;
            top: 2px;
            right: 0;
            z-index: 1;
            color: #F07E7B; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont {
          overflow-x: auto;
          width: 100%;
          margin-top: 10px;
          box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont textarea {
            width: 100%;
            height: 100%;
            padding: 30px 25px;
            background-color: transparent;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            color: #828282;
            font-weight: 400;
            resize: none;
            border: 0;
            box-shadow: none;
            cursor: default;
            box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table {
            min-width: 680px;
            border-top: 2px solid #4F5A65; }
            .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr th, .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr td {
              padding: 20px;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 14px;
              text-align: center;
              border-left: 1px solid #D4D9DE99; }
            .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr th {
              background-color: #f8f9fb;
              color: #4B5563;
              font-weight: 700; }
              .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr th:first-child {
                border-left: 0; }
            .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr td {
              background-color: #fff;
              color: #687381;
              font-weight: 400;
              border-bottom: 1px solid #D4D9DE99; }
              .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont table tr td:first-child {
                border-left: 0; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item {
          margin-left: 10px;
          margin-top: 15px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item p {
            position: relative;
            padding-left: 12px;
            margin-bottom: 10px; }
            .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item p span {
              display: inline-block;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox'] + label {
            justify-content: flex-end; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox']:checked + label:after {
            left: auto;
            right: 78px; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap.tp1 {
          margin-bottom: 20px;
          padding-bottom: 0;
          border-bottom: 0; }
    .contacts_wrap .inq_wrap .btn_cont {
      display: block;
      width: 220px;
      height: 53px;
      margin: 0 auto;
      font-weight: 400; }

body:lang(en) .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox']:checked + label:after {
  right: 70px; }

body:lang(zh) .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox']:checked + label:after {
  right: 70px; }

body:lang(ja) .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox']:checked + label:after {
  right: 94px; }

body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item input[type='checkbox']:checked + label:after {
  right: 151px; }

body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input {
  padding-right: 300px; }
body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input, body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input.prtype {
  padding-right: 196px; }

body:lang(en) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(zh) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(jp) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(es) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item {
  padding-right: 320px; }

/* esg notice */
.esg_notice_wrap {
  padding-bottom: 0; }
  .esg_notice_wrap .notice_list_wrap {
    max-width: 1330px;
    margin: 0 auto; }
    .esg_notice_wrap .notice_list_wrap ul {
      margin-left: 25px;
      font-size: 0; }
      .esg_notice_wrap .notice_list_wrap ul li {
        display: inline-block;
        width: 33.3%;
        margin-bottom: 20px;
        vertical-align: top;
        opacity: 0;
        visibility: hidden;
        transform: translateY(80px); }
        .esg_notice_wrap .notice_list_wrap ul li a {
          display: block;
          width: calc(100% - 25px); }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont {
            position: relative;
            height: 0;
            padding-top: 35px;
            padding-bottom: calc(100% - 35px);
            background-color: #F4F6F8;
            text-align: center;
            border: 1px solid #fff;
            box-sizing: border-box;
            transition: all 0.2s; }
            .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
              display: block;
              font-size: 12px;
              color: #868e9b57;
              font-weight: 400; }
            .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
              overflow: hidden;
              display: -webkit-box;
              position: absolute;
              top: 50%;
              left: 50%;
              z-index: 1;
              width: 100%;
              padding: 0 38px;
              font-family: Pretendard, "Noto Sans SC", sans-serif;
              font-size: 20px;
              color: #21252C;
              font-weight: 700;
              text-overflow: ellipsis;
              line-height: 36px;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              transform: translate(-50%, -50%);
              box-sizing: border-box;
              cursor: pointer; }
            .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
              position: absolute;
              bottom: 35px;
              left: 0;
              z-index: 1;
              width: 100%;
              padding: 0 38px;
              text-align: left;
              box-sizing: border-box; }
              .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
                padding-bottom: 20px;
                border-bottom: 1px solid #868E9B;
                transition: all 0.2s; }
                .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
                  position: absolute;
                  top: 0;
                  left: 38px;
                  z-index: 1;
                  font-size: 12px;
                  color: #868E9B;
                  font-weight: 400; }
                .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
                  display: block;
                  text-align: right;
                  font-size: 12px;
                  color: #868E9B;
                  font-weight: 400; }
          .esg_notice_wrap .notice_list_wrap ul li a:hover .notice_list_cont {
            background-color: #F8F8FA;
            border-color: #BECEDE; }
            .esg_notice_wrap .notice_list_wrap ul li a:hover .notice_list_cont .notice_type {
              cursor: pointer; }
          .esg_notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item {
            opacity: 0.5; }
            .esg_notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item p, .esg_notice_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item span {
              cursor: pointer; }
        .esg_notice_wrap .notice_list_wrap ul li.on {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
          transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }
    .esg_notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 30%;
      text-align: center;
      border-top: 1px solid #868E9B;
      border-bottom: 1px solid #868E9B; }
      .esg_notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        font-size: 16px;
        color: #868E9B;
        font-weight: 400;
        transform: translate(-50%, -50%); }
    .esg_notice_wrap .notice_list_wrap .stb_esg_sns {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      padding: 100px 0;
      text-align: center;
      background-color: #fff; }
      .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul {
        margin-left: 0; }
        .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li {
          display: inline-block;
          margin-left: 20px;
          width: auto;
          margin-bottom: 0; }
          .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico {
            display: block;
            width: 42px;
            height: 42px;
            background-color: #646B76;
            background-repeat: no-repeat;
            background-position: center;
            text-indent: -9999px;
            box-sizing: border-box;
            border-radius: 50%; }
            .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp1 {
              background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
              background-size: 22px 15px; }
            .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp2 {
              background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
              background-size: 16px; }
            .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp3 {
              background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.87 17.84'%3E%3Cg data-name='sns_twt'%3E%3Cpath d='M21.87 0a10.89 10.89 0 0 1-3.12 1.52 4.45 4.45 0 0 0-7.81 3v1A10.56 10.56 0 0 1 2 1s-4 9 5 12.93a11.57 11.57 0 0 1-7 2c9 5 19.88 0 19.88-11.43a3.89 3.89 0 0 0-.08-.83A7.65 7.65 0 0 0 21.87 0Z' style='fill:%23fff' data-name='Icon feather-twitter'/%3E%3C/g%3E%3C/svg%3E");
              background-size: 18px 15px; }
            .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp4 {
              background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
              background-size: 8px 15px; }
          .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li:first-child {
            margin-left: 0; }
  .esg_notice_wrap .notice_view_wrap {
    max-width: 1330px;
    margin: 0 auto 60px; }
    .esg_notice_wrap .notice_view_wrap .notice_view_tit {
      position: relative;
      padding-right: 140px;
      padding-bottom: 20px;
      border-bottom: 1px solid #868E9B; }
      .esg_notice_wrap .notice_view_wrap .notice_view_tit strong {
        display: block;
        position: relative;
        width: 100%;
        font-family: Pretendard, "Noto Sans SC", sans-serif;
        font-size: 20px;
        color: #21252C;
        font-weight: 700;
        box-sizing: border-box; }
      .esg_notice_wrap .notice_view_wrap .notice_view_tit p {
        position: absolute;
        top: 6px;
        right: 0;
        z-index: 1;
        font-size: 14px;
        color: #868E9B;
        font-weight: 400; }
    .esg_notice_wrap .notice_view_wrap .notice_view_attached {
      padding: 16px 0;
      border-bottom: 1px solid #ddd; }
      .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li {
        position: relative;
        padding-left: 22px;
        display: inline-block;
        margin-right: 40px;
        box-sizing: border-box; }
        .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li a {
          font-size: 14px;
          color: #868E9B;
          font-weight: 400;
          word-break: break-all; }
          .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li a:hover {
            border-bottom: 1px solid #868E9B; }
        .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          width: 14px;
          height: 11px;
          margin-top: 4px;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.577' height='12.154'%3E%3Cpath data-name='notice_5862' d='M.5.5v11.154h13.577V2.117H6.8V.5Z' fill='%23868E9B' stroke='%23868E9B'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 14px 11px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_attached.attached_none {
        padding: 0;
        border-bottom: 0; }
    .esg_notice_wrap .notice_view_wrap .notice_view_cont {
      overflow: hidden;
      height: 100%;
      min-height: 200px;
      padding: 50px 0 40px;
      border-bottom: 1px solid #A1A8B1;
      word-break: break-all;
      font-family: Pretendard, "Noto Sans SC", sans-serif; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont img {
        max-width: 100%;
        height: auto !important; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont table {
        width: auto;
        max-width: 100%; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont blockquote {
        margin: 20px 0;
        padding: 15px 20px;
        border-left: 4px solid #A1A8B1;
        background-color: #f5f5f5;
        color: #21252C; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont strong {
        font-weight: 700; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont ul,
      .esg_notice_wrap .notice_view_wrap .notice_view_cont ol {
        margin: 15px 0;
        padding-left: 30px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont ul li {
        list-style-type: disc;
        margin-bottom: 8px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont ol li {
        list-style-type: decimal;
        margin-bottom: 8px; }
  .esg_notice_wrap .stb_esg_sns {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    padding: 100px 0;
    text-align: center;
    background-color: #fff; }
    .esg_notice_wrap .stb_esg_sns ul {
      margin-left: 0; }
      .esg_notice_wrap .stb_esg_sns ul li {
        display: inline-block;
        margin-left: 20px;
        width: auto;
        margin-bottom: 0; }
        .esg_notice_wrap .stb_esg_sns ul li .sns_ico {
          display: block;
          width: 42px;
          height: 42px;
          background-color: #646B76;
          background-repeat: no-repeat;
          background-position: center;
          text-indent: -9999px;
          box-sizing: border-box;
          border-radius: 50%; }
          .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp1 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.95 18.94'%3E%3Cpath d='M26.39 3A3.44 3.44 0 0 0 24 .51C21.9 0 13.48 0 13.48 0S5.05 0 2.94.56A3.44 3.44 0 0 0 .56 3 36.13 36.13 0 0 0 0 9.49 36.6 36.6 0 0 0 .56 16a3.4 3.4 0 0 0 2.38 2.35c2.11.57 10.54.57 10.54.57s8.42 0 10.53-.57a3.41 3.41 0 0 0 2.38-2.45A35.5 35.5 0 0 0 27 9.49 35.77 35.77 0 0 0 26.39 3ZM10.72 13.5v-8l7 4Z' style='fill:%23fff' data-name='sns_ytb'/%3E%3C/svg%3E");
            background-size: 22px 15px; }
          .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp2 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 18.5'%3E%3Cpath d='M13.88 0H4.63A4.63 4.63 0 0 0 0 4.63v9.25a4.62 4.62 0 0 0 4.63 4.62h9.25a4.62 4.62 0 0 0 4.62-4.62V4.63A4.62 4.62 0 0 0 13.88 0ZM9.83 12.87a3.7 3.7 0 0 1-1.08-7.32 3.91 3.91 0 0 1 1.08 0 3.7 3.7 0 0 1 0 7.32Zm4.72-8.52a.87.87 0 1 1 .86-.86.86.86 0 0 1-.86.86Z' style='fill:%23fff' data-name='sns_insta'/%3E%3C/svg%3E");
            background-size: 16px; }
          .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp3 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.87 17.84'%3E%3Cg data-name='sns_twt'%3E%3Cpath d='M21.87 0a10.89 10.89 0 0 1-3.12 1.52 4.45 4.45 0 0 0-7.81 3v1A10.56 10.56 0 0 1 2 1s-4 9 5 12.93a11.57 11.57 0 0 1-7 2c9 5 19.88 0 19.88-11.43a3.89 3.89 0 0 0-.08-.83A7.65 7.65 0 0 0 21.87 0Z' style='fill:%23fff' data-name='Icon feather-twitter'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 18px 15px; }
          .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp4 {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.96 18.12'%3E%3Cg data-name='sns_fb'%3E%3Cpath d='M10 0H7.25a4.53 4.53 0 0 0-4.53 4.53v2.72H0v3.62h2.72v7.25h3.62v-7.25h2.72L10 7.25H6.34V4.53a.91.91 0 0 1 .91-.91H10Z' style='fill:%23fff' data-name='Icon feather-facebook'/%3E%3C/g%3E%3C/svg%3E");
            background-size: 8px 15px; }
        .esg_notice_wrap .stb_esg_sns ul li:first-child {
          margin-left: 0; }
  .esg_notice_wrap .btn_cont {
    display: block;
    width: 220px;
    height: 53px;
    margin: 0 auto; }

/* ir */
.ir_cont_wrap .content_tit .cont_list_btn {
  max-width: 980px; }
.ir_cont_wrap .ir_iframe_wrap {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto; }
  .ir_cont_wrap .ir_iframe_wrap #ir_iframe {
    width: 100%; }
  .ir_cont_wrap .ir_iframe_wrap .reg_btn {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    color: #21252C;
    text-align: right;
    letter-spacing: -0.36px;
    font-weight: 500; }
    .ir_cont_wrap .ir_iframe_wrap .reg_btn:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 10px;
      background: url("../images/eth_down_ico.svg") no-repeat center;
      background-size: 16px;
      vertical-align: middle; }
    .ir_cont_wrap .ir_iframe_wrap .reg_btn:hover {
      text-decoration: underline; }
.ir_cont_wrap .notice_list_wrap {
  max-width: 1330px;
  margin: 0 auto; }
  .ir_cont_wrap .notice_list_wrap ul {
    margin-left: 25px;
    font-size: 0; }
    .ir_cont_wrap .notice_list_wrap ul li {
      display: inline-block;
      width: 33.3%;
      margin-bottom: 20px;
      vertical-align: top;
      opacity: 0;
      visibility: hidden;
      transform: translateY(80px); }
      .ir_cont_wrap .notice_list_wrap ul li a {
        display: block;
        width: calc(100% - 25px); }
        .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont {
          position: relative;
          height: 0;
          padding-top: 35px;
          padding-bottom: calc(100% - 35px);
          background-color: #F4F6F8;
          text-align: center;
          border: 1px solid #fff;
          box-sizing: border-box;
          transition: all 0.2s; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
            display: block;
            font-size: 12px;
            color: #868e9b57;
            font-weight: 400; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            overflow: hidden;
            display: -webkit-box;
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 1;
            width: 100%;
            padding: 0 38px;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 20px;
            color: #21252C;
            font-weight: 700;
            text-overflow: ellipsis;
            line-height: 36px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            cursor: pointer; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
            position: absolute;
            bottom: 35px;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 0 38px;
            text-align: left;
            box-sizing: border-box; }
            .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
              padding-bottom: 20px;
              border-bottom: 1px solid #868E9B;
              transition: all 0.2s; }
              .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
                position: absolute;
                top: 0;
                left: 38px;
                z-index: 1;
                font-size: 12px;
                color: #868E9B;
                font-weight: 400; }
              .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
                display: block;
                text-align: right;
                font-size: 12px;
                color: #868E9B;
                font-weight: 400; }
        .ir_cont_wrap .notice_list_wrap ul li a:hover .notice_list_cont {
          background-color: #F8F8FA;
          border-color: #BECEDE; }
          .ir_cont_wrap .notice_list_wrap ul li a:hover .notice_list_cont .notice_type {
            cursor: pointer; }
        .ir_cont_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item {
          opacity: 0.5; }
          .ir_cont_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item p, .ir_cont_wrap .notice_list_wrap ul li a:hover .notice_date .notice_date_item span {
            cursor: pointer; }
      .ir_cont_wrap .notice_list_wrap ul li.on {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s ease-out; }
  .ir_cont_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 30%;
    text-align: center;
    border-top: 1px solid #868E9B;
    border-bottom: 1px solid #868E9B; }
    .ir_cont_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      font-size: 16px;
      color: #868E9B;
      font-weight: 400;
      transform: translate(-50%, -50%); }
.ir_cont_wrap .notice_view_wrap {
  max-width: 1330px;
  margin: 0 auto 60px; }
  .ir_cont_wrap .notice_view_wrap .notice_view_tit {
    position: relative;
    padding-right: 140px;
    padding-bottom: 20px;
    border-bottom: 1px solid #868E9B; }
    .ir_cont_wrap .notice_view_wrap .notice_view_tit strong {
      display: block;
      position: relative;
      width: 100%;
      font-family: Pretendard, "Noto Sans SC", sans-serif;
      font-size: 20px;
      color: #21252C;
      font-weight: 700;
      box-sizing: border-box; }
    .ir_cont_wrap .notice_view_wrap .notice_view_tit p {
      position: absolute;
      top: 6px;
      right: 0;
      z-index: 1;
      font-size: 14px;
      color: #868E9B;
      font-weight: 400; }
  .ir_cont_wrap .notice_view_wrap .notice_view_attached {
    padding: 16px 0;
    border-bottom: 1px solid #ddd; }
    .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li {
      position: relative;
      padding-left: 22px;
      display: inline-block;
      margin-right: 40px;
      box-sizing: border-box; }
      .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li a {
        font-size: 14px;
        color: #868E9B;
        font-weight: 400;
        word-break: break-all; }
        .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li a:hover {
          border-bottom: 1px solid #868E9B; }
      .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 14px;
        height: 11px;
        margin-top: 4px;
        background-image: url("../images/notice_file_ico.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 11px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_attached.attached_none {
      padding: 0;
      border-bottom: 0; }
  .ir_cont_wrap .notice_view_wrap .notice_view_cont {
    overflow: hidden;
    height: 100%;
    min-height: 200px;
    padding: 50px 0 40px;
    border-bottom: 1px solid #A1A8B1;
    word-break: break-all;
    font-family: Pretendard, "Noto Sans SC", sans-serif; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont img {
      max-width: 100%;
      height: auto !important; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont table {
      width: auto;
      max-width: 100%; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont blockquote {
      margin: 20px 0;
      padding: 15px 20px;
      border-left: 4px solid #A1A8B1;
      background-color: #f5f5f5;
      color: #21252C; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont strong {
      font-weight: 700; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont ul,
    .ir_cont_wrap .notice_view_wrap .notice_view_cont ol {
      margin: 15px 0;
      padding-left: 30px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont ul li {
      list-style-type: disc;
      margin-bottom: 8px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont ol li {
      list-style-type: decimal;
      margin-bottom: 8px; }
.ir_cont_wrap .btn_cont {
  display: block;
  width: 220px;
  height: 53px;
  margin: 0 auto; }

/* policy */
.policy_wrap {
  max-width: 1330px;
  margin: 0 auto; }
  .policy_wrap .policy_cont {
    font-family: Pretendard, "Noto Sans SC", sans-serif; }
    .policy_wrap .policy_cont .policy_item {
      margin-bottom: 50px; }
      .policy_wrap .policy_cont .policy_item .anc_hid {
        display: block;
        height: 84px;
        margin-top: -84px;
        visibility: hidden; }
      .policy_wrap .policy_cont .policy_item .policy_item_tit {
        width: 100%;
        padding: 16px 20px;
        margin-bottom: 36px;
        background-color: #F4F6F8;
        box-sizing: border-box; }
        .policy_wrap .policy_cont .policy_item .policy_item_tit strong {
          font-size: 18px;
          color: #42474E;
          font-weight: 700;
          vertical-align: text-top; }
          .policy_wrap .policy_cont .policy_item .policy_item_tit strong span {
            position: relative;
            margin-right: 12px;
            padding-right: 12px;
            color: #868E9B;
            font-weight: 400; }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong span:before {
              content: '';
              position: absolute;
              top: 3px;
              right: 0;
              z-index: 1;
              width: 1px;
              height: 15px;
              background-color: #868E9B; }
          .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 40px 40px;
            text-indent: -9999px;
            vertical-align: middle; }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp1 {
              background-image: url("../images/ico_plc_label_01.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp2 {
              background-image: url("../images/ico_plc_label_02.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp3 {
              background-image: url("../images/ico_plc_label_03.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp4 {
              background-image: url("../images/ico_plc_label_04.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp5 {
              background-image: url("../images/ico_plc_label_05.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp6 {
              background-image: url("../images/ico_plc_label_06.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp7 {
              background-image: url("../images/ico_plc_label_07.svg"); }
            .policy_wrap .policy_cont .policy_item .policy_item_tit strong .plc_label_txt.tp8 {
              background-image: url("../images/ico_plc_label_08.svg"); }
      .policy_wrap .policy_cont .policy_item .policy_item_txt strong {
        display: block;
        margin: 16px 20px 12px 38px;
        font-size: 17px;
        color: #646B76;
        font-weight: 700; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt p, .policy_wrap .policy_cont .policy_item .policy_item_txt ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ol {
        padding: 0 20px 0 38px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt p {
        margin: 10px 0;
        font-size: 16px;
        color: #646B76;
        font-weight: 400;
        line-height: 2; }
        .policy_wrap .policy_cont .policy_item .policy_item_txt p a {
          font-size: 16px;
          color: #646B76;
          font-weight: 400;
          line-height: 2; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ol {
        margin-bottom: 10px; }
        .policy_wrap .policy_cont .policy_item .policy_item_txt ul ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ul ol, .policy_wrap .policy_cont .policy_item .policy_item_txt ol ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ol ol {
          padding-left: 15px;
          margin: 10px 0; }
        .policy_wrap .policy_cont .policy_item .policy_item_txt ul li, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li {
          font-size: 16px;
          color: #646B76;
          font-weight: 400;
          line-height: 2; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt ul li p, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li p {
            padding-left: 15px; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt ul li strong, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li strong {
            display: inline-block;
            margin: 0;
            font-size: 16px;
            font-weight: 700;
            line-height: 2; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt ul li a, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li a {
            font-size: 16px;
            color: #646B76;
            font-weight: 400;
            line-height: 2; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl {
        overflow-x: auto;
        margin: 20px 0;
        padding: 0 20px 0 38px; }
        .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table {
          min-width: 810px;
          border-top: 2px solid #4F5A65; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr th, .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr td {
            padding: 20px;
            font-family: Pretendard, "Noto Sans SC", sans-serif;
            font-size: 14px;
            text-align: center;
            border-left: 1px solid #D4D9DE99; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr th {
            background-color: #f8f9fb;
            color: #4B5563;
            font-weight: 700; }
            .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr th:first-child {
              border-left: 0; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr td {
            background-color: #fff;
            color: #687381;
            font-weight: 400;
            border-bottom: 1px solid #D4D9DE99; }
            .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr td:first-child {
              border-left: 0; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont {
        display: flex;
        flex-wrap: wrap;
        margin-top: 3rem; }
        .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item {
          width: 25%;
          margin-bottom: 15px;
          text-align: center; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item .plc_label_img {
            width: 120px;
            margin: 0 auto;
            font-size: 0; }
            .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item .plc_label_img img {
              width: 100%; }
          .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item p {
            margin: 0;
            padding: 0;
            text-align: center; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap span {
        display: block;
        margin-top: 10px;
        font-size: 14px;
        text-align: center; }

/* error */
.error_page_wrap {
  padding: 0;
  position: relative;
  height: calc(100vh - 68px); }
  .error_page_wrap .error_page_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    text-align: center;
    transform: translate(-50%, -50%); }
    .error_page_wrap .error_page_cont strong {
      font-size: 32px;
      color: #21252C;
      font-weight: 700; }
    .error_page_wrap .error_page_cont p {
      margin: 16px 0 12px;
      font-size: 15px;
      color: #42474E;
      font-weight: 700; }
    .error_page_wrap .error_page_cont span {
      display: block;
      margin-bottom: 40px;
      font-size: 14px;
      color: #646B76;
      font-weight: 400;
      word-break: keep-all; }
    .error_page_wrap .error_page_cont .btn_cont {
      display: block;
      width: 220px;
      height: 53px;
      margin: 0 auto; }

/* error lang */
body:lang(zh) .error_page_wrap .error_page_cont span, body:lang(ja) .error_page_wrap .error_page_cont span {
  word-break: break-all; }

/* footer */
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 21px 62px 24px;
  box-sizing: border-box; }
  #footer .main_footer_type {
    display: none; }
    #footer .main_footer_type .main_notice_wrap {
      display: none;
      overflow: hidden;
      position: relative;
      width: 50%;
      height: 25px;
      padding-top: 4px;
      padding-right: 50px;
      box-sizing: border-box; }
      #footer .main_footer_type .main_notice_wrap .main_notice a {
        display: flex;
        cursor: pointer; }
        #footer .main_footer_type .main_notice_wrap .main_notice a strong {
          display: inline-block;
          font-size: 12px;
          font-weight: 700;
          color: #000;
          cursor: pointer; }
        #footer .main_footer_type .main_notice_wrap .main_notice a span {
          display: inline-block;
          margin: 0 17px 0;
          font-size: 12px;
          font-weight: 300;
          color: #000;
          cursor: pointer; }
        #footer .main_footer_type .main_notice_wrap .main_notice a p {
          overflow: hidden;
          display: inline-block;
          width: 100%;
          font-size: 12px;
          color: #000;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: top;
          line-height: 1.5;
          vertical-align: middle;
          cursor: pointer; }
    #footer .main_footer_type .footer_cont {
      width: 50%;
      padding-left: 50px;
      text-align: right;
      box-sizing: border-box; }
      #footer .main_footer_type .footer_cont .ethical_btn {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        color: #000; }
      #footer .main_footer_type .footer_cont .private_btn {
        display: inline-block;
        margin-left: 25px;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        text-decoration: underline; }
      #footer .main_footer_type .footer_cont .fam_menu {
        display: inline-block;
        position: relative;
        margin: 0 25px 0 35px; }
        #footer .main_footer_type .footer_cont .fam_menu .fam_type {
          position: relative;
          padding-right: 16px;
          font-weight: 300;
          font-size: 12px;
          color: #000; }
          #footer .main_footer_type .footer_cont .fam_menu .fam_type .fam_ico {
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 1;
            width: 12px;
            height: 8px;
            margin-top: -4px;
            background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23000' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 12px 8px;
            transform: rotate(-90deg);
            transition: all 0.4s; }
          #footer .main_footer_type .footer_cont .fam_menu .fam_type.active .fam_ico {
            transform: rotate(90deg);
            transition: all 0.4s; }
        #footer .main_footer_type .footer_cont .fam_menu ul {
          display: none;
          position: absolute;
          bottom: 25px;
          left: 0;
          z-index: 1;
          width: 130px; }
          #footer .main_footer_type .footer_cont .fam_menu ul li {
            text-align: left; }
            #footer .main_footer_type .footer_cont .fam_menu ul li a {
              display: inline-block;
              position: relative;
              padding: 5px 0;
              font-weight: 300;
              font-size: 12px;
              color: #000;
              text-align: left; }
              #footer .main_footer_type .footer_cont .fam_menu ul li a:hover:before {
                content: '';
                display: block;
                position: absolute;
                bottom: 2px;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 2px;
                background-color: #009be6; }
      #footer .main_footer_type .footer_cont p {
        display: inline-block;
        font-weight: 300;
        font-size: 12px;
        color: #000;
        letter-spacing: 0.3px; }
  #footer .sub_footer_type {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #footer .sub_footer_type p {
      display: inline-block;
      font-weight: 500;
      font-size: 12px;
      color: #868E9B; }
    #footer .sub_footer_type .footer_cont {
      text-align: right; }
      #footer .sub_footer_type .footer_cont .private_btn, #footer .sub_footer_type .footer_cont .ethical_btn {
        display: inline-block;
        margin-left: 16px;
        font-size: 12px;
        font-weight: 400;
        color: #868E9B; }
      #footer .sub_footer_type .footer_cont .private_btn {
        margin-left: 0;
        text-decoration: underline; }
      #footer .sub_footer_type .footer_cont .ethical_btn {
        position: relative;
        padding-left: 16px; }
        #footer .sub_footer_type .footer_cont .ethical_btn:before {
          content: '';
          position: absolute;
          top: 5px;
          left: 0;
          z-index: 1;
          width: 1px;
          height: 10px;
          background-color: #DBDBDB; }

.main #footer {
  position: fixed;
  z-index: 20; }
  .main #footer .main_footer_type {
    display: flex;
    justify-content: space-between; }
    .main #footer .main_footer_type .main_notice_wrap {
      display: block; }
      .main #footer .main_footer_type .main_notice_wrap .main_notice a strong, .main #footer .main_footer_type .main_notice_wrap .main_notice a span, .main #footer .main_footer_type .main_notice_wrap .main_notice a p {
        color: #fff; }
        .main #footer .main_footer_type .main_notice_wrap .main_notice a strong::selection, .main #footer .main_footer_type .main_notice_wrap .main_notice a span::selection, .main #footer .main_footer_type .main_notice_wrap .main_notice a p::selection {
          background-color: transparent; }
        .main #footer .main_footer_type .main_notice_wrap .main_notice a strong::-moz-selection, .main #footer .main_footer_type .main_notice_wrap .main_notice a span::-moz-selection, .main #footer .main_footer_type .main_notice_wrap .main_notice a p::-moz-selection {
          background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .ethical_btn, .main #footer .main_footer_type .footer_cont .private_btn {
      color: #fff; }
    .main #footer .main_footer_type .footer_cont .private_btn::selection {
      background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .private_btn::-moz-selection {
      background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .fam_menu .fam_type {
      color: #fff; }
      .main #footer .main_footer_type .footer_cont .fam_menu .fam_type .fam_ico {
        background-image: url("data:image/svg+xml,%0A%3Csvg data-name='lang_ico' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.65 41.3'%3E%3Cpath style='fill:%23fff' d='M20.65 0v41.3L0 20.65 20.65 0z' data-name='arrow right'/%3E%3C/svg%3E"); }
      .main #footer .main_footer_type .footer_cont .fam_menu .fam_type::selection {
        background-color: transparent; }
      .main #footer .main_footer_type .footer_cont .fam_menu .fam_type::-moz-selection {
        background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .fam_menu ul li a {
      color: #fff; }
      .main #footer .main_footer_type .footer_cont .fam_menu ul li a::selection {
        background-color: transparent; }
      .main #footer .main_footer_type .footer_cont .fam_menu ul li a::-moz-selection {
        background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .fam_menu::selection {
      background-color: transparent; }
    .main #footer .main_footer_type .footer_cont .fam_menu::-moz-selection {
      background-color: transparent; }
    .main #footer .main_footer_type .footer_cont p {
      color: #fff; }
      .main #footer .main_footer_type .footer_cont p::selection {
        background-color: transparent; }
      .main #footer .main_footer_type .footer_cont p::-moz-selection {
        background-color: transparent; }
    .main #footer .main_footer_type .footer_cont::selection {
      background-color: transparent; }
    .main #footer .main_footer_type .footer_cont::-moz-selection {
      background-color: transparent; }
  .main #footer .sub_footer_type {
    display: none; }
  .main #footer.active {
    display: none; }

.about #footer .sub_footer_type p {
  color: #868E9B; }
.about #footer .sub_footer_type .footer_cont {
  text-align: right; }
  .about #footer .sub_footer_type .footer_cont .private_btn, .about #footer .sub_footer_type .footer_cont .ethical_btn {
    color: #868E9B; }
  .about #footer .sub_footer_type .footer_cont .ethical_btn:before {
    background-color: #868E9B; }

.white_type #footer {
  display: none; }

.history #footer {
  padding-top: 0; }

.top_btn {
  overflow: hidden;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 50px;
  z-index: 5;
  width: 36px;
  height: 36px;
  padding-top: 15px;
  font-size: 12px;
  text-align: center;
  font-family: aktiv-grotesk-extended, sans-serif;
  font-weight: 600;
  box-sizing: border-box; }
  .top_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 12px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-image: url("../images/top_ico.svg");
    background-position: center;
    transform: translateX(-50%); }

/* common */
body.ofs {
  -ms-overflow-style: none;
  scrollbar-width: none; }

.ofs::-webkit-scrollbar {
  display: none; }

.ofh {
  overflow: hidden; }

.dpn {
  display: none; }

.tac {
  text-align: center !important; }

.tal {
  text-align: left !important; }

.tar {
  text-align: right !important; }

.twv {
  writing-mode: vertical-rl;
  text-orientation: mixed; }

.fwb {
  font-weight: bold !important; }

.fcb {
  color: #009be6 !important; }

.tdu {
  text-decoration: underline !important; }

.cont_tit {
  display: block;
  font-size: 26px;
  color: #000;
  font-weight: 700; }

.btn_cont {
  background-color: #1A1A26;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  box-sizing: border-box; }

.cont_txt {
  font-size: 14px;
  color: #989EA7; }

.mb50 {
  margin-bottom: 50px; }

.mr5 {
  margin-right: 5px !important; }

.op0 {
  opacity: 0 !important; }

input[type='checkbox'] {
  display: none; }

input[type='checkbox'] + label {
  display: flex;
  position: relative;
  font-size: 14px;
  color: #646B76;
  font-weight: 400; }

input[type='checkbox'] + label:before {
  content: '';
  border: 1px solid #D6D6D6;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 10px; }

input[type='checkbox']:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 14px;
  height: 12px;
  background: url("../images/checkbox_ico.svg") no-repeat center;
  background-size: 14px 12px; }

/* dsg test */
.dsg_test .main_banner_wrap .main_banner .main_video_wrap .mob_menu_type {
  display: none; }
.dsg_test .main_banner_wrap .main_banner .swiper-pagination-test {
  display: none; }

/* media css */
@-moz-document url-prefix() {
  .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item {
    border-bottom: 1px solid #E6E6E6; } }
/* design size pc 1920px pad 1024px mob 640px */
@media screen and (min-width: 1921px) {
  .about_wrap .about_cont .about_bg_wrap .about_bg_side {
    display: none; } }
@media screen and (max-width: 1636px) {
  .about_wrap .about_cont {
    position: relative; }
    .about_wrap .about_cont .about_bg_wrap {
      padding: 0 136px 0 488px; }
      .about_wrap .about_cont .about_bg_wrap .video {
        top: 0;
        left: 136px;
        width: 313px;
        height: 336px; }
        .about_wrap .about_cont .about_bg_wrap .video .about_jyp_img {
          width: 315px;
          height: 337px; } }
@media screen and (max-width: 1480px) {
  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 680px; } }
@media screen and (max-width: 1404px) {
  .about_wrap .about_cont {
    position: relative;
    max-width: 658px;
    margin: 0 auto;
    padding: 0; }
    .about_wrap .about_cont .about_bg_wrap {
      position: relative;
      display: block;
      padding: 0; }
      .about_wrap .about_cont .about_bg_wrap .video {
        position: relative;
        top: 0;
        left: 0;
        width: 360px;
        height: 387px;
        margin: 0 auto 42px; }
        .about_wrap .about_cont .about_bg_wrap .video .about_jyp_img {
          width: 369px;
          height: 394px; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_side {
        display: none; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_cont {
        padding-left: 0;
        text-align: center; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont p {
          margin-top: 0;
          font-size: 14px;
          text-align: left; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont p strong {
            font-size: 18px; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont p:first-child {
            margin-top: 0; }
        .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont {
          text-align: left; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_btn {
            margin: 0; }
          .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item p, .about_wrap .about_cont .about_bg_wrap .about_bg_cont .logo_down_wrap .logo_down_cont .logo_down_item ul li {
            text-align: left; } }
@media screen and (max-width: 1392px) {
  #jypMenu .menu_wrap {
    max-width: 1170px; }
    #jypMenu .menu_wrap .menu_cont {
      padding-right: 90px; }
      #jypMenu .menu_wrap .menu_cont .menu_item {
        padding-left: 26px; }
      #jypMenu .menu_wrap .menu_cont.tp1 .menu_line {
        width: 60%; }
    #jypMenu .menu_wrap:before {
      width: 68%; } }
@media screen and (max-width: 1304px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 104px; }
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
    padding-left: 0; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont strong {
      display: block;
      position: relative;
      top: 0; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont p {
      margin-top: 15px; } }
@media screen and (max-width: 1300px) {
  .artist_list_wrap {
    padding: 100px 0 72px; }
    .artist_list_wrap .content_tit {
      margin-bottom: 48px; }
      .artist_list_wrap .content_tit ul {
        display: none; }
    .artist_list_wrap .artist_list_cont {
      max-width: 1024px; }
      .artist_list_wrap .artist_list_cont ul {
        margin-left: 15px; }
        .artist_list_wrap .artist_list_cont ul li {
          width: 33.3%;
          margin-bottom: 15px; }
          .artist_list_wrap .artist_list_cont ul li .artist_item {
            position: relative;
            width: calc(100% - 15px);
            background-color: #000; }
            .artist_list_wrap .artist_list_cont ul li .artist_item strong {
              position: absolute;
              bottom: 0;
              left: 0;
              z-index: 1;
              width: 100%;
              margin-bottom: 56px;
              font-style: italic;
              color: #fff;
              text-align: center;
              text-decoration: underline; }
            .artist_list_wrap .artist_list_cont ul li .artist_item img {
              opacity: 0.92; }
            .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus {
              height: auto;
              top: auto;
              bottom: 0;
              padding: 18px;
              opacity: 1;
              background-color: transparent;
              transition: none; }
              .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .artist_site {
                display: none; }
              .artist_list_wrap .artist_list_cont ul li .artist_item .artist_img .artist_plus .sns_list {
                bottom: 14px; }
            .artist_list_wrap .artist_list_cont ul li .artist_item:hover .artist_plus {
              opacity: 1;
              background-color: transparent; }

  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 700px; }
  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 20%; }

  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
    height: 280px; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont {
    display: block; }
    body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
      width: 100%;
      min-height: 200px;
      margin-left: 0;
      margin-top: 40px; }
      body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item:first-child, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item:first-child {
        margin-top: 0; } }
@media screen and (max-width: 1280px) {
  .esg_wrap .esg_common_wrap {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
    .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap {
      display: block; }
      .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont {
        width: 100%;
        margin-left: 0;
        margin-top: 70px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont:first-child {
          margin-top: 0; }

  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 82px; }

  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont {
    display: block; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
      width: 100%;
      min-height: 200px;
      margin-left: 0;
      margin-top: 40px; }
      body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
        box-sizing: border-box; }
      body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item:first-child {
        margin-top: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 195px; } }
@media screen and (max-width: 1265px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: 212px; } }
@media screen and (max-width: 1260px) {
  .main #footer .main_footer_type .main_notice_wrap .main_notice a strong, .main #footer .main_footer_type .main_notice_wrap .main_notice a span, .main #footer .main_footer_type .main_notice_wrap .main_notice a p {
    font-size: 11px; }
  .main #footer .main_footer_type .footer_cont .ethical_btn, .main #footer .main_footer_type .footer_cont .private_btn {
    font-size: 11px; }
  .main #footer .main_footer_type .footer_cont .ethical_btn {
    display: none; }
  .main #footer .main_footer_type .footer_cont .fam_menu .fam_type {
    font-size: 11px; }
  .main #footer .main_footer_type .footer_cont .fam_menu ul li a {
    font-size: 11px; }
  .main #footer .main_footer_type .footer_cont p {
    font-size: 11px; } }
@media screen and (max-width: 1224px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
    min-height: 302px; } }
@media screen and (max-width: 1214px) {
  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 20%; }

  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont {
    display: block; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
      width: 100%;
      min-height: 200px;
      margin-left: 0;
      margin-top: 40px;
      padding-bottom: 40px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 20px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item:first-child {
        margin-top: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
    height: 300px; }
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item a {
    padding-left: 0; } }
@media screen and (max-width: 1182px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 195px; } }
@media screen and (max-width: 1174px) {
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 102px; } }
@media screen and (max-width: 1162px) {
  #jypMenu .menu_wrap {
    max-width: 1024px; }
    #jypMenu .menu_wrap .menu_cont {
      padding-right: 34px; }
      #jypMenu .menu_wrap .menu_cont.tp1 .menu_line {
        width: 52%; }
    #jypMenu .menu_wrap:before {
      width: 65%; }

  .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    width: calc(50% - 22px);
    margin-left: 22px; }
    .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li:nth-child(3n + 1) {
      margin-left: 22px; }
    .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li:nth-child(2n + 1) {
      margin-left: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 82px; }

  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: auto; } }
@media screen and (max-width: 1124px) {
  .notice_wrap {
    padding: 100px 0 72px; }
    .notice_wrap .content_tit {
      margin-bottom: 70px; }
      .notice_wrap .content_tit strong {
        font-size: 28px; }
        .notice_wrap .content_tit strong span {
          font-size: 12px; }
      .notice_wrap .content_tit .cont_list_btn li a {
        font-size: 14px; }
    .notice_wrap .page_wrap {
      margin-top: 58px; }
    .notice_wrap .notice_list_wrap ul {
      margin-left: 15px; }
      .notice_wrap .notice_list_wrap ul li {
        width: 50%;
        margin-bottom: 15px; }
        .notice_wrap .notice_list_wrap ul li a {
          width: calc(100% - 15px); }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
            font-size: 10px; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 18px; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
            padding-bottom: 18px; }
    .notice_wrap .notice_list_wrap .no_data_wrap {
      padding: 0 15px; }
      .notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 18px; }
    .notice_wrap .notice_view_wrap {
      padding: 0 15px; }
      .notice_wrap .notice_view_wrap .notice_view_tit {
        padding-right: 0; }
        .notice_wrap .notice_view_wrap .notice_view_tit strong {
          font-size: 22px; }
        .notice_wrap .notice_view_wrap .notice_view_tit p {
          position: relative;
          font-size: 14px; }
      .notice_wrap .notice_view_wrap .notice_view_attached ul li {
        margin-right: 20px; }
        .notice_wrap .notice_view_wrap .notice_view_attached ul li a {
          font-size: 12px; }
      .notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
        padding: 80px 0 60px; }
        .notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
          max-width: 100%; }
      .notice_wrap .notice_view_wrap .btn_cont {
        display: block;
        width: 220px;
        height: 53px;
        margin: 0 auto; } }
@media screen and (max-width: 1116px) {
  .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap {
    display: block; }
    .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_list .erl_wrap .erl_cont {
      max-width: 500px;
      margin: 0 auto 20px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_list .erl_wrap .erl_cont .esg_report_img {
        height: initial; }
        .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_list .erl_wrap .erl_cont .esg_report_img .esg_report_tit.tp1 {
          position: initial;
          transform: none; }
          .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_list .erl_wrap .erl_cont .esg_report_img .esg_report_tit.tp1 img {
            width: 100%; }

  @-moz-document url-prefix() {
    .esg_wrap .esg_common_wrap .esg_common_cont .esg_report_wrap .esg_report_cont .esg_report_item {
      border-bottom: none; } } }
@media screen and (max-width: 1108px) {
  .main #footer .main_footer_type .footer_cont .private_btn {
    margin-right: 35px; }
  .main #footer .main_footer_type .footer_cont .fam_menu {
    display: none; }

  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
    height: 300px; } }
@media screen and (max-width: 1095px) {
  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 700px; }
  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 20%; }

  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 700px; }
  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 20%; } }
@media screen and (max-width: 1071px) {
  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 173px; } }
@media screen and (max-width: 1055px) {
  #jypMenu:before, #jypMenu:after {
    display: none; } }
@media screen and (max-width: 1024px) {
  .wrap_comm {
    padding-bottom: 0; }

  #header {
    padding: 20px 16px; }
    #header .jyp_logo {
      width: 70px;
      height: 24px;
      background-size: 70px 24px; }
    #header .header_menu {
      top: 16px;
      right: 16px; }
      #header .header_menu .sns_menu, #header .header_menu .lang_menu {
        display: none; }
      #header .header_menu .menu_ico .menu_ico_wrap {
        width: 20px;
        height: 12px; }

  #header.mob_open .header_menu {
    top: 22px;
    right: 16px; }
    #header.mob_open .header_menu .menu_ico span {
      background-color: #000; }
      #header.mob_open .header_menu .menu_ico span:nth-child(1) {
        top: 0;
        margin-top: 0;
        transform: translateY(0) rotate(0); }
      #header.mob_open .header_menu .menu_ico span:nth-child(2) {
        opacity: 1; }
      #header.mob_open .header_menu .menu_ico span:nth-child(3) {
        bottom: 0;
        margin-bottom: 0;
        transform: translateY(0) rotate(0); }

  .wrap_comm.main #header.mob_open .header_menu {
    top: 22px;
    right: 16px; }
    .wrap_comm.main #header.mob_open .header_menu .menu_ico span {
      background-color: #fff; }
      .wrap_comm.main #header.mob_open .header_menu .menu_ico span:nth-child(1) {
        top: 0;
        margin-top: 0;
        transform: translateY(0) rotate(0); }
      .wrap_comm.main #header.mob_open .header_menu .menu_ico span:nth-child(2) {
        opacity: 1; }
      .wrap_comm.main #header.mob_open .header_menu .menu_ico span:nth-child(3) {
        bottom: 0;
        margin-bottom: 0;
        transform: translateY(0) rotate(0); }

  .content_wrap {
    padding: 100px 15px 72px; }
    .content_wrap .content_tit {
      margin-bottom: 70px; }
      .content_wrap .content_tit strong {
        font-size: 28px; }
        .content_wrap .content_tit strong span {
          top: 3px;
          font-size: 12px; }
      .content_wrap .content_tit .cont_list_btn li a {
        font-size: 14px; }
    .content_wrap .page_wrap {
      margin-top: 58px; }

  .main_banner_wrap {
    padding: 0; }
    .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont {
      width: 70%; }
      .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont p {
        font-size: 20px; }
      .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont strong {
        font-size: 26px; }
      .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont .mb_line:before {
        animation-name: lineUp; }
    .main_banner_wrap .main_banner .main_video_wrap .main_banner_cont.nodata .mb_line:before {
      animation: none; }
    .main_banner_wrap .main_banner .main_video_wrap .main_content a .main_img_wrap .pc_img {
      display: none; }
    .main_banner_wrap .main_banner .main_video_wrap .main_content a .main_img_wrap .mob_img {
      display: block; }
    .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont {
      padding-top: 64px; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit {
        width: 100%; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit p {
          font-size: 20px; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit strong {
          font-size: 26px; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_tit:before {
          height: 50px; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_img {
        width: 200px;
        height: 200px;
        margin: 0 auto; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .album_info p {
        font-size: 10px; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .album_info span {
        font-size: 10px; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .mb_info_txt {
        width: 584px;
        font-size: 12px; }
    .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .album_info {
      padding: 10px 0; }
    .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul {
      overflow: hidden;
      width: 92px;
      height: 32px; }
      .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li {
        float: left;
        width: 33.3%;
        height: 32px;
        border-top: 0;
        border-left: 1px solid #000;
        box-sizing: border-box; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li a {
          height: 32px; }
        .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap.tp1 .mb_info_cont .mb_info_item .mb_info_btn ul li:first-child {
          border-left: 0; }
    .main_banner_wrap .main_banner .swiper-button-prev, .main_banner_wrap .main_banner .swiper-button-next {
      display: none; }
    .main_banner_wrap .main_banner .swiper-pagination {
      top: auto;
      bottom: 16px;
      left: 50%;
      margin-top: 0;
      margin-left: -33px;
      font-size: 18px; }
      .main_banner_wrap .main_banner .swiper-pagination .swiper-pagination-total {
        margin-left: 18px;
        font-size: 18px; }
    .main_banner_wrap .carousel-navigation {
      display: none; }
    .main_banner_wrap .carousel-pagination {
      top: auto;
      bottom: 16px;
      left: 50%;
      height: auto;
      padding-left: 0;
      font-size: 18px;
      transform: translate(-50%, 0); }
      .main_banner_wrap .carousel-pagination svg {
        display: none; }
      .main_banner_wrap .carousel-pagination .carousel-pagination-current {
        opacity: 1;
        transform: translateY(0);
        animation: none; }
        .main_banner_wrap .carousel-pagination .carousel-pagination-current.hide {
          animation: none; }
        .main_banner_wrap .carousel-pagination .carousel-pagination-current:before {
          display: none; }
      .main_banner_wrap .carousel-pagination .carousel-pagination-total {
        margin-left: 14px;
        font-size: 18px; }

  @-webkit-keyframes lineUp {
    0% {
      transform-origin: 50% 0;
      transform: scaleY(1); }
    50% {
      transform-origin: 50% 0;
      transform: scaleY(0); }
    50.0001% {
      transform-origin: 50% 100%;
      transform: scaleY(0); }
    to {
      transform-origin: 50% 100%;
      transform: scaleY(1); } }
  @keyframes lineUp {
    0% {
      transform-origin: 50% 0;
      transform: scaleY(1); }
    50% {
      transform-origin: 50% 0;
      transform: scaleY(0); }
    50.0001% {
      transform-origin: 50% 100%;
      transform: scaleY(0); }
    to {
      transform-origin: 50% 100%;
      transform: scaleY(1); } }
  body.main {
    cursor: default; }
    body.main p, body.main strong, body.main span {
      cursor: default !important; }
    body.main a {
      cursor: pointer !important; }
    body.main #csType {
      display: none; }
    body.main .main_banner_wrap .main_banner .flickity-viewport {
      cursor: default; }

  .about_wrap {
    padding: 100px 15px 72px; }
    .about_wrap .content_tit {
      padding-bottom: 0; }

  .history_wrap {
    padding: 100px 15px 72px; }
    .history_wrap .content_tit {
      padding-bottom: 0; }
    .history_wrap .history_cont {
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 15px;
      box-sizing: border-box; }
      .history_wrap .history_cont .history_list {
        position: relative;
        padding-left: 0;
        margin-top: 64px; }
        .history_wrap .history_cont .history_list strong {
          display: block;
          position: relative;
          top: 0;
          margin-bottom: 10px;
          font-size: 18px;
          letter-spacing: -0.23px; }
        .history_wrap .history_cont .history_list ul li {
          position: relative;
          padding-left: 58px;
          margin-top: 16px; }
          .history_wrap .history_cont .history_list ul li:first-child {
            margin-top: 0; }
        .history_wrap .history_cont .history_list:first-child {
          margin-top: 0; }
        .history_wrap .history_cont .history_list.active strong {
          text-decoration: none; }
    .history_wrap .history_year_list {
      display: none; }

  .artist_list_wrap {
    padding: 100px 0 72px; }
    .artist_list_wrap .content_tit {
      margin-bottom: 48px; }
    .artist_list_wrap .artist_list_cont ul {
      margin-left: 15px; }
      .artist_list_wrap .artist_list_cont ul li {
        width: 50%;
        margin-bottom: 15px; }
        .artist_list_wrap .artist_list_cont ul li .artist_item {
          position: relative;
          width: calc(100% - 15px);
          background-color: #000; }
          .artist_list_wrap .artist_list_cont ul li .artist_item strong {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            font-style: italic;
            color: #fff;
            text-align: center;
            text-decoration: underline; }
          .artist_list_wrap .artist_list_cont ul li .artist_item img {
            opacity: 0.92; }

  .album_list_wrap {
    padding: 100px 0 72px; }
    .album_list_wrap .content_tit {
      margin-bottom: 48px; }
    .album_list_wrap .album_list_cont ul {
      margin-left: 15px; }
      .album_list_wrap .album_list_cont ul li {
        width: 50%;
        margin-bottom: 26px; }
        .album_list_wrap .album_list_cont ul li .album_img {
          width: calc(100% - 15px); }
        .album_list_wrap .album_list_cont ul li .album_info {
          width: calc(100% - 15px); }

  .video_list_wrap {
    padding: 100px 0 72px; }
    .video_list_wrap .content_tit {
      margin-bottom: 48px; }
    .video_list_wrap .video_list_cont ul {
      margin-left: 15px; }
      .video_list_wrap .video_list_cont ul li {
        width: 50%;
        margin-bottom: 26px; }
        .video_list_wrap .video_list_cont ul li a {
          width: calc(100% - 15px); }
          .video_list_wrap .video_list_cont ul li a .video_info {
            padding-right: 0;
            text-align: center; }
            .video_list_wrap .video_list_cont ul li a .video_info p {
              display: none; }

  .stb_list_wrap {
    padding: 100px 0 72px; }
    .stb_list_wrap .content_tit .stb_topic_txt {
      margin-top: 70px;
      font-size: 20px; }
    .stb_list_wrap .stb_sub_tit {
      display: block;
      text-align: center; }
      .stb_list_wrap .stb_sub_tit strong {
        font-size: 22px; }
        .stb_list_wrap .stb_sub_tit strong span {
          top: 3px;
          bottom: auto;
          font-size: 11px; }
      .stb_list_wrap .stb_sub_tit .sub_cont p {
        font-size: 14px; }
    .stb_list_wrap .stb_list_cont {
      margin-top: 90px;
      border-top: 1px solid #cbc5c5; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit {
        padding: 18px 0;
        text-align: center; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit strong {
          font-size: 16px; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul {
        overflow: hidden; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt {
          width: 100%;
          top: 34px;
          left: 0;
          padding: 0 15px;
          box-sizing: border-box; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt strong {
            font-size: 16px; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt p {
            margin-top: 4px;
            font-size: 13px; }
    .stb_list_wrap .stb_esg_video .stb_sub_tit {
      padding: 100px 32px 0;
      margin-bottom: 20px; }
    .stb_list_wrap .stb_esg_video .esg_video_wrap {
      display: block;
      padding: 0 32px; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont {
        width: 100%; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap {
        display: flex;
        width: 100%;
        padding-left: 20px;
        margin-top: 20px;
        text-align: left;
        align-items: center;
        box-sizing: border-box; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav {
          width: 65px; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination {
          overflow: hidden;
          margin-top: 0; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet {
            float: left;
            width: 100px;
            font-size: 16px;
            margin-bottom: 0; }
    .stb_list_wrap .stb_esg_video:before {
      height: 405px; }
    .stb_list_wrap .stb_esg_report {
      margin-top: 100px; }
      .stb_list_wrap .stb_esg_report .stb_sub_tit {
        padding: 0 32px; }
      .stb_list_wrap .stb_esg_report .esg_report_book {
        margin-top: 20px;
        padding: 0 0 102px; }
        .stb_list_wrap .stb_esg_report .esg_report_book ul li {
          padding: 28px 32px 28px; }
          .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_tit strong {
            font-size: 17px;
            color: #21252C; }
          .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a {
            font-size: 14px; }
            .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a:before {
              top: 1px; }

  .social_wrap {
    padding: 100px 0 72px; }
    .social_wrap .social_cont .social_info_wrap {
      height: 500px; }
      .social_wrap .social_cont .social_info_wrap .social_info_txt p {
        font-size: 18px; }
    .social_wrap .social_cont .social_list_wrap {
      position: relative;
      z-index: 2;
      width: 100%;
      padding: 80px 0;
      background-color: #F8F8FA; }
      .social_wrap .social_cont .social_list_wrap .social_list {
        padding: 0 32px; }
        .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont {
          padding-left: 0;
          margin-top: 120px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit {
            position: relative;
            width: 100%;
            margin-bottom: 40px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit strong {
              font-size: 16px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit p {
              font-size: 14px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap {
            margin-top: 80px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt strong {
              font-size: 14px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt p {
              font-size: 13px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img {
              overflow: hidden;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1;
              width: 220px;
              height: 170px;
              background-color: #959595; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img img {
                width: 100%; }
    .social_wrap .social_cont .social_edm_day {
      padding-top: 80px; }
      .social_wrap .social_cont .social_edm_day .sub_tit {
        margin-bottom: 15px; }
        .social_wrap .social_cont .social_edm_day .sub_tit strong {
          font-size: 20px; }
          .social_wrap .social_cont .social_edm_day .sub_tit strong span {
            font-size: 10px; }
        .social_wrap .social_cont .social_edm_day .sub_tit p {
          font-size: 14px; }
      .social_wrap .social_cont .social_edm_day .edm_video_list {
        padding: 15px 32px 0; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a p {
          font-size: 16px; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap {
          right: 32px; }

  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 600px; }
  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 25%;
    top: 200px; }

  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 600px; }
  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp2 {
    width: 25%;
    top: 200px; }

  .ethical_wrap {
    padding: 100px 0 72px; }
    .ethical_wrap .ethical_cont .ethcial_jyp_img {
      height: calc(100vh - 402px); }
      .ethical_wrap .ethical_cont .ethcial_jyp_img img {
        position: absolute;
        top: auto;
        bottom: 20px;
        width: 280px;
        transform: translate(-50%, 0); }
    .ethical_wrap .ethical_cont .ethical_item {
      padding: 0 30px; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_txt {
        padding: 0; }
        .ethical_wrap .ethical_cont .ethical_item .ethical_txt p {
          margin: 50px 0 30px; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap {
        padding: 140px 0 0; }
        .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul {
          margin-top: 30px; }
          .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li {
            margin-left: 10px; }
            .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li a {
              padding: 20px 10px;
              box-sizing: border-box; }

  .esg_wrap .esg_common_wrap .esg_common_cont .ceo_sign_wrap {
    text-align: center; }

  .esg_notice_wrap {
    padding: 100px 0 72px; }
    .esg_notice_wrap .notice_list_wrap ul {
      margin-left: 15px; }
      .esg_notice_wrap .notice_list_wrap ul li {
        width: 50%;
        margin-bottom: 15px; }
        .esg_notice_wrap .notice_list_wrap ul li a {
          width: calc(100% - 15px); }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
            font-size: 10px; }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 18px; }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
            padding-bottom: 18px; }
    .esg_notice_wrap .notice_list_wrap .no_data_wrap {
      padding: 0 15px; }
      .esg_notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 18px; }
    .esg_notice_wrap .notice_view_wrap {
      padding: 0 15px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_tit {
        padding-right: 0; }
        .esg_notice_wrap .notice_view_wrap .notice_view_tit strong {
          font-size: 22px; }
        .esg_notice_wrap .notice_view_wrap .notice_view_tit p {
          position: relative;
          font-size: 14px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li {
        margin-right: 20px; }
        .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li a {
          font-size: 12px; }
        .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li:before {
          margin-top: 5px; }
      .esg_notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
        padding: 80px 0 60px; }
        .esg_notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
          max-width: 100%; }
      .esg_notice_wrap .notice_view_wrap .notice_view_cont iframe {
        width: 100%;
        height: 50vw; }
      .esg_notice_wrap .notice_view_wrap .btn_cont {
        display: block;
        width: 220px;
        height: 53px;
        margin: 0 auto; }

  .contacts_wrap {
    padding: 100px 0 72px; }
    .contacts_wrap .loc_wrap .loc_cont {
      width: 100%;
      padding: 0 32px;
      box-sizing: border-box; }
      .contacts_wrap .loc_wrap .loc_cont strong {
        font-size: 18px; }
      .contacts_wrap .loc_wrap .loc_cont .grobal_tit {
        font-size: 18px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_item {
        padding-right: 0; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item p {
          margin-left: 36px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item strong {
          display: block;
          position: relative;
          font-size: 17px;
          padding-left: 30px;
          margin-bottom: 10px;
          margin-left: 30px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item span {
          display: block;
          position: relative;
          width: 100%;
          margin-left: 36px;
          margin-top: 16px;
          padding-left: 34px;
          font-size: 14px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item {
        margin-top: 62px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item span {
          top: 0; }
        .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item:first-child {
          margin-top: 0; }
      .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item {
        padding-right: 24px; }
    .contacts_wrap .loc_wrap .loc_map {
      width: 100%;
      margin: 40px 0 76px; }
      .contacts_wrap .loc_wrap .loc_map img {
        width: 100%; }
    .contacts_wrap .contacts_cont {
      max-width: 650px;
      margin: 110px auto 0; }
      .contacts_wrap .contacts_cont ul li {
        width: 50%;
        height: 145px;
        margin-top: 35px; }
    .contacts_wrap .inq_wrap {
      max-width: 100%;
      margin: 130px auto 0;
      padding: 0 32px;
      box-sizing: border-box; }
      .contacts_wrap .inq_wrap .cont_tit {
        font-size: 24px; }
      .contacts_wrap .inq_wrap .inq_cont {
        margin-top: 40px; }
        .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont {
          position: relative;
          width: 100%;
          margin-bottom: 24px;
          box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont.st1 {
            margin-left: 0; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont.tp1 {
            width: 100%; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap {
          margin: 0 0 58px;
          padding-bottom: 42px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont {
            width: 100%;
            margin-top: 20px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item {
            margin-top: 15px; }

  body:lang(en) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(zh) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(jp) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item, body:lang(es) .contacts_wrap .loc_wrap .loc_cont.tp1 .loc_item {
    padding-right: 40px; }

  .ir_cont_wrap {
    padding: 100px 0 72px; }
    .ir_cont_wrap .ir_cont_item {
      padding: 0 15px; }
    .ir_cont_wrap .notice_list_wrap ul {
      margin-left: 15px; }
      .ir_cont_wrap .notice_list_wrap ul li {
        width: 50%;
        margin-bottom: 15px; }
        .ir_cont_wrap .notice_list_wrap ul li a {
          width: calc(100% - 15px); }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_type {
            font-size: 10px; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 18px; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item {
            padding-bottom: 18px; }
    .ir_cont_wrap .notice_list_wrap .no_data_wrap {
      padding: 0 15px; }
      .ir_cont_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 18px; }
    .ir_cont_wrap .notice_view_wrap {
      padding: 0 15px; }
      .ir_cont_wrap .notice_view_wrap .notice_view_tit {
        padding-right: 0; }
        .ir_cont_wrap .notice_view_wrap .notice_view_tit strong {
          font-size: 22px; }
        .ir_cont_wrap .notice_view_wrap .notice_view_tit p {
          position: relative;
          font-size: 14px; }
      .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li {
        margin-right: 20px; }
        .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li a {
          font-size: 12px; }
        .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li:before {
          margin-top: 5px; }
      .ir_cont_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
        padding: 80px 0 60px; }
        .ir_cont_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
          max-width: 100%; }
      .ir_cont_wrap .notice_view_wrap .notice_view_cont iframe {
        width: 100%;
        height: 50vw; }
      .ir_cont_wrap .notice_view_wrap .btn_cont {
        display: block;
        width: 220px;
        height: 53px;
        margin: 0 auto; }
    .ir_cont_wrap.tp1 .ir_cont_item {
      padding: 0 15px; }

  .notice_wrap {
    padding: 100px 0 72px; }
    .notice_wrap .notice_view_wrap .notice_view_attached ul li {
      margin-right: 20px; }
      .notice_wrap .notice_view_wrap .notice_view_attached ul li a {
        font-size: 12px; }
      .notice_wrap .notice_view_wrap .notice_view_attached ul li:before {
        margin-top: 5px; }
    .notice_wrap .notice_view_wrap .notice_view_cont iframe {
      width: 100%;
      height: 50vw; }

  .policy_wrap .content_tit {
    margin-bottom: 48px; }
  .policy_wrap .policy_cont .policy_item {
    margin-bottom: 52px; }
    .policy_wrap .policy_cont .policy_item .policy_item_tit strong {
      font-size: 17px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt strong {
      font-size: 14px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt p {
      font-size: 14px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt p a {
        font-size: 14px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt ul li, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li {
      font-size: 14px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt ul li strong, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li strong {
        font-size: 14px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt ul li a, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li a {
        font-size: 14px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item {
      width: 50%; }

  .error_page_wrap {
    padding: 0; }
    .error_page_wrap .error_page_cont strong {
      font-size: 32px; }
    .error_page_wrap .error_page_cont p {
      font-size: 15px; }

  #footer {
    display: none; }

  #jypMenu {
    overflow-y: scroll;
    position: absolute;
    min-height: 100%;
    padding: 0; }
    #jypMenu .menu_header {
      display: block; }
    #jypMenu .menu_wrap {
      position: relative;
      top: 0;
      left: 0;
      margin-top: 0;
      padding: 70px 0 0 15px;
      transform: translate(0, 0); }
      #jypMenu .menu_wrap .menu_cont {
        float: none;
        width: 100%;
        margin: 0;
        padding-right: 0;
        margin-top: 26px; }
        #jypMenu .menu_wrap .menu_cont .menu_tit_wrap {
          position: relative; }
          #jypMenu .menu_wrap .menu_cont .menu_tit_wrap:before {
            content: '';
            position: absolute;
            top: 15px;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 1px;
            background-color: #707070; }
          #jypMenu .menu_wrap .menu_cont .menu_tit_wrap.tp1:before {
            display: block; }
        #jypMenu .menu_wrap .menu_cont .menu_tit {
          display: block;
          position: relative;
          font-size: 18px; }
          #jypMenu .menu_wrap .menu_cont .menu_tit a {
            position: relative;
            padding: 0;
            padding-right: 24px; }
            #jypMenu .menu_wrap .menu_cont .menu_tit a span {
              position: absolute;
              top: 0;
              z-index: 1;
              font-size: 10px; }
        #jypMenu .menu_wrap .menu_cont .menu_item {
          margin-top: 6px;
          border-top: 0;
          padding: 0; }
          #jypMenu .menu_wrap .menu_cont .menu_item ul li a {
            padding: 6px 0;
            font-size: 14px;
            color: #959595; }
        #jypMenu .menu_wrap .menu_cont.tp1 {
          display: block;
          text-align: left;
          padding-top: 30px; }
          #jypMenu .menu_wrap .menu_cont.tp1 .menu_tit {
            display: block;
            position: relative;
            margin-left: 0;
            margin-top: 20px; }
            #jypMenu .menu_wrap .menu_cont.tp1 .menu_tit:before {
              content: '';
              position: absolute;
              top: 50%;
              left: 155px;
              z-index: 1;
              width: 100%;
              height: 1px;
              background-color: #707070; }
            #jypMenu .menu_wrap .menu_cont.tp1 .menu_tit:first-child {
              margin-top: 0; }
          #jypMenu .menu_wrap .menu_cont.tp1 .menu_line {
            display: none; }
        #jypMenu .menu_wrap .menu_cont:first-child {
          margin-top: 0; }
      #jypMenu .menu_wrap:before {
        display: none; }
    #jypMenu .menu_footer {
      display: block; }
    #jypMenu:before, #jypMenu:after {
      display: none; }

  .top_btn {
    right: 15px; }

  .top_btn.show {
    bottom: 30px; }

  .content_wrap.esg_wrap {
    padding: 100px 0 72px; }
    .content_wrap.esg_wrap .content_tit {
      margin-bottom: 33px; }

  .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    width: calc(50% - 10px);
    margin-left: 20px;
    margin-bottom: 20px; }
    .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1) {
      margin-left: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 173px; }

  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: auto; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
    padding: 30px 0 30px; }
    body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont strong {
      display: block;
      position: relative;
      top: 0; }
    body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont p {
      margin-top: 15px; }
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: auto; }

  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: auto; } }
@media screen and (max-width: 1006px) {
  body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 82px; } }
@media screen and (max-width: 1001px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt {
      position: relative;
      transform: none; } }
@media screen and (max-width: 998px) {
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: 173px; } }
@media screen and (max-width: 961px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    margin-top: 20px;
    text-align: left; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      margin-top: 10px; } }
@media screen and (max-width: 924px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: 173px; } }
@media screen and (max-width: 902px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    margin-top: 20px;
    text-align: left; }
    body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      margin-top: 10px; } }
@media screen and (max-width: 880px) {
  .social_wrap .social_cont .social_info_wrap {
    height: 100%; }
    .social_wrap .social_cont .social_info_wrap .social_info_txt {
      width: 100%;
      padding: 0 15px; }
      .social_wrap .social_cont .social_info_wrap .social_info_txt p {
        font-size: 16px; }
    .social_wrap .social_cont .social_info_wrap .social_info_img {
      display: none; }
      .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
        margin: 6% auto 0;
        padding-bottom: 41%;
        transform: translate(0); }

  body:lang(en) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(zh) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1, body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 0; }

  body:lang(es) .social_wrap .social_cont .social_info_wrap .social_info_img.tp1 {
    top: 0px; }

  .ethical_wrap .ethical_cont .ethical_item {
    background: transparent linear-gradient(180deg, #CBDFF30D 0%, #CADEF2E6 10%, #CADDF1 20%, #C9DCF0 100%) 0% 0% no-repeat padding-box; } }
@media screen and (max-width: 873px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 102px; } }
@media screen and (max-width: 870px) {
  .ir_cont_wrap.tp1 .ir_inq_wrap {
    padding-left: 25px;
    padding-right: 25px; } }
@media screen and (max-width: 850px) {
  .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont strong {
    display: block; }
  .esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul {
    margin-left: 0;
    margin-top: 16px; } }
@media screen and (max-width: 846px) {
  .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl:last-child dd {
    padding-right: 0;
    word-break: break-all; }
    .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl:last-child dd em {
      position: relative;
      top: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img {
    height: 460px; }
    body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj {
      display: block; }
      body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl {
        border-left: 0; } }
@media screen and (max-width: 842px) {
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 195px; } }
@media screen and (max-width: 838px) {
  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: 82px; } }
@media screen and (max-width: 828px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: 212px; } }
@media screen and (max-width: 810px) {
  .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul {
    display: block; }
    .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li {
      width: 100%;
      margin-left: 0;
      margin-top: 16px; }
      .ethical_wrap .ethical_cont .ethical_item .ethical_file_wrap ul li:first-child {
        margin-top: 0; }

  .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap {
    display: block;
    margin-top: 0; }
    .esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont {
      width: 100%;
      margin-left: 0;
      margin-top: 80px; }
  .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont {
    display: block; }
    .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item {
      width: 100%;
      margin-left: 0; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .esg_btn_cont {
        top: -20px; }
      .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item.tp1 {
        margin-left: 0;
        margin-bottom: 60px;
        padding-left: 130px; }
        .esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item.tp1 .env_campain_img {
          width: 100px; }
  .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    width: 100%;
    margin-left: 0; }
    .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li:nth-child(3n + 1) {
      margin-left: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li, body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .scl_partner_wrap .scl_partner_cont ul li {
    min-height: auto; } }
@media screen and (max-width: 797px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list {
    overflow: hidden;
    display: block; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
      float: left;
      width: calc(50% - 20px);
      margin-left: 20px;
      margin-bottom: 20px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item:nth-child(2n+1) {
        margin-left: 0; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img {
    height: auto;
    padding: 42px 12px;
    box-sizing: border-box; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .date {
      display: block;
      position: relative;
      top: 0;
      right: 0;
      width: 100%;
      margin-bottom: 10px;
      font-size: 12px;
      text-align: center; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt {
      position: relative;
      top: 0;
      transform: none; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt p {
        font-size: 14px;
        line-height: 1.6; }
        .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt p br {
          display: none; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj {
        display: block; }
        .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl {
          border-left: 0;
          padding: 0;
          margin-top: 10px; }
          .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl dd {
            font-size: 30px; }
            .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img .edm_csr_txt .support_pj dl dd em {
              padding-left: 2px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_support ul {
    text-align: center; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_notice_txt {
    font-size: 12px;
    line-height: 1.8; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont.tp1 .edm_csr_item .edm_csr_support ul {
    position: relative;
    right: auto; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont.tp1 .edm_notice_txt {
    position: relative;
    margin-top: 20px;
    padding-right: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
    height: 280px; }
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_img {
    height: auto; } }
@media screen and (max-width: 793px) {
  body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    margin-top: 20px;
    text-align: left; }
    body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      margin-top: 10px; } }
@media screen and (max-width: 773px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 195px; } }
@media screen and (max-width: 720px) {
  body:lang(es) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    display: block;
    position: relative;
    left: 0;
    right: auto;
    width: 62px;
    margin-top: 10px; } }
@media screen and (max-width: 699px) {
  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: 173px; } }
@media screen and (max-width: 675px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    display: block;
    position: relative;
    left: 0;
    right: auto;
    width: 62px;
    margin-top: 10px; } }
@media screen and (max-width: 671px) {
  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    text-align: left;
    margin-top: 20px; }
    body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      margin-top: 10px; } }
@media screen and (max-width: 640px) {
  .content_wrap {
    padding: 94px 15px 80px; }
    .content_wrap .content_tit {
      margin-bottom: 60px; }
      .content_wrap .content_tit strong {
        font-size: 22px; }
      .content_wrap .content_tit .cont_list_btn {
        max-width: 460px; }
        .content_wrap .content_tit .cont_list_btn li {
          margin-left: 22px; }
    .content_wrap .page_wrap {
      margin-top: 40px; }
      .content_wrap .page_wrap a {
        width: 32px;
        height: 32px;
        padding: 4px;
        margin-left: 0;
        font-size: 16px; }

  .main_banner_wrap {
    padding: 0; }
    .main_banner_wrap .main_banner .main_video_wrap .mb_info_wrap .mb_info_cont .mb_info_item .mb_info_txt {
      width: 100%; }
    .main_banner_wrap .main_banner .swiper-pagination {
      bottom: 19px;
      margin-left: -33px;
      font-size: 16px; }
      .main_banner_wrap .main_banner .swiper-pagination .page_line {
        display: none; }
      .main_banner_wrap .main_banner .swiper-pagination .swiper-pagination-total {
        margin-left: 23px;
        font-size: 16px; }

  .about_wrap {
    padding: 94px 15px 80px; }
    .about_wrap .content_tit {
      padding-bottom: 0; }
    .about_wrap .about_cont .about_bg_wrap .video {
      width: 250px;
      height: 271px;
      margin: 0 auto 60px; }
      .about_wrap .about_cont .about_bg_wrap .video .about_jyp_img {
        width: 254px;
        height: 275px; }
    .about_wrap .about_cont .about_bg_wrap .about_bg_cont {
      text-align: left; }
      .about_wrap .about_cont .about_bg_wrap .about_bg_cont p {
        margin-top: 0;
        font-size: 14px; }

  .history_wrap {
    padding: 94px 15px 80px; }
    .history_wrap .history_cont {
      padding: 0; }
      .history_wrap .history_cont .history_list {
        margin-top: 44px; }
        .history_wrap .history_cont .history_list strong {
          font-size: 16px; }
        .history_wrap .history_cont .history_list ul li {
          position: relative;
          padding-left: 58px;
          margin-top: 16px; }
          .history_wrap .history_cont .history_list ul li:first-child {
            margin-top: 0; }

  .artist_list_wrap {
    padding: 94px 0 80px; }
    .artist_list_wrap .content_tit {
      margin-bottom: 22px; }
      .artist_list_wrap .content_tit strong {
        font-size: 22px; }
    .artist_list_wrap .artist_list_cont ul {
      height: 100%;
      margin-left: 0; }
      .artist_list_wrap .artist_list_cont ul li {
        width: 100%;
        margin-bottom: 5px; }
        .artist_list_wrap .artist_list_cont ul li .artist_item {
          width: 100%; }
        .artist_list_wrap .artist_list_cont ul li:nth-child(n) {
          order: 1; }

  .album_list_wrap {
    padding: 94px 0 80px; }
    .album_list_wrap .content_tit {
      margin-bottom: 22px; }
      .album_list_wrap .content_tit strong {
        font-size: 22px; }
    .album_list_wrap .album_list_cont ul {
      margin-left: 0; }
      .album_list_wrap .album_list_cont ul li {
        width: 100%;
        margin-bottom: 26px; }
        .album_list_wrap .album_list_cont ul li .album_img {
          width: 100%; }
        .album_list_wrap .album_list_cont ul li .album_info {
          width: 100%; }

  .video_list_wrap {
    padding: 94px 0 80px; }
    .video_list_wrap .content_tit {
      margin-bottom: 22px; }
      .video_list_wrap .content_tit strong {
        font-size: 22px; }
    .video_list_wrap .video_list_cont ul {
      margin-left: 0; }
      .video_list_wrap .video_list_cont ul li {
        width: 100%;
        margin-bottom: 26px; }
        .video_list_wrap .video_list_cont ul li a {
          width: 100%; }

  .stb_list_wrap {
    padding: 94px 0 80px; }
    .stb_list_wrap .content_tit .stb_topic_txt {
      margin-top: 60px;
      font-size: 18px; }
    .stb_list_wrap .stb_sub_tit {
      display: block;
      text-align: center; }
      .stb_list_wrap .stb_sub_tit strong {
        font-size: 18px; }
        .stb_list_wrap .stb_sub_tit strong span {
          top: 1px;
          bottom: auto;
          font-size: 11px; }
      .stb_list_wrap .stb_sub_tit .sub_cont p {
        font-size: 14px; }
    .stb_list_wrap .stb_list_cont {
      margin-top: 55px; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit strong {
        font-size: 16px; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_tit strong span {
          top: 0; }
      .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item {
        width: 100%;
        padding-bottom: 0;
        height: 150px; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt {
          padding: 0 15px;
          width: 100%;
          top: 50%;
          left: 0;
          transform: translate(0, -50%);
          box-sizing: border-box; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_txt strong {
            font-size: 17px; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_img {
          overflow: hidden;
          position: relative;
          height: 150px; }
          .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item .stb_change_img img {
            position: absolute;
            left: 0;
            z-index: 1; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item:first-child {
          width: 100%; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item.tp1 .stb_change_img img {
          top: -28px; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item.tp2 .stb_change_img img {
          top: -176px; }
        .stb_list_wrap .stb_list_cont .stb_change_wrap .stb_change_cont ul .stb_change_item.tp3 .stb_change_img img {
          top: -134px; }
    .stb_list_wrap .stb_esg_video .stb_sub_tit {
      padding: 65px 15px 0;
      margin-bottom: 20px; }
    .stb_list_wrap .stb_esg_video .esg_video_wrap {
      padding: 0 15px; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .esg_video_cont .esg_video_frame a:before {
        width: 60px;
        height: 60px;
        background-size: 60px; }
      .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap {
        padding-left: 0;
        margin-top: 14px; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper_nav {
          width: 65px;
          margin-right: 20px; }
        .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination {
          overflow: hidden;
          margin-top: 0;
          bottom: 1px; }
          .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet {
            float: left;
            width: 40px;
            font-size: 14px;
            margin-bottom: 0;
            margin-left: 20px; }
            .stb_list_wrap .stb_esg_video .esg_video_wrap .swiper_btn_wrap .swiper-pagination .swiper-pagination-bullet:first-child {
              margin-left: 0; }
    .stb_list_wrap .stb_esg_video:before {
      height: 300px; }
    .stb_list_wrap .stb_esg_report .stb_sub_tit {
      padding: 0 15px; }
    .stb_list_wrap .stb_esg_report .esg_report_book {
      margin-top: 20px;
      padding: 0 0 152px; }
      .stb_list_wrap .stb_esg_report .esg_report_book ul li {
        padding: 28px 15px 28px; }
        .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap {
          padding-right: 0; }
          .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_tit {
            width: 100%; }
            .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_tit strong {
              font-size: 14px;
              color: #21252C; }
          .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download {
            position: relative;
            top: 0;
            right: auto;
            margin-left: 0;
            margin-top: 10px; }
            .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a {
              margin-left: 20px;
              font-size: 14px; }
              .stb_list_wrap .stb_esg_report .esg_report_book ul li .book_list_wrap .book_list_download a:before {
                top: 1px; }
      .stb_list_wrap .stb_esg_report .esg_report_book .page_wrap {
        width: 100%;
        text-align: center; }
    .stb_list_wrap .stb_esg_sns {
      margin-bottom: 60px; }
      .stb_list_wrap .stb_esg_sns ul li .sns_ico {
        width: 32px;
        height: 32px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp1 {
          background-size: 15px 10px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp2 {
          background-size: 10px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp3 {
          background-size: 12px 10px; }
        .stb_list_wrap .stb_esg_sns ul li .sns_ico.tp4 {
          background-size: 6px 10px; }

  .social_wrap {
    padding: 94px 0 0; }
    .social_wrap .social_cont .social_info_wrap .social_info_txt {
      width: 100%;
      padding: 0 15px; }
    .social_wrap .social_cont .social_info_wrap .social_info_img {
      display: none; }
    .social_wrap .social_cont .social_list_wrap {
      padding: 62px 0; }
      .social_wrap .social_cont .social_list_wrap .social_list {
        padding: 0 15px; }
        .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont {
          margin-top: 116px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit {
            margin-bottom: 34px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit strong {
              font-size: 18px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_tit p {
              font-size: 14px; }
          .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap {
            padding: 0;
            margin-top: 60px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img {
              position: relative;
              width: 100%;
              height: 0;
              padding-bottom: 70%; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_img img {
                width: 100%; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt {
              margin-top: 16px; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt strong {
                font-size: 15px;
                color: #646B76; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_list_txt p {
                margin: 10px 0 28px;
                font-size: 14px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li a {
              font-size: 14px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_link ul li:first-child a:before {
              top: 1px; }
            .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo .social_logo_img {
              width: 120px;
              margin-left: 12px; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo .social_logo_img img {
                width: 100%; }
              .social_wrap .social_cont .social_list_wrap .social_list .social_list_cont .social_list_item .social_cont_wrap .social_link_wrap .social_list_logo .social_logo_img:first-child {
                margin-left: 0; }
    .social_wrap .social_cont .social_edm_day {
      padding-top: 72px; }
      .social_wrap .social_cont .social_edm_day .sub_tit {
        margin-bottom: 8px; }
        .social_wrap .social_cont .social_edm_day .sub_tit strong {
          font-size: 18px; }
      .social_wrap .social_cont .social_edm_day .edm_video_list {
        padding: 30px 15px 0; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .edm_video_cont .edm_video_item .swiper-slide a p {
          font-size: 14px; }
        .social_wrap .social_cont .social_edm_day .edm_video_list .swiper_btn_wrap {
          top: 3px;
          right: 15px; }
    .social_wrap .social_cont .edm_esg_sns {
      margin-bottom: 60px; }
      .social_wrap .social_cont .edm_esg_sns ul li .sns_ico {
        width: 32px;
        height: 32px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp1 {
          background-size: 15px 10px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp2 {
          background-size: 10px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp3 {
          background-size: 12px 10px; }
        .social_wrap .social_cont .edm_esg_sns ul li .sns_ico.tp4 {
          background-size: 6px 10px; }

  .ethical_wrap {
    padding: 94px 0 80px; }
    .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong .none {
      display: none; }

  body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethical_txt strong {
    font-size: 17px; }
  body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethical_txt p, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethical_txt p {
    font-size: 15px; }
  body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethical_txt span, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethical_txt span {
    font-size: 15px; }
  body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethcal_file_wrap strong, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethcal_file_wrap strong {
    font-size: 18px; }
  body:lang(zh) .ethical_wrap .ethical_cont .ethical_item .ethcal_file_wrap ul li a, body:lang(ja) .ethical_wrap .ethical_cont .ethical_item .ethcal_file_wrap ul li a {
    font-size: 15px; }

  .contacts_wrap {
    padding: 94px 0 80px; }
    .contacts_wrap .loc_wrap .loc_cont {
      display: block;
      padding: 0 15px; }
      .contacts_wrap .loc_wrap .loc_cont .grobal_tit {
        display: block;
        margin-bottom: 20px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_item {
        margin-top: 18px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item p {
          margin-left: 15px;
          font-size: 14px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_item span {
          padding-left: 28px;
          margin-left: 20px; }
      .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item {
        padding-top: 0;
        margin-bottom: 40px;
        border-top: 0; }
        .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item strong {
          margin-left: 0;
          font-size: 15px; }
        .contacts_wrap .loc_wrap .loc_cont .loc_global_jyp .loc_item:first-child {
          padding-top: 0;
          border-top: 0; }
      .contacts_wrap .loc_wrap .loc_cont.tp1 strong br {
        display: none; }
    .contacts_wrap .loc_wrap .loc_map {
      width: 100%;
      margin: 28px 0 80px; }
      .contacts_wrap .loc_wrap .loc_map img {
        width: 100%; }
    .contacts_wrap .contacts_cont {
      margin: 58px auto 0; }
      .contacts_wrap .contacts_cont ul li {
        width: 100%;
        height: auto;
        margin-top: 60px; }
        .contacts_wrap .contacts_cont ul li p {
          font-size: 16px; }
        .contacts_wrap .contacts_cont ul li a {
          font-size: 12px; }
        .contacts_wrap .contacts_cont ul li:first-child {
          margin-top: 0; }
    .contacts_wrap .inq_wrap {
      margin: 106px auto 0;
      padding: 0 15px;
      box-sizing: border-box; }
      .contacts_wrap .inq_wrap .cont_tit {
        font-size: 22px;
        font-weight: 700; }
      .contacts_wrap .inq_wrap .inq_cont {
        margin-top: 34px; }
        .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont {
          width: 100%;
          margin-bottom: 24px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont strong {
            padding-left: 16px;
            font-size: 14px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont input, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont select, .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea {
            padding: 15px 16px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap {
            display: block;
            position: relative; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input {
              min-height: 108px;
              padding-right: 16px;
              padding-bottom: 70px; }
              .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input.prtype {
                padding-right: 16px; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap span {
              position: absolute;
              top: 15px;
              right: 16px;
              z-index: 1;
              margin: 0;
              padding-left: 22px;
              background-color: #F4F6F8; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap .inq_btn_cont {
              bottom: 15px;
              right: auto;
              left: 50%;
              width: 100%;
              min-height: 40px;
              padding: 0 16px;
              box-sizing: border-box;
              transform: translate(-50%, 0); }
              .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap .inq_btn_cont .cert_btn {
                width: 100%;
                min-height: 40px;
                padding: 9px; }
                .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap .inq_btn_cont .cert_btn.tp1 {
                  width: 100%; }
            .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap.tp1 {
              padding-right: 0; }
              .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap.tp1 input {
                padding-right: 56px;
                box-sizing: border-box; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont textarea {
            padding-top: 12px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont.st1 {
            margin-left: 0; }
          .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont.tp1 {
            width: 100%; }
        .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap {
          margin: 0 0 50px;
          padding-bottom: 57px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap strong {
            padding-left: 16px;
            font-size: 14px;
            font-weight: 700; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_cont {
            width: 100%;
            margin-top: 10px; }
          .contacts_wrap .inq_wrap .inq_cont .inq_agree_wrap .inq_agree_item {
            margin-left: 16px;
            margin-top: 15px; }

  body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input {
    padding-right: 16px; }
    body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input.prtype {
      padding-right: 16px; }

  .notice_wrap {
    padding: 94px 0 80px; }
    .notice_wrap .notice_view_wrap .notice_view_cont {
      height: 100%;
      padding: 35px 0; }

  .esg_notice_wrap {
    padding: 94px 0 80px; }
    .esg_notice_wrap .notice_list_wrap .stb_esg_sns {
      margin-bottom: 0; }
      .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico {
        width: 32px;
        height: 32px; }
        .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp1 {
          background-size: 15px 10px; }
        .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp2 {
          background-size: 10px; }
        .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp3 {
          background-size: 12px 10px; }
        .esg_notice_wrap .notice_list_wrap .stb_esg_sns ul li .sns_ico.tp4 {
          background-size: 6px 10px; }
    .esg_notice_wrap .notice_view_wrap .notice_view_cont {
      height: 100%;
      padding: 35px 0; }
    .esg_notice_wrap .stb_esg_sns {
      margin-bottom: 0; }
      .esg_notice_wrap .stb_esg_sns ul li .sns_ico {
        width: 32px;
        height: 32px; }
        .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp1 {
          background-size: 15px 10px; }
        .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp2 {
          background-size: 10px; }
        .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp3 {
          background-size: 12px 10px; }
        .esg_notice_wrap .stb_esg_sns ul li .sns_ico.tp4 {
          background-size: 6px 10px; }

  body:lang(en) .stb_list_wrap .content_tit .cont_list_btn, body:lang(en) .social_wrap .content_tit .cont_list_btn, body:lang(en) .ethical_wrap .content_tit .cont_list_btn, body:lang(en) .esg_notice_wrap .content_tit .cont_list_btn {
    max-width: 630px; }

  .ir_cont_wrap {
    padding: 94px 0 80px; }
    .ir_cont_wrap .content_tit .cont_list_btn {
      max-width: 742px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_cont {
      height: 100%;
      padding: 35px 0; }

  .ir_cont_wrap.tp1 .ir_top_tit {
    height: 200px; }
    .ir_cont_wrap.tp1 .ir_top_tit strong {
      font-size: 22px; }
  .ir_cont_wrap.tp1 .ir_inq_wrap {
    padding-top: 90px; }

  .policy_wrap .content_tit {
    margin-bottom: 22px; }
    .policy_wrap .content_tit strong {
      font-size: 22px; }
  .policy_wrap .policy_cont .policy_item {
    margin-bottom: 26px; }
    .policy_wrap .policy_cont .policy_item .policy_item_tit {
      margin-bottom: 26px; }
      .policy_wrap .policy_cont .policy_item .policy_item_tit strong {
        font-size: 15px; }
        .policy_wrap .policy_cont .policy_item .policy_item_tit strong span:before {
          top: 0.12rem;
          height: 15px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt p, .policy_wrap .policy_cont .policy_item .policy_item_txt ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ol {
      padding: 0; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt strong {
      margin: 16px 0 12px;
      font-size: 12px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt p {
      padding: 0;
      font-size: 12px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt p a {
        font-size: 12px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt ul ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ul ol, .policy_wrap .policy_cont .policy_item .policy_item_txt ol ul, .policy_wrap .policy_cont .policy_item .policy_item_txt ol ol {
      padding-left: 15px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt ul li, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li {
      font-size: 12px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt ul li strong, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li strong {
        font-size: 12px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt ul li a, .policy_wrap .policy_cont .policy_item .policy_item_txt ol li a {
        font-size: 12px; }
    .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table {
      min-width: 640px; }
      .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr th, .policy_wrap .policy_cont .policy_item .policy_item_txt .policy_item_tbl table tr td {
        padding: 15px;
        font-size: 12px; }

  .error_page_wrap {
    padding: 0; }
    .error_page_wrap .error_page_cont strong {
      font-size: 32px; }
    .error_page_wrap .error_page_cont p {
      font-size: 14px; }
    .error_page_wrap .error_page_cont span {
      margin-bottom: 60px;
      font-size: 12px; }

  #footer {
    padding: 21px 15px 24px; }
    #footer .sub_footer_type {
      display: block;
      position: relative;
      padding-top: 25px; }
      #footer .sub_footer_type p {
        display: block;
        text-align: center; }
      #footer .sub_footer_type .footer_cont {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        padding-left: 0;
        text-align: center; }
        #footer .sub_footer_type .footer_cont:before {
          display: none; }

  .about #footer .sub_footer_type .footer_cont {
    text-align: center; }

  .ir_cont_wrap.tp1 .ir_2dep_btn ul li a {
    padding: 18px 0 14px;
    font-size: 11px; }

  .content_wrap.esg_wrap .content_tit {
    margin-bottom: 10px; }
  .content_wrap.esg_wrap .esg_top_tit {
    height: 248px; }
    .content_wrap.esg_wrap .esg_top_tit strong {
      font-size: 22px; }
    .content_wrap.esg_wrap .esg_top_tit.bg_tp2 {
      height: 200px; }
    .content_wrap.esg_wrap .esg_top_tit.bg_tp3 {
      height: 200px; }
  .content_wrap.esg_wrap .esg_2dep_btn ul li a {
    padding: 18px 0 14px;
    font-size: 11px; }
  .content_wrap.esg_wrap .esg_gvn_wrap .video {
    height: 587px; }
    .content_wrap.esg_wrap .esg_gvn_wrap .video .video_frame video {
      transform: translate(-50%, -60%); }
  .content_wrap.esg_wrap .esg_gvn_wrap .gvn_jyp_logo {
    top: 200px;
    width: 370px; }
  .content_wrap.esg_wrap .esg_gvn_wrap .esg_gvn_cont {
    bottom: 175px; }
    .content_wrap.esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt strong {
      font-size: 16px; }
    .content_wrap.esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt p {
      font-size: 14px; }
    .content_wrap.esg_wrap .esg_gvn_wrap .esg_gvn_cont .esg_gvn_txt span {
      font-size: 14px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont {
    padding: 60px 15px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont {
      margin-top: 40px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
      width: 100%;
      height: auto;
      min-height: 245px;
      padding-bottom: 10px;
      margin-left: 0; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item:nth-child(2n+1) {
        margin-left: 0; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul {
      margin-top: 6px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul li {
        margin-top: 10px;
        margin-right: 10px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt p {
      margin-top: 6px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap {
      display: block; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap {
        width: 100%;
        padding-left: 0;
        margin: 0; }
        .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_img {
          position: relative;
          top: 0;
          margin: 0 auto 30px; }
        .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .hr_mgt_wrap .hr_mgt_cont .wb_type .wb_type_wrap .wb_step {
          width: 100%;
          max-width: 310px;
          margin: 0 auto; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
      padding: 30px 0 30px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont strong {
        display: block;
        position: relative;
        top: 0; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont p {
        margin-top: 15px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
        margin-top: 20px; }
        .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
          margin-top: 10px; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont.tp1 {
        padding-bottom: 30px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_logo {
      top: 38px; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap {
      margin-top: 63px; }

  body:lang(ko) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    width: 100%;
    margin-left: 0; }
    body:lang(ko) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1), body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1), body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1), body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1), body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item:nth-child(2n+1) {
      margin-left: 0; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ms_wrap .esg_ms_cont .esg_ms_list .esg_ms_item {
    height: auto;
    padding-bottom: 30px; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
    padding-left: 0; }

  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont, body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont {
    padding-left: 0; }

  body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item, body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .sah_wrap .sah_cont .sah_item {
    min-height: auto; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: auto; }

  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_list.sah_wrap .sah_cont .sah_item {
    min-height: auto; } }
@media screen and (max-width: 590px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul {
    width: 100%; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul li {
      display: block; }
      .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .rewnable_wrap .rewnable_cont ul li .esg_btn_cont {
        width: 100%;
        box-sizing: border-box; } }
@media screen and (max-width: 585px) {
  body:lang(ja) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 0; } }
@media screen and (max-width: 580px) {
  .notice_wrap .notice_list_wrap ul {
    margin-left: 15px; }
    .notice_wrap .notice_list_wrap ul li {
      width: 100%;
      margin-bottom: 15px; }
      .notice_wrap .notice_list_wrap ul li a {
        width: calc(100% - 15px); }
        .notice_wrap .notice_list_wrap ul li a .notice_list_cont {
          padding-top: 26px; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 16px;
            line-height: 28px; }
          .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
            bottom: 26px;
            padding: 0 28px; }
            .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
              left: 28px; }
            .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p, .notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
              font-size: 11px; }
  .notice_wrap .notice_list_wrap .no_data_wrap {
    padding: 0 15px; }
    .notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
      padding-bottom: 50%; }
      .notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 16px; }
  .notice_wrap .notice_view_wrap .notice_view_tit strong {
    font-size: 18px; }
  .notice_wrap .notice_view_wrap .notice_view_tit p {
    font-size: 12px; }
  .notice_wrap .notice_view_wrap .notice_view_attached ul li {
    margin-right: 20px; }
    .notice_wrap .notice_view_wrap .notice_view_attached ul li a {
      font-size: 12px; }
  .notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
    padding: 50px 0 40px; }
    .notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
      max-width: 100%; }
  .notice_wrap .notice_view_wrap .btn_cont {
    display: block;
    width: 220px;
    height: 53px;
    margin: 0 auto; }

  .ir_cont_wrap .notice_list_wrap ul {
    margin-left: 15px; }
    .ir_cont_wrap .notice_list_wrap ul li {
      width: 100%;
      margin-bottom: 15px; }
      .ir_cont_wrap .notice_list_wrap ul li a {
        width: calc(100% - 15px); }
        .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont {
          padding-top: 26px; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 16px;
            line-height: 28px; }
          .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
            bottom: 26px;
            padding: 0 28px; }
            .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
              left: 28px; }
            .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p, .ir_cont_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
              font-size: 11px; }
  .ir_cont_wrap .notice_list_wrap .no_data_wrap {
    padding: 0 15px; }
    .ir_cont_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
      padding-bottom: 50%; }
      .ir_cont_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 16px; }
  .ir_cont_wrap .notice_view_wrap .notice_view_tit strong {
    font-size: 18px; }
  .ir_cont_wrap .notice_view_wrap .notice_view_tit p {
    font-size: 12px; }
  .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li {
    margin-right: 20px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_attached ul li a {
      font-size: 12px; }
  .ir_cont_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
    padding: 50px 0 40px; }
    .ir_cont_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
      max-width: 100%; }
  .ir_cont_wrap .notice_view_wrap .btn_cont {
    display: block;
    width: 220px;
    height: 53px;
    margin: 0 auto; }

  .esg_notice_wrap .notice_list_wrap ul {
    margin-left: 15px; }
    .esg_notice_wrap .notice_list_wrap ul li {
      width: 100%;
      margin-bottom: 15px; }
      .esg_notice_wrap .notice_list_wrap ul li a {
        width: calc(100% - 15px); }
        .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont {
          padding-top: 26px; }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont strong {
            font-size: 16px;
            line-height: 28px; }
          .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date {
            bottom: 26px;
            padding: 0 28px; }
            .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p {
              left: 28px; }
            .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item p, .esg_notice_wrap .notice_list_wrap ul li a .notice_list_cont .notice_date .notice_date_item span {
              font-size: 11px; }
  .esg_notice_wrap .notice_list_wrap .no_data_wrap {
    padding: 0 15px; }
    .esg_notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont {
      padding-bottom: 50%; }
      .esg_notice_wrap .notice_list_wrap .no_data_wrap .no_data_cont p {
        font-size: 16px; }
  .esg_notice_wrap .notice_view_wrap .notice_view_tit strong {
    font-size: 18px; }
  .esg_notice_wrap .notice_view_wrap .notice_view_tit p {
    font-size: 12px; }
  .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li {
    margin-right: 20px; }
    .esg_notice_wrap .notice_view_wrap .notice_view_attached ul li a {
      font-size: 12px; }
  .esg_notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont {
    padding: 50px 0 40px; }
    .esg_notice_wrap .notice_view_wrap .notice_view_attached .notice_view_cont img {
      max-width: 100%; }
  .esg_notice_wrap .notice_view_wrap .btn_cont {
    display: block;
    width: 220px;
    height: 53px;
    margin: 0 auto; }
  .esg_notice_wrap .edm_esg_sns {
    padding-bottom: 20px; }
    .esg_notice_wrap .edm_esg_sns ul li .sns_ico {
      width: 32px;
      height: 32px; }
      .esg_notice_wrap .edm_esg_sns ul li .sns_ico.tp1 {
        background-size: 15px 10px; }
      .esg_notice_wrap .edm_esg_sns ul li .sns_ico.tp2 {
        background-size: 10px; }
      .esg_notice_wrap .edm_esg_sns ul li .sns_ico.tp3 {
        background-size: 12px 10px; }
      .esg_notice_wrap .edm_esg_sns ul li .sns_ico.tp4 {
        background-size: 6px 10px; }

  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap {
    overflow-x: auto; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ratings_wrap table {
      width: 580px; } }
@media screen and (max-width: 578px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    text-align: center; }
    body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      display: block;
      width: 100%;
      margin-right: 0;
      box-sizing: border-box; } }
@media screen and (max-width: 572px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item.directorate_wrap .directorate_cont strong span {
    display: block;
    font-size: 15px; } }
@media screen and (max-width: 560px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 0; } }
@media screen and (max-width: 542px) {
  body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont {
    display: block; }
    body:lang(es) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
      padding-bottom: 40px; } }
@media screen and (max-width: 529px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 0; } }
@media screen and (max-width: 528px) {
  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item.directorate_wrap .directorate_cont strong span {
    display: block;
    font-size: 15px; } }
@media screen and (max-width: 500px) {
  body:lang(ja) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    display: block;
    position: relative;
    left: 0;
    right: auto;
    width: 62px;
    margin-top: 10px; } }
@media screen and (max-width: 480px) {
  body:lang(ko) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    display: block;
    position: relative;
    left: 0;
    right: auto;
    width: 62px;
    margin-top: 10px; }

  body:lang(en) .esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .commission_wrap .commission_cont .commission_item {
    padding-bottom: 30px; } }
@media screen and (max-width: 474px) {
  body:lang(zh) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 0; } }
@media screen and (max-width: 470px) {
  body:lang(zh) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    display: block;
    position: relative;
    left: 0;
    right: auto;
    width: 62px;
    margin-top: 10px; } }
@media screen and (max-width: 450px) {
  body:lang(ja) .social_wrap .social_cont .social_info_wrap .social_info_txt p br:first-child {
    display: none; }

  .content_wrap.esg_wrap .esg_gvn_wrap .gvn_jyp_logo {
    width: 260px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap .env_system_circle {
    width: 133px;
    height: 133px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:before, .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap:after {
    width: 133px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .esg_btn_cont {
    width: 100%; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item .env_campain_txt {
    margin-top: 20px; }
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_campain_wrap .env_campain_cont .env_campain_item.tp1 .env_campain_txt {
    margin-top: 0; } }
@media screen and (max-width: 437px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn {
    text-align: center; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .esg_ethical_wrap .esg_ethical_cont .esg_ethical_btn .esg_btn_cont {
      display: block;
      width: 100%;
      margin-right: 0;
      box-sizing: border-box; } }
@media screen and (max-width: 400px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    position: relative;
    top: 0;
    left: 0;
    padding: 36px 60px; } }
@media screen and (max-width: 393px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    padding: 20px; } }
@media screen and (max-width: 389px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 16px; }

  body:lang(es) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    padding: 20px; }
    body:lang(es) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
      margin-top: 0; } }
@media screen and (max-width: 387px) {
  body:lang(ja) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    padding: 20px; } }
@media screen and (max-width: 385px) {
  .stb_list_wrap .stb_esg_video:before {
    height: 200px; }

  .content_wrap.esg_wrap .esg_gvn_wrap .gvn_jyp_logo {
    width: 250px; } }
@media screen and (max-width: 357px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt p {
    margin-top: 10px; } }
@media screen and (max-width: 355px) {
  body:lang(ja) .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item.directorate_wrap .directorate_cont strong span {
    display: block;
    font-size: 15px; } }
@media screen and (max-width: 346px) {
  body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input {
    padding-bottom: 85px; }
    body:lang(es) .contacts_wrap .inq_wrap .inq_cont .inq_input_wrap .inq_input_cont .inq_btn_wrap input.prtype {
      padding-bottom: 70px; }

  .policy_wrap .policy_cont .policy_item .policy_item_txt .plc_label_wrap .plc_label_cont .plc_label_item .plc_label_img {
    width: 60px; } }
@media screen and (max-width: 345px) {
  .content_wrap .page_wrap {
    margin-top: 40px; }
    .content_wrap .page_wrap a {
      width: 26px;
      height: 26px;
      padding: 5px;
      margin-left: 0;
      font-size: 12px; }

  #jypMenu .menu_footer .m_footer_cont {
    display: block;
    text-align: center; }
    #jypMenu .menu_footer .m_footer_cont p {
      margin-top: 10px; }

  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item {
    overflow-x: auto; }
    .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .env_system_wrap .env_system_cont .env_system_item .system_circle_wrap {
      width: 280px; } }
@media screen and (max-width: 333px) {
  body:lang(zh) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    padding: 20px; } }
@media screen and (max-width: 325px) {
  body:lang(zh) .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item.directorate_wrap .directorate_cont strong span {
    display: block;
    font-size: 15px; } }
@media screen and (max-width: 320px) {
  #header .cont_tit_txt.active {
    display: none; } }
@media screen and (max-width: 308px) {
  .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt {
    padding: 36px 30px; } }
@media screen and (max-width: 297px) {
  body:lang(ko) .esg_wrap .esg_common_wrap .esg_common_cont .esg_common_item.directorate_wrap .directorate_cont strong span {
    display: block;
    font-size: 15px; } }
@media screen and (max-width: 282px) {
  body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .edm_csr_wrap .edm_csr_cont .edm_csr_item .edm_csr_map .edm_csr_txt strong {
    font-size: 26px; } }
@media screen and (max-width: 280px) {
  .esg_wrap .esg_common_wrap .esg_common_cont .tit_btn {
    min-width: auto;
    width: 100%;
    box-sizing: border-box; } }
@media screen and (max-width: 210px) {
  body:lang(ko) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir, body:lang(en) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir, body:lang(zh) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir, body:lang(ja) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir, body:lang(es) .content_wrap.esg_wrap .esg_common_wrap .esg_common_cont .directorate_wrap .directorate_cont .go_ir {
    min-width: auto;
    width: 100%;
    box-sizing: border-box; } }

/*# sourceMappingURL=common.css.map */