@charset "UTF-8";
/* S :page info width */
/* E :page info width */
@font-face {
  font-family: "ssl-font";
  /* src:url('../../webfont/notosanskr/NotoSansKR-Light.eot'); */
  src: url("../../webfont/notosanskr/NotoSansKR-Light.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Light.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font";
  /* src:url('../../webfont/notosanskr/NotoSansKR-Regular.eot'); */
  src: url("../../webfont/notosanskr/NotoSansKR-Regular.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Regular.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font";
  /* src:url('../../webfont/notosanskr/NotoSansKR-Medium.eot'); */
  src: url("../../webfont/notosanskr/NotoSansKR-Medium.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Medium.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font";
  /* src:url('../../webfont/notosanskr/NotoSansKR-Bold.eot'); */
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font";
  /* src:url('../../webfont/notosanskr/NotoSansKR-Bold.eot'); */
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font-en";
  /* src:url('../../webfont/montserrat/Montserrat-Light.eot'); */
  src: url("../../webfont/montserrat/Montserrat-Light.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Light.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font-en";
  src: url("../../webfont/montserrat/Montserrat-Regular.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Regular.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font-en";
  src: url("../../webfont/montserrat/Montserrat-Medium.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Medium.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font-en";
  src: url("../../webfont/montserrat/Montserrat-Bold.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ssl-font-en";
  src: url("../../webfont/montserrat/Montserrat-Bold.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ssl-gilroy";
  src: url("../../webfont/gilroy/Gilroy-Light.woff") format("woff"), url("../../webfont/gilroy/Gilroy-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ssl-gilroy";
  src: url("../../webfont/gilroy/Gilroy-Regular.woff") format("woff"), url("../../webfont/gilroy/Gilroy-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ssl-gilroy";
  src: url("../../webfont/gilroy/Gilroy-Medium.woff") format("woff"), url("../../webfont/gilroy/Gilroy-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ssl-gilroy";
  src: url("../../webfont/gilroy/Gilroy-SemiBold.woff") format("woff"), url("../../webfont/gilroy/Gilroy-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ssl-gilroy";
  src: url("../../webfont/gilroy/Gilroy-Bold.woff") format("woff"), url("../../webfont/gilroy/Gilroy-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-kr";
  src: url("../../webfont/notosanskr/NotoSansKR-Light.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Light.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-kr";
  src: url("../../webfont/notosanskr/NotoSansKR-Regular.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Regular.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-kr";
  src: url("../../webfont/notosanskr/NotoSansKR-Medium.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Medium.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-kr";
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-kr";
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-en";
  src: url("../../webfont/montserrat/Montserrat-Light.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Light.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-en";
  src: url("../../webfont/montserrat/Montserrat-Regular.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Regular.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-en";
  src: url("../../webfont/montserrat/Montserrat-Medium.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Medium.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-en";
  src: url("../../webfont/montserrat/Montserrat-Bold.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "editor-font-en";
  src: url("../../webfont/montserrat/Montserrat-Bold.woff") format("woff"), url("../../webfont/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../../webfont/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "superscript-font";
  src: url("../../webfont/notosanskr/NotoSansKR-Light.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Light.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+00AE, U+2122; /* 특수 문자 ®, ™ */
}
@font-face {
  font-family: "superscript-font";
  src: url("../../webfont/notosanskr/NotoSansKR-Regular.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Regular.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+00AE, U+2122; /* 특수 문자 ®, ™ */
}
@font-face {
  font-family: "superscript-font";
  src: url("../../webfont/notosanskr/NotoSansKR-Medium.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Medium.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+00AE, U+2122; /* 특수 문자 ®, ™ */
}
@font-face {
  font-family: "superscript-font";
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+00AE, U+2122; /* 특수 문자 ®, ™ */
}
@font-face {
  font-family: "superscript-font";
  src: url("../../webfont/notosanskr/NotoSansKR-Bold.woff2") format("woff2"), url("../../webfont/notosanskr/NotoSansKR-Bold.woff") format("woff"), url("../../webfont/notosanskr/NotoSansKR-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+00AE, U+2122; /* 특수 문자 ®, ™ */
}
/* default */
* {
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
}

/* IE10+ */
/* @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	html, body{height:100%;}
} */
body {
  position: relative;
  line-height: 1.5;
  font-family: "ssl-font-en", "ssl-font";
  font-size: 16px;
  font-weight: 300;
  color: #222;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section, article, aside, main, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

header, footer, section, article, aside, nav, main, details, menu, figure, figcaption, video {
  font-family: "ssl-font-en", "ssl-font", "돋움", Dotum, verdana, sans-serif;
  font-weight: 300;
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
}

caption, legend {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden; /*visibility:hidden;*/
}

table th {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 500;
  text-align: inherit;
  vertical-align: middle;
}

table td {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 300;
  text-align: inherit;
  vertical-align: middle;
}

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

a {
  color: inherit;
  text-decoration: none;
}

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

button {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 300;
  cursor: pointer;
  border: none;
}

img {
  border: 0 none;
}

@media (max-width: 1024px) {
  body {
    font-size: 14px;
  }
  img {
    max-width: 100%;
  }
}
form input, form select, form label, form img {
  vertical-align: middle;
}

fieldset {
  border: 0 none;
}

em, address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 500;
}

strong {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 500;
}

mark {
  background: none;
}

iframe {
  margin: 0;
  padding: 0;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

input[type=text],
input[type=search],
input[type=tel],
input[type=number],
input[type=password] {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 300;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=button],
input[type=submit] {
  cursor: pointer;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type=text]::-ms-clear {
  display: none;
}

textarea {
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 300;
}

/* radio */
input[type=radio] + label {
  cursor: pointer;
}

.radio {
  position: relative;
  display: inline-block;
}
.radio label {
  padding-left: 45px;
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url(../../images/ico/radio_off.png) 0 0/30px 30px no-repeat;
}
.radio input[type=radio] {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.radio input[type=radio]:checked + label {
  background: url(../../images/ico/radio_on.png) 0 0/30px 30px no-repeat;
}
.radio input[type=radio]:hover + label, .radio input[type=radio]:active + label, .radio input[type=radio]:focus + label {
  text-decoration: underline;
}

/* textarea */
.textarea textarea {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  resize: none;
}

/* checkbox */
input[type=checkbox] + label {
  cursor: pointer;
}

.checkbox {
  position: relative;
  display: inline-block;
}
.checkbox label {
  padding-left: 45px;
  min-height: 30px;
  display: inline-block;
  background: url(../../images/ico/check_box_off.png) 0 0/30px 30px no-repeat;
}
.checkbox input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + label {
  background: url(../../images/ico/check_box_on.png) 0 0/30px 30px no-repeat;
}
.checkbox input[type=checkbox]:focus + label {
  color: #222edd;
  text-decoration: underline;
}

/*file*/
.file_wrap {
  position: relative;
  margin-top: 15px;
}
.file_wrap input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  cursor: pointer;
}
.file_wrap input[type=file] + .file_name {
  padding: 0;
  width: 100%;
  line-height: 41px;
  font-family: "ssl-font-en", "ssl-font";
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  border: 1px solid #ddd;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .file_wrap {
    margin-top: 20px;
  }
  .file_wrap input[type=file] + .file_name {
    line-height: 36px;
    font-size: 16px;
  }
}
/* submit */
.submit input {
  width: 100%;
  height: 100%;
  font-family: "ssl-font-en", "ssl-font";
  font-size: 20px;
  font-weight: 500;
  color: #222edd;
  display: block;
  background: #fff;
  cursor: pointer;
}
.submit input:focus, .submit input:active, .submit input:hover {
  background: #222edd;
  color: #fff;
}

/* select box */
select {
  padding: 0 25px 0 13px;
  height: 36px;
  line-height: 36px;
  font-family: "ssl-font-en", "ssl-font";
  font-size: 15px;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
  background: #f9f9f9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

.select_box + select,
.select_box select {
  width: 100%;
  height: 100%;
  min-height: 38px;
  font-size: 14px;
  display: block;
  background: #fff url(../../images/arrow/select.png) right 15px center no-repeat;
  cursor: pointer;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }

::-moz-placeholder { /* Firefox 19+ */ }

:-ms-input-placeholder { /* IE 10+ */ }

input::-webkit-input-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

input:-ms-input-placeholder {
  color: #aaa;
}

input::-ms-input-placeholder {
  color: #aaa;
}

input::placeholder {
  color: #aaa;
}

/* Force Simple Scrollbars */
.miniScroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 4px;
}

.miniScroll::-webkit-scrollbar-track {
  /* background:rgba(0, 0, 0, 0.1); */
  background: #e7e7e7;
  border-radius: 4px;
}

.miniScroll::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 4px;
  /* background:rgba(0, 0, 0, 0.25); */
  background: #a7a7a7;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.miniScroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}

.miniScroll::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}

*::-webkit-input-placeholder {
  color: #d9dbdd;
}

*::-moz-placeholder {
  color: #d9dbdd;
}

*:-ms-input-placeholder {
  color: #d9dbdd;
}

*::-ms-input-placeholder {
  color: #d9dbdd;
}

*::placeholder {
  color: #d9dbdd;
}

.hideTxt,
.hidden {
  position: absolute;
  top: -10000px !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  line-height: 0 !important;
  overflow: hidden;
}

.dimd, .dimd-lay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  background: #000;
}

.dimd-lay {
  z-index: 30;
}

.fixed {
  position: fixed !important;
}

.none {
  display: none !important;
}

.ta-c {
  text-align: center !important;
}

.ta-l {
  text-align: left !important;
}

.ta-r {
  text-align: right !important;
}

.vt-t {
  vertical-align: top !important;
}

.vt-m {
  vertical-align: middle !important;
}

.vt-b {
  vertical-align: bottom !important;
}

.fl-l {
  float: left !important;
}

.fl-r {
  float: right !important;
}

.fl-n {
  float: none !important;
}

.bg-n {
  background: none !important;
}

.bd-n {
  border: none !important;
}

.cl-b {
  clear: both;
}

.ov-h {
  overflow: hidden;
}

.clear:after {
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

.bold {
  font-family: "ssl-font" !important;
  font-weight: 600 !important;
}

.relative {
  position: relative !important;
}

.td-u {
  text-decoration: underline !important;
}

.fc_black {
  color: #222 !important;
}

.fc_gray {
  color: #999 !important;
}

.fc_gray_666 {
  color: #666 !important;
}

.fc_blue {
  color: #222edd !important;
}

.t_uppercase {
  text-transform: uppercase;
}

.ptNone {
  padding-top: 0 !important;
}

.mg0 {
  margin: 0 auto !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

@media (max-width: 1023px) {
  .m_mt0 {
    margin-top: 0 !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

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

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pcT20 {
  padding-top: 20px !important;
}

.pcT30 {
  padding-top: 30px;
}

.pcT50 {
  padding-top: 50px !important;
}

.pcT60 {
  padding-top: 60px !important;
}

.pcT70 {
  padding-top: 70px;
}

.pcT80 {
  padding-top: 80px;
}

.pcT100 {
  padding-top: 100px !important;
}

.pcT110 {
  padding-top: 110px;
}

.pcB60 {
  padding-bottom: 60px;
}

.pcB70 {
  padding-bottom: 70px !important;
}

.pcB100 {
  padding-bottom: 100px;
}

.pcH60 {
  padding: 60px 0 !important;
}

.pcH80 {
  padding: 80px 0 !important;
}

.pcM30 {
  margin-top: 30px !important;
}

.pcM80 {
  margin-top: 80px !important;
}

.pcM90 {
  margin-top: 90px !important;
}

.pcM100 {
  margin-top: 100px !important;
}

.breakAll {
  word-break: break-all;
}

@media (max-width: 1023px) {
  .pcT0 {
    padding-top: 0px !important;
  }
  .pcT20 {
    padding-top: 10px !important;
  }
  .pcT50 {
    padding-top: 25px !important;
  }
  .pcT60 {
    padding-top: 30px !important;
  }
  .pcT70 {
    padding-top: 35px;
  }
  .pcT80 {
    padding-top: 40px;
  }
  .pcT100 {
    padding-top: 50px !important;
  }
  .pcT110 {
    padding-top: 50px;
  }
  .pcT0,
  .pcT30.pcT0,
  .pcT60.pcT0,
  .pcT70.pcT0 {
    padding-top: 0px !important;
  }
  .pcB60 {
    padding-bottom: 30px !important;
  }
  .pcB70 {
    padding-bottom: 35px !important;
  }
  .pcB0,
  .pcB60.pcB0,
  .pcB70.pcB0,
  .pcB100.pcB0 {
    padding-bottom: 0px !important;
  }
  .pcH60 {
    padding: 30px 0 !important;
  }
  .pcH80 {
    padding: 40px 0 !important;
  }
  .pcH60.pcH0 {
    padding: 0 !important;
  }
  .pcM30 {
    margin-top: 15px !important;
  }
  .pcM80 {
    margin-top: 40px !important;
  }
  .pcM90 {
    margin-top: 45px !important;
  }
  .pcM100 {
    margin-top: 50px !important;
  }
  .pcM30.pcM0,
  .pcM80.pcM0,
  .pcM90.pcM0,
  .pcM100.pcM0 {
    margin-top: 0px !important;
  }
  .pcMb0,
  .pcMb80.pcMb0,
  .pcMb90.pcMb0 {
    margin-bottom: 0px !important;
  }
}
.zi0 {
  z-index: 0 !important;
}

.isc {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

svg {
  outline: none;
}
svg *:not(.event-handling) {
  outline: none;
}

.dft-pageTitle.center {
  text-align: center;
}
.dft-pageTitle.button-btn p {
  padding-bottom: 20px;
}
.dft-pageTitle h1 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.dft-pageTitle p {
  padding-bottom: 100px;
  font-size: 18px;
  line-height: 1.8;
}
.dft-pageTitle .justify {
  text-align: justify;
}
.dft-pageTitle .breakAll {
  word-break: break-all;
}

@media (max-width: 1023px) {
  .dft-pageTitle h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .dft-pageTitle p {
    padding-bottom: 50px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.dft-btn-contactus-brochure-box {
  width: 100%;
}
.dft-btn-contactus-brochure-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dft-btn-contactus-brochure-box > ul > li + li {
  margin-left: 20px;
}
.dft-btn-contactus-brochure-box > ul > li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px;
  min-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
.dft-btn-contactus-brochure-box > ul > li a:after {
  content: "";
  position: relative;
  display: block;
  margin-left: 10px;
}
.dft-btn-contactus-brochure-box > ul > li a > span {
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  color: #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs {
  min-width: 190px;
  border: 1px solid #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs:after {
  width: 20px;
  height: 20px;
  background: url(./../../images/ico_svg/btn_contactus_off.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs:focus, .dft-btn-contactus-brochure-box > ul > li a.contentUs:active, .dft-btn-contactus-brochure-box > ul > li a.contentUs:hover {
  background-color: #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs:focus:after, .dft-btn-contactus-brochure-box > ul > li a.contentUs:active:after, .dft-btn-contactus-brochure-box > ul > li a.contentUs:hover:after {
  background: url(./../../images/ico_svg/btn_contactus_on.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs:focus > span, .dft-btn-contactus-brochure-box > ul > li a.contentUs:active > span, .dft-btn-contactus-brochure-box > ul > li a.contentUs:hover > span {
  color: #fff;
}
.dft-btn-contactus-brochure-box > ul > li a.contentUs > span {
  color: #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more {
  min-width: 190px;
  border: 1px solid #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more:after {
  width: 16px;
  height: 16px;
  background: url(./../../images/ico_svg/btn_read_more_off.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more:focus, .dft-btn-contactus-brochure-box > ul > li a.read-more:active, .dft-btn-contactus-brochure-box > ul > li a.read-more:hover {
  background-color: #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more:focus:after, .dft-btn-contactus-brochure-box > ul > li a.read-more:active:after, .dft-btn-contactus-brochure-box > ul > li a.read-more:hover:after {
  background: url(./../../images/ico_svg/btn_learn_more_on.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more:focus > span, .dft-btn-contactus-brochure-box > ul > li a.read-more:active > span, .dft-btn-contactus-brochure-box > ul > li a.read-more:hover > span {
  color: #fff;
}
.dft-btn-contactus-brochure-box > ul > li a.read-more > span {
  color: #222edd;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure {
  min-width: 190px;
  border: 1px solid #041c59;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure:after {
  width: 17px;
  height: 15px;
  background: url(./../../images/ico_svg/btn_brochure_off.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure:focus, .dft-btn-contactus-brochure-box > ul > li a.brochure:active, .dft-btn-contactus-brochure-box > ul > li a.brochure:hover {
  background-color: #041c59;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure:focus:after, .dft-btn-contactus-brochure-box > ul > li a.brochure:active:after, .dft-btn-contactus-brochure-box > ul > li a.brochure:hover:after {
  background: url(./../../images/ico_svg/btn_brochure_on.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure:focus > span, .dft-btn-contactus-brochure-box > ul > li a.brochure:active > span, .dft-btn-contactus-brochure-box > ul > li a.brochure:hover > span {
  color: #fff;
}
.dft-btn-contactus-brochure-box > ul > li a.brochure > span {
  color: #041c59;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more {
  min-width: 190px;
  border: 1px solid #041c59;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more:after {
  width: 16px;
  height: 16px;
  background: url(./../../images/ico_svg/btn_learn_more_off.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more:focus, .dft-btn-contactus-brochure-box > ul > li a.learn-more:active, .dft-btn-contactus-brochure-box > ul > li a.learn-more:hover {
  background-color: #041c59;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more:focus:after, .dft-btn-contactus-brochure-box > ul > li a.learn-more:active:after, .dft-btn-contactus-brochure-box > ul > li a.learn-more:hover:after {
  background: url(./../../images/ico_svg/btn_learn_more_on.svg) 0 0/100% no-repeat;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more:focus > span, .dft-btn-contactus-brochure-box > ul > li a.learn-more:active > span, .dft-btn-contactus-brochure-box > ul > li a.learn-more:hover > span {
  color: #fff;
}
.dft-btn-contactus-brochure-box > ul > li a.learn-more > span {
  color: #041c59;
}

@media (max-width: 1023px) {
  .dft-btn-contactus-brochure-box > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dft-btn-contactus-brochure-box > ul > li {
    width: 100%;
  }
  .dft-btn-contactus-brochure-box > ul > li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .dft-btn-contactus-brochure-box > ul > li a {
    padding: 0 20px; /* background-color:$c000; */
    color: #fff;
    font-size: 16px;
  }
  .dft-btn-contactus-brochure-box > ul > li a > span {
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .dft-btn-contactus-brochure-box > ul > li a.contentUs {
    border: 1px solid #222edd;
    background-color: #222edd;
  }
  .dft-btn-contactus-brochure-box > ul > li a.contentUs:after {
    width: 20px;
    height: 20px;
    background: url(./../../images/ico_svg/btn_contactus_mo.svg) 0 0/100% no-repeat;
  }
  .dft-btn-contactus-brochure-box > ul > li a.contentUs:focus, .dft-btn-contactus-brochure-box > ul > li a.contentUs:active, .dft-btn-contactus-brochure-box > ul > li a.contentUs:hover {
    background-color: #222edd;
  }
  .dft-btn-contactus-brochure-box > ul > li a.contentUs > span {
    color: #fff;
  }
  .dft-btn-contactus-brochure-box > ul > li a.read-more {
    border: 1px solid #222edd;
    background-color: #222edd;
  }
  .dft-btn-contactus-brochure-box > ul > li a.read-more:after {
    width: 16px;
    height: 16px;
    background: url(./../../images/ico_svg/btn_learn_more_on.svg) 0 0/100% no-repeat;
  }
  .dft-btn-contactus-brochure-box > ul > li a.read-more:focus, .dft-btn-contactus-brochure-box > ul > li a.read-more:active, .dft-btn-contactus-brochure-box > ul > li a.read-more:hover {
    background-color: #222edd;
  }
  .dft-btn-contactus-brochure-box > ul > li a.read-more > span {
    color: #fff;
  }
  .dft-btn-contactus-brochure-box > ul > li a.brochure {
    border: 1px solid #041c59;
    background-color: #041c59;
  }
  .dft-btn-contactus-brochure-box > ul > li a.brochure:after {
    width: 20px;
    height: 20px;
    background: url(./../../images/ico_svg/btn_brochure_mo.svg) 0 0/100% no-repeat;
  }
  .dft-btn-contactus-brochure-box > ul > li a.brochure:focus, .dft-btn-contactus-brochure-box > ul > li a.brochure:active, .dft-btn-contactus-brochure-box > ul > li a.brochure:hover {
    background-color: #041c59;
  }
  .dft-btn-contactus-brochure-box > ul > li a.brochure > span {
    color: #fff;
  }
  .dft-btn-contactus-brochure-box > ul > li a.learn-more {
    border: 1px solid #041c59;
    background-color: #041c59;
  }
  .dft-btn-contactus-brochure-box > ul > li a.learn-more:after {
    width: 16px;
    height: 16px;
    background: url(./../../images/ico_svg/btn_learn_more_on.svg) 0 0/100% no-repeat;
  }
  .dft-btn-contactus-brochure-box > ul > li a.learn-more:focus, .dft-btn-contactus-brochure-box > ul > li a.learn-more:active, .dft-btn-contactus-brochure-box > ul > li a.learn-more:hover {
    background-color: #041c59;
  }
  .dft-btn-contactus-brochure-box > ul > li a.learn-more > span {
    color: #fff;
  }
}
.pix-in .mo-pix-full {
  position: relative;
}

@media (max-width: 1023px) {
  .pix-in .mo-pix-full {
    position: relative;
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
.dft-contactus-banner {
  position: relative;
  width: 100%;
  margin: 80px 0;
}
.dft-contactus-banner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  padding: 45px 10px 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #EDF2FF;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dft-contactus-banner a:hover, .dft-contactus-banner a:active, .dft-contactus-banner a:focus {
  background: #222edd;
}
.dft-contactus-banner a:hover p, .dft-contactus-banner a:active p, .dft-contactus-banner a:focus p {
  color: #fff;
}
.dft-contactus-banner a:hover .box, .dft-contactus-banner a:active .box, .dft-contactus-banner a:focus .box {
  background: #fff;
  color: #222edd; /* text-decoration:underline; */
}
.dft-contactus-banner a p {
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #041c59;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dft-contactus-banner a .box {
  margin-top: 20px;
  padding: 9px 22px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  background: #222edd;
  color: #f8f8f8;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1023px) {
  .dft-contactus-banner {
    min-height: 130px;
    margin: 40px 0 50px;
  }
  .dft-contactus-banner a {
    padding: 30px 30px;
  }
  .dft-contactus-banner a p {
    font-size: 16px;
  }
  .dft-contactus-banner a .box {
    width: 100%;
    padding: 11px 22px 12px;
    font-size: 16px;
  }
}
a.dft-photo-brochure-banner {
  position: relative;
  width: 100%;
  max-width: 400px;
  display: block;
}
a.dft-photo-brochure-banner:focus > dl > dt > img, a.dft-photo-brochure-banner:hover > dl > dt > img, a.dft-photo-brochure-banner:active > dl > dt > img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
a.dft-photo-brochure-banner:focus > dl > dd, a.dft-photo-brochure-banner:hover > dl > dd, a.dft-photo-brochure-banner:active > dl > dd {
  background: #3f4f7a;
}
a.dft-photo-brochure-banner > dl {
  width: 100%;
}
a.dft-photo-brochure-banner > dl > dt {
  position: relative;
  width: 100%;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}
a.dft-photo-brochure-banner > dl > dt > img {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
a.dft-photo-brochure-banner > dl > dt > strong {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "ssl-gilroy";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.4;
  color: #fff;
  z-index: 3;
}
a.dft-photo-brochure-banner > dl > dd {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 12px;
  background: #041c59;
}
a.dft-photo-brochure-banner > dl > dd:after {
  content: "";
  display: block;
  width: 17px;
  height: 16px;
  background: url(./../../images/ourServices/icon_brochure_purple_wt.svg) 0 0/100% no-repeat; /* 기존 SVG 활용 */
}
a.dft-photo-brochure-banner > dl > dd > span {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 1023px) {
  a.dft-photo-brochure-banner {
    max-width: none;
  }
  a.dft-photo-brochure-banner > dl > dt {
    position: relative;
    /* & > img {width:100%; transition:all .5s ease-in-out;} */
  }
  a.dft-photo-brochure-banner > dl > dt:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 2;
  }
  a.dft-photo-brochure-banner > dl > dt > strong {
    display: block;
  }
  a.dft-photo-brochure-banner > dl > dd {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 12px;
    background: #041c59;
  }
  a.dft-photo-brochure-banner > dl > dd:after {
    content: "";
    display: block;
    width: 17px;
    height: 16px;
    background: url(./../../images/ourServices/icon_brochure_purple_wt.svg) 0 0/100% no-repeat; /* 기존 SVG 활용 */
  }
  a.dft-photo-brochure-banner > dl > dd > span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
}
.youtubeMovie, .video-set-box {
  position: relative;
  width: 100%;
}
.youtubeMovie.rowBlank, .video-set-box.rowBlank {
  margin: 0 auto;
  width: calc(100% - 180px);
}
.youtubeMovie .frameSet, .video-set-box .frameSet {
  position: relative;
  width: 100%; /*height:55vh; min-height:400px;*/
  font-size: 0;
  z-index: 2;
}
.youtubeMovie .frameSet iframe, .video-set-box .frameSet iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.youtubeMovie .frameSet video, .video-set-box .frameSet video {
  position: relative;
  width: 100%;
}
.youtubeMovie .movieCaption, .video-set-box .movieCaption {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  padding: 20px;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  background: #333;
  color: #fff;
}
.youtubeMovie .movieCaption:focus, .youtubeMovie .movieCaption:hover, .youtubeMovie .movieCaption:active, .video-set-box .movieCaption:focus, .video-set-box .movieCaption:hover, .video-set-box .movieCaption:active {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
  height: 150px;
  font-size: 16px;
}

@media (max-width: 1023px) {
  .youtubeMovie, .video-set-box {
    /*.frameSet {height:40vh; min-height:300px;}*/
  }
  .youtubeMovie.rowBlank, .video-set-box.rowBlank {
    width: 100%;
  }
  .youtubeMovie .movieCaption:focus, .youtubeMovie .movieCaption:hover, .youtubeMovie .movieCaption:active, .video-set-box .movieCaption:focus, .video-set-box .movieCaption:hover, .video-set-box .movieCaption:active {
    width: 100%;
    height: 120px;
    font-size: 14px;
  }
}
.dft-memo-tit .tit {
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
.dft-memo-tit .tit.mt {
  margin-top: 80px;
}
.dft-memo-tit .tit.mt2 {
  margin-top: 60px;
}
.dft-memo-tit .memo {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}

@media (max-width: 1023px) {
  .dft-memo-tit .tit {
    font-size: 20px;
    color: #000;
  }
  .dft-memo-tit .tit.mt {
    margin-top: 50px;
  }
  .dft-memo-tit .tit.mt2 {
    margin-top: 50px;
  }
  .dft-memo-tit .memo {
    font-size: 14px;
  }
}
.dft-esg-banner {
  position: relative;
  margin: 80px 0;
  background: #f0faf9;
}
.dft-esg-banner .box {
  width: 100%;
  min-height: 170px;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dft-esg-banner .box > dl > dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #00374f;
}
.dft-esg-banner .box > dl > dd {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.75;
}
.dft-esg-banner .box > .btn {
  -ms-flex-preferred-size: 190px;
      flex-basis: 190px;
}
.dft-esg-banner .box > .btn > a {
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: 1px solid #004963;
  background: #fff;
}
.dft-esg-banner .box > .btn > a:focus, .dft-esg-banner .box > .btn > a:hover, .dft-esg-banner .box > .btn > a:active {
  border: 1px solid #004963;
  background: #004963;
}
.dft-esg-banner .box > .btn > a:focus:after, .dft-esg-banner .box > .btn > a:hover:after, .dft-esg-banner .box > .btn > a:active:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
}
.dft-esg-banner .box > .btn > a:focus span, .dft-esg-banner .box > .btn > a:hover span, .dft-esg-banner .box > .btn > a:active span {
  color: #fff;
}
.dft-esg-banner .box > .btn > a:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-off.svg) 0 0/cover no-repeat;
}
.dft-esg-banner .box > .btn > a span {
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  color: #004963;
}

@media (max-width: 1023px) {
  .dft-esg-banner {
    margin: 50px 0;
  }
  .dft-esg-banner .box {
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
  .dft-esg-banner .box > dl > dt {
    font-size: 18px;
    line-height: 1.4;
  }
  .dft-esg-banner .box > dl > dd {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
  .dft-esg-banner .box > .btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
  }
  .dft-esg-banner .box > .btn > a {
    width: 100%;
    height: 50px;
    border: 1px solid #004963;
    background: #004963;
    /* &:focus, &:hover, &:active {
    	span {text-decoration:underline;}
    } */
  }
  .dft-esg-banner .box > .btn > a:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
  }
  .dft-esg-banner .box > .btn > a span {
    color: #fff;
  }
}
.def-hing {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
}

.def-h-tit {
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
}
.def-h-tit.fir {
  margin-top: 0px;
}
.def-h-tit + .def-h-txt {
  margin-top: 20px;
}

.def-h-txt {
  font-size: 16px;
  line-height: 1.7;
}

@media (max-width: 1023px) {
  .def-h-tit {
    margin-top: 50px;
    font-size: 20px;
    /* & + .def-h-txt {margin-top:20px;} */
  }
  .def-h-tit.fir {
    margin-top: 0px;
  }
  .def-h-txt {
    font-size: 14px; /* line-height:1.7; */
  }
}
.def-txt-link {
  text-decoration: underline;
  color: #222edd;
}
.def-txt-link:focus, .def-txt-link:hover, .def-txt-link:active {
  text-decoration: underline;
}

.def-terms-lev {
  color: #222;
  /* * {display:unset; padding:0; margin:0; font-size:inherit; font-weight:inherit;} */
}
.def-terms-lev.white {
  color: #fff;
}
.def-terms-lev ul.sign-list {
  margin: 20px 0 0 20px;
}
.def-terms-lev ul.sign-list + .sign-list {
  margin-top: 40px !important;
}
.def-terms-lev ul.sign-list + .txt, .def-terms-lev ul.sign-list + .table-box {
  margin-top: 10px;
}
.def-terms-lev ul.sign-list.lev1 {
  margin: 0px;
}
.def-terms-lev ul.sign-list.lev1 + .txt {
  margin-top: 40px;
}
.def-terms-lev ul.sign-list.lev1 > li {
  font-size: 26px;
  /* & > .txt {font-size:18px;} */
}
.def-terms-lev ul.sign-list.lev1 > li + li {
  margin-top: 40px;
}
.def-terms-lev ul.sign-list.lev1 > li > .sign + .txt {
  margin-top: 20px;
}
.def-terms-lev ul.sign-list.lev1 > .sign-list {
  margin-top: 20px;
}
.def-terms-lev ul.sign-list.lev2 {
  margin-left: 0px;
}
.def-terms-lev ul.sign-list.lev2 > li {
  font-size: 16px;
}
.def-terms-lev ul.sign-list.lev2 > li + li {
  margin-top: 10px;
}
.def-terms-lev ul.sign-list.lev2 .sign-list {
  margin-top: 10px;
}
.def-terms-lev ul.sign-list > li {
  position: relative;
  line-height: 1.6;
  font-size: 16px;
}
.def-terms-lev ul.sign-list > li + li {
  margin-top: 10px;
}
.def-terms-lev ul.sign-list > li > .sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  /* & + .sign-list {margin-top:0;} */
}
.def-terms-lev ul.sign-list > li > .sign > p {
  display: block;
}
.def-terms-lev ul.sign-list > li > .sign > strong, .def-terms-lev ul.sign-list > li > .sign > span {
  display: block;
}
.def-terms-lev ul.sign-list > li > .sign + .txt, .def-terms-lev ul.sign-list > li > .sign + .table-box {
  margin-top: 10px;
}
.def-terms-lev .txt {
  font-size: 16px;
}
.def-terms-lev .txt + .table-box {
  margin-top: 10px;
}
.def-terms-lev .txt p { /* font-size:inherit; line-height:inherit; */ }
.def-terms-lev .txt p + p {
  margin-top: 30px;
}
.def-terms-lev > .txt + .sign-list {
  margin-top: 40px !important;
}
.def-terms-lev .table-box {
  width: 100%;
}
.def-terms-lev .table-box + .txt {
  margin-top: 10px;
}
.def-terms-lev .table-box table {
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 16px;
}
.def-terms-lev .table-box table thead tr th {
  padding: 15px;
  background: #efefef;
}
.def-terms-lev .table-box table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
  border-bottom: 1px solid #fff;
}

@media (max-width: 1023px) {
  .def-terms-lev ul.sign-list { /* margin:20px 0 0 20px; */
    /* & + .sign-list {margin-top:40px !important;} */
  }
  .def-terms-lev ul.sign-list.lev1 { /* margin:0px; */
    /* & > .sign-list {margin-top:20px;} */
  }
  .def-terms-lev ul.sign-list.lev1 > li {
    font-size: 20px;
    /* & + li {margin-top:40px;}
    & > .sign {
    	& + .txt {margin-top:20px;}
    } */
    /* & > .txt {font-size:16px;} */
  }
  .def-terms-lev ul.sign-list.lev2 { /* margin-left:0px; */
    /* .sign-list {margin-top:10px;} */
  }
  .def-terms-lev ul.sign-list.lev2 > li {
    font-size: 14px;
    /* & + li {margin-top:10px;} */
  }
  .def-terms-lev ul.sign-list > li { /* position:relative; */
    line-height: 1.7;
    font-size: 14px;
    /* & + li {margin-top:10px;} */
    /* & > .sign {display:flex; justify-content:flex-start; align-items:flex-start; gap:5px;
    	& > p  {display:block;}
    	& > strong,
    	& > span {display:block;}
    	/ * & + .sign-list {margin-top:0;} * /
    } */
  }
  .def-terms-lev .txt {
    font-size: 14px;
  }
  .def-terms-lev .txt p + p {
    margin-top: 30px;
  }
  .def-terms-lev > .txt + .sign-list {
    margin-top: 40px !important;
  }
  .def-terms-lev .table-box {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
  }
  .def-terms-lev .table-box table {
    width: 100%;
    min-width: 1023px;
    font-size: 14px;
  }
  .def-terms-lev .table-box table thead tr td,
  .def-terms-lev .table-box table thead tr th {
    padding: 10px;
  }
  .def-terms-lev .table-box table tbody tr td,
  .def-terms-lev .table-box table tbody tr th {
    padding: 10px;
  }
}
/* skip */
.skip {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  line-height: 0;
  z-index: 500000;
}
.skip a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
}
.skip a:hover, .skip a:focus, .skip a:active {
  padding: 16px 0;
  width: 100%;
  height: 16px;
  line-height: 1;
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-indent: 0;
  display: block;
  background: #282a37;
}

a.anchor {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
a.anchor:focus {
  position: relative;
  top: auto;
  left: auto;
}

.dime {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9997;
  width: 100%;
  height: 100%;
  display: none;
  background: #000;
  opacity: 0.5;
}

body:not(.main) #container {
  padding-top: 91px;
  min-height: calc(100vh - 250px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#header.searchOn .dime {
  display: block !important;
}

.pix-in {
  position: relative;
  margin: 0 auto;
  padding-top: 80px;
  max-width: 1200px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* .tab_cont {
  	.pageTitle {
  		h3{padding:90px 0 0;}
  	}
  } */
}
.pix-in .pageTitle.typ2 {
  text-align: center;
}
.pix-in .pageTitle.typ2 p {
  font-size: 20px;
}
.pix-in .pageTitle.typ2 p.justify {
  text-align: justify;
}
.pix-in .pageTitle.typ2 p.justify2 {
  text-align: justify;
}
.pix-in .pageTitle.hasBtn {
  padding-bottom: 45px;
  text-align: center;
}
.pix-in .pageTitle.hasBtn p {
  padding-bottom: 20px;
  font-size: 22px;
}
.pix-in .pageTitle .historyBack {
  position: relative;
  display: block;
  color: #222edd;
  font-size: 20px;
  font-family: "ssl-font";
  line-height: 1;
}
.pix-in .pageTitle .historyBack:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 14px;
  margin-right: 11px;
  background: url(../images/arrow/historyBack.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.pix-in .pageTitle h3 {
  padding: 20px 0 0;
  text-align: center;
  font-size: 40px;
  display: none; /* text-transform:uppercase; */
  /*& + p{padding-top:100px;}*/
}
.pix-in .pageTitle h3:first-child {
  padding-top: 0px;
}
.pix-in .pageTitle p {
  padding-bottom: 100px;
}
.pix-in .pageTitle h4 {
  padding: 20px 0 0;
  font-size: 42px; /* text-transform:uppercase; */
  font-family: "ssl-font";
  font-weight: 400;
}
.pix-in .pageTitle > p { /*padding-top:100px;*/
  font-size: 18px;
  line-height: 1.8;
}
.pix-in .pageTitle > p.subText {
  padding-top: 13px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  display: none;
}
.pix-in .pageTitle > p strong {
  color: #666;
}
.pix-in .pageTitle > p > .txtEtc {
  margin-top: 8px;
}
.pix-in .tab_cont .pageTitle h3 {
  padding: 65px 0 0;
}
.pix-in .section + .pix-in {
  padding-top: 0;
}
.pix-in ~ *[data-activetab] {
  padding-top: 100px;
}

/* cellLineDevelopment 때문에 추가 됨 */
.section + .pix-in {
  padding-top: 0;
}

/* cdo layer banner */
.layerBanner {
  position: relative;
  overflow: hidden;
}
.layerBanner.sba:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #041548), color-stop(58%, #191550));
  background: linear-gradient(to right, #041548 -7%, #191550 58%);
}
.layerBanner.sba:after {
  background-image: url(../../images/aboutUs/bg_sba_banner.jpg);
}
.layerBanner.sba .pix-in .btnLink {
  background: #2193a4;
}
.layerBanner.location:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #027c9f), color-stop(58%, #85cad6));
  background: linear-gradient(to right, #027c9f -7%, #85cad6 58%);
}
.layerBanner.location:after {
  display: none;
}
.layerBanner.climateActions:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #9dc44f), color-stop(68%, #6ab706));
  background: linear-gradient(to right, #9dc44f -7%, #6ab706 68%);
}
.layerBanner.climateActions.new230103 {
  margin-top: 40px;
}
.layerBanner.climateActions.new230103 .itm1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #5ca300), color-stop(68%, #4c8600));
  background: linear-gradient(to right, #5ca300 -7%, #4c8600 68%);
}
.layerBanner.climateActions.new230103 .itm1 .pix-in {
  position: relative;
  width: 100%;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layerBanner.climateActions.new230103 .itm1 .pix-in .bannerClose {
  top: 20px;
}
.layerBanner.climateActions.new230103 .itm2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #4c8600;
}
.layerBanner.climateActions.new230103 .itm2 .pix-in {
  position: relative;
  width: 100%;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layerBanner.climateActions.new230103:before {
  display: none;
}
.layerBanner.climateActions.new230103 .pix-in {
  /* .btnLink{
  	&.report-type{
  		span{padding:10px 0px 8px 20px;}
  	}
  } */
}
.layerBanner.climateActions.new230103 .pix-in .pc {
  height: auto;
}
.layerBanner.climateActions.new230103 .pix-in .flex-box {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.layerBanner.climateActions.new230103 .pix-in .flex-box p {
  width: calc(100% - 122px);
  font-size: 20px;
}
.layerBanner.climateActions.new230103 .pix-in .flex-box .img {
  width: 92px;
}
.layerBanner.climateActions.new230103 .pix-in .flex-box .img img {
  width: 100%;
}
.layerBanner.climateActions.new230103 .pix-in .bannerClose {
  top: 28px;
}
.layerBanner.climateActions.new230103 .sideControl {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  text-align: center;
}
.layerBanner.climateActions.new230103 .sideControl .swiper-pagination {
  position: relative;
  display: inline-block;
}
.layerBanner.climateActions.new230103 .sideControl .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
}
.layerBanner.climateActions.new230103 .sideControl .controlBtn {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 24px;
  margin-left: 5px;
  vertical-align: top;
  text-indent: -9999px;
  z-index: 10;
}
.layerBanner.climateActions.new230103 .sideControl .controlBtn.play {
  background: url(/resources/front/en/images/esg/climate_actions_layerBanner_start_btn.png) center/8px no-repeat;
}
.layerBanner.climateActions.new230103 .sideControl .controlBtn.stop {
  background: url(/resources/front/en/images/esg/climate_actions_layerBanner_stop_btn.png) center/7px no-repeat;
}
.layerBanner.climateActions:after {
  display: none;
}
.layerBanner.climateActions .pix-in .flex-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
}
.layerBanner.climateActions .pix-in .flex-box.typ2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 50px 0 0;
}
.layerBanner.climateActions .pix-in .flex-box.typ2 p {
  width: auto;
}
.layerBanner.climateActions .pix-in .flex-box.typ2 .btns {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.layerBanner.climateActions .pix-in .flex-box.typ2 .btns a + a {
  margin-top: 10px;
}
.layerBanner.climateActions .pix-in .flex-box.typ2 .btns a span {
  min-width: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layerBanner.climateActions .pix-in .flex-box .img {
  width: 110px;
  margin-right: 30px;
}
.layerBanner.climateActions .pix-in .flex-box p {
  width: calc(100% - 110px);
}
.layerBanner.climateActions .pix-in p {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
}
.layerBanner.climateActions .pix-in .btnLink {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: transparent;
}
.layerBanner.climateActions .pix-in .btnLink.report-type span { /* padding: 10px 58px 8px 20px; */
  padding: 10px 20px 8px;
  text-align: center;
  /* &:after {bottom:11px; right:20px; display:block; width:18px; height:18px; margin:0; background:url(../../images/esg/btn_report_type2.png) 0 0 / cover no-repeat} */
}
.layerBanner.climateActions .pix-in .btnLink.report-type span:after, .layerBanner.climateActions .pix-in .btnLink.report-type span:before {
  display: none;
}
.layerBanner.climateActions .pix-in .btnLink span {
  position: relative;
  padding: 12px 68px 10px 20px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
.layerBanner.climateActions .pix-in .btnLink span:before {
  content: "";
  position: absolute;
  right: 19px;
  bottom: 20px;
  width: 16px;
  height: 1px;
  background: #fff;
  -webkit-transform: skew(-21deg, 33deg);
          transform: skew(-21deg, 33deg);
}
.layerBanner.climateActions .pix-in .btnLink span:after {
  content: "";
  position: absolute;
  bottom: 15px;
  margin-left: 13px;
  width: 37px;
  height: 1px;
  display: inline-block;
  background: #fff;
}
.layerBanner.climateActions .pix-in .bannerClose {
  background-image: url(../../images/esg/layer_esg_close.png);
}
.layerBanner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #2130A8), color-stop(58%, #8652ff));
  background: linear-gradient(to right, #2130A8 -7%, #8652ff 58%);
}
.layerBanner:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 1920px;
  height: 110px;
  background: url(../../images/ourServices/bg_cdo_banner.png) no-repeat center;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.layerBanner .pix-in {
  padding: 0;
}
.layerBanner .pix-in .pc {
  margin-right: 40px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layerBanner .pix-in .bannerText {
  padding-top: 7px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
.layerBanner .pix-in .bannerSubText {
  padding-top: 7px;
  font-size: 16px;
  font-weight: 300;
}
.layerBanner .pix-in .btnLink {
  padding: 10px 37px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: #000;
}
.layerBanner .pix-in .bannerClose {
  position: absolute;
  right: 0;
  top: 20px;
  width: 17px;
  height: 17px;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  background: url(../../images/ourServices/layer_cdo_close.png) no-repeat left top;
}

.pc {
  display: inline-block;
}
.pc.block {
  display: block;
}
.pc.colgroup {
  display: table-column-group;
}
.pc.tableCell {
  display: table-cell;
}

.pc_img {
  display: block;
}

.mobile {
  display: none !important;
}

.m_inline {
  display: block;
}

.m_block {
  display: inline-block;
}

.m_img {
  display: none;
}

/*layout*/
.main #header { /*position:fixed; z-index:3; width:100%;*/
  /* &.search {
  	.pix-in {border-bottom:0px;}
  } */
}
.main #header .logo canvas {
  position: absolute;
  top: 0px;
  left: 0px;
}
.main #header .logo object {
  top: 0px;
}
.main #header .logo img {
  top: 0px;
}
.main #header .pix-in {
  border-bottom: 0;
  background: transparent;
}
.main #header .pix-in .nav .navList > ul {
  gap: 100px;
}
.main #header .pix-in .nav .navList > ul > li > a {
  color: #fff;
}
.main #header .pix-in .util.type .lang {
  background: none;
}
.main #header .pix-in .util.type .lang ul li + li:after {
  background: #a7a7a7;
}
.main #header .pix-in .util.type .lang ul li a {
  color: #fff;
  background: none;
}
.main #header .pix-in .util.type .lang ul li a.on {
  color: #fff;
}
.main #header .pix-in .util.type .search {
  background-image: url(../../images/common/icon_search_white_off.png);
}
.main #header .pix-in .util.type .newsfeed {
  background-image: none;
}
.main #header .pix-in .util.type .newsfeed a {
  background-image: url(../../images/common/icon_mic_white_off.png);
}
.main #header .pix-in .util.type .contactUs {
  background-image: none;
}
.main #header .pix-in .util.type .contactUs a {
  background-image: url(../../images/common/icon_mail_white_off.png);
}
.main #header .pix-in .util.type .clientPortal a {
  background-image: none;
}
.main #header .pix-in .util.new-util-type .lang {
  background: none;
}
.main #header .pix-in .util.new-util-type .lang ul li + li:after {
  background: #fff;
}
.main #header .pix-in .util.new-util-type .lang ul li a {
  color: #fff;
  background: none;
  /* &.on {color:$c222;} */
}
.main #header .pix-in .util.new-util-type .lang ul li a.on {
  color: #fff;
}
.main #header .pix-in .util.new-util-type .search {
  background-image: url(../../images/common/icon_search_white_off.png);
}
.main #header .pix-in .util.new-util-type .newsfeed {
  background-image: none;
}
.main #header .pix-in .util.new-util-type .newsfeed a {
  background-image: url(../../images/common/icon_mic_white_off.png);
}
.main #header .pix-in .util.new-util-type .contact-us {
  background-image: none; /* 메인 투명 오프 */
  /* a{background-image:url(../../images/common/icon_mail_white_off.png);} */
}
.main #header .pix-in .util.new-util-type .contact-us a {
  border-color: #fff;
  background: #fff;
  color: #222edd;
}
.main #header .pix-in .util.new-util-type .clientPortal a {
  background-image: none;
}
.main #header .pix-in .util .search {
  background-image: url(../../images/common/icon_search_white.png);
}
.main #header .pix-in .util .lang {
  background-image: url(../../images/bul/icon_utilLine_white.gif);
}
.main #header .pix-in .util .lang a {
  background-image: url(../../images/common/icon_lang_white.png);
}
.main #header .pix-in .util .newsfeed {
  background-image: url(../../images/bul/icon_utilLine_white.gif);
}
.main #header .pix-in .util .newsfeed a {
  background-image: url(../../images/common/icon_mic_white.png);
}
.main #header .pix-in .util .contactUs {
  background-image: url(../../images/bul/icon_utilLine_white.gif);
}
.main #header .pix-in .util .contactUs a {
  background-image: url(../../images/common/icon_mail_white.png);
}
.main #header .pix-in .util .clientPortal a {
  color: #fff;
  border: 1px solid #fff;
  background-image: url(../../images/common/icon_client_white.png);
}
.main #header.scoll-change .logo, .main #header.on .logo, .main #header.search .logo {
  background-position: left bottom;
}
.main #header.scoll-change .logo canvas, .main #header.on .logo canvas, .main #header.search .logo canvas {
  position: absolute;
  top: -42px;
  left: 0px;
}
.main #header.scoll-change .logo object, .main #header.on .logo object, .main #header.search .logo object {
  top: -44px;
}
.main #header.scoll-change .logo img, .main #header.on .logo img, .main #header.search .logo img {
  top: -44px;
}
.main #header.scoll-change .pix-in, .main #header.on .pix-in, .main #header.search .pix-in {
  border-bottom: 1px solid #ddd;
}
.main #header.scoll-change .pix-in .nav .navList > ul > li > a, .main #header.on .pix-in .nav .navList > ul > li > a, .main #header.search .pix-in .nav .navList > ul > li > a {
  color: #222;
}
.main #header.scoll-change .pix-in .nav .navList > ul > li > a.focus, .main #header.on .pix-in .nav .navList > ul > li > a.focus, .main #header.search .pix-in .nav .navList > ul > li > a.focus {
  color: #222edd;
}
.main #header.scoll-change .pix-in .util.type .lang, .main #header.on .pix-in .util.type .lang, .main #header.search .pix-in .util.type .lang {
  background-image: none;
}
.main #header.scoll-change .pix-in .util.type .lang ul li + li:after, .main #header.on .pix-in .util.type .lang ul li + li:after, .main #header.search .pix-in .util.type .lang ul li + li:after {
  background: #a7a7a7;
}
.main #header.scoll-change .pix-in .util.type .lang ul li a, .main #header.on .pix-in .util.type .lang ul li a, .main #header.search .pix-in .util.type .lang ul li a {
  color: #888;
  background: none;
}
.main #header.scoll-change .pix-in .util.type .lang ul li a.on, .main #header.on .pix-in .util.type .lang ul li a.on, .main #header.search .pix-in .util.type .lang ul li a.on {
  color: #222;
}
.main #header.scoll-change .pix-in .util.type .search, .main #header.on .pix-in .util.type .search, .main #header.search .pix-in .util.type .search {
  background-image: url(../../images/common/new_nav_ico_search_34.png);
}
.main #header.scoll-change .pix-in .util.type .search:hover, .main #header.scoll-change .pix-in .util.type .search:focus, .main #header.on .pix-in .util.type .search:hover, .main #header.on .pix-in .util.type .search:focus, .main #header.search .pix-in .util.type .search:hover, .main #header.search .pix-in .util.type .search:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_on.png);
}
.main #header.scoll-change .pix-in .util.type .search.on, .main #header.on .pix-in .util.type .search.on, .main #header.search .pix-in .util.type .search.on {
  background-image: url(../../images/common/new_nav_ico_search_34_close.png);
}
.main #header.scoll-change .pix-in .util.type .search.on:hover, .main #header.scoll-change .pix-in .util.type .search.on:focus, .main #header.on .pix-in .util.type .search.on:hover, .main #header.on .pix-in .util.type .search.on:focus, .main #header.search .pix-in .util.type .search.on:hover, .main #header.search .pix-in .util.type .search.on:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_close_on.png);
}
.main #header.scoll-change .pix-in .util.type .newsfeed, .main #header.on .pix-in .util.type .newsfeed, .main #header.search .pix-in .util.type .newsfeed {
  background-image: none;
}
.main #header.scoll-change .pix-in .util.type .newsfeed a, .main #header.on .pix-in .util.type .newsfeed a, .main #header.search .pix-in .util.type .newsfeed a {
  background-image: url(../../images/common/icon_mic_off.png);
}
.main #header.scoll-change .pix-in .util.type .newsfeed a:hover, .main #header.scoll-change .pix-in .util.type .newsfeed a:focus, .main #header.on .pix-in .util.type .newsfeed a:hover, .main #header.on .pix-in .util.type .newsfeed a:focus, .main #header.search .pix-in .util.type .newsfeed a:hover, .main #header.search .pix-in .util.type .newsfeed a:focus {
  background-image: url(../../images/common/icon_mic_on.png);
}
.main #header.scoll-change .pix-in .util.type .contactUs, .main #header.on .pix-in .util.type .contactUs, .main #header.search .pix-in .util.type .contactUs {
  background-image: none;
}
.main #header.scoll-change .pix-in .util.type .contactUs a, .main #header.on .pix-in .util.type .contactUs a, .main #header.search .pix-in .util.type .contactUs a {
  background-image: url(../../images/common/icon_mail_off.png);
}
.main #header.scoll-change .pix-in .util.type .contactUs a:hover, .main #header.scoll-change .pix-in .util.type .contactUs a:focus, .main #header.on .pix-in .util.type .contactUs a:hover, .main #header.on .pix-in .util.type .contactUs a:focus, .main #header.search .pix-in .util.type .contactUs a:hover, .main #header.search .pix-in .util.type .contactUs a:focus {
  background-image: url(../../images/common/icon_mail_on.png);
}
.main #header.scoll-change .pix-in .util.type .clientPortal a, .main #header.on .pix-in .util.type .clientPortal a, .main #header.search .pix-in .util.type .clientPortal a {
  background: none;
}
.main #header.scoll-change .pix-in .util.type .clientPortal a:hover, .main #header.scoll-change .pix-in .util.type .clientPortal a:focus, .main #header.on .pix-in .util.type .clientPortal a:hover, .main #header.on .pix-in .util.type .clientPortal a:focus, .main #header.search .pix-in .util.type .clientPortal a:hover, .main #header.search .pix-in .util.type .clientPortal a:focus {
  color: #fff;
  border-color: #222edd;
  background: #222edd;
}
.main #header.scoll-change .pix-in .util.new-util-type .lang, .main #header.on .pix-in .util.new-util-type .lang, .main #header.search .pix-in .util.new-util-type .lang {
  background-image: none;
}
.main #header.scoll-change .pix-in .util.new-util-type .lang ul li + li:after, .main #header.on .pix-in .util.new-util-type .lang ul li + li:after, .main #header.search .pix-in .util.new-util-type .lang ul li + li:after {
  background: #222;
}
.main #header.scoll-change .pix-in .util.new-util-type .lang ul li a, .main #header.on .pix-in .util.new-util-type .lang ul li a, .main #header.search .pix-in .util.new-util-type .lang ul li a {
  color: #888;
  background: none;
}
.main #header.scoll-change .pix-in .util.new-util-type .lang ul li a.on, .main #header.on .pix-in .util.new-util-type .lang ul li a.on, .main #header.search .pix-in .util.new-util-type .lang ul li a.on {
  color: #222;
}
.main #header.scoll-change .pix-in .util.new-util-type .search, .main #header.on .pix-in .util.new-util-type .search, .main #header.search .pix-in .util.new-util-type .search {
  background-image: url(../../images/common/new_nav_ico_search_34.png);
}
.main #header.scoll-change .pix-in .util.new-util-type .search:hover, .main #header.scoll-change .pix-in .util.new-util-type .search:focus, .main #header.on .pix-in .util.new-util-type .search:hover, .main #header.on .pix-in .util.new-util-type .search:focus, .main #header.search .pix-in .util.new-util-type .search:hover, .main #header.search .pix-in .util.new-util-type .search:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_on.png);
}
.main #header.scoll-change .pix-in .util.new-util-type .search.on, .main #header.on .pix-in .util.new-util-type .search.on, .main #header.search .pix-in .util.new-util-type .search.on {
  background-image: url(../../images/common/new_nav_ico_search_34_close.png);
}
.main #header.scoll-change .pix-in .util.new-util-type .search.on:hover, .main #header.scoll-change .pix-in .util.new-util-type .search.on:focus, .main #header.on .pix-in .util.new-util-type .search.on:hover, .main #header.on .pix-in .util.new-util-type .search.on:focus, .main #header.search .pix-in .util.new-util-type .search.on:hover, .main #header.search .pix-in .util.new-util-type .search.on:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_close_on.png);
}
.main #header.scoll-change .pix-in .util.new-util-type .contact-us a, .main #header.on .pix-in .util.new-util-type .contact-us a, .main #header.search .pix-in .util.new-util-type .contact-us a {
  border: 1px solid #222edd;
}
.main #header.scoll-change .pix-in .util.new-util-type .contact-us a:hover, .main #header.scoll-change .pix-in .util.new-util-type .contact-us a:focus, .main #header.on .pix-in .util.new-util-type .contact-us a:hover, .main #header.on .pix-in .util.new-util-type .contact-us a:focus, .main #header.search .pix-in .util.new-util-type .contact-us a:hover, .main #header.search .pix-in .util.new-util-type .contact-us a:focus {
  color: #fff;
  background: #222edd;
}
.main #header.scoll-change .pix-in .util .search, .main #header.on .pix-in .util .search, .main #header.search .pix-in .util .search {
  background-image: url(../../images/common/icon_search.png);
}
.main #header.scoll-change .pix-in .util .lang, .main #header.on .pix-in .util .lang, .main #header.search .pix-in .util .lang {
  background-image: url(../../images/bul/icon_utilLine.gif);
}
.main #header.scoll-change .pix-in .util .lang a, .main #header.on .pix-in .util .lang a, .main #header.search .pix-in .util .lang a {
  background-image: url(../../images/common/icon_lang.png);
}
.main #header.scoll-change .pix-in .util .newsfeed, .main #header.on .pix-in .util .newsfeed, .main #header.search .pix-in .util .newsfeed {
  background-image: url(../../images/bul/icon_utilLine_gray.gif);
}
.main #header.scoll-change .pix-in .util .newsfeed a, .main #header.on .pix-in .util .newsfeed a, .main #header.search .pix-in .util .newsfeed a {
  background-image: url(../../images/common/icon_mic.png);
}
.main #header.scoll-change .pix-in .util .contactUs, .main #header.on .pix-in .util .contactUs, .main #header.search .pix-in .util .contactUs {
  background-image: url(../../images/bul/icon_utilLine_gray.gif);
}
.main #header.scoll-change .pix-in .util .contactUs a, .main #header.on .pix-in .util .contactUs a, .main #header.search .pix-in .util .contactUs a {
  background-image: url(../../images/common/icon_mail.png);
}
.main #header.scoll-change .pix-in .util .clientPortal a, .main #header.on .pix-in .util .clientPortal a, .main #header.search .pix-in .util .clientPortal a {
  color: #222edd;
  border: 1px solid #b8b8b8;
  background-image: url(../../images/common/icon_client.png);
}

body:not(.main) #header .headerInner {
  max-width: 1200px;
  margin: auto;
}

#header {
  position: fixed;
  z-index: 99;
  width: 100%;
  margin: 0 auto;
}
#header .pix-in {
  z-index: 9998;
  padding-top: 0px;
  max-width: none;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header .headerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 50px;
}
#header .logo {
  position: relative;
  display: block;
  width: 122px;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 9998;
}
#header .logo canvas {
  position: absolute;
  top: -42px;
  left: 0px;
}
#header .logo object {
  position: absolute;
  top: -44px;
  left: 0px;
  width: 100%;
  pointer-events: none;
}
#header .logo img {
  position: absolute;
  top: -44px;
  left: 0px;
  width: 100%;
  pointer-events: none;
}
#header .nav {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: left 0.3s, padding 0.3s;
  transition: left 0.3s, padding 0.3s;
}
#header .nav .hidden {
  display: none;
}
#header .nav .navList > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
#header .nav .navList > ul > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#header .nav .navList > ul > li.hover > a span:after, #header .nav .navList > ul > li.active > a span:after {
  width: calc(100% + 26px);
  opacity: 1;
}
#header .nav .navList > ul > li.active.bg.hover > a span:after {
  display: block;
}
#header .nav .navList > ul > li.bg.active > a span:after {
  display: none;
}
#header .nav .navList > ul > li:first-child {
  padding-left: 0;
}
#header .nav .navList > ul > li > a {
  position: relative;
  font-weight: 400;
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 33px 0;
}
#header .nav .navList > ul > li > a.focus {
  color: #222edd;
}
#header .nav .navList > ul > li > a span {
  position: relative;
  text-transform: capitalize;
  font-family: "ssl-gilroy", "ssl-font";
}
#header .nav .navList > ul > li > a span::after {
  content: "";
  position: absolute;
  left: -10px;
  right: 0;
  bottom: -37px;
  margin: auto;
  width: 0;
  height: 3px;
  display: block;
  background: #222edd;
  -webkit-transition: all 0.225s linear;
  transition: all 0.225s linear;
  opacity: 0;
}
#header .nav .navList > ul > li .depth2Wrap {
  position: fixed;
  left: 0;
  top: 1px;
  -webkit-transform: translateY(90px);
          transform: translateY(90px); /* top:0px; margin-top:90px; */
  padding: 45px 0;
  width: 100%;
  height: auto;
  background-color: #fafafc;
  display: none;
  /* &.on{height:auto; display:block;} */
}
#header .nav .navList > ul > li .depth2Wrap .depth2 {
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}
#header .nav .navList > ul > li .depth2Wrap .depth2.depth2_5 > ul {
  -ms-flex-preferred-size: calc(20% - 20px);
      flex-basis: calc(20% - 20px);
}
#header .nav .navList > ul > li .depth2Wrap .depth2.depth2_5 > ul:last-of-type {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li {
  padding-top: 25px;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li:first-child {
  padding-top: 0;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li.noDepth a:after {
  background: none;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a { /* font-weight:400; */
  color: #222;
  font-size: 17px;
  font-weight: 500;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a.active {
  color: #222edd;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a:focus, #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a:hover {
  text-decoration: underline;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 {
  padding-top: 12px;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li {
  padding-top: 7px;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li:first-child {
  padding-top: 0;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li:first-child.hidden + li, #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li:first-child.mobile + li {
  padding-top: 0;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a {
  position: relative; /* font-size:14px; */
  font-size: 15px;
  font-weight: 300;
  color: #666;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a.active span {
  border-bottom: 1px solid #666;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a:focus, #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a:hover {
  text-decoration: underline;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 {
  padding-top: 10px;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li {
  padding-top: 0;
  line-height: 1.5;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li:first-child {
  padding-top: 0;
}
#header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li a {
  position: relative; /* font-size:12px; */
  font-size: 13px;
  font-weight: 300;
  color: #222edd;
}
#header .util {
  position: relative;
}
#header .util.type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .util.type .search {
  margin-top: 0;
  margin-left: 20px;
  width: 34px;
  height: 34px;
  background: url(../../images/common/new_nav_ico_search_34.png) no-repeat center/100% auto;
}
#header .util.type .search:focus, #header .util.type .search:hover {
  background-image: url(../../images/common/new_nav_ico_search_34_on.png);
}
#header .util.type .search.on {
  background-image: url(../../images/common/new_nav_ico_search_34_close.png);
}
#header .util.type .search.on:hover, #header .util.type .search.on:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_close_on.png);
}
#header .util.type .lang {
  margin-top: 0;
  margin-left: 5px;
  padding-left: 0;
  background: none;
}
#header .util.type .lang ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .util.type .lang ul li {
  position: relative;
  margin-top: -2px;
}
#header .util.type .lang ul li + li {
  padding-left: 10px;
}
#header .util.type .lang ul li + li:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  display: block;
  width: 1px;
  height: 9px;
  background: #a7a7a7;
}
#header .util.type .lang ul li a {
  width: auto;
  height: auto;
  display: inline-block;
  background: none;
  font-size: 12px;
  line-height: 1;
  color: #888;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
#header .util.type .lang ul li a.on {
  color: #222;
  font-weight: 600;
}
#header .util.type .newsfeed {
  margin-top: 0;
  margin-left: 5px;
  padding-left: 0;
  line-height: 0;
  background: none;
}
#header .util.type .newsfeed a {
  width: 34px;
  height: 34px;
  background: url(../../images/common/icon_mic_off.png) no-repeat center/100% auto;
}
#header .util.type .newsfeed a:focus, #header .util.type .newsfeed a:hover {
  background-image: url(../../images/common/icon_mic_on.png);
}
#header .util.type .contactUs {
  margin-top: 0;
  margin-left: 5px;
  padding-left: 0;
  line-height: 0;
  background: none;
}
#header .util.type .contactUs a {
  width: 34px;
  height: 34px;
  background: url(../../images/common/icon_mail_off.png) no-repeat center/100% auto;
}
#header .util.type .contactUs a:focus, #header .util.type .contactUs a:hover {
  background-image: url(../../images/common/icon_mail_on.png);
}
#header .util.type .clientPortal {
  display: inline-block;
}
#header .util.type .clientPortal a {
  margin-left: 5px;
  padding-left: 11px;
  padding-right: 12px;
  height: 31px;
  line-height: 2.5;
  background: none;
}
#header .util.type .clientPortal a:focus, #header .util.type .clientPortal a:hover {
  color: #fff;
  border-color: #222edd;
  background: #222edd;
}
#header .util.new-util-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .util.new-util-type .search {
  margin-top: 0;
  margin-left: 10px;
  width: 34px;
  height: 34px;
  background: url(../../images/common/new_nav_ico_search_34.png) no-repeat center/100% auto;
}
#header .util.new-util-type .search:focus, #header .util.new-util-type .search:hover {
  background-image: url(../../images/common/new_nav_ico_search_34_on.png);
}
#header .util.new-util-type .search.on {
  background-image: url(../../images/common/new_nav_ico_search_34_close.png);
}
#header .util.new-util-type .search.on:hover, #header .util.new-util-type .search.on:focus {
  background-image: url(../../images/common/new_nav_ico_search_34_close_on.png);
}
#header .util.new-util-type .lang {
  margin-top: 0;
  margin-left: 5px;
  padding-left: 0;
  background: none;
}
#header .util.new-util-type .lang ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .util.new-util-type .lang ul li {
  position: relative;
  margin-top: -2px;
}
#header .util.new-util-type .lang ul li + li {
  padding-left: 10px;
}
#header .util.new-util-type .lang ul li + li:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  display: block;
  width: 1px;
  height: 9px;
  background: #a7a7a7;
}
#header .util.new-util-type .lang ul li a {
  width: auto;
  height: auto;
  display: inline-block;
  background: none;
  font-size: 12px;
  line-height: 1;
  color: #888;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
#header .util.new-util-type .lang ul li a.on {
  color: #222;
  font-weight: 600;
}
#header .util.new-util-type .contact-us {
  margin-top: 0;
  margin-left: 15px;
  padding-left: 0;
  line-height: 0;
  background: none;
  /* a{width:34px; height:34px; background:url(../../images/common/icon_mail_off.png) no-repeat center/100% auto;
  	&:focus, &:hover{background-image:url(../../images/common/icon_mail_on.png)}
  } */
}
#header .util.new-util-type .contact-us a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* width:auto; height:26px; */
  width: 112px;
  height: 34px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1; /* font-size:12px; */
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  color: #222edd;
  border: 1px solid #222edd;
  border-radius: 26px;
  background: none;
}
#header .util.new-util-type .contact-us a:focus, #header .util.new-util-type .contact-us a:hover, #header .util.new-util-type .contact-us a:active {
  background: #222edd;
  color: #fff;
}
#header .util .search {
  margin-top: 12px;
  width: 17px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background: url(../../images/common/icon_search.png) no-repeat left top;
  background-size: 17px 18px;
}
#header .util .lang {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  background: url(../../images/bul/icon_utilLine.gif) no-repeat left 5px;
}
#header .util .lang a {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../../images/common/icon_lang.png) no-repeat left top;
  background-size: 20px 20px;
}
#header .util .newsfeed {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  background: url(../../images/bul/icon_utilLine_gray.gif) no-repeat left 5px;
}
#header .util .newsfeed a {
  width: 14px;
  height: 21px;
  display: inline-block;
  background: url(../../images/common/icon_mic.png) no-repeat left top;
  background-size: 14px 21px;
}
#header .util .contactUs {
  margin-top: 12px;
  margin-left: 10px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  background: url(../../images/bul/icon_utilLine_gray.gif) no-repeat left 5px;
}
#header .util .contactUs a {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../../images/common/icon_mail.png) no-repeat left 2px;
  background-size: 20px 17px;
}
#header .util .clientPortal {
  display: inline-block;
}
#header .util .clientPortal a {
  margin-left: 19px;
  padding-left: 45px;
  padding-right: 15px; /* width:108px; */
  height: 38px;
  line-height: 3.2;
  font-family: "ssl-font";
  font-size: 12px;
  font-weight: 400;
  color: #222edd;
  text-align: left;
  display: block;
  border: 1px solid #b8b8b8;
  border-radius: 20px;
  background: url(../../images/common/icon_client.png) no-repeat 15px 8px;
  background-size: 20px 22px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#header .searchField {
  position: fixed;
  top: 90px;
  left: 0px;
  z-index: 2;
  padding: 40px 50px 50px;
  width: 100%;
  overflow: hidden;
  display: none;
  background: #fafafc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header .searchField .pix-in {
  border-bottom: 0 !important;
  height: auto;
}
#header .searchField .tit {
  padding-top: 35px;
  font-family: "ssl-font";
  font-weight: 500;
}
#header .searchField .form {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header .searchField .form .btn-search-close {
  position: absolute;
  top: -50px;
  right: 0px;
  display: none;
  width: 21px;
  height: 21px;
  background: url(../../images/btn/search_close.png) 0 0/cover no-repeat;
  text-indent: -9999px;
}
#header .searchField .form ul {
  position: relative;
}
#header .searchField .form ul .txt {
  position: relative;
  width: 100%;
}
#header .searchField .form ul .txt:after {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: 0px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../images/common/new_nav_ico_search_30.png) center/100% no-repeat;
  text-indent: -9999px;
  pointer-events: none;
}
#header .searchField .form ul .txt input[type=text] {
  padding: 0 10px 0 40px;
  width: 100%;
  height: 70px; /*border-bottom:2px solid $defColor01;*/
  font-family: "ssl-gilroy";
  font-size: 22px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fafafc;
}
#header .searchField .form ul .txt input[type=text]::-webkit-input-placeholder {
  color: #666; /* font-family:'ssl-font-en'; */
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
#header .searchField .form ul .txt input[type=text]::-moz-placeholder {
  color: #666; /* font-family:'ssl-font-en'; */
  font-weight: 500;
  -moz-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
#header .searchField .form ul .txt input[type=text]:-ms-input-placeholder {
  color: #666; /* font-family:'ssl-font-en'; */
  font-weight: 500;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
#header .searchField .form ul .txt input[type=text]::-ms-input-placeholder {
  color: #666; /* font-family:'ssl-font-en'; */
  font-weight: 500;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
#header .searchField .form ul .txt input[type=text]::placeholder {
  color: #666; /* font-family:'ssl-font-en'; */
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
#header .searchField .form ul .txt input[type=text]:focus::-webkit-input-placeholder {
  opacity: 0;
}
#header .searchField .form ul .txt input[type=text]:focus::-moz-placeholder {
  opacity: 0;
}
#header .searchField .form ul .txt input[type=text]:focus:-ms-input-placeholder {
  opacity: 0;
}
#header .searchField .form ul .txt input[type=text]:focus::-ms-input-placeholder {
  opacity: 0;
}
#header .searchField .form ul .txt input[type=text]:focus::placeholder {
  opacity: 0;
}
#header .searchField .form ul .btn {
  position: absolute;
  top: calc(50% - 15px);
  right: 20px;
  display: none !important;
}
#header .searchField .form ul .btn input[type=submit] { /*text-indent:-9999px;*/
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url(../../images/common/new_nav_ico_search_30.png) center/100% no-repeat;
}
#header .searchField .form ul .deleteBtn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../../images/common/new_nav_ico_searchField_txtdelete.png) center/100% no-repeat;
}
#header .searchField .quickLinks {
  margin-top: 40px;
}
#header .searchField .quickLinks p {
  font-family: "ssl-gilroy";
  color: #8f8f8f;
  font-size: 14px;
  font-weight: 500;
}
#header .searchField .quickLinks ul {
  margin-top: 10px;
}
#header .searchField .quickLinks ul li {
  padding: 5px 0 5px 26px;
  background: url(../../images/common/new_nav_ico_searchField_quicklink.png) left center/24px no-repeat;
}
#header .searchField .quickLinks ul li + li {
  margin-top: 5px;
}
#header .searchField .quickLinks ul li a {
  font-family: "ssl-gilroy";
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
#header .searchField .quickLinks ul li:hover, #header .searchField .quickLinks ul li:focus {
  background-color: #f2f2f4;
}
#header .searchField .quickLinks ul li:hover a, #header .searchField .quickLinks ul li:focus a {
  color: #222;
}
#header .searchField dl.txt {
  padding-top: 20px;
}
#header .searchField dl.txt dt {
  display: inline-block;
}
#header .searchField dl.txt dt a {
  font-family: "ssl-font";
  font-size: 14px;
  font-weight: 500;
  color: #1e59a4;
}
#header .searchField dl.txt dd {
  margin-left: 15px;
  display: inline-block;
}
#header .searchField dl.txt dd a {
  padding-right: 20px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}
#header .searchField dl.txt dd a:last-child {
  padding-right: 0px;
}
#header.scoll-change .pix-in, #header.on .pix-in, #header.search .pix-in {
  background-color: #fafafc;
}

:lang(ko) #header .util.type .clientPortal a {
  font-family: "ssl-font-en";
}

:lang(en) #header .nav > ul > li .depth2Wrap .depth2 > ul > li > a {
  font-family: "ssl-gilroy", "ssl-font"; /* font-weight:500; */
}
:lang(en) #header .nav > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a {
  font-family: "ssl-gilroy", "ssl-font";
}
:lang(en) #header .nav > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li a {
  font-family: "ssl-gilroy", "ssl-font";
}
:lang(en) #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a,
:lang(en) #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a,
:lang(en) #container .sub_visual .location ul li a span,
:lang(en) #container .sub_visual .location ul li .locationLastItem span {
  font-family: "ssl-gilroy", "ssl-font";
}

@media (max-width: 1023px) {
  .tb-hide {
    display: none;
  }
  .mb-hide {
    display: none;
  }
  .mb-show {
    display: block;
  }
  .tbl-pc {
    display: none;
  }
  .tbl-m {
    display: table;
  }
  .pc {
    display: none !important;
  }
  .pc.block {
    display: none !important;
  }
  .pc.colgroup {
    display: none !important;
  }
  .pc.tableCell {
    display: none !important;
  }
  .mobile {
    display: inline-block !important;
  }
  .mobile.block {
    display: block !important;
  }
  .mobile.colgroup {
    display: table-column-group !important;
  }
  .mobile.tableCell {
    display: table-cell !important;
  }
  .mobile.half {
    margin: 0 auto;
    width: 60%;
  }
  .m_inline {
    display: inline-block;
  }
  .m_block {
    display: block;
  }
  body:not(.main) #container {
    padding-top: 89px;
  }
  #header .pix-in.fix {
    position: fixed;
  }
  #header .searchField {
    top: 60px;
    padding: 40px 0 35px;
  }
  #header .searchField .form .btn-search-close {
    top: -20px;
    width: 15px;
    height: 15px;
    background: url(../../images/btn/mobile_search_close.png) center center/cover no-repeat;
  }
  #header .searchField .tit {
    display: none;
  }
  /* #container .pix-in{} */
  .pix-in {
    max-width: 100%;
    padding: 20px 30px 0;
  }
  .pix-in .pageTitle.typ2 {
    text-align: left;
  }
  .pix-in .pageTitle.typ2 p {
    font-size: 14px;
  }
  .pix-in .pageTitle.typ2 p.justify {
    text-align: left;
  }
  .pix-in .pageTitle.hasBtn p {
    font-size: 14px;
    line-height: 1.5;
  }
  .pix-in .pageTitle .historyBack {
    position: relative;
    display: block;
    color: #222edd;
    font-size: 16px;
    line-height: 1;
  }
  .pix-in .pageTitle .historyBack:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-right: 10px;
    background: url(../images/arrow/m_historyBack.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .pix-in .pageTitle h3 {
    padding: 30px 0 0;
    font-size: 26px; /* text-transform:uppercase */
  }
  .pix-in .pageTitle > p {
    padding-bottom: 50px;
  }
  .pix-in .pageTitle p { /*padding-top:50px;*/
    font-size: 14px;
    line-height: 1.5;
  }
  .pix-in .pageTitle p.subText {
    font-size: 14px;
  }
  .pix-in .pageTitle p + .btn_download { /*margin-top:25px;*/
    min-width: 250px;
  }
  .pix-in .pageTitle p > .txtEtc {
    margin-top: 8px;
  }
  .pix-in .tab_cont .pageTitle h3 {
    padding: 30px 0 0;
  }
  .pix-in .tab_cont .pageTitle p {
    padding: 10px 0 0;
  }
  .pix-in ~ *[data-activetab] {
    padding-top: 40px;
  }
  .layerBanner {
    padding-top: 0;
    background-image: url(../../images/ourServices/m_bg_cdo_banner.jpg);
    background-size: cover;
  }
  .layerBanner.sba {
    background-image: url(../../images/aboutUs/m_bg_sba_banner.jpg);
  }
  .layerBanner.location {
    background: -webkit-gradient(linear, left top, right top, color-stop(2%, #027c9f), color-stop(88%, #85cad6));
    background: linear-gradient(to right, #027c9f 2%, #85cad6 88%);
  }
  .layerBanner.climateActions {
    background: transparent;
  }
  .layerBanner.climateActions:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #9dc44f), color-stop(58%, #6ab706));
    background: linear-gradient(to right, #9dc44f -7%, #6ab706 58%);
  }
  .layerBanner.climateActions.new230103:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(-7%, #d0d0d0), color-stop(68%, #888));
    background: linear-gradient(to right, #d0d0d0 -7%, #888 68%);
  }
  .layerBanner.climateActions.new230103 .itm1 .pix-in .bannerClose {
    top: 8px;
  }
  .layerBanner.climateActions.new230103 .sideControl .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .layerBanner.climateActions.new230103 .sideControl .controlBtn {
    margin-left: 7px;
    height: 21px;
  }
  .layerBanner.climateActions.new230103 .pix-in .flex-box p {
    width: 100%;
    font-size: 16px;
  }
  .layerBanner.climateActions.new230103 .pix-in .bannerClose {
    top: 8px;
    right: 20px;
  }
  .layerBanner.climateActions .pix-in .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .layerBanner.climateActions .pix-in .flex-box.typ2 {
    padding: 10px 0;
  }
  .layerBanner.climateActions .pix-in .flex-box.typ2 .btns {
    margin-top: 20px;
  }
  .layerBanner.climateActions .pix-in .flex-box.typ2 .btns a {
    margin-top: 20px;
  }
  .layerBanner.climateActions .pix-in .flex-box.typ2 .btns a span {
    min-width: 126px; /* padding:6px 30px 6px 10px; */
    padding: 6px 10px;
  }
  .layerBanner.climateActions .pix-in .flex-box .img {
    width: 108px;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .layerBanner.climateActions .pix-in .flex-box p {
    width: 100%;
  }
  .layerBanner.climateActions .pix-in p {
    font-size: 16px;
    text-align: left;
  }
  .layerBanner.climateActions .pix-in .btnLink {
    font-size: 12px;
  }
  .layerBanner.climateActions .pix-in .btnLink.report-type span {
    padding: 8px 42px 6px 20px;
  }
  .layerBanner.climateActions .pix-in .btnLink.report-type span:after {
    bottom: 8px;
    right: 10px;
    width: 16px;
    height: 16px;
    margin: 0;
  }
  .layerBanner.climateActions .pix-in .btnLink span {
    padding: 12px 44px 10px 20px;
    font-size: 12px;
  }
  .layerBanner.climateActions .pix-in .btnLink span:before {
    right: 7px;
    bottom: 15px;
    width: 11px;
    height: 1px;
    background: #fff;
    -webkit-transform: skew(-21deg, 33deg);
            transform: skew(-21deg, 33deg);
  }
  .layerBanner.climateActions .pix-in .btnLink span:after {
    bottom: 11px;
    margin-left: 9px;
    width: 28px;
    height: 1px;
    display: inline-block;
    background: #fff;
  }
  .layerBanner.climateActions.new230103 .pix-in {
    height: 325px;
  }
  .layerBanner .pix-in {
    padding: 17px 30px;
    text-align: center;
  }
  .layerBanner .pix-in > .mobile {
    width: 100%;
  }
  .layerBanner .pix-in .bannerText {
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }
  .layerBanner .pix-in .bannerText button {
    margin-top: 17px;
  }
  .layerBanner .pix-in .bannerSubText {
    padding-top: 3px;
    font-size: 14px;
    line-height: 19px;
  }
  .layerBanner .pix-in .btnLink {
    margin: 15px auto 0;
    padding: 6px 12px;
    font-size: 12px;
    display: inline-block;
  }
  .layerBanner .pix-in .bannerClose {
    top: 7px;
    right: 13px;
    background-image: url(../../images/ourServices/m_layer_cdo_close.png);
    background-position: center;
    background-size: 12px;
  }
  #wrap #header.searchOn .searchField {
    top: 0px !important;
    z-index: 9999;
    padding: 0 0 30px;
    height: 140px !important;
    overflow: hidden;
  }
  #wrap #header.searchOn .searchField .tit {
    display: none;
  }
  #wrap #header.searchOn .searchField dl.txt {
    padding: 15px 30px 0;
  }
  #wrap #header.searchOn .searchField dl.txt dt {
    font-size: 13px;
    display: block;
  }
  #wrap #header.searchOn .searchField dl.txt dd {
    margin-left: 0;
    padding-top: 5px;
  }
  #wrap #header.searchOn .searchField dl.txt dd span {
    font-size: 13px;
  }
  #wrap #header.searchOn .searchField dl.txt dd span:first-child {
    padding-left: 0px;
  }
  #wrap #header .searchField dl.txt {
    padding-top: 10px;
  }
  #wrap #header .searchField .form {
    padding-top: 0px;
  }
  #wrap #header .searchField .form .txt { /* padding:10px 0px 5px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #wrap #header .searchField .form .txt:after {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../../images/common/new_nav_ico_search_30.png) 0 0 no-repeat;
    background-size: 100% auto;
  }
  #wrap #header .searchField .form .txt input[type=text] {
    padding: 0 10px 0 40px;
    height: 30px;
    font-size: 16px;
  }
  #wrap #header .searchField .form .btn {
    position: absolute;
    top: 20px;
    right: 10px;
  }
  #wrap #header .searchField .form .btn input[type=submit] {
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/common/new_nav_ico_search_30.png) 0 0 no-repeat;
    background-size: 100% auto;
  }
  #wrap #header .searchField .form .quickLinks {
    margin-top: 60px;
  }
  #wrap #header .searchField .form .quickLinks ul li + li {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .pc_img {
    display: none;
  }
  .m_img {
    display: block;
  }
}
@media (max-width: 640px) {
  #header .searchField dl.txt dd {
    margin-top: 5px;
    margin-left: 0;
    display: block;
  }
  .mobile.half {
    width: 100%;
  }
  .m {
    display: block;
  }
}
/* icon */
.icon_email {
  width: 24px;
  height: 17px;
  display: inline-block;
  vertical-align: -1px;
  background: url(../../images/ico/mail_gray.png) 0 0 no-repeat;
}

.icon_arrow_white {
  width: 18px;
  height: 16px;
  display: inline-block;
  vertical-align: -1px;
  background: url(../../images/arrow/banner.png) 0 0 no-repeat;
  background-size: 100%;
}

.icon_info {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: -1px;
  background: url(../../images/ico/downloadList_txtetc.png) 0 0 no-repeat;
  background-size: 100%;
}

/* btn */
a:focus .motionPoint:after,
a:hover .motionPoint:after,
a:active .motionPoint:after,
.motionPoint:focus:after,
.motionPoint:hover:after,
.motionPoint:active:after,
a:focus .motionPoint:before,
a:hover .motionPoint:before,
a:active .motionPoint:before,
.motionPoint:focus:before,
.motionPoint:hover:before,
.motionPoint:active:before,
.motionPoint:focus .icon_arrow_white,
.motionPoint:hover .icon_arrow_white,
.motionPoint:active .icon_arrow_white {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: motionPointAni;
          animation-name: motionPointAni;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.download_line {
  position: relative;
  padding-top: 20px;
}
.download_line a.btn_download {
  display: inline-block;
}
.download_line a.btn_download + a.btn_download {
  margin-left: 15px;
}

@-webkit-keyframes motionPointAni {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}

@keyframes motionPointAni {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}
a:focus .motionPoint2:after,
a:hover .motionPoint2:after,
a:active .motionPoint2:after,
.motionPoint2:focus:after,
.motionPoint2:hover:after,
.motionPoint2:active:after,
a:focus .motionPoint2:before,
a:hover .motionPoint2:before,
a:active .motionPoint2:before,
.motionPoint2:focus:before,
.motionPoint2:hover:before,
.motionPoint2:active:before {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: motionPointAni2;
          animation-name: motionPointAni2;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes motionPointAni2 {
  from {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  to {
    -webkit-transform: translateX(-14px);
            transform: translateX(-14px);
  }
}

@keyframes motionPointAni2 {
  from {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  to {
    -webkit-transform: translateX(-14px);
            transform: translateX(-14px);
  }
}
a:focus .motionPoint3:after,
a:hover .motionPoint3:after,
a:active .motionPoint3:after,
.motionPoint3:focus:after,
.motionPoint3:hover:after,
.motionPoint3:active:after,
a:focus .motionPoint3:before,
a:hover .motionPoint3:before,
a:active .motionPoint3:before,
.motionPoint3:focus:before,
.motionPoint3:hover:before,
.motionPoint3:active:before,
.motionPoint3:focus .icon_arrow_white,
.motionPoint3:hover .icon_arrow_white,
.motionPoint3:active .icon_arrow_white {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: motionPointAni3;
          animation-name: motionPointAni3;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes motionPointAni3 {
  from {
    right: 0;
  }
  to {
    right: -8px;
  }
}

@keyframes motionPointAni3 {
  from {
    right: 0;
  }
  to {
    right: -8px;
  }
}
a:focus .motionPoint4:after,
a:hover .motionPoint4:after,
a:active .motionPoint4:after,
.motionPoint4:focus:after,
.motionPoint4:hover:after,
.motionPoint4:active:after,
a:focus .motionPoint4:before,
a:hover .motionPoint4:before,
a:active .motionPoint4:before,
.motionPoint4:focus:before,
.motionPoint4:hover:before,
.motionPoint4:active:before,
.motionPoint4:focus .icon_arrow_white,
.motionPoint4:hover .icon_arrow_white,
.motionPoint4:active .icon_arrow_white {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: motionPointAni4;
          animation-name: motionPointAni4;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes motionPointAni4 {
  from {
    left: 0;
  }
  to {
    left: -8px;
  }
}

@keyframes motionPointAni4 {
  from {
    left: 0;
  }
  to {
    left: -8px;
  }
}
a.btn_download {
  margin: 0 auto;
  padding: 0 47px;
  height: 60px;
  line-height: 2.9;
  font-family: "ssl-font";
  font-size: 20px;
  font-weight: 500;
  color: #222edd;
  text-align: center;
  display: table;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a.btn_download:after {
  content: "";
  margin-left: 10px;
  width: 17px;
  height: 15px;
  display: inline-block;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
}
a.btn_download:focus, a.btn_download:hover, a.btn_download:active {
  color: #fff;
  background: #222edd;
}
a.btn_download:focus:after, a.btn_download:hover:after, a.btn_download:active:after {
  background-position-y: -15px;
}

/* S :sub_visual */
#container .sub_visual {
  padding: 20px 0 0;
  height: auto;
  background: none !important;
  /*position:relative; padding:100px 0 0 0; width:100%; height:340px; background-position:center; box-sizing:border-box; background-size:cover !important;*/
  /* &.financialSnapshot{background:url(../../images/common/visual_financialSnapshot.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.publicDisclosure{background:url(../../images/common/visual_publicDisclosure.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.listingInformation{background:url(../../images/common/visual_listingInformation.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.stockChart{background:url(../../images/common/visual_stockChart.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.ownershipStructure{background:url(../../images/common/visual_ownershipStructure.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.investorsAFS{background:url(../../images/common/visual_investorsAFS.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.investorsGMS{background:url(../../images/common/visual_investorsGMS.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.whatWeValue{background:url(../../images/common/visual_whatWeValue.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.workingWithUs{background:url(../../images/common/visual_workingWithUs.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.howToApply{background:url(../../images/common/visual_howToApply.jpg) 0 0 no-repeat; background-position:center center;} */
  /* &.talentPool{background:url(../../images/common/visual_talentPool.jpg) 0 0 no-repeat; background-position:center center;} */
}
#container .sub_visual.show-title .location ul li, #container .sub_visual.show-no-title .location ul li {
  opacity: 0.8;
}
#container .sub_visual.show-title .location ul li + li:before, #container .sub_visual.show-no-title .location ul li + li:before {
  color: #666;
}
#container .sub_visual.show-title .location ul li + li .extra, #container .sub_visual.show-no-title .location ul li + li .extra {
  margin-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#container .sub_visual.show-title .location ul li:last-of-type, #container .sub_visual.show-no-title .location ul li:last-of-type {
  opacity: 1;
}
#container .sub_visual.show-title .location ul li:last-of-type:before, #container .sub_visual.show-no-title .location ul li:last-of-type:before {
  color: #222;
}
#container .sub_visual.show-title .location ul li:last-of-type a, #container .sub_visual.show-no-title .location ul li:last-of-type a {
  color: #222;
}
#container .sub_visual.show-title .location ul li a, #container .sub_visual.show-no-title .location ul li a {
  color: #666;
}
#container .sub_visual.show-title .location ul li .extra, #container .sub_visual.show-no-title .location ul li .extra {
  font-weight: 500;
  color: #666;
  font-size: 14px;
  display: inline;
}
#container .sub_visual.show-title {
  padding: 20px 0 30px 0;
  min-height: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* background-color:$defColor174 !important; */
  color: #666;
}
#container .sub_visual.show-title ~ #content {
  margin-top: 0px;
  /* .dft-pageTitle {display:none;} */
}
#container .sub_visual.show-title .text_area h1, #container .sub_visual.show-title .text_area h2 {
  margin-top: 40px;
  display: block;
  line-height: 1.4;
  font-size: 26px;
  color: #222;
  font-weight: 400;
}
#container .sub_visual.show-no-title {
  padding: 20px 0 40px;
  min-height: 84px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#container .sub_visual.show-no-title ~ #content {
  margin-top: 0px;
  /* .dft-pageTitle {display:none;} */
}
#container .sub_visual.show-no-title.show-def ~ #content .dft-pageTitle {
  display: block;
}
@media (max-width: 1023px) {
  #container .sub_visual.show-title .location ul li, #container .sub_visual.show-no-title .location ul li { /* opacity:.8; */
    font-size: 12px;
  }
  #container .sub_visual.show-title .location ul li + li:before, #container .sub_visual.show-no-title .location ul li + li:before {
    color: #666;
  }
  #container .sub_visual.show-title .location ul li:last-of-type, #container .sub_visual.show-no-title .location ul li:last-of-type { /* opacity:1; */ }
  #container .sub_visual.show-title .location ul li:last-of-type:before, #container .sub_visual.show-no-title .location ul li:last-of-type:before {
    color: #222;
  }
  #container .sub_visual.show-title .location ul li:last-of-type a, #container .sub_visual.show-no-title .location ul li:last-of-type a {
    color: #222;
  }
  #container .sub_visual.show-title .location ul li a, #container .sub_visual.show-no-title .location ul li a {
    font-size: 12px;
    color: #666;
  }
  #container .sub_visual.show-title .location ul li .extra, #container .sub_visual.show-no-title .location ul li .extra {
    font-size: 12px;
  }
  #container .sub_visual.show-title {
    padding: 20px 0 20px 0;
    min-height: 120px;
  }
  #container .sub_visual.show-title .text_area h1, #container .sub_visual.show-title .text_area h2 {
    margin-top: 40px;
    font-size: 20px;
  }
  #container .sub_visual.show-no-title {
    padding: 20px 0 40px;
    min-height: 84px;
  }
  #container .sub_visual.show-no-title ~ #content {
    margin-top: 0px;
    /* .dft-pageTitle {display:none;} */
  }
  #container .sub_visual.show-no-title.show-def ~ #content .dft-pageTitle {
    display: block;
  }
}
#container .sub_visual ~ #content {
  margin-top: 40px;
}
#container .sub_visual .text_area {
  margin: 0 auto;
  max-width: 1200px;
  min-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#container .sub_visual .text_area p {
  margin-top: 5px;
  line-height: 1.4;
  font-size: 28px;
  color: #fff;
}
#container .sub_visual .text_area h1,
#container .sub_visual .text_area h2 {
  display: none;
  /*font-size:48px; font-weight:500; color:$cfff;*/
}
#container .sub_visual.visual_text {
  padding: 53px 0 0 0;
  height: 340px;
}
#container .sub_visual.visual_text .text_area h1,
#container .sub_visual.visual_text .text_area h2 {
  max-width: 670px;
  line-height: 1.2;
  font-size: 42px;
}
#container .sub_visual.visual_text .text_area h1 a:after,
#container .sub_visual.visual_text .text_area h2 a:after {
  content: "";
  margin-left: 25px;
  width: 18px;
  height: 16px;
  display: inline-block;
  background: url(../../images/arrow/link_more.png) 0 0 no-repeat;
}
#container .sub_visual.visual_text .text_area > a {
  margin: 15px 0 0 0;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}
#container .sub_visual.visual_text .text_area p {
  margin-top: 13px;
  line-height: 1.7;
  font-size: 20px;
  color: #fff;
  opacity: 0.6;
}
#container .sub_visual .location ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
#container .sub_visual .location ul li + li::before {
  content: "/";
  color: #666668;
}
#container .sub_visual .location ul li + li a {
  margin-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#container .sub_visual .location ul li:last-of-type::before,
#container .sub_visual .location ul li:last-of-type a {
  color: #222224;
}
#container .sub_visual .location ul li:last-of-type::before:hover, #container .sub_visual .location ul li:last-of-type::before:focus, #container .sub_visual .location ul li:last-of-type::before:focus-visible, #container .sub_visual .location ul li:last-of-type::before:active,
#container .sub_visual .location ul li:last-of-type a:hover,
#container .sub_visual .location ul li:last-of-type a:focus,
#container .sub_visual .location ul li:last-of-type a:focus-visible,
#container .sub_visual .location ul li:last-of-type a:active {
  color: #222224;
  text-decoration: none;
}
#container .sub_visual .location ul li:last-of-type .locationLastItem {
  color: #222;
  font-weight: 500;
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
}
#container .sub_visual .location ul li a {
  font-weight: 500;
  color: #666668;
  font-size: 14px;
}
#container .sub_visual .location ul li a:hover, #container .sub_visual .location ul li a:focus, #container .sub_visual .location ul li a:focus-visible, #container .sub_visual .location ul li a:active {
  color: #222edd;
  text-decoration: underline;
}
#container .sub_visual.company {
  background: url(../../images/common/bg_subvisual_aboutUs.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.company.v2024 {
  background: url(../../images/common/bg_subvisual_aboutUs_v2024.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cdo {
  background: url(../../images/common/bg_subvisual_cdo.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cdo.v2024 {
  background: url(../../images/common/bg_subvisual_cdo_2024.png) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cmo {
  background: url(../../images/common/bg_subvisual_cmo.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cmo.v2024 {
  background: url(../../images/common/bg_subvisual_cmo_v2024.png) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cmo1 {
  background: url(../../images/common/bg_subvisual_cmo1.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cmo2 {
  background: url(../../images/common/bg_subvisual_cmo2.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cmo3 {
  background: url(../../images/common/bg_subvisual_cmo3.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.cro {
  background: url(../../images/common/bg_subvisual_cro.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.adc {
  background: url(../../images/common/bg_subvisual_adc.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.location {
  background: url(../../images/common/bg_subvisual_aboutUs.jpg) no-repeat center center;
}
#container .sub_visual.sba {
  background: url(../../images/common/bg_subvisual_sba.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.issuesFacts {
  background: url(../../images/common/visual_issuesFacts.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.mediaFocus {
  background: url(../../images/common/visual_mediaFocus.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.investors {
  background: url(../../images/common/visual_investors.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.pressRelase, #container .sub_visual.resourceLibrary, #container .sub_visual.prMaterials, #container .sub_visual.upcomingEvents {
  background: url(../../images/mediacenter/newsroom/bg_subvisual_newsroom.jpg) center no-repeat; /*background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_bg_2880.png) center no-repeat;*/
  background-position: center center;
}
#container .sub_visual.financialSnapshot, #container .sub_visual.investorsAFS, #container .sub_visual.listingInformation, #container .sub_visual.stockChart, #container .sub_visual.ownershipStructure, #container .sub_visual.investorsGMS, #container .sub_visual.publicDisclosure, #container .sub_visual.investors-overview {
  background: url(../../images/common/visual_investors_overview.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.articles {
  background: url(../../images/common/visual_articles.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.boardStructure {
  background: url(../../images/common/visual_boardStructure.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.BODCommittees {
  background: url(../../images/common/visual_BODCommittees.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.ir_notice {
  background: url(../../images/common/visual_investors_overview.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.investorsABR {
  background: url(../../images/common/visual_investorsABR.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.investorsER {
  background: url(../../images/common/visual_investorsER.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.investorsCGR {
  background: url(../../images/common/visual_investorsCGR.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.aboutUs {
  background: url(../../images/common/visual_aboutUs.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.aboutUsManagement {
  background: url(../../images/common/visual_aboutUsManagement.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.aboutUsCorporate {
  background: url(../../images/common/visual_aboutUsCorporate.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.aboutUsLocation {
  background: url(../../images/common/visual_aboutUsLocation.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.esgManagement {
  background: url(../../images/common/visual_esgManagement.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.climateActions {
  background: url(../../images/common/visual_climateActions.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.compliance {
  background: url(../../images/common/bg_subvisual_aboutUs.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.businessEthic {
  background: url(../../images/common/visual_businessEthic.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.leadership {
  background: url(../../images/common/bg_subvisual_aboutUs.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.history {
  background: url(../../images/common/visual_history.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.careers {
  background: url(../../images/common/visual_careers.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.whatWeValue, #container .sub_visual.workingWithUs, #container .sub_visual.howToApply, #container .sub_visual.talentPool {
  background: url(../../images/common/visual_careers_231101.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.ourService {
  background: url(../../images/common/visual_ourService.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.reserch {
  background: url(../../images/common/visual_reserchOverview.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.development {
  background: url(../../images/common/visual_development.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.manufacturing {
  background: url(../../images/common/visual_manufacturing.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.our_services {
  height: 474px;
  background: url(../../images/common/visual_ourservices_overview.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.our_services .txt {
  padding-top: 40px;
  font-size: 20px;
  font-family: "ssl-font";
  font-weight: 300;
  color: #fff;
  line-height: 1.3;
}
#container .sub_visual.contactUs {
  background: url(../../images/common/visual_contactUs_250106.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.esg {
  background: url(../../images/common/visual_esg.jpg) 0 0 no-repeat;
  background-position: center center;
}
#container .sub_visual.organoidBg {
  background: url(../../images/common/visual_organoidBg.jpg) 0 0 no-repeat;
  background-position: center center;
}

@media (max-width: 1023px) {
  a.btn_download {
    padding: 14px 20px;
    height: auto;
    line-height: 1.2;
    font-size: 17px;
  }
  a.btn_download.line2 {
    padding: 12px 40px;
    height: auto;
    line-height: 1.4;
  }
  .download_line a.btn_download {
    min-width: 237px;
  }
  .download_line a.btn_download + a.btn_download { /*margin-top:10px;*/
    margin-left: 0;
  }
  .generalList .list dd .box .download_line {
    text-align: center;
  }
  .generalList .list dd .box .download_line a.btn_download {
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 15px;
  }
  #container .sub_visual {
    /* &.leadership{background:url(../../images/common/m_visual_leadership.jpg) no-repeat center center;} */
    /* &.financialSnapshot{background:url(../../images/common/m_visual_financialSnapshot.jpg) no-repeat center center;} */
    /* &.publicDisclosure{background:url(../../images/common/m_visual_publicDisclosure.jpg) no-repeat center center;} */
    /* &.investorsAFS{background:url(../../images/common/m_visual_investorsAFS.jpg) no-repeat center center;} */
    /* &.listingInformation{background:url(../../images/common/m_visual_listingInformation.jpg) no-repeat center center;} */
    /* &.stockChart{background:url(../../images/common/m_visual_stockChart.jpg) no-repeat center center;} */
    /* &.ownershipStructure{background:url(../../images/common/m_visual_ownershipStructure.jpg) no-repeat center center;} */
    /* &.investorsGMS{background:url(../../images/common/m_visual_investorsGMS.jpg) no-repeat center center;} */
    /* &.whatWeValue{background:url(../../images/common/m_visual_whatWeValue.jpg) no-repeat center center;} */
    /* &.workingWithUs{background:url(../../images/common/m_visual_workingWithUs.jpg) no-repeat center center;} */
    /* &.howToApply{background:url(../../images/common/m_visual_howToApply.jpg) no-repeat center center;} */
    /* &.talentPool{background:url(../../images/common/m_visual_talentPool.jpg) no-repeat center center;} */
  }
  #container .sub_visual ~ #content {
    margin-top: 20px;
  }
  #container .sub_visual.sba {
    background: url(../../images/common/m_bg_subvisual_sba.jpg) no-repeat center center;
  }
  #container .sub_visual.cdo {
    background: url(../../images/common/m_bg_subvisual_cdo.jpg) no-repeat left center;
  }
  #container .sub_visual.cdo.v2024 {
    background: url(../../images/common/m_bg_subvisual_cdo_2024.png) no-repeat left center;
  }
  #container .sub_visual.company.v2024 {
    background: url(../../images/common/bg_subvisual_aboutUs_v2024_m.jpg) no-repeat center center;
    background-position: center center;
  }
  #container .sub_visual.cmo {
    background: url(../../images/common/m_bg_subvisual_cmo.jpg) no-repeat left top;
  }
  #container .sub_visual.cmo.v2024 {
    background: url(../../images/common/mo_bg_subvisual_cmo_v2024.jpg) 0 0 no-repeat;
    background-position: center center;
  }
  #container .sub_visual.cmo1 {
    background: url(../../images/common/m_bg_subvisual_cmo1.jpg) no-repeat left top;
  }
  #container .sub_visual.cmo2 {
    background: url(../../images/common/m_bg_subvisual_cmo2.jpg) no-repeat left top;
  }
  #container .sub_visual.cmo3 {
    background: url(../../images/common/m_bg_subvisual_cmo3.jpg) no-repeat left top;
  }
  #container .sub_visual.history {
    background: url(../../images/common/m_visual_history.jpg) no-repeat center center;
  }
  #container .sub_visual.compliance {
    background: url(../../images/common/m_visual_compliance.jpg) no-repeat center center;
  }
  #container .sub_visual.businessEthic {
    background: url(../../images/common/m_visual_businessEthic.jpg) no-repeat center center;
  }
  #container .sub_visual.aboutUsManagement {
    background: url(../../images/common/m_visual_aboutUsManagement.jpg) no-repeat center center;
  }
  #container .sub_visual.aboutUsCorporate {
    background: url(../../images/common/m_visual_aboutUsCorporate.jpg) no-repeat center center;
  }
  #container .sub_visual.aboutUsLocation {
    background: url(../../images/common/m_visual_aboutUsLocation.jpg) no-repeat center center;
  }
  #container .sub_visual.careers {
    background: url(../../images/common/m_visual_careers.jpg) no-repeat center center;
  }
  #container .sub_visual.investors {
    background: url(../../images/common/m_visual_investors.jpg) no-repeat center center;
  }
  #container .sub_visual.financialSnapshot, #container .sub_visual.investorsAFS, #container .sub_visual.listingInformation, #container .sub_visual.stockChart, #container .sub_visual.ownershipStructure, #container .sub_visual.investorsGMS, #container .sub_visual.publicDisclosure, #container .sub_visual.investors-overview {
    background: url(../../images/common/m_visual_investors_overview.jpg) no-repeat center center;
  }
  #container .sub_visual.investorsABR {
    background: url(../../images/common/m_visual_investorsABR.jpg) no-repeat center center;
  }
  #container .sub_visual.investorsER {
    background: url(../../images/common/m_visual_investorsER.jpg) no-repeat center center;
  }
  #container .sub_visual.articles {
    background: url(../../images/common/m_visual_articles.jpg) no-repeat center center;
  }
  #container .sub_visual.boardStructure {
    background: url(../../images/common/m_visual_boardStructure.jpg) no-repeat center center;
  }
  #container .sub_visual.BODCommittees {
    background: url(../../images/common/m_visual_BODCommittees.jpg) no-repeat center center;
  }
  #container .sub_visual.investorsCGR {
    background: url(../../images/common/m_visual_investorsCGR.jpg) no-repeat center center;
  }
  #container .sub_visual.ir_notice {
    background: url(../../images/common/m_visual_investors_overview.jpg) no-repeat center center;
  }
  #container .sub_visual.issuesFacts {
    background: url(../../images/common/m_visual_issuesFacts.jpg) no-repeat center center;
  }
  #container .sub_visual.mediaFocus {
    background: url(../../images/common/m_visual_mediaFocus.jpg) no-repeat center center;
  }
  #container .sub_visual.pressRelase, #container .sub_visual.resourceLibrary, #container .sub_visual.prMaterials, #container .sub_visual.upcomingEvents {
    background: url(../../images/mediacenter/newsroom/mo_bg_subvisual_newsroom.jpg) center no-repeat;
    background-position: center center;
  }
  #container .sub_visual.whatWeValue, #container .sub_visual.workingWithUs, #container .sub_visual.howToApply, #container .sub_visual.talentPool {
    background: url(../../images/common/m_visual_careers_231101.jpg) no-repeat center center;
  }
  #container .sub_visual.our_services {
    background: url(../../images/common/m_visual_ourservices_overview.jpg) no-repeat center center;
  }
  #container .sub_visual.our_services .txt {
    padding-top: 30px;
    font-size: 14px;
  }
  #container .sub_visual.ourService {
    background: url(../../images/common/m_visual_ourService.jpg) no-repeat center center;
  }
  #container .sub_visual.development {
    background: url(../../images/common/m_visual_development.jpg) no-repeat center center;
  }
  #container .sub_visual.manufacturing {
    background: url(../../images/common/m_visual_manufacturing.jpg) no-repeat center center;
  }
  #container .sub_visual.reserch {
    background: url(../../images/common/m_visual_reserchOverview.jpg) no-repeat center center;
  }
  #container .sub_visual.esg {
    background: url(../../images/common/m_visual_esg.jpg) no-repeat center center;
  }
  #container .sub_visual.esgManagement {
    background: url(../../images/common/m_visual_esgManagement.jpg) no-repeat center center;
  }
  #container .sub_visual.climateActions {
    background: url(../../images/common/m_visual_climateActions.jpg) no-repeat center center;
  }
  #container .sub_visual.organoidBg {
    background: url(../../images/common/m_visual_organoidBg.jpg) 0 0 no-repeat;
    background-position: center center;
  }
  #container .sub_visual.visual_text {
    padding: 0;
    height: 420px;
    display: table;
  }
  #container .sub_visual.visual_text .text_area {
    position: relative;
    left: 0;
    bottom: 0;
    padding: 0 30px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
  }
  #container .sub_visual.visual_text .text_area h1,
  #container .sub_visual.visual_text .text_area h2 {
    max-width: 75%;
    max-height: 144px;
    line-height: 1.2;
    font-size: 30px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  #container .sub_visual.visual_text .text_area a {
    margin: 30px 0 0 0;
    width: 125px;
    height: 45px;
    line-height: 2.5;
    font-family: "ssl-font";
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #fff;
  }
  #container .sub_visual.visual_text .text_area a:after {
    content: none;
  }
  #container .sub_visual.visual_text .text_area p {
    margin-top: 18px;
    line-height: 1.5;
    font-size: 14px;
    opacity: 0.6;
  }
  #container .sub_visual .text_area {
    width: calc(100% - 60px);
    margin: 0 auto;
    line-height: 1;
  }
  #container .sub_visual .text_area h1, #container .sub_visual .text_area h2 {
    font-family: "ssl-font";
    font-size: 30px;
    font-weight: 500;
    color: #fff;
  }
  #container .sub_visual .text_area .location ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
/* E :sub_visual */
/* S :sub_menu */
#visual + .sub_menu {
  top: 530px;
}
#visual + .sub_menu.fix {
  top: 0;
}
#visual.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 67px;
}

.sub_menu {
  display: none;
  position: absolute;
  top: 369px;
  z-index: 2;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #747474;
  background: rgba(0, 0, 0, 0.5);
}
.sub_menu .sub_menu_area {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.sub_menu .sub_menu_area:after {
  content: "";
  display: block;
  clear: both;
}
.sub_menu .sub_menu_area .hidden {
  display: none !important;
}
.sub_menu .sub_menu_area .home {
  float: left;
  width: 69px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  border-left: 1px;
  border-style: solid;
  border-color: #747474;
  background: url(../../images/common/icon_home_white.png) no-repeat center;
}
.sub_menu .sub_menu_area dl {
  position: relative;
  z-index: 2;
  float: left;
  margin-left: -1px;
  min-width: 220px; /* height:60px; */
  overflow: hidden; /*transition:height 1s;*/
}
.sub_menu .sub_menu_area dl.mn1 {
  margin-left: 0;
  /* dd{
  	&:nth-child(7){
  		a{padding-bottom:11px; border-bottom:1px solid $cddd;}
  	}
  } */
}
.sub_menu .sub_menu_area dl.on { /* height:auto; */ }
.sub_menu .sub_menu_area dl.on dt a:after {
  background-image: url(../../images/common/icon_subMenu_up_white.png);
}
.sub_menu .sub_menu_area dl.on dd { /* display:block; */ }
.sub_menu .sub_menu_area dl.on dd a.on {
  color: #222edd;
  font-weight: 400;
}
.sub_menu .sub_menu_area dl.on dd a.on span {
  text-decoration: underline;
}
.sub_menu .sub_menu_area dl dt {
  height: 60px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #747474;
}
.sub_menu .sub_menu_area dl dt a {
  position: relative;
  height: 61px;
  padding: 0 50px 0 20px;
  border-bottom: 1px solid #747474;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 1.2;
  color: #fff;
}
.sub_menu .sub_menu_area dl dt a span {
  -webkit-box-flex: 1,;
      -ms-flex: 1, 1, auto;
          flex: 1, 1, auto;
}
.sub_menu .sub_menu_area dl dt a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  width: 10px;
  height: 8px;
  display: inline-block;
  background: url(../../images/common/icon_subMenu_white.png) no-repeat;
}
.sub_menu .sub_menu_area dl dd {
  display: none;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #ddd;
  background-color: #fff;
  /* &:nth-child(2){
  	a{padding-top:11px;}
  }
  &:last-child{
  	a{padding-bottom:11px; border-bottom:1px solid $cddd;}
  } */
}
.sub_menu .sub_menu_area dl dd a {
  padding: 4px 20px;
  min-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 1.2;
  color: #222;
  /* span {flex:1;} */
}
.sub_menu .sub_menu_area .btn_contactUs {
  float: right;
  padding-left: 49px;
  padding-right: 14px;
  height: 60px;
  line-height: 4;
  font-size: 15px;
  color: #fff;
  text-align: left;
  display: block;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #747474; /*background:$defColor109;*/
  background: transparent url(../../images/common/icon_contactus.png) no-repeat 18px 18px;
}
.sub_menu.fix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  border-bottom-color: #ddd;
  background: #fff;
}
.sub_menu.fix .sub_menu_area .home {
  border-color: #ddd;
  background-image: url(../../images/common/icon_home.png);
}
.sub_menu.fix .sub_menu_area dl {
  border-color: #ddd;
  background-color: #fff;
}
.sub_menu.fix .sub_menu_area dl.on dt a:after {
  background-image: url(../../images/common/icon_subMenu_up.png);
}
.sub_menu.fix .sub_menu_area dl dt {
  border-color: #ddd;
}
.sub_menu.fix .sub_menu_area dl dt a {
  color: #222;
  border-bottom-color: #ddd;
}
.sub_menu.fix .sub_menu_area dl dt a:after {
  background-image: url(../../images/common/icon_subMenu.png);
}
.sub_menu.fix .sub_menu_area .btn_contactUs {
  border-color: #ddd;
  background-color: #222edd;
}

.main #content {
  padding-top: 0;
}

/*#content{padding-top:60px;}*/
@media (max-width: 1680px) {
  #header .nav > .navList > ul > li { /* padding-left:4%; */ /*padding-left:7%;*/
  }
  #header .nav > .navList > ul > li .depth2Wrap .depth2 > ul > li > a {
    font-size: 15px;
  }
  #header .nav > .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a {
    font-size: 13px;
  }
}
@media (max-width: 1440px) {
  .main #header.on .logo object {
    top: -33.18px;
  }
  .main #header.on .logo img {
    top: -33.18px;
  }
  .main #header .logo { /* canvas */ }
  .main #header .logo #pcCan {
    top: 0px;
  }
  .main #header .logo object {
    top: 0px;
  }
  .main #header .logo img {
    top: 0px;
  }
  .main #header .pix-in .nav > .navList > ul {
    gap: 80px;
  }
  #header .headerInner {
    padding: 0 25px;
  }
  #header.on .logo, #header.search .logo { /* canvas */ }
  #header.on .logo #pcCan, #header.search .logo #pcCan {
    top: -35px;
  }
  #header.on .logo object, #header.search .logo object { /* top:-33.18px; */ }
  #header .logo { /*top:27px; left:20px;*/
    width: 92px;
    height: 33.18px; /*  background-size:92px 70px; background-position:left bottom; */
    /* canvas */
  }
  #header .logo #pcCan {
    top: -35px;
    width: 92px;
    height: 70px;
  }
  #header .logo object {
    top: -33.18px;
  }
  #header .logo img {
    top: -33.18px;
  }
  #header .nav { /* left:-2%; */ /* padding:0px 330px 0 220px; */ /*padding:0px 330px 0 190px;*/
  }
  #header .nav .navList > ul > li { /* padding-left:2%; */ }
  #header .nav .navList > ul > li .depth2Wrap .depth2 {
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a {
    font-size: 14px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a {
    font-size: 12px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li {
    padding-top: 7px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li:first-child {
    padding-top: 7px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li .depth4 li a {
    font-size: 10px;
  }
}
@media (max-width: 1280px) {
  .main #header .pix-in .nav > .navList > ul {
    gap: 50px;
  }
  #header .util .lang {
    margin-left: 4px;
    padding-left: 8px;
  }
  #header .util .newsfeed {
    margin-left: 4px;
    padding-left: 8px;
  }
  #header .util .contactUs {
    margin-left: 4px;
    padding-left: 8px;
  }
  #header .util .clientPortal a {
    margin-left: 10px; /* width:88px; */
    line-height: 3.6;
    font-size: 11px;
  }
}
@media (max-width: 1170px) {
  .sub_menu .sub_menu_area dl {
    width: calc(33.3333% - 82px);
  }
  .sub_menu .sub_menu_area dl.on dd a.on span {
    text-decoration: underline;
  }
}
@media (max-width: 1145px) {
  .main #header .pix-in .nav > .navList > ul {
    gap: 30px;
  }
  #header .pix-in .nav > .navList > ul {
    gap: 30px;
  }
}
@media (max-width: 1023px) {
  .main #header {
    top: 0;
  }
  .main #header.on .logo object {
    top: -30.65px;
  }
  .main #header.on .logo img {
    top: -30.65px;
  }
  .main #header .logo object {
    top: -30.65px;
  }
  .main #header .logo img {
    top: -30.65px;
  }
  .main #header .pix-in .nav .navList > ul {
    gap: 0;
  }
  .main #header .pix-in .nav .navList > ul > li > a {
    color: #222;
  }
  #header:has(.mbGnb) .pix-in {
    background-color: #fafafc !important;
  }
  #header .headerInner {
    padding: 0;
    height: 100%;
  }
  #header .logo { /*top:15px; left:20px;*/
    width: 85px; /* height:32px; */
    height: 30.65px; /* background:url(../../images/common/logo@x2_.png) left top no-repeat; background-size:100% 60px; */
    /* canvas */
  }
  #header .logo #moCan {
    top: -32px;
    left: 0px;
  }
  #header .logo object {
    top: -30.65px;
  }
  #header .logo img {
    top: -30.65px;
  }
  #header .pix-in {
    min-height: auto;
    height: 90px;
    background-color: #fff !important;
    padding: 0 30px; /*border-bottom: 0;*/
  }
  #header .nav {
    position: absolute;
    top: 96px; /* left:auto; right:-200vw; */
    left: 100vw;
    padding: 0;
    width: 200vw;
    height: calc(100vh - 90px);
    overflow-y: scroll;
    background-color: #fafafc; /* transition:right 0.3s; */
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #header .nav .navList {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #header .nav .contact-us {
    position: fixed;
    bottom: 50px;
    left: 100vw;
    width: 100vw;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 3;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
  }
  #header .nav .contact-us a {
    display: block;
    padding: 11px 0 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #222edd;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  #header .nav .contact-us a::after {
    content: "";
    width: 24px;
    height: 24px;
    background: transparent url(../../images/common/new_nav_ico_contact-us.png) center/100% no-repeat;
  }
  #header .nav.mbGnb { /* right: -100vw; */
    left: 0vw;
    border-bottom: 1px solid #ccc;
  }
  #header .nav.mbGnb:has(.depth2Open) { /* right: 0; */
    left: -100vw;
  }
  #header .nav.mbGnb + .util.new-util-type {
    z-index: 9999;
    background-color: #fafafc;
  }
  #header .nav.mbGnb + .util.new-util-type .search,
  #header .nav.mbGnb + .util.new-util-type .lang {
    visibility: unset;
    opacity: 1;
  }
  #header .nav.mbGnb + .util.new-util-type .btnMobileMenu::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 50%;
  }
  #header .nav.mbGnb + .util.new-util-type .btnMobileMenu::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: auto;
    top: 50%;
  }
  #header .nav.mbGnb + .util.new-util-type .btnMobileMenu span {
    width: 0;
  }
  #header .nav.mbGnb .contact-us {
    left: 0;
  }
  #header .nav.searchBox + .util.new-util-type {
    z-index: 9999;
  }
  #header .nav.searchBox + .util.new-util-type .search {
    visibility: unset;
    opacity: 1;
  }
  #header .nav.searchBox + .util.new-util-type .lang {
    visibility: hidden;
    opacity: 0;
  }
  #header .nav .navList > ul {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0 !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #header .nav .navList > ul > li {
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
  }
  #header .nav .navList > ul > li:first-child > a {
    margin-top: 0;
    border-top: 0;
  }
  #header .nav .navList > ul > li > a {
    position: relative;
    margin-top: -1px;
    padding: 19px 30px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    border-top: 1px;
    background: url(../../images/common/new_nav_ico_arrw.png) calc(100% - 30px) center/24px no-repeat;
  }
  #header .nav .navList > ul > li > a.mbFocus:before {
    top: 33px;
    height: 2px;
    -webkit-transform: skew(-70deg);
            transform: skew(-70deg);
    opacity: 0;
  }
  #header .nav .navList > ul > li .depth2Wrap {
    position: static;
    margin-top: 0;
    padding: 0;
    height: auto;
    display: none;
    -webkit-transform: none;
            transform: none;
  }
  #header .nav .navList > ul > li .depth2Wrap.on {
    height: auto;
    display: none;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 {
    left: auto;
    padding: 10px 0 20px;
    display: block;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul {
    padding-top: 11px;
    padding-right: 0 !important;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul:last-child {
    padding-bottom: 15px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li.active a:after {
    background-position: left top;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a {
    position: relative;
    padding: 0 50px 0 30px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    display: block; /*background:url(../../images/arrow/icon_depth2.png) no-repeat left bottom; background-size:14px 8px;*/
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a:after {
    content: "";
    position: absolute;
    right: 31px;
    top: 8px;
    width: 17px;
    height: 9px;
    background: url(../../images/arrow/icon_depth2.png) no-repeat left bottom;
    background-size: 18px 46px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li > a.active + .depth3 {
    display: block;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 {
    padding: 11px 0 7px;
    display: none;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li {
    padding-top: 12px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li:first-child.hidden + li, #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li:first-child.mobile + li {
    padding-top: 12px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a {
    padding-left: 40px;
    display: block;
    font-size: 16px;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a.active span {
    border-bottom: 1px solid #999;
  }
  #header .nav .navList > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a span {
    line-height: 1.4;
    font-size: 16px;
    color: #666;
  }
  #header .nav .navList > ul > li.hover > a span:after, #header .nav .navList > ul > li.active.bg.hover > a span:after, #header .nav .navList > ul > li.active > a span:after {
    display: none;
  }
  #header .nav .navList > ul > li.mobile.block > a {
    color: #222edd !important;
  }
  #header .nav .navList > ul > li.mobile.block > a:before {
    display: none;
  }
  #header .nav .navList > ul > li.mobile.block > a:after {
    display: none;
  }
  #header .nav .navList > ul > li.mobile.block > a span {
    display: inline-block;
  }
  #header .nav .navList > ul > li.mobile.block > a span:after {
    content: "";
    position: static;
    left: auto;
    bottom: auto;
    margin-top: -2px;
    margin-left: 9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/common/m_icon_link.gif) no-repeat left top;
    background-size: 18px 18px;
  }
  #header .nav .depth2Box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #header .nav .depth2Box__titBtn {
    width: 100%;
    margin-top: 30px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 18px;
    font-weight: 500;
    color: #222;
  }
  #header .nav .depth2Box__titBtn::before {
    content: "";
    width: 24px;
    height: 24px;
    background: transparent url(../../images/common/new_nav_ico_arrw.png) left center/100% no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #header .nav .depth2Box .depth2Wrap {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li:has(.depth3) > a {
    background: url(../../images/common/new_nav_ico_arrw_down.png) right center/24px no-repeat;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li > a {
    display: block;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li > a span {
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 16px;
    color: #222;
    font-weight: 400;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li .depth3 { /*padding: 24px 40px;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 -30px;
    background-color: #f2f2f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li .depth3 li {
    padding: 0px 40px;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li .depth3 li:first-child {
    padding-top: 24px;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li .depth3 li:last-child {
    padding-bottom: 24px;
  }
  #header .nav .depth2Box .depth2Wrap .depth2 > ul > li .depth3 li a span {
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 16px;
    color: #222;
    font-weight: 400;
  }
  #header .util {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #header .util.type .lang ul li {
    margin-top: 0px;
    /* a {width:auto; height:auto; display:inline-block; background:none; font-size:12px; line-height:1; color:$defColor10;
    	&.on {color:$defColor11;}
    } */
  }
  #header .util.type .lang ul li + li {
    padding-left: 10px;
  }
  #header .util.type .lang ul li + li:after {
    top: 6px;
  }
  #header .util.type .search {
    margin-left: 9px;
    width: 24px;
    height: 24px;
    background: url(../../images/common/new_nav_ico_search.png) no-repeat center/100% auto !important;
  }
  #header .util.type .newsfeed {
    margin-left: 0;
  }
  #header .util.type .newsfeed a {
    width: 30px;
    height: 30px;
    background: url(../../images/common/icon_mic_off.png) no-repeat center/100% auto !important;
  }
  #header .util.type .contactUs {
    margin-left: 0;
  }
  #header .util.type .contactUs a {
    width: 30px;
    height: 30px;
    background: url(../../images/common/icon_mail_off.png) no-repeat center/100% auto !important;
  }
  #header .util.type .clientPortal {
    display: none;
  }
  #header .util.type .btnMobileMenu {
    margin-left: 12px;
  }
  #header .util.new-util-type {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 100%;
    padding: 0 30px;
    z-index: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #header .util.new-util-type .contact-us {
    display: none;
  }
  #header .util.new-util-type .contact-us a {
    width: auto;
    height: 26px;
    border: 1px solid #222edd;
    background: #222edd;
    font-size: 13px;
    color: #fff;
  }
  #header .util.new-util-type .search {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-left: 0;
    margin-right: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  #header .util.new-util-type .lang {
    position: relative;
    margin-left: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  #header .util.new-util-type .lang > button {
    width: 30px;
    height: 30px;
    background: url(../../images/common/icon_lang.png) center center/18px auto no-repeat;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
  }
  #header .util.new-util-type .lang > ul > li {
    border-radius: 12px;
    overflow: hidden;
  }
  #header .util.new-util-type .lang > ul > li + li {
    padding: 0px;
  }
  #header .util.new-util-type .lang > ul > li + li:after {
    display: none;
  }
  #header .util.new-util-type .lang > ul > li > a {
    min-width: 50px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    font-weight: "ssl-gilroy", "ssl-font";
    background: transparent !important;
    color: #888 !important;
  }
  #header .util.new-util-type .lang > ul > li > a.on {
    background: #222 !important;
    color: #fff !important;
  }
  #header .util.new-util-type .btnMobileMenu {
    margin-top: 0;
    margin-left: 18px;
  }
  #header .util .search {
    margin-top: 1px;
    background: url(../../images/common/icon_search.png) no-repeat left top !important;
    background-size: cover !important;
  }
  #header .util .lang {
    margin-top: 0;
    background-image: none !important;
  }
  #header .util .newsfeed {
    margin-top: 0;
    background-image: none !important;
  }
  #header .util .contactUs {
    margin-top: 0;
    background-image: none !important;
  }
  #header .util .clientPortal {
    display: none;
  }
  #header .btnMobileMenu {
    margin-left: 28px;
    position: relative;
    width: 18px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #header .btnMobileMenu::before, #header .btnMobileMenu::after {
    content: "";
    width: 18px;
    height: 2px;
    background-color: #222edd;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    left: 0;
  }
  #header .btnMobileMenu::before {
    top: 0;
  }
  #header .btnMobileMenu::after {
    bottom: 0;
  }
  #header .btnMobileMenu span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 0;
    text-indent: -9999px;
    width: 18px;
    height: 2px;
    background-color: #222edd;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #header .searchField {
    display: block !important;
    position: absolute; /* left:auto; right:-100vw; */
    left: 100vw;
    padding: 45px 0 0;
    width: 100%;
    height: calc(100vh - 90px);
    overflow-y: scroll;
    background-color: #fafafc; /* transition:right 0.3s;  */
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
  }
  #header .searchField.on { /* right: 0; */
    left: 0vw;
  }
  #visual + .sub_menu {
    top: auto;
  }
  #visual.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
  }
  .sub_menu {
    top: auto;
    height: 40px;
    border-bottom-color: #ddd;
    background: #fff;
  }
  .sub_menu.fix {
    position: static;
    top: auto;
    left: auto;
    z-index: 1;
  }
  .sub_menu .sub_menu_area .home {
    display: none;
  }
  .sub_menu .sub_menu_area dl {
    min-width: auto;
    width: 50%; /* height:40px; */
    display: none;
    border-color: #ddd;
  }
  .sub_menu .sub_menu_area dl.show {
    display: block;
  }
  .sub_menu .sub_menu_area dl + dl {
    display: block;
  }
  .sub_menu .sub_menu_area dl:nth-child(2) {
    margin-left: 0;
    width: calc(50% + 1px);
  }
  .sub_menu .sub_menu_area dl.on dt a:after {
    width: 8px;
    height: 4px;
    background-image: url(../../images/common/icon_subMenu_up.png);
  }
  .sub_menu .sub_menu_area dl dt {
    height: 40px;
    font-size: 12px;
    border-color: #ddd;
  }
  .sub_menu .sub_menu_area dl dt a {
    padding: 0 33px 0 20px;
    height: 41px;
    font-size: 12px;
    color: #222;
    border-bottom: 0;
  }
  .sub_menu .sub_menu_area dl dt a:after {
    top: 19px;
    right: 14px;
    width: 7px;
    height: 5px;
    background-image: url(../../images/common/icon_subMenu.png);
    background-size: cover;
  }
  .sub_menu .sub_menu_area dl dd a {
    min-height: 34px;
    font-size: 12px;
  }
  .sub_menu .sub_menu_area .btn_contactUs {
    display: none;
  }
}
/* E :sub_menu */
/* S :page info */
.pageInfo {
  padding-bottom: 100px;
}
.pageInfo h3 {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
}
.pageInfo .subText {
  padding-top: 13px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.5px;
}
.pageInfo .pageTitle + dl {
  padding-top: 0px;
}
.pageInfo.pageInfoWTyp1 dl dt {
  width: 220px;
}
.pageInfo.pageInfoWTyp1 dl dd {
  width: calc(100% - 220px);
}
.pageInfo.pageInfoWTyp2 dl dt {
  width: 240px;
}
.pageInfo.pageInfoWTyp2 dl dd {
  width: calc(100% - 240px);
}
.pageInfo.pageInfoWTyp3 dl dt {
  width: 260px;
}
.pageInfo.pageInfoWTyp3 dl dd {
  width: calc(100% - 260px);
}
.pageInfo.pageInfoWTyp4 dl dt {
  width: 280px;
}
.pageInfo.pageInfoWTyp4 dl dd {
  width: calc(100% - 280px);
}
.pageInfo.pageInfoWTyp6 dl dt {
  width: 320px;
}
.pageInfo.pageInfoWTyp6 dl dd {
  width: calc(100% - 320px);
}
.pageInfo.pageInfoWTyp7 dl dt {
  width: 340px;
}
.pageInfo.pageInfoWTyp7 dl dd {
  width: calc(100% - 340px);
}
.pageInfo.pageInfoWTyp9 dl dt {
  width: 380px;
}
.pageInfo.pageInfoWTyp9 dl dd {
  width: calc(100% - 380px);
}
.pageInfo.pageInfoWTyp10 dl dt {
  width: 400px;
}
.pageInfo.pageInfoWTyp10 dl dd {
  width: calc(100% - 400px);
}
.pageInfo.pageInfoWTyp11 dl dt {
  width: 420px;
}
.pageInfo.pageInfoWTyp11 dl dd {
  width: calc(100% - 420px);
}
.pageInfo.pageInfoWTyp12 dl dt {
  width: 440px;
}
.pageInfo.pageInfoWTyp12 dl dd {
  width: calc(100% - 440px);
}
.pageInfo.pageInfoWTyp13 dl dt {
  width: 460px;
}
.pageInfo.pageInfoWTyp13 dl dd {
  width: calc(100% - 460px);
}
.pageInfo.pageInfoWTyp14 dl dt {
  width: 480px;
}
.pageInfo.pageInfoWTyp14 dl dd {
  width: calc(100% - 480px);
}
.pageInfo.pageInfoWTyp15 dl dt {
  width: 500px;
}
.pageInfo.pageInfoWTyp15 dl dd {
  width: calc(100% - 500px);
}
.pageInfo.pageInfoWTyp16 dl dt {
  width: 520px;
}
.pageInfo.pageInfoWTyp16 dl dd {
  width: calc(100% - 520px);
}
.pageInfo.pageInfoWTyp17 dl dt {
  width: 540px;
}
.pageInfo.pageInfoWTyp17 dl dd {
  width: calc(100% - 540px);
}
.pageInfo > dl {
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* &:after{content:''; display:block; clear:both;} */
}
.pageInfo > dl:first-child {
  padding-top: 0px;
}
.pageInfo > dl.w170 {
  width: 170px;
}
.pageInfo > dl.w240 {
  width: 240px;
}
.pageInfo > dl.w295 {
  width: 295px;
}
.pageInfo > dl dt {
  padding-right: 80px;
  width: 360px;
  line-height: 1.2;
  font-size: 30px;
  font-weight: 400;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pageInfo > dl dt.bold {
  font-weight: 600;
}
.pageInfo > dl dt .registered:after {
  margin: -2px 0 0 2px;
  font-size: 24px;
}
.pageInfo > dl dt .regular {
  font-weight: 400;
  font-size: 30px;
}
.pageInfo > dl dt span {
  padding-bottom: 5px;
  line-height: normal;
  font-size: 18px;
  font-weight: 300;
  display: block;
}
.pageInfo > dl dd {
  position: relative;
  padding: 0 20px 0 50px;
  width: calc(100% - 360px);
  line-height: 1.7;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* &:before{content:''; position:absolute; top:6px; left:0; bottom:0; width:2px; height:calc(100% - 5px); background-color:$defColor25;}
  &:after{content:''; position:absolute; top:6px; left:0; z-index:1; width:2px; height:50%; background-color:$defColor01} */
  /* cro/analyticalTestingServices.html 위한 스타일 */
}
.pageInfo > dl dd p + p {
  padding-top: 40px;
}
.pageInfo > dl dd .regular {
  font-weight: 400;
  font-size: 30px;
}
.pageInfo > dl dd li {
  padding-left: 11px;
  text-indent: -11px;
}
.pageInfo > dl dd .dashList li {
  padding-left: 13px;
  text-indent: 0;
}
.pageInfo > dl dd .flex_2 li {
  padding-left: 0;
  text-indent: 0;
}
.pageInfo > dl dd a.point {
  color: #222edd;
  font-weight: 500;
  text-decoration: underline;
}
.pageInfo > dl dd .smallText {
  font-size: 14px;
}
.pageInfo > dl .star:after {
  content: "*";
  padding-right: 5px;
  width: 7px;
  text-align: right;
  color: #222edd;
  display: inline-block;
}
.pageInfo > dl .star2:after {
  content: "**";
  padding-right: 5px;
  width: 15px;
  text-align: right;
  color: #222edd;
  display: inline-block;
}

.dashList li {
  position: relative;
  padding-left: 13px;
}
.dashList li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 18px;
  color: #222;
}

.reference li {
  font-size: 15px;
  line-height: 1.7;
  font-weight: 300;
  color: #727171;
}

p.blueLine,
h2.blueLine,
h3.blueLine,
h4.blueLine {
  position: relative; /* margin-top:8px; */
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
  /* &:before{content:''; position:absolute; left:0; top:-8px; width:74px; height:2px; background-color:$defColor01;} */
}
p.blueLine.registered,
h2.blueLine.registered,
h3.blueLine.registered,
h4.blueLine.registered {
  padding-right: 17px;
}
p.blueLine + .pageTitle,
h2.blueLine + .pageTitle,
h3.blueLine + .pageTitle,
h4.blueLine + .pageTitle {
  margin-top: 25px;
}
p.blueLine + .tabBox,
h2.blueLine + .tabBox,
h3.blueLine + .tabBox,
h4.blueLine + .tabBox {
  margin-top: 30px;
}
p.blueLine span,
h2.blueLine span,
h3.blueLine span,
h4.blueLine span {
  font-size: 18px;
}

.registered:after {
  content: "®";
  margin: -8px 0 0 2px;
  font-size: 22px;
  color: #222;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
}

.centerType {
  padding-bottom: 100px;
  text-align: center;
}
.centerType .s-choice {
  width: 416px;
  height: 64px;
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  background: url(../../images/ourServices/s-choice.jpg) no-repeat left top;
}
.centerType p {
  padding-top: 40px;
  font-size: 26px;
  color: #222;
  line-height: 1.154;
}
.centerType .dashList li {
  font-size: 18px;
  color: #222;
}
.centerType .dashList li:before {
  position: static;
  padding-right: 8px;
}

@media (max-width: 1023px) {
  .pageInfo {
    padding-bottom: 50px;
  }
  .pageInfo h3 {
    font-size: 26px;
  }
  .pageInfo .pageTitle + dl:before {
    top: 0;
    height: 100%;
  }
  .pageInfo .pageTitle + dl:after {
    top: 0;
    height: 50%;
  }
  .pageInfo > dl {
    position: relative;
    display: block;
    padding-top: 36px;
    /* &:before{content:''; position:absolute; top:42px; left:0; bottom:0; width:2px; height:calc(100% - 48px); background-color:$defColor25;}
    &:after{content:''; position:absolute; top:42px; left:0; z-index:1; width:2px; height:calc(50% - 48px); background-color:$defColor01} */
    /* &.shotLine{
    	&::after,
    	&::before{display: none;}
    	> dt{
    		&:before{content:''; position:absolute; top:5px; left:0; bottom:0; width:2px; height:calc(100% - 5px); background-color:$defColor25;}
    		&:after{content:''; position:absolute; top:5px; left:0; z-index:1; width:2px; height:calc(50% - 2px); background-color:$defColor01}
    	}
    } */
  }
  .pageInfo > dl.pcT0 {
    margin-top: 0 !important;
  }
  .pageInfo > dl.pt0 {
    padding-top: 0;
  }
  .pageInfo > dl.pt0:before {
    top: 4px;
    height: calc(100% - 5px);
  }
  .pageInfo > dl.pt0:after {
    top: 4px;
    height: calc(50% - 5px);
  }
  .pageInfo > dl:first-child:before {
    top: 7px;
    height: calc(100% - 12px);
  }
  .pageInfo > dl:first-child:after {
    top: 7px;
    height: calc(50% - 12px);
  }
  .pageInfo > dl dt {
    position: relative; /* padding:0 0 0 16px; */
    padding: 0 0 0 0;
    width: 100% !important;
    font-size: 20px;
    line-height: 1.4;
    white-space: normal;
  }
  .pageInfo > dl dt.w170 {
    width: auto;
  }
  .pageInfo > dl dt.w240 {
    width: auto;
  }
  .pageInfo > dl dt.w295 {
    width: auto;
  }
  .pageInfo > dl dt span {
    font-size: 16px;
  }
  .pageInfo > dl dt span.regular {
    font-size: 20px;
    display: inline-block;
  }
  .pageInfo > dl dt span.s-choice {
    width: 246px;
    height: 38px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../../images/ourServices/m_s-choice.jpg) no-repeat left top;
    background-size: 100% auto;
  }
  .pageInfo > dl dd { /* padding:25px 0 0 16px; */
    padding: 25px 0 0 0;
    width: 100% !important;
    font-size: 14px;
  }
  .pageInfo > dl dd:before {
    display: none;
  }
  .pageInfo > dl dd:after {
    display: none;
  }
  .pageInfo > dl dd p + p {
    padding-top: 30px;
  }
  .pageInfo > dl dd .regular {
    font-size: 20px;
  }
  .reference li {
    line-height: 1.5;
    font-size: 12px;
  }
  p.blueLine,
  h2.blueLine,
  h3.blueLine,
  h4.blueLine {
    font-size: 20px;
  }
  p.blueLine + .pageTitle,
  h2.blueLine + .pageTitle,
  h3.blueLine + .pageTitle,
  h4.blueLine + .pageTitle {
    margin-top: 12px;
  }
  p.blueLine + .tabBox,
  h2.blueLine + .tabBox,
  h3.blueLine + .tabBox,
  h4.blueLine + .tabBox {
    margin-top: 15px;
  }
  p.blueLine span,
  h2.blueLine span,
  h3.blueLine span,
  h4.blueLine span {
    font-size: 14px;
  }
  .cmoList .swiper-button-next,
  .cmoList .swiper-button-prev {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
  }
  .cmoList .swiper-button-prev {
    background-image: url(../../images/btn/btn_swiperPrev.png);
  }
  .cmoList .swiper-button-next {
    background-image: url(../../images/btn/btn_swiperNext.png);
  }
  .cdoList .swiper-button-next,
  .cdoList .swiper-button-prev {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
  }
  .cdoList .swiper-button-prev {
    background-image: url(../../images/btn/btn_swiperPrev.png);
  }
  .cdoList .swiper-button-next {
    background-image: url(../../images/btn/btn_swiperNext.png);
  }
}
.bgGray {
  background-color: #f8f8f8;
}

/* E :page info */
@media (max-width: 800px) {
  #container .sub_visual .text_area {
    top: 72px;
  }
}
@media (max-width: 768px) {
  .dashList li:before {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  #container .sub_visual .text_area {
    top: 52px;
  }
}
.photo {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.photo.typL img {
  margin: 0;
}
.photo + .pageInfo {
  padding-top: 100px;
}
.photo img {
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .photo.typL img {
    margin: 0 auto;
    display: block;
  }
  .photo + .pageInfo {
    padding-top: 50px;
  }
  .photo img {
    width: 100%;
    max-width: 600px;
  }
}
.centerAlign {
  padding: 0 80px;
}
.centerAlign + .pageInfo {
  padding-top: 90px;
}

@media (max-width: 1023px) {
  .pix-in .centerAlign {
    padding: 0;
  }
  .centerAlign {
    padding: 0 30px;
  }
  .centerAlign + .pageInfo {
    padding-top: 50px;
  }
}
/* 영문폰트 적용하기 위한 소스 */
#header .nav { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li > a { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li > a span { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li .depth2Wrap .depth2 {
  /* &.depth2_2{
  	&>ul{padding-right:6%;}
  } */
}
#header .nav > ul > li .depth2Wrap .depth2 > ul > li > a { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li .depth2Wrap .depth2 > ul > li > a span { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .nav > ul > li .depth2Wrap .depth2 > ul > li .depth3 li a span { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .util .contactUs a { /* font-family:'ssl-font-en','ssl-font'; */ }
#header .searchField .form ul .txt input[type=text]::-webkit-input-placeholder {
  font-family: "ssl-font-en";
  color: #888;
}
#header .searchField .form ul .txt input[type=text]::-moz-placeholder {
  font-family: "ssl-font-en";
  color: #888;
}
#header .searchField .form ul .txt input[type=text]:-ms-input-placeholder {
  font-family: "ssl-font-en";
  color: #888;
}
#header .searchField .form ul .txt input[type=text]::-ms-input-placeholder {
  font-family: "ssl-font-en";
  color: #888;
}
#header .searchField .form ul .txt input[type=text]::placeholder {
  font-family: "ssl-font-en";
  color: #888;
}

.pageInfo > dl dt.bold {
  font-family: "ssl-font-en", "ssl-font" !important;
}
.pageInfo > dl dt .registered:after {
  margin: -12px 0 0 2px;
  font-size: 39px;
}

.registered:after {
  margin: -12px 0 0 2px;
  font-size: 37px;
}

/*layerPopup*/
/*modal layout*/
.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11000;
  text-align: center;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal:after {
  content: "";
  margin-right: -5px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1000px;
  width: calc(100% - 40px);
  max-height: 800px;
  height: calc(100% - 150px);
  text-align: left;
  vertical-align: middle;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.modal.heightAuto .modal-dialog {
  height: auto !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background-color: #000;
  -webkit-transform: scale(10);
  transform: scale(10);
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.7;
}

.modal-header {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
}
.modal-header .btn-close {
  position: absolute;
  top: -70px;
  right: 0;
  width: 34px;
  height: 35px;
  background: url(../../images/btn/sitemap_close.png) 0 0 no-repeat;
  background-size: 100%;
}

/*modal action (IE8 not support)*/
.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal.in .modal-dialog {
  opacity: 1;
}

@media (max-width: 1023px) {
  .modal-header .btn-close {
    top: -45px;
    right: 0px;
    width: 17px;
    height: 17px;
    background: url(../../images/btn/m_sitemap_close.png) center center no-repeat;
    background-size: 100%;
  }
}
/* video */
#swiperPopup .modal-content {
  position: relative;
  max-width: 1000px;
  width: 100%;
  height: 100%;
}
#swiperPopup .modal-body {
  margin: 0 auto;
  padding: 30px;
  max-width: 900px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swiperPopup .swiper-slide img {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  display: block;
}
#swiperPopup .swiper-slide .list_desc {
  margin-top: 30px;
  padding-left: 10px;
  border-top: 1px solid #ddd;
}
#swiperPopup .swiper-slide .list_desc .tit {
  padding-top: 30px;
  font-size: 26px;
  padding-left: 10px;
}
#swiperPopup .swiper-slide .list_desc .date {
  margin-top: 5px;
  padding-left: 10px;
  font-size: 18px;
  color: #666;
}
#swiperPopup .swiper-button-prev {
  width: 35px;
  height: 46px;
  left: 0;
  background: url(../../images/arrow/modal_swiper_prev.png) center center no-repeat;
  background-size: 15px 26px;
}
#swiperPopup .swiper-button-next {
  width: 35px;
  height: 46px;
  right: 0;
  background: url(../../images/arrow/modal_swiper_next.png) center center no-repeat;
  background-size: 15px 26px;
}

.modal-body video {
  margin: 0 auto;
  max-width: 840px;
  width: 100%;
  display: block;
}

.modal-body iframe {
  width: 100%;
  max-width: 840px;
  height: 460px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  #mobile_csr_gallery {
    display: none;
  }
  #mobile_csr_gallery .swiper-slide a {
    position: relative;
    height: calc((100vw - 64px) * 9 / 16);
    display: block;
    overflow: hidden;
  }
  #mobile_csr_gallery .swiper-slide a:after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 23px;
    width: 17px;
    height: 17px;
    display: block;
    background: url(../../images/ico/ico_gallery_resize.png) 0 0 no-repeat;
    background-size: 100%;
  }
  #mobile_csr_gallery .swiper-container {
    margin-top: 20px;
  }
  #mobile_csr_gallery .swiper-slide {
    text-align: center;
  }
  #mobile_csr_gallery .swiper-slide img {
    margin: 0 auto;
    display: block;
  }
  #mobile_csr_gallery .slide-control {
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 1;
    padding-left: 0px;
    max-width: 1040px;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  #mobile_csr_gallery .slide-control .pause,
  #mobile_csr_gallery .slide-control .play {
    position: relative;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
  }
  #mobile_csr_gallery .slide-control .pause {
    background: url(../../images/btn/slide_pause_blue.png) no-repeat center center;
  }
  #mobile_csr_gallery .slide-control .play {
    background: url(../../images/btn/slide_play_blue.png) no-repeat center center;
  }
  #mobile_csr_gallery .swiper-pagination {
    position: relative;
    display: inline-block;
  }
  #mobile_csr_gallery .swiper-pagination .swiper-pagination-bullet {
    background: #222edd;
  }
  #mobile_csr_gallery .swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #222edd;
    background: #fff;
  }
  #mobile_csr_gallery .swiper-pagination .swiper-pagination-bullet-active:after {
    background: #222edd;
  }
  .modal-open #swiperPopup.modal {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #swiperPopup.modal:after {
    display: none;
  }
  #swiperPopup .modal-dialog {
    max-width: none;
  }
  #swiperPopup .modal-body {
    padding: 0;
  }
  #swiperPopup .swiper-button-prev,
  #swiperPopup .swiper-button-next {
    display: none;
  }
  #swiperPopup .swiper-slide .list_desc {
    margin: 30px;
    padding: 20px 0 0;
  }
  #swiperPopup .swiper-slide .list_desc .tit {
    padding-top: 0;
    font-size: 20px;
  }
  #swiperPopup .swiper-slide .list_desc .date {
    margin-top: 0px;
    font-size: 12px;
  }
  .modal-body video {
    max-width: 100%;
  }
  .modal-body iframe {
    height: 54vw;
  }
}
@media (max-width: 770px) {
  #swiperPopup .modal-dialog {
    max-height: 500px;
  }
}
/* site map */
.site_map {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  display: none;
}
.site_map:after {
  content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background: #222edd;
  opacity: 0.96;
}
.site_map .site_map_top {
  position: relative;
  z-index: 1;
  padding: 85px 0 62px;
  text-align: center;
  border-bottom: 2px solid #fff;
}
.site_map .site_map_top .tit {
  font-family: "ssl-font";
  font-size: 36px;
  font-weight: 500;
  color: #fff;
}
.site_map .site_map_top a.close {
  position: absolute;
  top: 92px;
  right: 0;
  width: 34px;
  height: 35px;
  text-indent: -9999px;
  display: block;
  background: url(../../images/btn/sitemap_close.png) no-repeat left top;
}
.site_map .site_map_cont {
  position: relative;
  padding-top: 10px;
  z-index: 1;
}
.site_map .site_map_cont > ul {
  padding: 70px 80px;
  border-top: 1px solid #939393;
}
.site_map .site_map_cont > ul:first-child {
  border: 0;
}
.site_map .site_map_cont > ul:after {
  content: "";
  display: block;
  clear: both;
}
.site_map .site_map_cont > ul > li {
  float: left;
  padding: 0 0 25px 30px;
  width: calc(33.3% - 30px);
}
.site_map .site_map_cont > ul > li > a {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #8aedff;
  display: block;
}
.site_map .site_map_cont > ul > li > ul:first-child {
  padding-top: 40px;
}
.site_map .site_map_cont > ul > li > ul > li {
  position: relative;
  padding: 20px 0 0 13px;
}
.site_map .site_map_cont > ul > li > ul > li > a {
  font-size: 18px;
  font-weight: 500;
  color: #ddeafc;
}
.site_map .site_map_cont > ul > li > ul > li > a:before {
  content: "-";
  position: absolute;
  top: 20px;
  left: 0;
  font-weight: 400;
  color: #fff;
}
.site_map .site_map_cont > ul > li > ul > li.active > a, .site_map .site_map_cont > ul > li > ul > li > a:focus, .site_map .site_map_cont > ul > li > ul > li > a:hover, .site_map .site_map_cont > ul > li > ul > li > a:active {
  color: #00d8ff;
  border-bottom: 1px solid #00d8ff;
}
.site_map .site_map_cont > ul > li > ul > li.active > a:before, .site_map .site_map_cont > ul > li > ul > li > a:focus:before, .site_map .site_map_cont > ul > li > ul > li > a:hover:before, .site_map .site_map_cont > ul > li > ul > li > a:active:before {
  color: #00d8ff;
}
.site_map .site_map_cont > ul > li > ul > li > ul {
  padding-top: 10px;
}
.site_map .site_map_cont > ul > li > ul > li > ul > li a {
  color: #badaff;
  font-size: 13px;
}
.site_map .site_map_cont > ul > li > ul > li > ul > li .active a,
.site_map .site_map_cont > ul > li > ul > li > ul > li a:focus,
.site_map .site_map_cont > ul > li > ul > li > ul > li a:hover,
.site_map .site_map_cont > ul > li > ul > li > ul > li a:active {
  padding: 0 0 3px 0;
  color: #00d8ff;
  border-bottom: 1px solid #00d8ff;
}
.site_map .site_map_cont > ul > li > ul > li > ul > li > ul {
  padding-left: 10px;
  /* li {position:relative; 
  	&:before {content:'·'; position:absolute; top:50%; left:-10px; }
  } */
}

@media (max-width: 1023px) {
  .site_map {
    padding: 0 30px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .site_map .site_map_top {
    position: relative;
    padding: 85px 0 30px;
    text-align: center;
    border-bottom: 2px solid #fff;
  }
  .site_map .site_map_top .tit {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .site_map .site_map_top a.close {
    position: absolute;
    top: 50px;
    right: -10px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    display: block;
    background: url(../../images/btn/sitemap_close.png) center/18px no-repeat;
  }
  .site_map .site_map_cont {
    position: relative;
    padding: 0;
  }
  .site_map .site_map_cont > ul {
    padding: 30px 0 10px;
    border-top: 1px solid #939393;
  }
  .site_map .site_map_cont > ul:nth-child(2) {
    padding: 5px 0 10px;
  }
  .site_map .site_map_cont > ul:nth-child(2) > li {
    padding: 20px 0 10px 0;
  }
  .site_map .site_map_cont > ul:first-child {
    border: 0;
  }
  .site_map .site_map_cont > ul:last-child {
    position: relative;
    left: auto;
    bottom: auto;
    padding: 20px 0 0 0;
    border: 0;
  }
  .site_map .site_map_cont > ul:last-child > li {
    width: 100%;
  }
  .site_map .site_map_cont > ul > li {
    float: none;
    padding: 20px 0 15px 0;
    width: 100%;
  }
  .site_map .site_map_cont > ul > li > a {
    font-size: 24px;
    font-weight: 500;
    color: #00d8ff;
    display: block;
  }
  .site_map .site_map_cont > ul > li > ul > li {
    position: relative;
    padding: 10px 0 0 10px;
  }
  .site_map .site_map_cont > ul > li > ul > li > a {
    font-size: 18px;
    color: #ddeafc;
  }
  .site_map .site_map_cont > ul > li > ul > li > a:before {
    top: 10px;
  }
  .site_map .site_map_cont > ul > li > ul > li.active > a {
    color: #00d8ff;
    border-bottom: 1px solid #00d8ff;
  }
  .site_map .site_map_cont > ul > li > ul > li > ul {
    padding-top: 0;
  }
  .site_map .site_map_cont > ul > li > ul > li > ul > li {
    padding: 5px 0 0 0;
  }
  .site_map .site_map_cont > ul > li > ul > li > ul > li:last-child {
    padding: 0;
  }
  .site_map .site_map_cont > ul > li > ul > li > ul > li.active a {
    padding: 0 0 3px 0;
    color: #00d8ff;
    border-bottom: 1px solid #00d8ff;
  }
  .site_map .site_map_cont > ul > li > ul > li > ul > li a {
    font-size: 13px;
    color: #badaff;
  }
}
/* private policy */
.private_policy {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  display: none;
}
.private_policy:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.private_policy .privateBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 1040px;
  width: 100%;
  height: calc(100% - 100px);
  max-height: 760px;
  padding: 0 70px 70px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.private_policy .policy_top {
  width: 100%;
  height: 100px;
  padding: 35px 0;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_policy .policy_top .tit {
  font-size: 28px;
  text-align: center;
}
.private_policy .policyFrm {
  width: 100%;
  padding: 30px 0 20px calc(100% - 284px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_policy .policyFrm:after {
  content: "";
  display: block;
  clear: both;
}
.private_policy .policyFrm .sortingItm {
  float: left;
  width: 220px;
  height: 43px;
  margin: 0 10px 0 0;
}
.private_policy .policyFrm .btn_policy {
  float: left;
  display: block;
  width: 54px;
  height: 43px;
  font-weight: 500;
  font-size: 14px;
  line-height: 3;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.private_policy .policyFrm .btn_policy:focus, .private_policy .policyFrm .btn_policy:active, .private_policy .policyFrm .btn_policy:hover {
  color: #fff;
  background: #222edd;
}
.private_policy .policy_cont {
  width: 100%;
  height: calc(100% - 100px);
  max-height: 590px;
  padding: 50px 30px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_policy .policy_cont strong {
  display: block;
  padding: 0 0 25px 0;
  font-size: 18px;
  font-weight: 500;
}
.private_policy .policy_cont > div {
  padding: 30px 0;
}
.private_policy .policy_cont .line {
  border-top: 1px solid #222edd;
}
.private_policy .policy_cont .dotted {
  border-top: 1px dotted #222edd;
}
.private_policy .policy_cont .cont1 p {
  padding: 30px 0 0;
  color: #666;
}
.private_policy .policy_cont .cont1 p:first-child {
  padding: 0;
}
.private_policy .policy_cont .cont2 ul li {
  position: relative;
  padding: 10px 0 0 30px;
  font-size: 18px;
}
.private_policy .policy_cont .cont2 ul li span {
  position: absolute;
  left: 0;
  top: 10px;
  color: #222edd;
}
.private_policy .policy_cont .cont3 strong {
  padding: 0 0 20px 0;
  font-size: 18px;
  font-weight: 500;
}
.private_policy .policy_cont .cont3 strong + ul {
  padding: 0;
}
.private_policy .policy_cont .cont3 strong span {
  padding: 0 15px 0 0;
  color: #222edd;
  font-weight: 500;
}
.private_policy .policy_cont .cont3 > p {
  color: #666;
}
.private_policy .policy_cont .cont3 > p.etc2 {
  margin-left: 10px;
  padding-left: 12px;
}
.private_policy .policy_cont .cont3 > p.etc2:before {
  content: "·";
  left: 2px;
}
.private_policy .policy_cont .cont3 > p.etc2.mt10 {
  margin-top: 10px;
}
.private_policy .policy_cont .cont3 > ul {
  padding: 13px 0 0 0;
}
.private_policy .policy_cont .cont3 > ul > li {
  position: relative;
  padding: 0 0 10px 30px;
  color: #666;
}
.private_policy .policy_cont .cont3 > ul > li span {
  position: absolute;
  left: 0;
  top: 0;
}
.private_policy .policy_cont .cont3 > ul > li > p {
  position: relative;
  padding: 5px 0 0 10px;
}
.private_policy .policy_cont .cont3 > ul > li > p:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 3px;
}
.private_policy .policy_cont .cont3 > ul > li > p:last-child {
  padding-bottom: 10px;
}
.private_policy .policy_cont .cont3 > ul > li > p.etc:before {
  content: ":";
  left: 2px;
}
.private_policy .policy_cont .cont3 > ul > li > p.etc2 {
  margin-left: 10px;
}
.private_policy .policy_cont .cont3 > ul > li > p.etc2:before {
  content: "·";
  left: 2px;
}
.private_policy .policy_cont .cont3 > ul > li > p.ns {
  padding-left: 0px;
}
.private_policy .policy_cont .cont3 > ul > li > p.ns:before {
  display: none;
}
.private_policy .policy_cont table {
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 14px;
}
.private_policy .policy_cont table thead tr th {
  padding: 15px;
  background: #efefef;
}
.private_policy .policy_cont table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
}
.private_policy .policy_cont table tbody tr td.td_line {
  border-bottom: 1px solid #fff;
}
.private_policy .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

:lang(en) .private_policy .policy_top {
  height: auto;
}
:lang(en) .private_policy .policy_cont .pdl30 {
  padding-left: 30px;
}
:lang(en) .private_policy .policy_cont .pdt40 {
  padding-top: 20px;
}
:lang(en) .private_policy .policy_cont .pdt30 {
  padding-top: 30px;
}
:lang(en) .private_policy .policy_cont .cont3 > ul > li span {
  left: 6px;
}
:lang(en) .private_policy .policy_cont .cont_table.mo {
  display: none;
}

:lang(ko) .private_policy .policy_cont {
  width: 100%;
  height: calc(100% - 193px);
  padding: 0px 30px 50px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1023px) {
  .private_policy {
    position: fixed;
  }
  .private_policy .privateBox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 85%;
    height: calc(100% - 100px);
    padding: 0 25px 50px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
  }
  .private_policy .policy_top {
    height: 82px;
    padding: 25px 0;
  }
  .private_policy .policy_top .tit {
    font-size: 20px;
  }
  .private_policy .policyFrm {
    width: 100%;
    padding: 10px 0 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .private_policy .policyFrm .sortingItm {
    float: left;
    width: calc(100% - 64px);
    height: 43px;
    margin: 0 10px 0 0;
  }
  .private_policy .policy_cont {
    height: calc(100% - 82px);
    padding: 20px 10px;
  }
  .private_policy .policy_cont strong {
    padding: 0 0 20px 0;
    font-size: 14px;
  }
  .private_policy .policy_cont > div {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .private_policy .policy_cont .line {
    border-top: 1px solid #222edd;
  }
  .private_policy .policy_cont .dotted {
    border-top: 1px dotted #222edd;
  }
  .private_policy .policy_cont .cont1 p {
    padding: 20px 0 0;
    color: #666;
    font-size: 12px;
  }
  .private_policy .policy_cont .cont1 p:first-child {
    padding: 0;
  }
  .private_policy .policy_cont .cont2 ul li {
    position: relative;
    padding: 5px 0 0 15px;
    font-size: 12px;
  }
  .private_policy .policy_cont .cont2 ul li span {
    position: absolute;
    left: 0;
    top: 5px;
    color: #222edd;
  }
  .private_policy .policy_cont .cont3 strong {
    padding: 0 0 15px 0;
    font-size: 12px;
  }
  .private_policy .policy_cont .cont3 strong + ul {
    padding: 0;
  }
  .private_policy .policy_cont .cont3 strong span {
    padding: 0 10px 0 0;
    color: #222edd;
    font-weight: 500;
  }
  .private_policy .policy_cont .cont3 > p {
    color: #666;
    font-size: 12px;
  }
  .private_policy .policy_cont .cont3 > ul {
    padding: 13px 0 0 0;
  }
  .private_policy .policy_cont .cont3 > ul > li {
    position: relative;
    padding: 0 0 10px 20px;
    color: #666;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .private_policy .policy_cont .cont3 > ul > li span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .private_policy .policy_cont .cont3 > ul > li > p {
    position: relative;
    padding: 5px 0 0 10px;
    word-break: break-word;
  }
  .private_policy .policy_cont .cont3 > ul > li > p:last-child {
    padding-bottom: 10px;
  }
  .private_policy .policy_cont .cont3 > ul > li > p:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 3px;
  }
  .private_policy .policy_cont .cont_table {
    min-width: 100%;
    overflow-x: scroll;
  }
  .private_policy .policy_cont table {
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 14px;
  }
  .private_policy .policy_cont table thead tr th {
    padding: 15px 10px;
    font-size: 13px;
    background: #efefef;
  }
  .private_policy .policy_cont table tbody tr td {
    padding: 15px 10px;
    font-size: 13px;
    background: #f8f8f8;
  }
  .private_policy .policy_cont table tbody tr td.td_line {
    border-bottom: 1px solid #fff;
  }
  .private_policy .close {
    position: absolute;
    right: 0;
    top: -40px;
    width: 30px;
    height: 30px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
    text-indent: -9999px;
  }
  :lang(en) .private_policy .policy_cont .pdt20 {
    padding-top: 0px;
  }
  :lang(en) .private_policy .policy_cont .pdt30 {
    padding-top: 0px;
  }
  :lang(en) .private_policy .policy_cont .cont_table.pc {
    display: none;
  }
  :lang(en) .private_policy .policy_cont .cont_table.mo {
    display: block;
  }
  :lang(en) .private_policy .policy_cont table tbody tr td {
    vertical-align: top;
  }
  :lang(en) .private_policy .policy_cont table tbody tr td:not([rowspan]) {
    display: block;
  }
  :lang(ko) .private_policy .policy_cont {
    height: calc(100% - 145px);
    padding: 0 10px 20px;
  }
}
/* cookie policy */
.cookie_policy {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  width: 100%;
  height: 100%;
  display: none;
}
.cookie_policy:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.7;
  background: #000;
}
.cookie_policy .cookieBox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 0 70px 70px;
  max-width: 1040px;
  width: 100%;
  max-height: 760px;
  height: calc(100% - 100px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cookie_policy .policy_top {
  padding: 35px 0;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_policy .policy_top .tit {
  font-family: "ssl-font";
  font-size: 28px;
  font-weight: 600;
  color: #222;
  text-align: center;
}
.cookie_policy .policy_cont {
  padding: 50px 30px 0;
  width: 100%;
  max-height: 600px;
  height: calc(100% - 100px);
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_policy .policy_cont strong {
  padding: 0 0 25px 0;
  font-family: "ssl-font";
  font-size: 18px;
  font-weight: 500;
  color: #222;
  display: block;
}
.cookie_policy .policy_cont > div {
  padding: 30px 0;
}
.cookie_policy .policy_cont > div:last-child {
  padding-bottom: 0;
}
.cookie_policy .policy_cont .line {
  border-top: 1px solid #222edd;
}
.cookie_policy .policy_cont .dotted {
  border-top: 1px dotted #222edd;
}
.cookie_policy .policy_cont .cont1 p {
  padding: 30px 0 0;
  color: #666;
}
.cookie_policy .policy_cont .cont1 p:first-child {
  padding: 0;
}
.cookie_policy .policy_cont .cont2 ul li {
  position: relative;
  padding: 10px 0 0 30px;
  font-size: 18px;
  color: #222;
}
.cookie_policy .policy_cont .cont2 ul li span {
  position: absolute;
  top: 10px;
  left: 0;
  color: #222edd;
}
.cookie_policy .policy_cont .cont3 strong {
  padding: 0 0 20px 0;
  font-family: "ssl-font";
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.cookie_policy .policy_cont .cont3 strong + ul {
  padding: 0;
}
.cookie_policy .policy_cont .cont3 strong span {
  padding: 0 15px 0 0;
  font-family: "ssl-font";
  font-weight: 500;
  color: #222edd;
}
.cookie_policy .policy_cont .cont3 > p {
  color: #666;
}
.cookie_policy .policy_cont .cont3 > ul {
  padding: 13px 0 0 0;
}
.cookie_policy .policy_cont .cont3 > ul > li {
  position: relative;
  padding: 0 0 10px 30px;
  color: #666;
}
.cookie_policy .policy_cont .cont3 > ul > li span {
  position: absolute;
  top: 0;
  left: 0;
}
.cookie_policy .policy_cont .cont3 > ul > li > p {
  position: relative;
  padding: 5px 0 0 10px;
}
.cookie_policy .policy_cont .cont3 > ul > li > p.etc {
  color: #222;
}
.cookie_policy .policy_cont .cont3 > ul > li > p:last-child {
  padding-bottom: 10px;
}
.cookie_policy .policy_cont .cont3 > ul > li > p:before {
  content: "-";
  position: absolute;
  top: 3px;
  left: 0;
}
.cookie_policy .policy_cont .cont3 > ul > li > p.etc:before {
  content: ":";
  left: 2px;
}
.cookie_policy .policy_cont .cont4 .cont_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cookie_policy .policy_cont .cont4 .cont_tit.update strong {
  font-size: 19px;
}
.cookie_policy .policy_cont .cont4 .cont_tit strong {
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.cookie_policy .policy_cont .cont4 .cont_tit .always {
  font-size: 18px;
  font-weight: 500;
  color: #222edd;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch {
  height: 30px;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox]:checked + span {
  background: #222edd;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox]:checked + span:before {
  left: calc(100% - 27px);
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox]:focus + span:before, .cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox]:hover + span:before {
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label span {
  position: relative;
  width: 56px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  border-radius: 36px;
  background: #747474;
  pointer-events: none;
  text-indent: -9999px;
  overflow: hidden;
}
.cookie_policy .policy_cont .cont4 .cont_tit .switch label span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.cookie_policy .policy_cont .cont4 > p {
  padding: 13px 0 0 0;
  color: #666;
}
.cookie_policy .policy_cont .cont4 > dl {
  padding: 13px 0 0 0;
}
.cookie_policy .policy_cont .cont4 > dl + dl {
  padding-top: 28px;
}
.cookie_policy .policy_cont .cont4 > dl dt {
  font-size: 20px;
  font-weight: 400;
  color: #222edd;
}
.cookie_policy .policy_cont .cont4 > dl dd {
  padding-top: 13px;
  font-size: 16px;
  color: #666;
}
.cookie_policy .policy_cont .cont4 .underline {
  text-decoration: underline;
}
.cookie_policy .policy_cont .cont4 .italic {
  font-style: italic;
  font-size: 15px;
  font-weight: 400;
  color: #222edd;
}
.cookie_policy .policy_cont .cont4 strong {
  padding: 0;
}
.cookie_policy .policy_cont .cont4 .btnWrap {
  padding-top: 52px;
}
.cookie_policy .policy_cont .cont4 .btnWrap.between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cookie_policy .policy_cont .cont4 .btnWrap button span {
  width: 261px;
  height: 60px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #222edd;
}
.cookie_policy .policy_cont table {
  padding: 10px 0 0 0;
  width: 100%;
  font-size: 14px;
}
.cookie_policy .policy_cont table thead tr th {
  padding: 15px;
  background: #efefef;
}
.cookie_policy .policy_cont table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
}
.cookie_policy .policy_cont table tbody tr td.td_line {
  border-bottom: 1px solid #fff;
}
.cookie_policy .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
}

@media (max-width: 1023px) {
  .cookie_policy {
    position: fixed;
  }
  .cookie_policy .cookieBox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    padding: 0 25px 25px;
    width: 85%;
    height: calc(100% - 100px);
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cookie_policy .policy_top {
    padding: 25px 0;
    height: 82px;
  }
  .cookie_policy .policy_top .tit {
    font-size: 20px;
  }
  .cookie_policy .policy_cont {
    padding: 20px 10px 0;
    height: calc(100% - 82px);
  }
  .cookie_policy .policy_cont strong {
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #222;
  }
  .cookie_policy .policy_cont > div {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cookie_policy .policy_cont .line {
    border-top: 1px solid #222edd;
  }
  .cookie_policy .policy_cont .dotted {
    border-top: 1px dotted #222edd;
  }
  .cookie_policy .policy_cont .cont1 p {
    padding: 20px 0 0;
    font-size: 12px;
    color: #666;
  }
  .cookie_policy .policy_cont .cont1 p:first-child {
    padding: 0;
  }
  .cookie_policy .policy_cont .cont2 ul li {
    position: relative;
    padding: 5px 0 0 15px;
    font-size: 12px;
    color: #222;
  }
  .cookie_policy .policy_cont .cont2 ul li span {
    position: absolute;
    top: 5px;
    left: 0;
    color: #222edd;
  }
  .cookie_policy .policy_cont .cont3 strong {
    padding: 0 0 15px 0;
    font-family: "ssl-font";
    font-size: 12px;
    font-weight: 500;
    color: #222;
  }
  .cookie_policy .policy_cont .cont3 strong + ul {
    padding: 0;
  }
  .cookie_policy .policy_cont .cont3 strong span {
    padding: 0 10px 0 0;
    font-family: "ssl-font";
    font-weight: 500;
    color: #222edd;
  }
  .cookie_policy .policy_cont .cont3 > p {
    font-size: 12px;
    color: #666;
  }
  .cookie_policy .policy_cont .cont3 > ul {
    padding: 13px 0 0 0;
  }
  .cookie_policy .policy_cont .cont3 > ul > li {
    position: relative;
    padding: 0 0 10px 20px;
    font-size: 12px;
    color: #666;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cookie_policy .policy_cont .cont3 > ul > li span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .cookie_policy .policy_cont .cont3 > ul > li > p {
    position: relative;
    padding: 5px 0 0 10px;
    word-break: break-word;
  }
  .cookie_policy .policy_cont .cont3 > ul > li > p:last-child {
    padding-bottom: 10px;
  }
  .cookie_policy .policy_cont .cont3 > ul > li > p:before {
    content: "-";
    position: absolute;
    top: 3px;
    left: 0;
  }
  .cookie_policy .policy_cont .cont4 {
    padding: 10px 0 20px;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit.update strong {
    font-size: 15px;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit strong {
    padding: 10px 0 0 0;
    font-size: 18px;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit .always {
    font-size: 15px;
    text-align: right;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit .switch {
    padding-top: 10px;
    height: 25px;
    text-align: right;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit .switch label input[type=checkbox]:checked + span:before {
    left: calc(100% - 23px);
  }
  .cookie_policy .policy_cont .cont4 .cont_tit .switch label span {
    width: 46px;
    height: 25px;
    border-radius: 25px;
  }
  .cookie_policy .policy_cont .cont4 .cont_tit .switch label span:before {
    top: 2px;
    width: 20px;
    height: 20px;
  }
  .cookie_policy .policy_cont .cont4 > p {
    font-size: 13px;
  }
  .cookie_policy .policy_cont .cont4 > dl dt {
    font-size: 14px;
  }
  .cookie_policy .policy_cont .cont4 > dl dd {
    padding-top: 5px;
    font-size: 13px;
  }
  .cookie_policy .policy_cont .cont4 .italic {
    font-size: 12px;
  }
  .cookie_policy .policy_cont .cont4 .btnWrap {
    padding-top: 27px;
  }
  .cookie_policy .policy_cont .cont4 .btnWrap.between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .cookie_policy .policy_cont .cont4 .btnWrap button + button {
    margin-top: 19px;
  }
  .cookie_policy .policy_cont .cont4 .btnWrap button + button span {
    color: #222edd;
    border: 1px solid #222edd;
    background: #fff;
  }
  .cookie_policy .policy_cont .cont4 .btnWrap button span {
    width: 100%;
    height: 50px;
    font-size: 17px;
  }
  .cookie_policy .policy_cont .cont_table {
    min-width: 100%;
    overflow-x: scroll;
  }
  .cookie_policy .policy_cont table {
    padding: 10px 0 0 0;
    width: 100%;
    font-size: 14px;
  }
  .cookie_policy .policy_cont table thead tr th {
    padding: 15px 10px;
    font-size: 13px;
    background: #efefef;
  }
  .cookie_policy .policy_cont table tbody tr td {
    padding: 15px 10px;
    font-size: 13px;
    background: #f8f8f8;
  }
  .cookie_policy .policy_cont table tbody tr td.td_line {
    border-bottom: 1px solid #fff;
  }
  .cookie_policy .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
  }
}
/* pdf layer pop */
.pdf-layer-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  width: 100%;
  height: 100%;
  display: none;
}
.pdf-layer-box:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.7;
  background: #000;
}
.pdf-layer-box .frameBox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1; /* padding:0 70px 70px; */
  max-width: 1040px;
  width: 100%;
  max-height: 760px;
  height: calc(100% - 100px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pdf-layer-box .frameBox.swiper-mode {
  max-height: 580px;
}
.pdf-layer-box .frameBox.swiper-mode .scroll-box {
  overflow-y: hidden;
}
.pdf-layer-box .frameBox.swiper-mode .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: url(./../../images/btn/btn_swiperPrev.png) 0 0/cover no-repeat;
  text-indent: -9999px;
}
.pdf-layer-box .frameBox.swiper-mode .swiper-button-next {
  width: 30px;
  height: 30px;
  background: url(./../../images/btn/btn_swiperNext.png) 0 0/cover no-repeat;
  text-indent: -9999px;
}
.pdf-layer-box .frameBox.swiper-mode .swiper-pagination .swiper-pagination-bullet {
  border-color: #000;
}
.pdf-layer-box .frameBox.swiper-mode .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
.pdf-layer-box .frameBox iframe {
  width: 100%;
  height: 100%;
}
.pdf-layer-box .frameBox .img-scroll-box {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.pdf-layer-box .frameBox .img-scroll-box img, .pdf-layer-box .frameBox .img-scroll-box svg {
  width: 100%;
}
.pdf-layer-box .frameBox .scroll-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
.pdf-layer-box .frameBox .scroll-box img {
  width: 100%;
}
.pdf-layer-box .close, .pdf-layer-box .last {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
}

@media (max-width: 1023px) {
  .pdf-layer-box {
    position: fixed;
  }
  .pdf-layer-box .frameBox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1; /* padding:0 25px 25px; */
    width: 85%;
    height: calc(100% - 100px);
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .pdf-layer-box .frameBox.swiper-mode {
    max-height: 52vw;
    /* .scroll-box {overflow-y:hidden;} */
  }
  .pdf-layer-box .frameBox.swiper-mode .swiper-button-prev {
    display: block;
    width: 25px;
    height: 25px;
  }
  .pdf-layer-box .frameBox.swiper-mode .swiper-button-next {
    display: block;
    width: 25px;
    height: 25px;
  }
  .pdf-layer-box .frameBox .img-scroll-box {
    width: 100%;
    height: 100%;
    overflow: scroll;
  }
  .pdf-layer-box .frameBox .img-scroll-box .h-box {
    min-width: 1200px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pdf-layer-box .frameBox .img-scroll-box img, .pdf-layer-box .frameBox .img-scroll-box svg {
    width: 100%;
  }
  .pdf-layer-box .close, .pdf-layer-box .last {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
  }
}
/* e- mail Collection */
.mail_Collection {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  display: none;
}
.mail_Collection:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.mail_Collection .mailBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 1040px;
  width: 100%;
  height: calc(100% - 100px);
  max-height: 400px;
  padding: 0 70px 70px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.mail_Collection .mail_top {
  width: 100%;
  height: 100px;
  padding: 35px 0;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mail_Collection .mail_top .tit {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}
.mail_Collection .mail_cont {
  width: 100%;
  height: calc(100% - 100px);
  max-height: 600px;
  padding: 50px 30px 0;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mail_Collection .mail_cont strong {
  display: block;
  padding: 0 0 25px 0;
  font-size: 18px;
}
.mail_Collection .mail_cont > div {
  padding: 30px 0;
}
.mail_Collection .mail_cont .line {
  border-top: 1px solid #222edd;
}
.mail_Collection .mail_cont .dotted {
  border-top: 1px dotted #222edd;
}
.mail_Collection .mail_cont .cont1 p {
  padding: 30px 0 0;
  color: #666;
}
.mail_Collection .mail_cont .cont1 p:first-child {
  padding: 0;
}
.mail_Collection .mail_cont table {
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 14px;
}
.mail_Collection .mail_cont table thead tr th {
  padding: 15px;
  background: #efefef;
}
.mail_Collection .mail_cont table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
}
.mail_Collection .mail_cont table tbody tr td.td_line {
  border-bottom: 1px solid #fff;
}
.mail_Collection .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

@media (max-width: 1023px) {
  .mail_Collection {
    position: fixed;
  }
  .mail_Collection .mailBox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 85%;
    height: calc(100% - 100px);
    padding: 0 25px 50px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
  }
  .mail_Collection .mail_top {
    height: 82px;
    padding: 25px 0;
  }
  .mail_Collection .mail_top .tit {
    font-size: 20px;
  }
  .mail_Collection .mail_cont {
    height: calc(100% - 82px);
    padding: 20px 10px;
  }
  .mail_Collection .mail_cont strong {
    padding: 0 0 20px 0;
    font-size: 14px;
  }
  .mail_Collection .mail_cont > div {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mail_Collection .mail_cont .line {
    border-top: 1px solid #222edd;
  }
  .mail_Collection .mail_cont .dotted {
    border-top: 1px dotted #222edd;
  }
  .mail_Collection .mail_cont .cont1 p {
    padding: 20px 0 0;
    color: #666;
    font-size: 12px;
  }
  .mail_Collection .mail_cont .cont1 p:first-child {
    padding: 0;
  }
  .mail_Collection .mail_cont .cont_table {
    min-width: 100%;
    overflow-x: scroll;
  }
  .mail_Collection .mail_cont table {
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 14px;
  }
  .mail_Collection .mail_cont table thead tr th {
    padding: 15px 10px;
    font-size: 13px;
    background: #efefef;
  }
  .mail_Collection .mail_cont table tbody tr td {
    padding: 15px 10px;
    font-size: 13px;
    background: #f8f8f8;
  }
  .mail_Collection .mail_cont table tbody tr td.td_line {
    border-bottom: 1px solid #fff;
  }
  .mail_Collection .close {
    position: absolute;
    right: 0;
    top: -40px;
    width: 30px;
    height: 30px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
    text-indent: -9999px;
  }
}
/* security report */
.security_report {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 50000;
  width: 100%;
  height: 100%;
  display: none;
}
.security_report:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.7;
  background: #000;
}
.security_report .securityBox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 0 70px 60px;
  max-width: 900px;
  width: 100%;
  max-height: 762px;
  height: calc(100% - 100px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.security_report .report_top {
  padding: 35px 0;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.security_report .report_top h2 {
  font-family: "ssl-font";
  font-size: 28px;
  font-weight: 500;
  color: #222;
  text-align: center;
}
.security_report .report_cont {
  padding: 55px 0 0 0;
  width: 100%;
  height: calc(100% - 100px);
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.security_report .report_cont p {
  font-size: 18px;
  color: #666;
  text-align: center;
}
.security_report .report_cont ul {
  margin: 0 auto;
  padding: 60px 0 0 0;
  width: 80%;
}
.security_report .report_cont ul li {
  position: relative;
  padding: 0 0 15px 10px;
  color: #222;
  font-size: 18px;
}
.security_report .report_cont ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #222;
}
.security_report .report_cont .notification {
  padding: 60px 0 0 0;
}
.security_report .report_cont .notification strong {
  font-size: 18px;
  color: #222;
  text-align: center;
  display: block;
}
.security_report .report_cont .notification .box {
  margin: 25px 0 0 0;
  padding: 25px 50px 45px;
  width: 100%;
  height: auto;
  background: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.security_report .report_cont .notification .box .input_box {
  position: relative;
  padding: 18px 0;
  width: 100%;
  border-bottom: 2px solid #222edd;
}
.security_report .report_cont .notification .box .input_box:after {
  content: "";
  position: absolute;
  top: 23px;
  right: 0;
  width: 9px;
  height: 15px;
  background: url(../../images/arrow/mail_blue.png) 0 0 no-repeat;
}
.security_report .report_cont .notification .box .input_box span {
  padding: 0 55px 0 0;
  font-family: "ssl-font";
  font-weight: 500;
  color: #222edd;
}
.security_report .report_cont .notification .box .input_box span:before {
  content: "";
  padding: 0 13px 0 0;
  width: 24px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../images/ico/mail.png) 0 0 no-repeat;
}
.security_report .report_cont .notification .box .input_box p {
  color: #999;
  display: inline-block;
}
.security_report .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center no-repeat;
}

@media (max-width: 1023px) {
  .security_report {
    position: fixed;
  }
  .security_report .securityBox {
    padding: 0 25px 50px;
    width: 85%;
  }
  .security_report .report_top {
    padding: 25px 0;
    height: 82px;
  }
  .security_report .report_top h2 {
    font-size: 20px;
  }
  .security_report .report_cont {
    padding: 35px 0 20px 0;
    height: calc(100% - 82px);
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .security_report .report_cont p {
    font-size: 13px;
  }
  .security_report .report_cont ul {
    padding: 30px 0 0 0;
    width: 90%;
  }
  .security_report .report_cont ul li {
    position: relative;
    padding: 0 0 15px 10px;
    font-size: 13px;
  }
  .security_report .report_cont .notification {
    padding: 35px 0 0 0;
  }
  .security_report .report_cont .notification strong {
    font-size: 14px;
    text-align: center;
  }
  .security_report .report_cont .notification .box {
    margin: 25px 0 0 0;
    padding: 20px 15px;
    width: 100%;
    height: auto;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .security_report .report_cont .notification .box .input_box {
    position: relative;
    padding: 0px 0 5px;
    width: 100%;
    border-bottom: 2px solid #222edd;
  }
  .security_report .report_cont .notification .box .input_box:after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: 9px;
    width: 7px;
    height: 10px;
    background: url(../../images/arrow/mail_blue.png) 0 0/7px 10px no-repeat;
  }
  .security_report .report_cont .notification .box .input_box span {
    padding: 0 55px 6px 0;
    font-family: "ssl-font";
    font-size: 14px;
    font-weight: 500;
    color: #222edd;
    display: block;
  }
  .security_report .report_cont .notification .box .input_box span:before {
    content: "";
    padding: 0 13px 0 0;
    width: 24px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/ico/mail.png) 0 0 no-repeat;
  }
  .security_report .report_cont .notification .box .input_box p {
    padding: 5px 0 0 0;
    font-size: 13px;
    color: #999;
    display: inline-block;
  }
  .security_report .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center no-repeat;
  }
}
/* Web Accessibility */
.web_Accessibility {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  display: none;
}
.web_Accessibility:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.web_Accessibility .accessibilityBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 1040px;
  width: 100%;
  height: calc(100% - 100px);
  max-height: 600px;
  padding: 0 70px 70px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.web_Accessibility .accessibility_top {
  width: 100%;
  height: 100px;
  padding: 35px 0;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.web_Accessibility .accessibility_top .tit {
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}
.web_Accessibility .accessibility_cont {
  width: 100%;
  max-height: 430px;
  padding: 50px 30px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.web_Accessibility .accessibility_cont strong {
  display: block;
  padding: 20px 0;
  font-size: 18px;
}
.web_Accessibility .accessibility_cont *:first-child {
  padding-top: 0px;
}
.web_Accessibility .accessibility_cont > div {
  padding: 30px 0 0;
}
.web_Accessibility .accessibility_cont .line {
  border-top: 1px solid #222edd;
}
.web_Accessibility .accessibility_cont .dotted {
  border-top: 1px dotted #222edd;
}
.web_Accessibility .accessibility_cont .cont1 p {
  padding: 0;
  color: #666;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li {
  position: relative;
  padding: 0 0 10px 30px;
  color: #666;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li:last-child {
  padding-bottom: 0px;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li span {
  position: absolute;
  left: 0;
  top: 0;
  color: #222edd;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li > p {
  position: relative;
  padding: 5px 0 0 10px;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li > p.etc:before {
  content: ":";
  left: 2px;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li > p:last-child {
  padding-bottom: 10px;
}
.web_Accessibility .accessibility_cont .cont1 > ul > li > p:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 3px;
}
.web_Accessibility .accessibility_cont table {
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 14px;
}
.web_Accessibility .accessibility_cont table thead tr th {
  padding: 15px;
  background: #efefef;
}
.web_Accessibility .accessibility_cont table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
}
.web_Accessibility .accessibility_cont table tbody tr td.td_line {
  border-bottom: 1px solid #fff;
}
.web_Accessibility .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

@media (max-width: 1023px) {
  .web_Accessibility {
    position: fixed;
  }
  .web_Accessibility .accessibilityBox {
    width: 85%;
    padding: 0 25px 50px;
  }
  .web_Accessibility .accessibility_top {
    height: 82px;
    padding: 25px 0;
  }
  .web_Accessibility .accessibility_top .tit {
    font-size: 20px;
  }
  .web_Accessibility .accessibility_cont {
    height: calc(100% - 82px);
    padding: 20px 10px;
  }
  .web_Accessibility .accessibility_cont strong {
    padding: 15px 0;
    font-size: 14px;
  }
  .web_Accessibility .accessibility_cont > div {
    padding: 20px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .web_Accessibility .accessibility_cont .cont1 p {
    font-size: 12px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li {
    padding: 0 0 5px 15px;
    font-size: 12px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li:last-child {
    padding-bottom: 0px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li span {
    position: absolute;
    left: 0;
    top: 0;
    color: #222edd;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li > p {
    position: relative;
    padding: 5px 0 0 10px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li > p:last-child {
    padding-bottom: 10px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li > p:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 3px;
  }
  .web_Accessibility .accessibility_cont .cont1 > ul > li > p.etc:before {
    content: ":";
    left: 2px;
  }
  .web_Accessibility .accessibility_cont .cont_table {
    min-width: 100%;
    overflow-x: scroll;
  }
  .web_Accessibility .accessibility_cont table {
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 14px;
  }
  .web_Accessibility .accessibility_cont table thead tr th {
    padding: 15px 10px;
    font-size: 13px;
    background: #efefef;
  }
  .web_Accessibility .accessibility_cont table tbody tr td {
    padding: 15px 10px;
    font-size: 13px;
    background: #f8f8f8;
  }
  .web_Accessibility .accessibility_cont table tbody tr td.td_line {
    border-bottom: 1px solid #fff;
  }
  .web_Accessibility .close {
    position: absolute;
    right: 0;
    top: -40px;
    width: 30px;
    height: 30px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
    text-indent: -9999px;
  }
}
/* security report */
.notice_popup {
  position: fixed;
  top: 22%;
  left: 17%;
  z-index: 20000;
  padding: 35px 38px;
  max-width: 368px;
  width: 100%;
  min-height: 500px;
  height: auto;
  border: 1px solid #ddd;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.notice_popup .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center no-repeat;
}
.notice_popup .notice_top strong {
  padding: 0 0 30px 0;
  line-height: 1.5;
  font-size: 28px;
  color: #222;
  display: block;
  border-bottom: 1px solid #ddd;
}
.notice_popup .notice_cont {
  padding: 45px 0 0 0;
}
.notice_popup .notice_cont dl {
  position: relative;
  padding: 0 0 0 10px;
}
.notice_popup .notice_cont dl:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background: #222;
}
.notice_popup .notice_cont dl dt {
  padding: 0 10px 0 0;
  font-family: "ssl-font";
  font-size: 18px;
  font-weight: 500;
  color: #222;
  display: inline-block;
}
.notice_popup .notice_cont dl dd {
  font-size: 18px;
  color: #222;
  display: inline-block;
}
.notice_popup .notice_cont ul {
  position: relative;
  padding: 0 0 0 10px;
}
.notice_popup .notice_cont ul:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background: #222;
}
.notice_popup .notice_cont ul:after {
  content: "";
  display: block;
  clear: both;
}
.notice_popup .notice_cont ul li {
  font-size: 18px;
}
.notice_popup .notice_cont ul li:after {
  content: ">";
  padding: 0 0 0 10px;
  display: inline-block;
}
.notice_popup .notice_cont ul li:last-child:after {
  content: none;
}
.notice_popup .notice_cont .not_today {
  padding: 45px 0 0 0;
}
.notice_popup .notice_cont .not_today span label {
  font-size: 18px;
  color: #666;
}

@media (max-width: 1023px) {
  .notice_popup {
    position: fixed;
    top: 10%;
    left: 8.33333%;
    margin-top: auto;
    margin-left: auto;
    padding: 38px;
    max-width: 100%;
    width: 83.33333%;
    min-height: auto;
    height: auto;
  }
  .notice_popup .notice_top strong {
    font-size: 20px;
    line-height: 1.2;
  }
  .notice_popup .notice_cont {
    padding: 20px 0 0 0;
  }
  .notice_popup .notice_cont dl:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
  }
  .notice_popup .notice_cont dl dt {
    font-size: 14px;
  }
  .notice_popup .notice_cont dl dd {
    font-size: 14px;
  }
  .notice_popup .notice_cont ul {
    padding: 0 0 0 10px;
  }
  .notice_popup .notice_cont ul:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
  }
  .notice_popup .notice_cont ul:after {
    content: "";
    clear: both;
    display: block;
  }
  .notice_popup .notice_cont ul li {
    font-size: 14px;
  }
  .notice_popup .notice_cont .not_today {
    padding: 15px 0 0 0;
  }
  .notice_popup .notice_cont .not_today span label {
    padding: 4px 0 0 40px;
    font-size: 14px;
    color: #666;
  }
  .notice_popup .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center no-repeat;
  }
}
.dimm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.layer_newsfeed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12000;
  width: 100%;
  height: 100%;
  display: none;
  overflow-y: scroll;
  background: #fff;
}
.layer_newsfeed .layer_top {
  position: relative;
  margin: 0 auto;
  max-width: 1280px;
}
.layer_newsfeed .layer_top .layer_logo {
  padding: 36px 20px;
  width: 337px;
  height: 34px;
  border-radius: 0 0 20px 20px;
  background-color: #728ba4;
}
.layer_newsfeed .layer_top .layer_logo span {
  width: 96px;
  height: 34px;
  line-height: 0;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  background: url(../../images/layer/newsfeed_logo_white.png) no-repeat left top;
  background-size: 95px 34px;
}
.layer_newsfeed .layer_top .layer_logo strong {
  position: relative;
  padding-left: 33px;
  line-height: 1;
  font-size: 32px;
  font-weight: 300;
  color: #fff;
  display: inline-block;
}
.layer_newsfeed .layer_top .layer_logo strong:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: 1px;
  height: 34px;
  background: rgba(255, 255, 255, 0.5);
}
.layer_newsfeed .layer_top .layer_close {
  position: absolute;
  top: 58px;
  right: -32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url(../../images/layer/layer_close.png) no-repeat left top;
}
.layer_newsfeed .layer_top .layer_close:focus, .layer_newsfeed .layer_top .layer_close:active, .layer_newsfeed .layer_top .layer_close:hover {
  background-image: url(../../images/layer/layer_close_on.png);
}
.layer_newsfeed .layer_con {
  margin: 0 auto;
  padding-top: 87px;
  max-width: 1280px;
}
.layer_newsfeed .layer_con .blueLine {
  position: relative;
  margin-top: 17px;
  font-size: 30px;
  line-height: 1.1;
}
.layer_newsfeed .layer_con .blueLine:before {
  content: "";
  position: absolute;
  left: 0;
  top: -17px;
  width: 74px;
  height: 2px;
  background-color: #222edd;
}
.layer_newsfeed .layer_con > .box {
  position: relative;
}
.layer_newsfeed .layer_con > .box a {
  position: absolute;
  right: 0px;
  bottom: -4px;
  padding: 7px 41px 7px 27px;
  font-size: 16px;
  font-weight: 500;
  color: #728ba4;
  border-radius: 5px;
  border: 2px solid #728ba4;
}
.layer_newsfeed .layer_con > .box a:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 14px;
  width: 2px;
  height: 10px;
  background-color: #728ba4;
}
.layer_newsfeed .layer_con > .box a:after {
  content: "";
  position: absolute;
  right: 26px;
  top: 18px;
  width: 10px;
  height: 2px;
  background-color: #728ba4;
}
.layer_newsfeed .layer_con .layer_swiper {
  margin-top: 30px;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide:after {
  content: "";
  display: block;
  clear: both;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide a {
  outline: none;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide a:focus .newsSummary p {
  text-decoration: underline;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .photo {
  position: relative;
  float: left;
  width: calc(100% - 380px);
  height: 500px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .photo img {
  display: none;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary {
  float: right;
  padding: 60px 30px;
  width: 320px;
  height: 380px;
  background-color: #222edd;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary strong {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  display: block;
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary p {
  padding-top: 10px;
  padding-bottom: 35px;
  line-height: 1.5;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary span {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  display: block;
}
.layer_newsfeed .layer_con .sideControl {
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 350px;
}
.layer_newsfeed .layer_con .sideControl .controlBtn.pause, .layer_newsfeed .layer_con .sideControl .controlBtn.play {
  position: relative;
  z-index: 1;
  margin-left: 10px;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.layer_newsfeed .layer_con .sideControl .controlBtn.pause {
  background: url(../../images/btn/slide_pause.png) no-repeat center center;
}
.layer_newsfeed .layer_con .sideControl .controlBtn.play {
  background: url(../../images/btn/slide_play.png) no-repeat center center;
}
.layer_newsfeed .layer_con .sideControl .swiper-pagination {
  position: relative;
  display: inline-block;
}
.layer_newsfeed .layer_con .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 5px;
  width: 25px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 0;
}
.layer_newsfeed .layer_con .sideControl .swiper-pagination .swiper-pagination-bullet-active {
  border: 0;
  background: #fff;
}
.layer_newsfeed .layer_con .swiper-button-prev {
  left: 30px;
  width: 23px;
  height: 46px;
  background: url(../../images/arrow/white_prev.png) center center no-repeat;
  background-size: 23px 46px;
}
.layer_newsfeed .layer_con .swiper-button-next {
  right: 411px;
  width: 23px;
  height: 46px;
  background: url(../../images/arrow/white_next.png) center center no-repeat;
  background-size: 23px 46px;
}
.layer_newsfeed .layer_con .layer_box {
  padding: 70px 0 35px;
}
.layer_newsfeed .layer_con .layer_box:after {
  content: "";
  display: block;
  clear: both;
}
.layer_newsfeed .layer_con .layer_box .layer_left {
  float: left;
}
.layer_newsfeed .layer_con .layer_box .layer_right {
  float: right;
}
.layer_newsfeed .layer_con .layer_box .box {
  position: relative;
}
.layer_newsfeed .layer_con .layer_box .box h3 {
  padding-bottom: 5px;
  font-size: 30px;
  clear: both;
}
.layer_newsfeed .layer_con .layer_box .box a {
  position: absolute;
  right: 0px;
  bottom: 12px;
  padding: 3px 26px 4px 9px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 5px;
  background-color: #728ba4;
}
.layer_newsfeed .layer_con .layer_box .box a:before {
  content: "";
  position: absolute;
  right: 15px;
  top: 9px;
  width: 2px;
  height: 10px;
  background-color: #fff;
}
.layer_newsfeed .layer_con .layer_box .box a:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 13px;
  width: 10px;
  height: 2px;
  background-color: #fff;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right {
  position: relative;
  padding-left: 40px;
  width: 365px;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right h3 {
  padding-bottom: 5px;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right img {
  width: 365px;
  height: 205px;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right .newsSummary {
  margin: 0;
  padding: 10px 0 78px;
  width: 100%;
  height: auto;
  border-top: 0;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_right .newsSummary p {
  height: 82px;
  display: -webkit-box;
  border-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.layer_newsfeed .layer_con .layer_box .layer_list.layer_left .box {
  margin-right: 40px;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li {
  position: relative;
  padding-bottom: 50px;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li a {
  display: block;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li a:after {
  content: "";
  display: block;
  clear: both;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li a:hover .newsSummary, .layer_newsfeed .layer_con .layer_box .layer_list > li a:focus .newsSummary {
  border-color: #222edd !important;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li a:hover .newsSummary p, .layer_newsfeed .layer_con .layer_box .layer_list > li a:focus .newsSummary p {
  color: #222edd;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li img {
  float: left;
  width: 530px;
  height: 298px;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary {
  position: relative;
  float: left;
  margin: 0 40px;
  padding: 20px 0 0;
  width: 264px;
  height: 276px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary p {
  line-height: 1.5;
  font-size: 18px;
  font-weight: 400;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash {
  padding: 14px 20px 21px 20px;
  width: 325px;
  height: 143px;
  background: url(../../images/layer/img_newsFeed7.jpg) no-repeat left top;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash li {
  padding-top: 8px;
  padding-left: 8px;
  display: inline-block;
}
.layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash li a {
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 20px;
}
.layer_newsfeed .layer_bottom {
  padding: 26px 0;
  font-weight: 400;
  color: #777;
  text-align: center;
  background-color: #ddd;
}

@media (max-width: 1368px) {
  .layer_newsfeed .layer_top .layer_close {
    right: 0;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li img {
    width: calc(100% - 344px);
    vertical-align: top;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash {
    width: auto;
    max-width: 325px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash li a {
    padding: 7px 6px;
    font-size: 12px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_left {
    width: 68%;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right {
    width: 28%;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1023px) {
  .layer_newsfeed .layer_top .layer_logo {
    padding: 18px 30px 16px;
    width: calc(100% - 60px);
    height: 26px;
    border-radius: 0;
  }
  .layer_newsfeed .layer_top .layer_logo span {
    width: 64px;
    height: 22px;
    background-image: url(../../images/layer/m_newsfeed_logo_white.png);
    background-size: auto 22px;
  }
  .layer_newsfeed .layer_top .layer_logo strong.layer_tit {
    font-size: 24px;
  }
  .layer_newsfeed .layer_top .layer_logo strong:after {
    height: 22px;
  }
  .layer_newsfeed .layer_top .layer_close {
    top: 19px;
    right: 30px;
    width: 18px;
    height: 18px;
    background-image: url(../../images/layer/m_layer_close.png);
    background-size: cover;
  }
  .layer_newsfeed .layer_top .layer_close:focus, .layer_newsfeed .layer_top .layer_close:active, .layer_newsfeed .layer_top .layer_close:hover {
    background-image: url(../../images/layer/m_layer_close.png);
    outline: auto;
  }
  .layer_newsfeed .layer_con {
    padding-top: 30px;
  }
  .layer_newsfeed .layer_con .blueLine {
    margin-top: 10px;
    margin-left: 30px;
    font-size: 20px;
  }
  .layer_newsfeed .layer_con .blueLine:before {
    top: -7px;
  }
  .layer_newsfeed .layer_con .box a {
    right: 30px;
    padding: 3px 26px 4px 15px;
    font-size: 14px;
    font-weight: 400;
    border-width: 1px;
  }
  .layer_newsfeed .layer_con .box a:before {
    right: 17px;
    top: 9px;
    width: 1px;
    height: 9px;
  }
  .layer_newsfeed .layer_con .box a:after {
    right: 13px;
    top: 13px;
    width: 9px;
    height: 1px;
  }
  .layer_newsfeed .layer_con .layer_swiper {
    margin-top: 20px;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .photo {
    float: none;
    width: 100%;
    height: 400px;
    vertical-align: top;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary {
    float: none;
    padding: 50px 30px 20px;
    width: calc(100% - 60px);
    height: auto;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary strong {
    font-size: 20px;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary p {
    padding-bottom: 20px;
    min-height: 45px;
    line-height: 1.4;
    font-size: 14px;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary span {
    padding-top: 10px;
    font-size: 12px;
    text-align: right;
  }
  .layer_newsfeed .layer_con .sideControl {
    width: 100%;
    right: auto;
    bottom: 172px;
    text-align: center;
  }
  .layer_newsfeed .layer_con .layer_box {
    padding: 30px 30px 50px;
  }
  .layer_newsfeed .layer_con .layer_box .box {
    margin-right: 0;
    margin-bottom: 10px;
    padding-right: 75px;
  }
  .layer_newsfeed .layer_con .layer_box .box h3 {
    padding-bottom: 0;
    min-height: 26px;
    line-height: 1.4;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .layer_newsfeed .layer_con .layer_box .box a {
    padding: 3px 25px 4px 13px;
    bottom: calc(50% - 13px);
    font-size: 12px;
  }
  .layer_newsfeed .layer_con .layer_box .box a:before {
    right: 16px;
    top: calc(50% - 5px);
    width: 1px;
    height: 9px;
  }
  .layer_newsfeed .layer_con .layer_box .box a:after {
    right: 12px;
    top: calc(50% - 1px);
    width: 9px;
    height: 1px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li {
    padding-bottom: 25px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li img {
    float: none;
    width: 100%;
    height: auto;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary {
    float: left;
    margin: 0;
    width: 100%;
    height: auto;
    border-top: 0;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary p {
    padding-bottom: 30px;
    line-height: 1.6;
    font-size: 14px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary.on {
    border-bottom: 1px solid #222edd;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary.on p, .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary.on span {
    color: #222edd;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary span {
    padding: 10px 20px 15px 0;
    position: relative;
    bottom: auto;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    display: none;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary span:before {
    top: auto;
    bottom: 18px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .newsSummary span:after {
    top: auto;
    bottom: 22px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash {
    padding: 20px 10px;
    width: calc(100% - 20px);
    height: auto;
    background-image: url(../../images/layer/m_img_newsFeed7.jpg);
    background-size: cover;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li.layer_hash li a {
    padding: 5px 13px;
    font-size: 12px;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_left {
    float: none;
    width: 100%;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_left .box {
    margin-right: 0;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right:after {
    display: none;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right .newsSummary {
    padding: 20px 0 0;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list.layer_right .newsSummary p {
    height: auto;
    line-height: 1.6;
    font-size: 14px;
    display: block;
    overflow: auto;
    text-overflow: unset;
    -webkit-line-clamp: unset;
  }
  .layer_newsfeed .layer_con .swiper-button-prev, .layer_newsfeed .layer_con .swiper-button-next {
    top: 29%;
    width: 36px;
    height: 36px;
    background-size: cover;
  }
  .layer_newsfeed .layer_con .swiper-button-prev {
    left: 20px;
  }
  .layer_newsfeed .layer_con .swiper-button-next {
    right: 20px;
  }
  .layer_newsfeed .layer_bottom {
    padding: 16px 0;
    font-size: 12px;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}
@media (max-width: 640px) {
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .photo {
    height: 271px;
  }
}
@media (max-width: 580px) {
  .layer_newsfeed .layer_con .sideControl {
    bottom: 42%;
  }
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .newsSummary p {
    min-height: 80px;
  }
}
@media (max-width: 420px) {
  .layer_newsfeed .layer_con .layer_swiper .swiper-slide .photo {
    height: 245px;
  }
}
@media (max-width: 340px) {
  .layer_newsfeed .layer_con .sideControl {
    bottom: 44%;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .layer_hash li {
    padding-left: 0;
  }
  .layer_newsfeed .layer_con .layer_box .layer_list > li .layer_hash li a {
    padding: 5px 10px;
  }
}
/* youtube */
.layer_youtube {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  display: none;
}
.layer_youtube:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.layer_youtube .youtubeBox {
  position: absolute;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 860px;
  width: 100%;
  height: calc(100% - 100px);
  max-height: 486px;
  padding: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.layer_youtube .youtubeBox .frameSet {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.layer_youtube .youtubeBox .youtube_cont {
  padding: 20px 0;
  width: 100%;
  height: 100%;
  max-height: 130px;
  background-color: #fff;
}
.layer_youtube .youtubeBox .youtube_cont .movieCaption {
  padding: 0 30px;
  max-height: 120px;
  overflow-y: auto;
  font-size: 16px;
  line-height: 26px;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_youtube .youtubeBox .youtube_cont .movieCaption strong {
  display: block;
  padding: 0 0 20px 0;
  font-size: 22px;
  color: #222;
}
.layer_youtube .close {
  position: absolute;
  right: 0;
  top: -74px;
  width: 34px;
  height: 34px;
  background: url(../../images/btn/youtube_close.png) center center no-repeat;
  text-indent: -9999px;
}

@media (max-width: 1023px) {
  .layer_youtube {
    position: fixed;
  }
  .layer_youtube .youtubeBox {
    position: absolute;
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 85%;
    height: calc(100% - 100px);
    max-height: 300px;
    padding: 0;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
  }
  .layer_youtube .youtubeBox .youtube_cont {
    height: calc(100% - 82px);
    padding: 20px 0px;
    max-height: 180px;
  }
  .layer_youtube .youtubeBox .youtube_cont .movieCaption {
    padding: 0 18px;
    max-height: 180px;
    font-size: 13px;
    line-height: 18px;
  }
  .layer_youtube .youtubeBox .youtube_cont .movieCaption strong {
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 20px;
  }
  .layer_youtube .close {
    position: absolute;
    right: 0;
    top: -44px;
    width: 18px;
    height: 18px;
    background: url(../../images/btn/m_youtube_close.png) center center no-repeat;
    background-size: 18px;
    text-indent: -9999px;
  }
}
/* layerLogo */
.layerLogo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  width: 100%;
  height: 100%;
  display: none;
}
.layerLogo:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.7;
  background: #000;
}
.layerLogo .layerLogoBox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 0 20px 20px;
  max-width: 900px;
  width: 100%;
  max-height: 650px;
  height: calc(100% - 100px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.layerLogo .layer_top {
  padding: 35px 0;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layerLogo .layer_top h2 {
  font-family: "ssl-font";
  font-size: 28px;
  font-weight: 600;
  color: #222;
  text-align: center;
}
.layerLogo .layer_cont {
  padding: 50px 0px 0;
  width: 100%;
  max-height: 600px;
  height: calc(100% - 100px);
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layerLogo .layer_cont .esg-tbl > table tbody tr td {
  padding: 25px 5px;
}
.layerLogo .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
}

@media (max-width: 1023px) {
  .layerLogo .layer_top {
    border-bottom: 0;
  }
  .layerLogo .layer_cont .esg-tbl > table thead tr th {
    white-space: nowrap;
  }
  .layerLogo .layer_cont .esg-tbl > table tbody tr td {
    padding: 20px 5px;
  }
}
/* features-layer */
.features-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50000;
  width: 100%;
  height: 100%;
  display: none;
}
.features-layer:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.7;
  background: #000;
}
.features-layer .contentBox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 60px 30px 55px;
  max-width: 1200px;
  width: 100%;
  max-height: 600px;
  height: calc(100% - 100px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.features-layer .contentBox h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.features-layer .contentBox .scroll-box {
  width: 100%; /* overflow-x:scroll; */
}
.features-layer .contentBox .scroll-box .min-box {
  min-width: 1140px;
}
.features-layer .contentBox .scroll-box .min-box .table-box {
  width: 100%;
  margin-top: 45px;
}
.features-layer .contentBox .scroll-box .min-box .table-box table {
  width: 100%;
}
.features-layer .contentBox .scroll-box .min-box .table-box table thead th {
  padding-bottom: 9px;
  font-size: 19px;
  color: #fff;
}
.features-layer .contentBox .scroll-box .min-box .table-box table thead th > div {
  position: relative;
  padding: 20px;
  margin: 0 5px;
  text-align: center;
}
.features-layer .contentBox .scroll-box .min-box .table-box table thead th.bg1 > div {
  background: #1428a0;
}
.features-layer .contentBox .scroll-box .min-box .table-box table thead th.bg2 > div {
  background: #5f58cf;
}
.features-layer .contentBox .scroll-box .min-box .table-box table thead th.bg3 > div {
  background: #0077c8;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr th {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #222;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td {
  vertical-align: top;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td > div {
  position: relative;
  padding: 20px 30px;
  min-height: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 5px;
  line-height: 1.4;
  color: #222;
  font-size: 15px;
  background: #f7f7f7;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td > div > ul {
  width: 100%;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td > div > ul > li {
  position: relative;
  padding-left: 9px;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td > div > ul > li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #666;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr td > div > ul > li span {
  color: #0077c8;
}
.features-layer .contentBox .scroll-box .min-box .table-box table tbody tr + tr th, .features-layer .contentBox .scroll-box .min-box .table-box table tbody tr + tr td {
  border-top: 1px solid #ddd;
}
.features-layer .close {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
}

@media (max-width: 1023px) {
  .features-layer {
    position: fixed;
  }
  .features-layer .contentBox {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1; /* padding:0 25px 25px; */
    padding: 25px;
    width: 85%;
    height: calc(100% - 100px);
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .features-layer .contentBox .scroll-box { /* width:100%; */
    overflow-x: scroll;
  }
  .features-layer .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
  }
}
.longBtn {
  text-align: center;
}
.longBtn a {
  position: relative;
  padding: 18px 29px 19px 30px;
  line-height: 1;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
.longBtn a span {
  position: relative;
}
.longBtn a span:before {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 13px;
  width: 19px;
  height: 1px;
  background: #fff;
  -webkit-transform: skew(-21deg, 33deg);
          transform: skew(-21deg, 33deg);
}
.longBtn a span:after {
  content: "";
  margin-left: 10px;
  width: 50px;
  height: 1px;
  display: inline-block;
  background: #fff;
}

.main {
  /* .nav {
  	& > ul {
  		& > li {
  			.depth2Wrap {position:fixed;}
  		}
  	}
  } */
}
.main .section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; /*touch-action:none;*/
}
.main .section.mainVisual {
  position: relative;
}
.main .section.mainVisual .mainSwiper .sideControl {
  position: absolute;
  left: 0;
  bottom: 226px;
  z-index: 1;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: bottom 0.4s;
  transition: bottom 0.4s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.main .section.mainVisual .mainSwiper .sideControl.on {
  bottom: 58px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.main .section.mainVisual .mainSwiper .sideControl .swiper-pagination {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.main .section.mainVisual .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 6px;
  width: 43px;
  height: 5px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0;
  background: transparent;
}
.main .section.mainVisual .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.mainVisual .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet-active {
  width: 43px;
  height: 5px;
  border: 0;
  background-color: #fff;
}
.main .section.mainVisual .mainSwiper .sideControl .controlBtn {
  position: relative;
  top: unset;
  right: unset;
  margin: 3px 0 0 10px;
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .section.mainVisual .mainSwiper .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .section.mainVisual .mainSwiper .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .section.new2022 {
  position: relative;
}
.main .section.new2022 .mainSwiper .sideControl {
  position: absolute;
  left: 0; /* bottom:226px; */
  bottom: 3.5%;
  z-index: 1;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: bottom 0.4s;
  transition: bottom 0.4s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.main .section.new2022 .mainSwiper .sideControl.on {
  bottom: 58px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.main .section.new2022 .mainSwiper .sideControl .swiper-pagination {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 6px;
  width: 43px;
  height: 5px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0;
  background: transparent;
}
.main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet-active {
  width: 43px;
  height: 5px;
  border: 0;
  background-color: #fff;
}
.main .section.new2022 .mainSwiper .sideControl .controlBtn {
  position: relative;
  top: unset;
  right: unset;
  margin: 3px 0 0 10px;
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .section.new2022 .mainSwiper .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .section.new2022 .mainSwiper .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .section.new2022 .mainVisualBg:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: calc(-25% + 8.9vw);
  margin-left: calc(-25% - 7.4vw);
  width: 25.9vw;
  height: 25.9vw;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.main .section.new2022 .mainVisualBg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: rotate(0.001deg) scale(1);
          transform: rotate(0.001deg) scale(1);
}
.main .section.new2022 .mainVisualBg.btnOn > li .itm2 .effect .mainVisualText {
  top: 55%;
}
.main .section.new2022 .mainVisualBg.btnOn > li .mainVisualText {
  top: 56%;
}
.main .section.new2022 .mainVisualBg.step1:after {
  background-image: url(../../../en/images/main/bg_main_en_1_1.jpg);
}
.main .section.new2022 .mainVisualBg.step2:after {
  background-image: url(../../../en/images/main/bg_main_en_1_2.jpg);
}
.main .section.new2022 .mainVisualBg.step1.ready:before, .main .section.new2022 .mainVisualBg.step2.ready:before {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2022 .mainVisualBg.step1.active:after, .main .section.new2022 .mainVisualBg.step2.active:after {
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-name: bgzoomin2022;
          animation-name: bgzoomin2022;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main .section.new2022 .mainVisualBg.circle:before {
  border-radius: 50%;
}
.main .section.new2022 .mainVisualBg.circle.active:before {
  opacity: 0.6;
  background: #8652ff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2022 .mainVisualBg.circle.btnOn:before {
  margin-top: calc(-25% + 11.8vw);
}
.main .section.new2022 .mainVisualBg.rect.active:before {
  margin-top: calc(-25% + 11vw);
  margin-left: calc(-25% - 6.9vw);
  width: 25vw;
  height: 21vw;
  opacity: 0.8;
  background: #1428a0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2022 .mainVisualBg.rect.btnOn:before {
  margin-top: calc(-25% + 14.3vw);
}
.main .section.new2022 .mainVisualBg > li {
  position: relative;
  z-index: 2;
  height: 100vh;
  overflow: hidden;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni {
  opacity: 1;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_1 strong, .main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_1 strong {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_2 strong, .main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_2 strong {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_3 span {
  -webkit-transition-delay: 1.27s;
          transition-delay: 1.27s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_4 span {
  -webkit-transition-delay: 1.27s;
          transition-delay: 1.27s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_3 p {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_4 p {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_5 p {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_6 p {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_7 p {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText] strong {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText] span {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.main .section.new2022 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText] p {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.main .section.new2022 .mainVisualBg > li .itm1 {
  opacity: 0;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText {
  z-index: 2;
  width: 25.9vw;
  height: 25.9vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_1 {
  height: 2.8vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_2 {
  margin-top: 0.3vw;
  height: 3vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_3 {
  height: 2.9vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_4 {
  height: 2.9vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_5 {
  margin-top: 1.5vw;
  height: 1.4vw;
}
.main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_6 {
  height: 1.4vw;
}
.main .section.new2022 .mainVisualBg > li .itm2 {
  opacity: 0;
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText {
  top: 48.9%;
  z-index: 2;
  width: 25vw;
  height: 21vw;
  left: 48.8%;
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText > [class^=aniText] {
  width: calc(100% - 2.5vw);
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_1 {
  height: 3.3vw;
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_2 {
  height: 3vw;
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_3 {
  margin-top: 1.5vw;
  height: 1.4vw;
}
.main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_4 {
  height: 1.4vw;
}
.main .section.new2022 .mainVisualBg > li .mainVisualText {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-transform: translate(calc(-101% - 5.2vw), -63%);
          transform: translate(calc(-101% - 5.2vw), -63%);
  -webkit-transition: top ease-out 0.5s;
  transition: top ease-out 0.5s;
}
.main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] {
  position: relative;
  width: calc(100% - 10vw);
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] strong {
  position: absolute;
  top: 0;
  font-size: 3vw;
  font-weight: 600;
  display: block;
  line-height: 1;
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] span {
  position: absolute;
  top: 0;
  font-size: 2.6vw;
  font-weight: 300;
  display: block;
  line-height: 1.1;
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] p {
  position: absolute;
  top: 0;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.2;
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
@-webkit-keyframes bgzoomin2022 {
  0% {
    -webkit-transform: rotate(0.001deg) scale(1);
            transform: rotate(0.001deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(0.001deg) scale(1.12);
            transform: rotate(0.001deg) scale(1.12);
  }
}
@keyframes bgzoomin2022 {
  0% {
    -webkit-transform: rotate(0.001deg) scale(1);
            transform: rotate(0.001deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(0.001deg) scale(1.12);
            transform: rotate(0.001deg) scale(1.12);
  }
}
.main .section.new2024 {
  position: relative;
  /* ddd */
}
.main .section.new2024 .mainSwiper .sideControl {
  position: absolute;
  left: 0; /* bottom:226px; */
  bottom: 3.5%;
  z-index: 1;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: bottom 0.4s;
  transition: bottom 0.4s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.main .section.new2024 .mainSwiper .sideControl.on {
  bottom: 58px;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.main .section.new2024 .mainSwiper .sideControl .swiper-pagination {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 6px;
  width: 43px;
  height: 5px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0;
  background: transparent;
}
.main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet-active {
  width: 43px;
  height: 5px;
  border: 0;
  background-color: #fff;
}
.main .section.new2024 .mainSwiper .sideControl .controlBtn {
  position: relative;
  top: unset;
  right: unset;
  margin: 3px 0 0 10px;
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .section.new2024 .mainSwiper .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .section.new2024 .mainSwiper .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .section.new2024 .mainVisualBg:before {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin-top: calc(-25% + 8.9vw);
  margin-left: calc(-25% - 7.4vw);
  width: 25.9vw;
  height: 25.9vw;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.main .section.new2024 .mainVisualBg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: rotate(0.001deg) scale(1);
          transform: rotate(0.001deg) scale(1);
}
.main .section.new2024 .mainVisualBg.btnOn > li .itm2 .effect .mainVisualText {
  top: 55%;
}
.main .section.new2024 .mainVisualBg.btnOn > li .mainVisualText {
  top: 56%;
}
.main .section.new2024 .mainVisualBg.step1 {
  /* &:after{background-image:url(../../../en/images/main/bg_main_240726_1.jpg);} */
}
.main .section.new2024 .mainVisualBg.step1:after {
  background-image: url(../../../en/images/main/bg_main_240726_1.webp);
}
.main .section.new2024 .mainVisualBg.step2 {
  /* &:after{background-image:url(../../../en/images/main/bg_main_250718.jpg);} */
}
.main .section.new2024 .mainVisualBg.step2:after {
  background-image: url(../../../en/images/main/bg_main_250718.webp);
}
.main .section.new2024 .mainVisualBg.step3 {
  /* &:after{background-image:url(../../../en/images/main/bg_main_250616_2.jpg);} */
}
.main .section.new2024 .mainVisualBg.step3:after {
  background-image: url(../../../en/images/main/bg_main_250616_2.webp);
}
.main .section.new2024 .mainVisualBg.step1.ready:before, .main .section.new2024 .mainVisualBg.step2.ready:before, .main .section.new2024 .mainVisualBg.step3.ready:before {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2024 .mainVisualBg.step1.active:after, .main .section.new2024 .mainVisualBg.step2.active:after, .main .section.new2024 .mainVisualBg.step3.active:after {
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-name: bgzoomin2022;
          animation-name: bgzoomin2022;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.main .section.new2024 .mainVisualBg.circle:before {
  border-radius: 50%;
}
.main .section.new2024 .mainVisualBg.circle.active:before {
  opacity: 0.6;
  background: #8652ff;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2024 .mainVisualBg.circle.btnOn:before {
  margin-top: calc(-25% + 11.8vw);
}
.main .section.new2024 .mainVisualBg.rect.active:before {
  margin-top: calc(-25% + 11vw);
  margin-left: calc(-25% - 6.9vw);
  width: 25vw;
  height: 21vw;
  opacity: 0.8;
  background: #1428a0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.main .section.new2024 .mainVisualBg.rect.btnOn:before {
  margin-top: calc(-25% + 14.3vw);
}
.main .section.new2024 .mainVisualBg > li {
  position: relative;
  z-index: 2;
  height: 100vh;
  overflow: hidden;
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni {
  opacity: 1;
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText] {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
  /* strong{transform:translateY(0px);}
  span{transform:translateY(0px);}
  p{transform:translateY(0px);} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_1, .main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_1 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  /* strong{transition-delay:1.2s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_2, .main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  /* strong{transition-delay:1.2s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_3 {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
  /* span{transition-delay:1.27s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_4 {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
  /* span{transition-delay:1.27s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_3 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  /* p{transition-delay:1.4s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText2_4 {
  /* p{transition-delay:1.4s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_5 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  /* p{transition-delay:1.5s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_6 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  /* p{transition-delay:1.5s;} */
}
.main .section.new2024 .mainVisualBg > li.swiper-slide-active .mainvisualAni .effect .mainVisualText [class^=aniText].aniText1_7 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  /* p{transition-delay:1.5s;} */
}
.main .section.new2024 .mainVisualBg > li .itm1 {
  opacity: 0;
}
.main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText {
  z-index: 2;
  color: #221e81;
}
.main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText2_2 {
  margin-top: 15px;
}
.main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText2_3 {
  margin-top: 30px; /* height:1.4vw; */
}
.main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_5 {
  margin-top: 30px; /* height:1.4vw; */
}
.main .section.new2024 .mainVisualBg > li .itm2 {
  opacity: 0;
}
.main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText {
  z-index: 2;
  color: #221e81;
}
.main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_2 {
  margin-top: 15px;
}
.main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_3 {
  margin-top: 30px;
}
.main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText1_5 {
  margin-top: 30px;
}
.main .section.new2024 .mainVisualBg > li .itm3 {
  opacity: 0;
}
.main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText {
  z-index: 2;
  color: #222edd;
}
.main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText2_2 {
  margin-top: 15px;
}
.main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText2_3 {
  margin-top: 30px;
}
.main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText1_5 {
  margin-top: 30px;
}
.main .section.new2024 .mainVisualBg > li .mainVisualText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 18.75%;
  padding-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; /* transform:translate(calc(-101% - 5.2vw), -63%); transition:top ease-out 0.5s; */
}
.main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] {
  position: relative;
  width: 100%; /* width:calc(100% - 10vw); */ /* overflow:hidden; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: 2px 3px 19px rgba(13, 18, 136, 0.16);
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  font-family: "ssl-gilroy", "ssl-font";
  opacity: 0;
  -webkit-transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] strong { /* position:absolute; top:0; */ /* font-size:4.1vw; */
  font-size: 3vw;
  font-weight: 600;
  display: block;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font"; /* transform:translateY(110px); transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); */
}
.main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] span { /* position:absolute; top:0; */
  font-size: 2.6vw;
  font-weight: 400;
  display: block;
  line-height: 1.1; /* transform:translateY(110px); transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); */
}
.main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] p { /* position:absolute; top:0; */
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.4; /* transform:translateY(110px); transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); */
}
@keyframes bgzoomin2022 {
  0% {
    -webkit-transform: rotate(0.001deg) scale(1);
            transform: rotate(0.001deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(0.001deg) scale(1.12);
            transform: rotate(0.001deg) scale(1.12);
  }
}
.main .section.whatsNew {
  background: url(../../images/main/bg_main_whatsNew.jpg) no-repeat center;
  background-size: cover;
}
.main .section.whatsNew .whatsNewWrap {
  width: 100%;
  height: 100%;
}
.main .section.whatsNew .whatsNewWrap .con {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  width: calc(100% - 320px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 2;
  margin: -300px 0 0 0; /* width:calc(50% + 246px); */
  width: 845px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit p {
  line-height: 1.1;
  font-size: 48px;
  font-weight: 400;
  color: #fff;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit p.whatsNewSmall {
  padding: 20px 0 17px;
  line-height: 1.7;
  font-size: 16px;
  font-weight: 300;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li {
  margin-left: 10px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li:nth-child(1) {
  margin-left: 0;
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li:nth-child(1) a {
  background: url(../../images/main/icon_main_sns1.png);
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li:nth-child(2) a {
  background: url(../../images/main/icon_main_sns2.png);
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li:nth-child(3) a {
  background: url(../../images/main/icon_main_sns3.png);
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li:nth-child(4) a {
  background: url(../../images/main/icon_main_sns4.png);
}
.main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul li a {
  width: 100%;
  height: 100%;
  font-size: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container {
  margin: 45px auto 0;
  width: 100%;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap {
  position: relative;
  left: 20px; /* width:calc(50% + 246px); */
  width: 845px;
  height: 475px;
  overflow: hidden;
  display: inline-block;
  background: #000;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 48, 48, 0.15);
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap img {
  width: 100%; /* height:100%; */
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a {
  position: absolute;
  top: 168px;
  left: calc(50% - 111px);
  margin: 0 20px 0 0;
  padding: 45px 59px 39px;
  width: 49%;
  overflow: hidden;
  display: block;
  background-color: #fff;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryTit {
  font-size: 14px;
  font-weight: 500;
  color: #222edd;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon {
  position: relative;
  padding: 28px 0 0 20px;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 28px;
  width: 2px;
  height: calc(100% - 28px);
  background: #222edd;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon strong {
  height: 56px;
  line-height: 1.2;
  font-size: 24px;
  display: block;
  overflow: hidden;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon p {
  padding-top: 10px;
  height: 75px;
  overflow: hidden;
  line-height: 1.6;
  color: #666;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl {
  position: absolute;
  left: auto;
  right: 40px;
  top: 219px; /*bottom:260px;*/
  z-index: 2;
  width: 112px; /*height:21px;*/
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination {
  bottom: 0;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination-total {
  padding-left: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #ababab;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination-current {
  padding-right: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #222edd;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-prev {
  left: auto;
  right: 130px;
  top: 45%;
  width: 13px;
  height: 21px;
  background: url(../../images/arrow/icon_arrow_gray1.png) no-repeat left top;
}
.main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-next {
  right: 49px;
  top: 45%;
  width: 13px;
  height: 21px;
  background: url(../../images/arrow/icon_arrow_gray1.png) no-repeat right top;
}
.main .section.whatsNew .whatsNewWrap .whatsNew_banner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url(../../images/main/bg_main_whatsNew_banner.jpg) no-repeat left top;
  background-size: cover;
}
.main .section.whatsNew .whatsNewWrap .whatsNew_banner > div {
  position: relative;
  margin: 0 auto;
  padding: 45px 20px;
  max-width: 1160px;
  text-align: right;
}
.main .section.whatsNew .whatsNewWrap .whatsNew_banner > div p {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px;
  line-height: 1;
  font-size: 20px;
  color: #fff;
}
.main .section.whatsNew .whatsNewWrap .whatsNew_banner > div .longBtn {
  text-align: right;
}
.main .section.whatsNew .whatsNewWrap .whatsNew_banner > div .longBtn a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.strength {
  width: 100%;
  height: 100%;
  background: url(../../images/main/bg_main_strength.jpg) no-repeat center;
  background-size: cover;
}
.main .section .videoTxt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.main .section .videoTxt .cont {
  position: relative;
  padding-bottom: 30px;
  width: 100%;
  max-width: 1100px;
}
.main .section .videoTxt .cont > p {
  font-size: 120px;
  font-weight: 500;
  color: #464f68;
  text-align: center;
  display: block;
  opacity: 0.3;
}
.main .section .videoTxt .cont .numberling {
  margin: 0 auto;
  padding-top: 100px;
  width: 1080px;
}
.main .section .videoTxt .cont .numberling:after {
  content: "";
  display: block;
  clear: both;
}
.main .section .videoTxt .cont .numberling > div {
  float: left;
  width: 50%;
}
.main .section .videoTxt .cont .numberling > div.records {
  position: relative;
}
.main .section .videoTxt .cont .numberling > div.records:after {
  content: "";
  position: absolute;
  left: 0;
  top: 26px;
  width: 1px;
  height: 95px;
  background-color: #686e76;
}
.main .section .videoTxt .cont .numberling > div > p {
  line-height: 1.8;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}
.main .section .videoTxt .cont span[class^=num] {
  position: absolute;
  text-indent: -9999px;
}
.main .section .videoTxt .cont span[class^=num].num-itm {
  display: block;
  width: 68px;
  height: 74px;
  overflow: hidden;
}
.main .section .videoTxt .cont span[class^=num].num-itm:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 74000px;
  background: url(../../images/main/num.png) 0 0 repeat-y; /*opacity:0;*/
}
.main .section .videoTxt .cont span[class^=num].num-itm.num1 {
  top: 227px;
  left: 146px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num1:after {
  top: 0px;
  background-position-y: -222px; /*transition-delay:.2s;*/
}
.main .section .videoTxt .cont span[class^=num].num-itm.num2 {
  top: 226px;
  left: 208px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num2:after {
  background-position-y: -444px; /*transition-delay:.4s;*/
}
.main .section .videoTxt .cont span[class^=num].num-itm.num3 {
  top: 227px;
  left: 276px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num3:after {
  background-position-y: -296px; /*transition-delay:.6s;*/
}
.main .section .videoTxt .cont span[class^=num].num-itm.num4 {
  top: 62px;
  left: 153px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num4:after {
  background-position-y: -74px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num5 {
  top: 62px;
  left: 218px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num5:after {
  background-position-y: 0px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num6 {
  top: 62px;
  left: 282px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num6:after {
  background-position-y: -370px;
}
.main .section .videoTxt .cont span[class^=num].num-itm.num7 {
  display: none;
}
.main .section .videoTxt .cont span[class^=num].num-k {
  top: 242px;
  left: 351px;
  display: block;
  width: 52px;
  height: 58px;
  overflow: hidden;
  background: url(../../images/main/icon_k.png) no-repeat left top;
}
.main .section .videoTxt .cont span[class^=num].num-l {
  top: 242px;
  left: 410px;
  display: block;
  width: 42px;
  height: 56px;
  overflow: hidden;
  background: url(../../images/main/icon_L.png) no-repeat left top;
}
.main .section .videoTxt .cont .ourStrength {
  margin: 0 auto;
  width: 100%;
  padding: 0 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section .videoTxt .cont .ourStrength li {
  padding-left: 76px;
  padding-right: 20px;
  min-height: 65px;
  line-height: 1.4;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  background-repeat: no-repeat;
  background-position: left top;
}
.main .section .videoTxt .cont .ourStrength li:nth-child(1) {
  background-image: url(../../images/main/icon_video1.png);
}
.main .section .videoTxt .cont .ourStrength li:nth-child(2) {
  padding-left: 93px;
  background-image: url(../../images/main/icon_video2.png);
}
.main .section .videoTxt .cont .ourStrength li:nth-child(3) {
  padding-left: 103px;
  background-image: url(../../images/main/icon_video3.png);
}
.main .section .videoTxt .cont .longBtn {
  padding-top: 210px;
}
.main .section.featured {
  background: url(../../images/main/bg_main_featured_230821.webp) no-repeat center;
  background-size: cover;
  /* & > .link {position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../../images/main/bg_main_featured_230821.webp) no-repeat center; background-size:cover; text-indent:-9999px; overflow:hidden; z-index:1; transition:transform .5s ease-in-out; 
  	&:focus, &:hover, &:active {transform:scale(1.05);}
  } */
}
.main .section.featured .con {
  position: relative;
  width: 100%;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  height: calc(100vh + 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.main .section.featured .con .featuredWrap {
  padding: 0 20px;
  width: 100%;
  max-width: 1140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety {
  position: relative;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-button-prev,
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-button-next {
  width: 30px;
  height: 70px;
  margin-top: -55px;
  background: url(../../images/main/btn_featuredwrap_swiper.png) 0 0 no-repeat;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-button-prev {
  left: -50px;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-button-next {
  right: -50px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-pagination {
  position: relative;
  line-height: 0;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-pagination-bullet {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  opacity: 1;
  background: transparent;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .controlBtn {
  margin-left: 15px;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .section.featured .con .featuredWrap .swiper-guide-safety .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .section.featured .con .featuredWrap .swiper-container {
  margin: 0 auto;
  width: 100%;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide {
  width: 33%;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide a {
  display: block;
  background: #fff;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide a .imgWrap {
  position: relative;
  line-height: 0;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide a .imgWrap img {
  width: 100%;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide a .categoryCon {
  padding: 16px 28px;
  height: 105px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.featured .con .featuredWrap .swiper-container .swiper-slide a .categoryCon p {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-button-prev,
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-button-next {
  width: 30px;
  height: 70px;
  margin-top: -55px;
  background: url(../../images/main/btn_featuredwrap_swiper.png) 0 0 no-repeat;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-button-prev {
  left: -50px;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-button-next {
  right: -50px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-pagination {
  position: relative;
  line-height: 0;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-pagination-bullet {
  margin-left: 8px;
  width: 11px;
  height: 11px;
  border: 2px solid #fff;
  opacity: 1;
  background: transparent;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .controlBtn {
  margin-left: 15px;
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .section.featured .con .featuredWrap .swiper-container .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .section.featured .con .featuredWrap .newsWrap {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section.featured .con .featuredWrap .newsWrap > div {
  position: relative;
  width: calc(50% - 10px);
  overflow: hidden;
  background: #fff;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .newsWrapTit {
  background: #5530f4;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li {
  margin-top: 15px;
  padding-top: 15px;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li:first-child {
  margin-top: 0;
  padding-top: 0;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li a .upcomingEventTit {
  font-weight: 600;
  color: #5530f4;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li a dl dt, .main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li a dl dd {
  line-height: 24px;
}
.main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent .box ul li a dl dd {
  padding-left: 3px;
}
.main .section.featured .con .featuredWrap .newsWrap > div.companyNews .newsWrapTit {
  background: #222edd;
}
.main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li {
  margin-top: 10px;
  padding-top: 10px;
}
.main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li:first-child {
  margin-top: 0;
  padding-top: 0;
}
.main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li a {
  max-height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li a strong {
  color: #222edd;
  font-weight: 600;
}
.main .section.featured .con .featuredWrap .newsWrap > div .newsWrapTit {
  padding: 9px 30px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.main .section.featured .con .featuredWrap .newsWrap > div .btnMore {
  position: absolute;
  top: 11px;
  right: 30px;
  padding-right: 24px;
  font-size: 14px;
  color: #fff;
}
.main .section.featured .con .featuredWrap .newsWrap > div .btnMore:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.main .section.featured .con .featuredWrap .newsWrap > div .box {
  overflow-y: auto;
  height: 25.3vh; /* height:27.5vh; */
}
.main .section.featured .con .featuredWrap .newsWrap > div .box ul {
  margin: 20px 30px;
}
.main .section.featured .con .featuredWrap .newsWrap > div .box ul li {
  border-top: 1px solid #e2e2e2;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.main .section.featured .con .featuredWrap .newsWrap > div .box ul li:first-child {
  border-top: 0;
}
.main .section.featured .con .featuredWrap .goNewsroom {
  margin-top: 30px; /* margin-top:4.5vh; */
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
}
.main .section.featured .con .featuredWrap .goNewsroom span {
  position: relative;
  padding: 15px 90px 15px 30px;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
.main .section.featured .con .featuredWrap .goNewsroom span:before {
  content: "";
  position: absolute;
  right: 31px;
  bottom: 28px;
  width: 19px;
  height: 1px;
  background: #fff;
  -webkit-transform: skew(-21deg, 33deg);
          transform: skew(-21deg, 33deg);
}
.main .section.featured .con .featuredWrap .goNewsroom span:after {
  content: "";
  position: absolute;
  bottom: 22px;
  margin-left: 12px;
  width: 46px;
  height: 1px;
  display: inline-block;
  background: #fff;
}
.main .section.ourPost {
  width: 100%;
  height: 100%;
  background: url(../../images/main/bg_main_ourPost_230821.webp) no-repeat center;
  background-size: cover;
}
.main .section.ourPost .con {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main .section.ourPost .con .snsWrap {
  padding: 0 20px;
  width: 100%;
  max-width: 1140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.ourPost .con .snsWrap .snsBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main .section.ourPost .con .snsWrap .snsBtn a {
  margin-left: 9px;
  width: 42px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main .section.ourPost .con .snsWrap .snsBtn a.btnInstargram {
  background-image: url(../../images/main/img_main_instar.png);
}
.main .section.ourPost .con .snsWrap .snsBtn a.btnFacebook {
  background-image: url(../../images/main/img_main_facebook.png);
}
.main .section.ourPost .con .snsWrap .snsBox {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section.ourPost .con .snsWrap .snsBox > div {
  padding: 30px;
  width: calc(50% - 9px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(255, 255, 255, 0.85);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsTop .linkedinBtn {
  width: 174px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../../images/main/img_main_linkedin.png);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsTop .linkedinFollow {
  padding: 9px 19px;
  font-size: 13px;
  line-height: normal;
  color: #fff;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #0074b4;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #b4b4b4;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide .notiDate {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide .notiText {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide .notiText .snsLink { /*color:$defColor01; text-decoration:underline; */ }
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl {
  position: relative;
  margin-top: 27px;
  display: none;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-pagination {
  position: relative;
  bottom: 0;
  width: auto;
  color: #fff;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-pagination .swiper-pagination-current {
  margin-right: 5px;
  color: #fff;
  font-weight: 500;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-pagination .swiper-pagination-total {
  margin-left: 5px;
  color: #fff;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-prev {
  position: relative;
  top: 0;
  left: auto;
  margin-top: 0;
  padding-right: 20px;
  width: auto;
  height: auto;
  font-weight: 400;
  opacity: 1;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-34deg);
          transform: rotate(-34deg);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-next {
  position: relative;
  top: 0;
  right: auto;
  margin-top: 0;
  padding-left: 20px;
  width: auto;
  height: auto;
  font-weight: 400;
  opacity: 1;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-34deg);
          transform: rotate(-34deg);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsTop .youtubeBtn {
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../../images/main/img_main_youtube.png);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsTop .youtubeSubscription {
  padding: 9px 19px;
  font-size: 13px;
  line-height: normal;
  color: #fff;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ed2024;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .swiper-wrapper .swiper-slide a:hover .youtubeBox img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .swiper-wrapper .swiper-slide a .youtubeBox {
  position: relative;
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .swiper-wrapper .swiper-slide a .youtubeBox img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .swiper-wrapper .swiper-slide a .notiText {
  margin-top: 20px;
  max-height: 78px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .swiper-wrapper .swiper-slide a .notiDate {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .sideControl {
  margin-top: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .sideControl .swiper-pagination {
  bottom: 0;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .sideControl .swiper-pagination-bullet {
  margin-left: 10px;
  width: 11px;
  height: 11px;
  border: 0;
  opacity: 1;
  background: #b6b6b6;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .sideControl .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube .snsCon .swiper-container .sideControl .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #222edd;
}
.main .section.ourPost .con .snsWrap .snsBox > div .snsTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section.ourPost .con .snsWrap .snsBox > div .snsTop a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left top;
}
.main .section.ourPost .con .snsWrap .snsBox > div .snsCon {
  margin-top: 40px;
}
.main .section.ourServices {
  width: 100%;
  height: 100%;
  background: url(../../images/main/bg_main_ourServices.jpg) no-repeat center;
  background-size: cover;
}
.main .section.ourServices .con {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main .section.ourServices .con .ourServicesWrap {
  padding: 0 20px;
  width: 100%;
  max-width: 1140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container {
  margin: 0 auto;
  width: 100%;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide {
  width: calc(33.333% - 24px);
  max-width: 384px;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dt {
  padding: 13px 23px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #222edd;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd {
  padding-bottom: 24px;
  background: #fff;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .img {
  width: 100%;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .img img {
  width: 100%;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .txt {
  padding: 20px 30px 0;
  height: 154px;
  font-size: 16px;
  color: #222;
  line-height: 1.6;
  word-break: break-all;
  overflow: hidden;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .txt.break {
  word-break: keep-all;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a {
  position: relative;
  padding: 9px 10px;
  display: inline-block;
  border: 1px solid #222edd;
  background: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:focus, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:hover, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:active {
  background: #fff;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:focus span, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:hover span, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:active span {
  color: #222edd;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:focus span:after, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:hover span:after, .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:active span:after {
  border-color: #222edd;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a:focus span {
  text-decoration: underline;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a span {
  position: relative;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: block;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl {
  position: relative;
  margin-top: 27px;
  display: none;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-pagination {
  position: relative;
  bottom: 0;
  width: auto;
  color: #fff;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-pagination .swiper-pagination-current {
  margin-right: 5px;
  color: #fff;
  font-weight: 500;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-pagination .swiper-pagination-total {
  margin-left: 5px;
  color: #fff;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-prev {
  position: relative;
  top: 0;
  left: auto;
  margin-top: 0;
  padding-right: 20px;
  width: auto;
  height: auto;
  font-weight: 400;
  opacity: 1;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-34deg);
          transform: rotate(-34deg);
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-next {
  position: relative;
  top: 0;
  right: auto;
  margin-top: 0;
  padding-left: 20px;
  width: auto;
  height: auto;
  font-weight: 400;
  opacity: 1;
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-34deg);
          transform: rotate(-34deg);
}
.main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}
.main .section.virtual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: url(../../images/main/bg_main_vr.jpg) center center no-repeat;
  background-size: cover;
}
.main .section.virtual > div { /* padding:0 0 57px 160px; */
  padding: 0 55px;
  margin-bottom: 12vh;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main .section.virtual > div.virtual {
  text-align: right;
  padding-left: 20px;
}
.main .section.virtual > div.virtual .btn-box {
  text-align: right;
}
.main .section.virtual > div.virtual .btn-box span {
  position: relative;
  display: inline-block;
  padding-left: 65px;
}
.main .section.virtual > div.virtual .btn-box span:before {
  bottom: 8px;
  left: 0px;
  width: 45px;
  height: 1px;
}
.main .section.virtual > div.virtual .btn-box span:after {
  bottom: 13px;
  left: 0px;
  width: 16px;
  height: 1px;
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
}
.main .section.virtual > div.plant4 {
  text-align: left;
  padding-right: 20px;
}
.main .section.virtual > div.plant4 .btn-box {
  text-align: left;
}
.main .section.virtual > div.plant4 .btn-box span {
  position: relative;
  display: inline-block;
  padding-right: 65px;
}
.main .section.virtual > div.plant4 .btn-box span:before {
  bottom: 8px;
  right: 0px;
  width: 45px;
  height: 1px;
}
.main .section.virtual > div.plant4 .btn-box span:after {
  bottom: 13px;
  right: 0px;
  width: 16px;
  height: 1px;
  -webkit-transform: rotate(38deg);
          transform: rotate(38deg);
}
.main .section.virtual > div .txt {
  line-height: 1.2;
  font-size: 38px;
}
.main .section.virtual > div .txt p {
  font-weight: 500;
}
.main .section.virtual > div .txt p.small {
  font-size: 28px;
  font-weight: 400;
}
.main .section.virtual > div .btn-box {
  padding-top: 20px;
}
.main .section.virtual > div .btn-box a {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 30px;
  font-size: 22px;
  font-weight: 400; /* color:$defColor01; */
  color: #fff;
  border: 1px solid #222edd;
  background: #222edd;
}
.main .section.virtual > div .btn-box a span {
  position: relative;
}
.main .section.virtual > div .btn-box a span:before, .main .section.virtual > div .btn-box a span:after {
  content: "";
  position: absolute; /* background:$defColor01; */
  background: #fff;
}
.main .section.virtual.new {
  display: block;
  background: none;
}
.main .section.virtual.new:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../../images/main/bg_main_vr.jpg) center bottom no-repeat;
  background-size: cover;
}
.main .section.virtual.new > div {
  padding: 0;
  margin-bottom: 0;
}
.main .section.virtual.new .virtualWrap {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  max-width: 1140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .section.virtual.new .virtualWrap > div {
  position: relative;
  width: calc(50% - 33px);
  text-align: center;
}
.main .section.virtual.new .virtualWrap > div .img {
  margin: 0 auto;
  max-width: 640px;
  line-height: 0;
  -webkit-box-shadow: 10px 17px 20px 0px rgba(0, 0, 0, 0.45);
          box-shadow: 10px 17px 20px 0px rgba(0, 0, 0, 0.45);
}
.main .section.virtual.new .virtualWrap > div .img img {
  width: 100%;
}
.main .section.virtual.new .virtualWrap > div .txt {
  margin-top: 30px;
  line-height: 1.2;
  font-size: 36px;
  color: #fff;
}
.main .section.virtual.new .virtualWrap > div .txt p {
  font-weight: 500;
}
.main .section.virtual.new .virtualWrap > div .txt p.small {
  font-size: 24px;
  font-weight: 400;
}
.main .section.virtual.new .virtualWrap > div .btn-box {
  padding-top: 30px;
}
.main .section.virtual.new .virtualWrap > div .btn-box a {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 270px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 40px;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  background: transparent;
}
.main .section .iconScroll {
  position: absolute;
  right: 26px;
  bottom: 20px;
  width: 40px;
  height: 84px;
  overflow: hidden;
  z-index: 10;
}
.main .section .iconScroll:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 49px;
  background: url(../../images/main/icon_scroll.png) no-repeat left top;
}
.main .section .iconScroll:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 59px;
  width: 14px;
  height: 15px;
  font-size: 0;
  background: url(../../images/main/icon_scroll.png) no-repeat center bottom;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: upDown;
          animation-name: upDown;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.main .section .iconScroll span {
  display: block;
  text-indent: -9999px;
}
@-webkit-keyframes upDown {
  0% {
    top: 59px;
  }
  50% {
    top: 69px;
  }
  100% {
    top: 59px;
  }
}
@keyframes upDown {
  0% {
    top: 59px;
  }
  50% {
    top: 69px;
  }
  100% {
    top: 59px;
  }
}

.main .mainVisual {
  position: relative;
}
.main .mainVisual:after {
  content: "";
  display: block;
  clear: both;
}
.main .mainVisual .smallWhatsNew {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 0 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* transition:height 0.3s; */
  /* &.on{height:10px;
  	.folder{
  		button{color:rgba(255, 255, 255, 0);
  			&:after{background-position:left top;}
  		}
  	}
  } */
}
.main .mainVisual .smallWhatsNew:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: calc(100% - 27px);
  background: #000;
  opacity: 0.6;
}
.main .mainVisual .smallWhatsNew .folder {
  position: relative;
  width: 60px;
  top: 0;
  left: 50%;
  margin-left: -30px;
  z-index: 1;
  text-align: center;
  z-index: 2;
  display: inline-block;
}
.main .mainVisual .smallWhatsNew .folder.point button {
  height: 34px;
  border-radius: 0;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
}
.main .mainVisual .smallWhatsNew .folder.point button:after {
  background-position: left top;
}
.main .mainVisual .smallWhatsNew .folder button {
  position: relative;
  padding-top: 6px;
  width: 60px;
  height: 60px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border: 0;
  overflow: hidden; /* outline:none; */
  border-radius: 100%;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-indent: -9999px;
}
.main .mainVisual .smallWhatsNew .folder button:focus, .main .mainVisual .smallWhatsNew .folder button:active { /* color:#ff7827; text-decoration:underline; */
  outline-style: dashed;
  outline-width: 1px;
  outline-color: #fff;
}
.main .mainVisual .smallWhatsNew .folder button:focus:after, .main .mainVisual .smallWhatsNew .folder button:active:after {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: upDown2;
          animation-name: upDown2;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.main .mainVisual .smallWhatsNew .folder button:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 60px;
  height: 60px;
  background: url(../../images/main/bg_folder.png) no-repeat left top;
}
.main .mainVisual .smallWhatsNew .folder button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  width: 18px;
  height: 8px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: url(../../images/arrow/icon_arrow_folder.png) no-repeat left bottom;
}
@-webkit-keyframes upDown2 {
  0% {
    top: 15px;
  }
  100% {
    top: 10px;
  }
}
@keyframes upDown2 {
  0% {
    top: 15px;
  }
  100% {
    top: 10px;
  }
}
.main .mainVisual .smallWhatsNew .box {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  bottom: 0px;
  margin-top: -30px;
  z-index: 1;
}
.main .mainVisual .smallWhatsNew .box > p {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: 65px;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; /* position:absolute; left:0; top:15px; */
  font-size: 22px;
  color: #fff;
}
.main .mainVisual .smallWhatsNew .box .swiper-container {
  margin: -65px auto 0;
  padding-top: 65px;
  max-width: 1280px;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide {
  opacity: 0 !important;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide:after {
  content: "";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul {
  float: left;
  width: 50%;
  max-width: 570px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul:nth-child(2n) {
  float: right;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a {
  display: block;
  width: 100%;
  overflow: hidden; /* outline:none; */
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a:after {
  content: "";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a:focus p.whatsNewDate, .main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a:hover p.whatsNewDate, .main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a:active p.whatsNewDate {
  text-decoration: underline;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a img {
  float: left;
  display: block;
  width: 160px;
  height: 90px;
  padding-right: 19px;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a p {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a p.whatsNewDate {
  padding-top: 10px;
  font-weight: 500;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .swiper-wrapper .swiper-slide ul .whatsNewWrap a p.whatsNewCon {
  height: 48px;
  overflow: hidden;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl {
  position: absolute;
  left: 150px;
  bottom: 111px; /* margin-left:-491px;  */
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .swiper-pagination {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .controlBtn {
  position: relative;
  top: unset;
  right: unset;
  margin: 3px 0 0 10px;
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .iconMicWhite {
  margin-left: 20px;
  padding: 11px 20px 12px 47px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  background: url(../../images/mediacenter/icon_mic_white.png) no-repeat 19px 9px;
}
.main .mainVisual .smallWhatsNew .box .swiper-container .sideControl .iconLetterWhite {
  margin-left: 10px;
  padding: 11px 20px 12px 47px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  background: url(../../images/mediacenter/icon_letter_white.png) no-repeat 19px 9px;
}

@media (max-width: 1440px) {
  .main .section.whatsNew .whatsNewWrap .con {
    margin: 0;
    width: calc(100% - 160px);
  }
}
@media (max-width: 1300px) {
  .main {
    /* .mainVisual{
    	.smallWhatsNew{
    		&>p{left:20px; margin-left:0; width:calc(100% - 40px);}
    		.swiper-container{padding-left:20px; padding-right:20px;
    			.sideControl{margin-left:auto; left:170px;}
    		}
    	}
    } */
  }
  .main .section.whatsNew .whatsNewWrap .con .whatsNewTit p {
    font-size: 40px;
  }
  .main .section.whatsNew .whatsNewWrap .con .whatsNewTit p .whatsNewSmall {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .main .section.featured .con .featuredWrap .swiper-guide-safety .swiper-container + .sideControl .swiper-button-prev,
  .main .section.featured .con .featuredWrap .swiper-guide-safety .swiper-container + .sideControl .swiper-button-next {
    display: none;
  }
}
@media (max-width: 1130px) {
  .main .section .videoTxt .cont .ourStrength { /* padding-left:20px; padding-right:20px;  width:868px; */ }
}
@media (max-width: 1023px) {
  .longBtn a span:before {
    bottom: 12px;
  }
  .main {
    /* S : 210930 메인스크롤 */
  }
  .main .section {
    min-height: auto;
    max-height: none;
    height: 100%;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* height:calc(100vh - 60px); */
    -ms-touch-action: none;
        touch-action: none;
    /* E : 210930 메인스크롤 */
    /*
    &.mainVisual{padding-top:60px; overflow:hidden; box-sizing:border-box; height:100vh;
    	.mainSwiper{height:100%;
    		.sideControl{bottom:3.5%;
    			&.on{bottom:3.5%;}
    			.swiper-pagination{
    				.swiper-pagination-bullet{margin-left:6px; width:25px; height:5px; border:1px solid $cfff; border-radius:0; background:transparent;
    					&:first-child{margin-left:0;}
    					&.swiper-pagination-bullet-active{width:25px; height:5px; border:0; border-radius:0; background-color:$cfff;}
    				}
    			}
    			.controlBtn{width:15px; height:15px;
    				&.stop{background-image:url(../../images/common/m_btn_mainVisual_stop.png);}
    				&.play{background-image:url(../../images/common/m_btn_mainVisual_play.png);}
    			}
    		}
    	}
    	.mainVisualBg{
    		&>li{height:100%;
    			.itm1{
    				&:before, &:after{display:none; animation:unset;}
    				.effect{position:absolute;
    					&:before{display:none; animation:unset;}
    					&:after{top:0; width:100%; height:100%; background-image:url(../../../kr/images/main/m_bg_main1.jpg); background-size:cover; background-position:center; opacity:1;}	
    				}
    				.mainVisualText{top:calc(50% - 30px); z-index:1; display:block; text-align:center; transform:translate(-50%, -50%); opacity:1;}
    			}
    			.itm2{
    				&:after{display:none; animation:unset;}
    				.effect{
    					&:before{display:none; animation:unset;}
    					&:after{top:0; width:100%; height:100%; background-image:url(../../../kr/images/main/m_bg_main2.jpg); background-size:cover; background-position:center;}
    				}
    				.mainVisualText{top:45px; left:30px; opacity:1; transform:none;}
    			}
    			.itm3{
    				&:after{display:none; animation:unset;}
    				.effect{
    					&:before{display:none; animation:unset;}
    					&:after{top:0; right:0; width:100%; height:100%; background-image:url(../../../kr/images/main/m_bg_main3.jpg); background-size:cover; background-position:center;}
    				}
    				.mainVisualText{top:45px; left:30px; opacity:1; transform:none;}
    			}
    			&.swiper-slide-active{
    				.itm1{
    					&:before{display:none; animation:unset;}
    				}
    				.itm1, .itm2, .itm3{
    					&:after{display:none; animation:unset;}
    					.effect{
    						&:before{display:none; animation:unset;}
    						&:after{transform:scale(1); animation-duration:4s; animation-name:zoomOut;}
    					}
    					.mainVisualText{animation:unset;}
    				}
    			}
    			.mainVisualText{line-height:1.3; font-size:31px;
    				p{padding-top:10px; line-height:1.1; font-size:16px;}
    			}
    		}
    	}

    	@keyframes zoomOut {
    		0%{
    			transform:scale(1.2);
    		}
    		100%{
    			transform:scale(1);
    		}
    	}

    	.smallWhatsNew{display:none;
    		// height:auto; background:$defColor136;
    		// &>p{padding:12px 0; font-size:18px;}
    		// .swiper-container{padding-top:48px; padding-bottom:40px;
    		// 	.swiper-wrapper{
    		// 		.swiper-slide{width:100% !important;
    		// 			&>ul{float:none; padding-right:0; width:auto;
    		// 				.whatsNewWrap{position:relative; padding-left:167px;
    		// 					img{position:absolute; top:4px; left:0;}
    		// 					p{padding-top:0; line-height:1.6; font-size:13px;
    		// 						&.whatsNewCon{height:62px; overflow:hidden;}
    		// 					}
    		// 				}
    		// 			}
    		// 		}
    		// 	}
    		// 	.sideControl{left:0; width:100%; bottom:10px; text-align:center; vertical-align:middle;
    		// 		span{margin-left:0; width:8px; height:8px; border-radius:50%;}
    		// 	}
    		// }
    		.folder{display:none;}
    	}

    	.iconScroll {opacity:1;}
    }
    */
  }
  .main .section.actionView .iconScroll {
    opacity: 1;
  }
  .main .section.new2022 {
    padding-top: 60px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100vh;
  }
  .main .section.new2022 .mainSwiper {
    height: 100%;
  }
  .main .section.new2022 .mainSwiper .sideControl {
    bottom: 3.5%;
  }
  .main .section.new2022 .mainSwiper .sideControl.on {
    bottom: 3.5%;
  }
  .main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    width: 25px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
  }
  .main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .main .section.new2022 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    height: 5px;
    border: 0;
    border-radius: 0;
    background-color: #fff;
  }
  .main .section.new2022 .mainSwiper .sideControl .controlBtn {
    width: 15px;
    height: 15px;
  }
  .main .section.new2022 .mainSwiper .sideControl .controlBtn.stop {
    background-image: url(../../images/common/m_btn_mainVisual_stop.png);
  }
  .main .section.new2022 .mainSwiper .sideControl .controlBtn.play {
    background-image: url(../../images/common/m_btn_mainVisual_play.png);
  }
  .main .section.new2022 .iconScroll {
    opacity: 1;
  }
  .main .section.new2022 .mainVisualBg:before {
    top: 0;
    left: 0;
    margin-top: 8.1vw;
    margin-left: 8.1vw;
    width: 50.8vw;
    height: 50.8vw;
  }
  .main .section.new2022 .mainVisualBg.step1:after {
    background-image: url(../../../en/images/main/m_bg_main_en_1_1.jpg);
  }
  .main .section.new2022 .mainVisualBg.step2:after {
    background-image: url(../../../en/images/main/m_bg_main_en_1_2.jpg);
  }
  .main .section.new2022 .mainVisualBg.rect.active:before {
    top: 0;
    left: 0;
    margin-top: 8.1vw;
    margin-left: 8.1vw;
    width: 49.5vw;
    height: 43.5vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText {
    width: 50.8vw;
    height: 50.8vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText > [class^=aniText] {
    width: calc(100% - 20vw);
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_1 {
    height: 7.8vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_2 {
    height: 7.8vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_5 {
    height: 4.3vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_6 {
    height: 4.3vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_7 {
    height: 4.3vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 {
    opacity: 0;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText {
    top: 8vw;
    left: 8vw;
    width: 49.5vw;
    height: 43.5vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText > [class^=aniText] {
    width: calc(100% - 8.5vw);
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText > [class^=aniText] strong {
    font-size: 6vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_1 {
    height: 7.8vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_2 { /* margin-top:1.4vw; */
    height: 7.8vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_3 {
    height: 4.3vw;
  }
  .main .section.new2022 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_4 {
    height: 4.3vw;
    letter-spacing: -1px;
  }
  .main .section.new2022 .mainVisualBg > li .mainVisualText {
    top: 7.8vw;
    left: 9.5vw;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] strong {
    font-size: 7vw;
  }
  .main .section.new2022 .mainVisualBg > li .mainVisualText [class^=aniText] p {
    font-size: 3.3vw;
  }
  .main .section.new2024 {
    padding-top: 60px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100vh;
    /* ddd */
  }
  .main .section.new2024 .mainSwiper {
    height: 100%;
  }
  .main .section.new2024 .mainSwiper .sideControl {
    bottom: 3.5%;
  }
  .main .section.new2024 .mainSwiper .sideControl.on {
    bottom: 3.5%;
  }
  .main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    width: 25px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
  }
  .main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .main .section.new2024 .mainSwiper .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    height: 5px;
    border: 0;
    border-radius: 0;
    background-color: #fff;
  }
  .main .section.new2024 .mainSwiper .sideControl .controlBtn {
    width: 15px;
    height: 15px;
  }
  .main .section.new2024 .mainSwiper .sideControl .controlBtn.stop {
    background-image: url(../../images/common/m_btn_mainVisual_stop.png);
  }
  .main .section.new2024 .mainSwiper .sideControl .controlBtn.play {
    background-image: url(../../images/common/m_btn_mainVisual_play.png);
  }
  .main .section.new2024 .iconScroll {
    opacity: 1;
  }
  .main .section.new2024 .mainVisualBg:before {
    top: 0;
    left: 0;
    margin-top: 8.1vw;
    margin-left: 8.1vw;
    width: 50.8vw;
    height: 50.8vw;
  }
  .main .section.new2024 .mainVisualBg.step1 {
    /* &:after{background-image:url(../../../en/images/main/m_bg_main_240726_1.jpg);} */
  }
  .main .section.new2024 .mainVisualBg.step1:after {
    background-image: url(../../../en/images/main/m_bg_main_240726_1.webp);
  }
  .main .section.new2024 .mainVisualBg.step2 {
    /* &:after{background-image:url(../../../en/images/main/m_bg_main_250718.jpg);} */
  }
  .main .section.new2024 .mainVisualBg.step2:after {
    background-image: url(../../../en/images/main/m_bg_main_250718.webp);
  }
  .main .section.new2024 .mainVisualBg.step3 {
    /* &:after{background-image:url(../../../en/images/main/m_bg_main_250616_2.jpg);} */
  }
  .main .section.new2024 .mainVisualBg.step3:after {
    background-image: url(../../../en/images/main/m_bg_main_250616_2.webp);
  }
  .main .section.new2024 .mainVisualBg.rect.active:before {
    top: 0;
    left: 0;
    margin-top: 8.1vw;
    margin-left: 8.1vw;
    width: 49.5vw;
    height: 43.5vw;
  }
  .main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText2_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText2_3 {
    margin-top: 20px;
  }
  .main .section.new2024 .mainVisualBg > li .itm1 .effect .mainVisualText .aniText1_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .itm2 {
    opacity: 0;
  }
  .main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText2_3 {
    margin-top: 20px;
  }
  .main .section.new2024 .mainVisualBg > li .itm2 .effect .mainVisualText .aniText1_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .itm3 {
    opacity: 0;
  }
  .main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText2_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText2_3 {
    margin-top: 20px;
  }
  .main .section.new2024 .mainVisualBg > li .itm3 .effect .mainVisualText .aniText1_2 {
    margin-top: 8px;
  }
  .main .section.new2024 .mainVisualBg > li .mainVisualText {
    padding-left: 9.55vw;
    padding-top: 20vh;
  }
  .main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] strong {
    font-size: 9.55vw;
  }
  .main .section.new2024 .mainVisualBg > li .mainVisualText [class^=aniText] p {
    font-size: 4.83vw;
  }
  .main .section .smallWhatsNew {
    display: none;
    /* height:auto; background:$defColor136;
    &>p{padding:12px 0; font-size:18px;}
    .swiper-container{padding-top:48px; padding-bottom:40px;
    	.swiper-wrapper{
    		.swiper-slide{width:100% !important;
    			&>ul{float:none; padding-right:0; width:auto;
    				.whatsNewWrap{position:relative; padding-left:167px;
    					img{position:absolute; top:4px; left:0;}
    					p{padding-top:0; line-height:1.6; font-size:13px;
    						&.whatsNewCon{height:62px; overflow:hidden;}
    					}
    				}
    			}
    		}
    	}
    	.sideControl{left:0; width:100%; bottom:10px; text-align:center; vertical-align:middle;
    		span{margin-left:0; width:8px; height:8px; border-radius:50%;}
    	}
    } */
  }
  .main .section .smallWhatsNew .folder {
    display: none;
  }
  .main .section.whatsNew {
    background-image: url(../../images/main/m_bg_main_whatsNew.jpg);
  }
  .main .section.whatsNew:before, .main .section.whatsNew:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .main .section.whatsNew:before {
    background: url(../../images/main/m_bg_main_whatsNew_itm1.png) center center no-repeat;
    background-size: cover;
  }
  .main .section.whatsNew:after {
    background: url(../../images/main/m_bg_main_whatsNew_itm2.png) center center no-repeat;
    background-size: cover;
  }
  .main .section.whatsNew .whatsNewWrap {
    position: relative;
    z-index: 2;
    /* .con{width:100%; flex-flow:wrap column; justify-content:center;
    	.whatsNewTit{position:relative; top:auto; left:0; margin:0; width:calc(100% / 1.2); display:inline-block;
    		ul{display:none;}
    	}
    	.swiper-container{margin:10px auto 0; width:calc(100% / 1.2);
    		.swiper-slide{opacity:0 !important;
    			&.swiper-slide-active{opacity:1 !important;}
    			.imgWrap{left:0; width:100%; height:auto;  line-height:normal; overflow:hidden; display:block;
    				&:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(48, 48, 48, 0.35);}
    				img{width:100%; height:100%;}
    			}
    			a{position:relative; top:auto; left:auto; margin:0 0 35px; padding:20px; width:calc(100% - 40px); height:110px; background:rgba(255, 255, 255, 0.7);
    				.categoryTit{font-size:12px;}
    				.categoryCon{padding:10px 0 0 20px;
    					&:after{top:14px; height:calc(100% - 15px);}
    					strong{height:auto; max-height:72px; line-height:1.2; font-size:20px;}
    					p{max-height:106px; height:auto; display:none;}
    				}
    			}
    		}
    		.sideControl{top:auto; left:50%; right:auto; bottom:12px; margin-left:-25px; width:50px;
    			.swiper-pagination{color:$cfff;}
    			.swiper-pagination-current{color:$defColor135;}
    			.swiper-pagination-total{color:$cfff;}
    		}
    		.swiper-button-prev{left:20px; top:calc(50% - 88px); width:10px; height:16px; display:block; background:url(../../images/arrow/m_swiper_white.png) no-repeat left bottom; background-size:cover;}
    		.swiper-button-next{right:20px; top:calc(50% - 88px); width:10px; height:16px; display:block; background:url(../../images/arrow/m_swiper_white.png) no-repeat left top; background-size:cover;}
    	}
    } */
  }
  .main .section.whatsNew .whatsNewWrap .con {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); /* transition:top .3s ease-in-out; */ /* flex-flow:wrap column; justify-content:center; */
  }
  .main .section.whatsNew .whatsNewWrap .con .whatsNewTit {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    width: 100%;
    max-width: 750px;
    display: block;
    margin: 0 auto;
  }
  .main .section.whatsNew .whatsNewWrap .con .whatsNewTit ul {
    display: none;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container {
    margin: 10px auto 0;
    width: 100%;
    max-width: 750px;
    display: block;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide {
    opacity: 0 !important;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap {
    left: 0;
    width: 100%;
    height: auto; /*min-height:240px;*/
    line-height: normal;
    overflow: hidden;
    display: block;
    -webkit-transition: height 0.1s ease-in-out;
    transition: height 0.1s ease-in-out;
    /* img{width:100%; height:100%;} */
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(48, 48, 48, 0.35);
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 0 35px;
    padding: 20px;
    width: calc(100% - 40px);
    height: 110px;
    background: rgba(255, 255, 255, 0.7);
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryTit {
    font-size: 12px;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon {
    padding: 10px 0 0 20px;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon:after {
    top: 14px;
    height: calc(100% - 15px);
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon strong {
    height: auto;
    max-height: 72px;
    line-height: 1.2;
    font-size: 20px;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide a .categoryCon p {
    max-height: 106px;
    height: auto;
    display: none;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0px;
    width: 100%;
    height: 36px;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination {
    color: #fff;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination-current {
    color: #399497;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .sideControl .swiper-pagination-total {
    color: #fff;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-prev {
    left: 20px;
    top: calc(50% - 88px);
    width: 10px;
    height: 16px;
    display: block;
    background: url(../../images/arrow/m_swiper_white.png) no-repeat left bottom;
    background-size: cover;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-next {
    right: 20px;
    top: calc(50% - 88px);
    width: 10px;
    height: 16px;
    display: block;
    background: url(../../images/arrow/m_swiper_white.png) no-repeat left top;
    background-size: cover;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner {
    position: static;
    display: none;
    background: #303030;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner > div {
    padding: 0 20px;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner > div p {
    display: none;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner > div .longBtn {
    text-align: center;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner > div .longBtn a {
    padding: 32px 29px 32px 30px;
    width: 100%;
    height: 100%;
    font-size: 18px;
    border: 0;
    display: block;
  }
  .main .section.whatsNew .whatsNewWrap .whatsNew_banner > div .longBtn a:before {
    left: 50%;
    bottom: 41px;
    margin-left: 86px;
  }
  .main .section.strength {
    height: calc(100vh - 60px); /*min-height:608px;*/
    background-image: url(../../images/main/m_bg_main_strength.jpg);
  }
  .main .section .videoTxt {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .section .videoTxt .cont {
    width: 100%;
    padding-bottom: 40px;
  }
  .main .section .videoTxt .cont > p {
    padding: 42px 30px 0;
    line-height: 0.87;
    font-size: 50px;
    text-align: left;
  }
  .main .section .videoTxt .cont .numberling {
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 35px;
    width: auto;
  }
  .main .section .videoTxt .cont .numberling > div {
    position: relative;
    float: none;
    width: 100%;
  }
  .main .section .videoTxt .cont .numberling > div.records {
    padding-top: 76px;
  }
  .main .section .videoTxt .cont .numberling > div.records:after {
    display: none;
  }
  .main .section .videoTxt .cont .numberling > div > p {
    font-size: 12px;
    line-height: 1.5;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm {
    width: 32px;
    height: 36px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm:after {
    height: 36000px;
    background-image: url(../../images/main/m_num.png);
    background-size: 32px auto;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num1 {
    top: 50px;
    left: 50%;
    margin-left: -68px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num1:after {
    background-position-y: -108px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num2 {
    top: 50px;
    left: 50%;
    margin-left: -37px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num2:after {
    background-position-y: -216px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num3 {
    top: 50px;
    left: 50%;
    margin-left: -3px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num3:after {
    background-position-y: -144px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num4 {
    top: 104px;
    left: 50%;
    margin-left: -68px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num4:after {
    background-position-y: -36px; /*transition-delay:.8s;*/
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num5 {
    top: 104px;
    left: 50%;
    margin-left: -37px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num5:after {
    background-position-y: 0px; /*transition-delay:1s;*/
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num6 {
    top: 104px;
    left: 50%;
    margin-left: -3px;
  }
  .main .section .videoTxt .cont span[class^=num].num-itm.num6:after {
    background-position-y: -180px; /*transition-delay:1s;*/
  }
  .main .section .videoTxt .cont span[class^=num].num-k {
    top: 60px;
    left: 50%;
    margin-left: 34px;
    width: 23px;
    height: 25px;
    background: url(../../images/main/m_icon_k.png) no-repeat left top;
    background-size: cover;
  }
  .main .section .videoTxt .cont span[class^=num].num-l {
    top: 60px;
    left: 50%;
    margin-left: 60px;
    width: 18px;
    height: 25px;
    background: url(../../images/main/m_icon_l.png) no-repeat left top;
    background-size: cover;
  }
  .main .section .videoTxt .cont .ourStrength {
    padding: 42px 0 0 0;
    width: 300px;
    display: block;
  }
  .main .section .videoTxt .cont .ourStrength li {
    padding: 5px 0 5px 66px !important;
    min-height: auto;
    line-height: 1.2;
    font-size: 17px;
    background-position: left center;
  }
  .main .section .videoTxt .cont .ourStrength li + li {
    margin-top: 10px;
  }
  .main .section .videoTxt .cont .ourStrength li:nth-child(1) { /* padding-left:66px; */
    background-image: url(../../images/main/m_icon_video1.png);
    background-size: 40px 46px;
  }
  .main .section .videoTxt .cont .ourStrength li:nth-child(2) { /* margin-top:10px; */ /* padding-left:66px; */
    background-image: url(../../images/main/m_icon_video2.png);
    background-size: 46px 41px;
  }
  .main .section .videoTxt .cont .ourStrength li:nth-child(3) { /* padding-left:66px; */
    background-image: url(../../images/main/m_icon_video3.png);
    background-size: 46px 31px; /* background-position:left 8px; */
  }
  .main .section .videoTxt .cont .longBtn {
    padding-top: 75px;
  }
  .main .section .videoTxt .cont .longBtn a {
    padding: 14px 10px;
    font-size: 18px;
  }
  .main .section .videoTxt .cont .longBtn a span:before {
    bottom: 10px;
    width: 14px;
  }
  .main .section .videoTxt .cont .longBtn a span:after {
    margin-left: 20px;
    width: 31px;
  }
  .main .section.featured { /* background-image:url(../../images/main/m_bg_main_featured.jpg); */
    /* & > .link {background:url(../../images/main/m_bg_main_featured_230821.webp) no-repeat center;} */
  }
  .main .section.featured .con {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 30px;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .main .section.featured .con .featuredWrap {
    padding: 0;
  }
  .main .section.featured .con .featuredWrap .swiper-container {
    display: none;
  }
  .main .section.featured .con .featuredWrap .swiper-container + .sideControl {
    display: none;
  }
  .main .section.featured .con .featuredWrap .newsWrap {
    margin-top: 0;
    height: auto;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div {
    width: 100%;
    background: transparent;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.upcomingEvent {
    display: none;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.companyNews .newsWrapTit {
    background: transparent;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li {
    margin: 0 15px;
    border-color: #bbb;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li:first-child {
    margin-top: 0;
    padding-top: 20px;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li a {
    max-height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div.companyNews .box ul li a strong {
    color: #222edd;
    font-weight: 600;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .newsWrapTit {
    padding: 0;
    font-size: 27px;
    letter-spacing: 2px;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .btnMore {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 6px 12px;
    font-size: 11px;
    color: #fff;
    background: #222edd;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .btnMore:after {
    display: none;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .box {
    margin-top: 20px;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .box ul {
    margin: 0;
    border: 1px solid #67696d;
    background: rgba(255, 255, 255, 0.85);
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .box ul li {
    padding: 20px 15px;
    font-size: 16px;
  }
  .main .section.featured .con .featuredWrap .newsWrap > div .box ul li:first-child {
    border-top: 0;
  }
  .main .section.featured .con .featuredWrap .goNewsroom {
    display: none;
  }
  .main .section.ourPost {
    background-image: url(../../images/main/m_bg_main_ourPost_230821.webp);
  }
  .main .section.ourPost .con {
    height: 100%;
  }
  .main .section.ourPost .con .snsWrap .snsBtn {
    display: none;
  }
  .main .section.ourPost .con .snsWrap .snsBox {
    margin-top: 0px;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div {
    padding: 0;
    width: 100%;
    background: transparent;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsTop .linkedinBtn {
    width: 140px;
    height: 27px;
    background-image: url(../../images/main/m_img_main_linkedin.png);
    background-position: center;
    background-size: cover;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsTop .linkedinFollow {
    padding: 7px 24px;
    font-size: 11px;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide {
    margin-top: 0;
    padding: 20px 16px;
    width: calc(100% - 32px);
    border-top: 0;
    background: rgba(255, 255, 255, 0.85);
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-top: 0;
    padding-top: 20px;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide .notiDate {
    font-size: 20px;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .swiper-wrapper .swiper-slide .notiText {
    margin-top: 16px;
    font-size: 16px;
    display: block;
    -webkit-line-clamp: none;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-prev {
    display: block;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxLinkedin .snsCon .swiper-container .sideControl .swiper-button-next {
    display: block;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div.snsBoxYoutube {
    display: none;
  }
  .main .section.ourPost .con .snsWrap .snsBox > div .snsCon {
    margin-top: 21px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    max-width: none;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dt {
    padding: 12px 20px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd {
    padding-bottom: 20px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .txt {
    padding: 20px 13px 0;
    height: auto;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn {
    padding-top: 10px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a {
    padding: 10px 20px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .swiper-wrapper .swiper-slide .box dl dd .btn a span {
    padding-right: 12px;
    font-size: 17px;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-prev {
    display: block;
  }
  .main .section.ourServices .con .ourServicesWrap .swiper-container .sideControl .swiper-button-next {
    display: block;
  }
  .main .section.virtual {
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: url(../../images/main/m_bg_main_vr.jpg) center center no-repeat;
    background-size: cover;
  }
  .main .section.virtual > div { /* padding:0 0 57px 160px; */
    width: 100%;
    padding: 0 30px;
    margin-bottom: 5vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .main .section.virtual > div.virtual {
    text-align: right;
    padding-left: 30px;
  }
  .main .section.virtual > div.virtual .btn-box {
    text-align: right;
  }
  .main .section.virtual > div.virtual .btn-box.mobile a:before {
    bottom: 18px;
    left: 14px;
    width: 30px;
    height: 1px;
  }
  .main .section.virtual > div.virtual .btn-box.mobile a:after {
    bottom: 23px;
    left: 14px;
    width: 16px;
    height: 1px;
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
  }
  .main .section.virtual > div.plant4 {
    text-align: left;
    padding-right: 30px;
  }
  .main .section.virtual > div.plant4 .btn-box {
    text-align: left;
  }
  .main .section.virtual > div.plant4 .btn-box.mobile a:before {
    bottom: 18px;
    right: 14px;
    width: 30px;
    height: 1px;
  }
  .main .section.virtual > div.plant4 .btn-box.mobile a:after {
    bottom: 23px;
    right: 14px;
    width: 16px;
    height: 1px;
    -webkit-transform: rotate(38deg);
            transform: rotate(38deg);
  }
  .main .section.virtual > div .txt {
    line-height: 1.2;
    font-size: 24px;
  }
  .main .section.virtual > div .txt p.small {
    font-size: 18px;
  }
  .main .section.virtual > div .btn-box {
    padding-top: 20px;
  }
  .main .section.virtual > div .btn-box.mobile a {
    width: 58px;
    height: 48px;
  }
  .main .section.virtual > div .btn-box.mobile a:before, .main .section.virtual > div .btn-box.mobile a:after {
    content: "";
    position: absolute; /* background:$defColor01; */
    background: #fff;
  }
  .main .section.virtual > div .btn-box.mobile a span {
    position: absolute;
    top: -99999px;
    left: -99999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .main .section.virtual > div .btn-box a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 320px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 30px;
    font-size: 22px;
    font-weight: 400;
    color: #222edd;
    border: 1px solid #222edd;
  }
  .main .section.virtual > div .btn-box a span {
    position: relative;
  }
  .main .section.virtual > div .btn-box a span:before, .main .section.virtual > div .btn-box a span:after {
    content: "";
    position: absolute; /* background:$defColor01; */
    background: #fff;
  }
  .main .section.virtual.new {
    background: none;
  }
  .main .section.virtual.new:after {
    background: url(../../images/main/m_bg_main_vr.jpg) center center no-repeat;
  }
  .main .section.virtual.new > div {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    display: block;
  }
  .main .section.virtual.new .virtualWrap {
    padding: 0 40px;
    height: calc(100% + 60px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main .section.virtual.new .virtualWrap > div { /* padding:0 0 57px 160px; */
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main .section.virtual.new .virtualWrap > div.plant4 {
    margin-top: 28px;
  }
  .main .section.virtual.new .virtualWrap > div .txt {
    margin-top: 15px;
    line-height: 1.2;
    font-size: 17px;
  }
  .main .section.virtual.new .virtualWrap > div .txt p.small {
    display: none;
  }
  .main .section.virtual.new .virtualWrap > div .btn-box {
    padding-top: 15px;
  }
  .main .section.virtual.new .virtualWrap > div .btn-box a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 20px;
    font-size: 13px;
  }
  .main .section .iconScroll {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 50px;
    height: 55px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }
  .main .section .iconScroll:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../../images/main/m_icon_scroll_itm1.png) no-repeat left top;
    background-size: cover;
  }
  .main .section .iconScroll:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../../images/main/m_icon_scroll_itm2.png) no-repeat left top;
    background-size: cover;
    -webkit-animation-name: upDown;
            animation-name: upDown;
    /* animation-name:rotateAin; */
    /* animation-duration:1s; */
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    /* transform-origin:bottom right; */
  }
  @-webkit-keyframes upDown {
    0% {
      top: 0px;
    }
    100% {
      top: 5px;
    }
  }
  @keyframes upDown {
    0% {
      top: 0px;
    }
    100% {
      top: 5px;
    }
  }
  @-webkit-keyframes rotateAin {
    0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
    }
  }
  @keyframes rotateAin {
    0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
    }
  }
}
@media (max-width: 640px) {
  .main .section.mainVisual .mainVisualBg > li .itm1 .effect:after {
    top: 0;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-slide .imgWrap {
    height: auto;
  }
  .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-next, .main .section.whatsNew .whatsNewWrap .con .swiper-container .swiper-button-prev {
    top: 27%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .main .section.virtual > div .longBtn a {
    padding: 16px 29px 16px 28px;
  }
  .main .section.virtual > div .longBtn a span {
    /* &:before{right:29px;} */
  }
  .main .section .videoTxt .cont .numberling {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.mainSmall {
  position: fixed;
  right: 15px;
  bottom: 178px;
  z-index: 2;
}
.mainSmall li {
  padding-top: 5px;
  text-align: right;
}
.mainSmall li.active a:before, .mainSmall li.active a:after {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}
.mainSmall li.active a:before {
  border-bottom: 0;
  border-left: 0;
}
.mainSmall li.active a:after {
  border-top: 0;
  border-right: 0;
}
.mainSmall li a {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  outline: none;
}
.mainSmall li a:before, .mainSmall li a:after {
  content: "";
  position: absolute;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  border: 0;
  width: 0;
  height: 0;
}
.mainSmall li a:before {
  top: 0;
  left: 0;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.mainSmall li a:after {
  bottom: 0;
  right: 0;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.mainSmall li a:hover span, .mainSmall li a:focus span {
  font-weight: 500;
  text-decoration: underline;
}
.mainSmall li a span {
  position: relative;
  padding: 5px 25px 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  letter-spacing: 1px;
}
.mainSmall li a span:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
}

@media (max-width: 360px) {
  .main .section.featured .con .featuredWrap .newsWrap > div .newsWrapTit {
    font-size: 22px;
  }
}
/* main 두번째 section */
/* @media (max-height:700px){
	.main{
		.section{
			&.featured{
				.con{height:calc(97vh + 90px);
					.featuredWrap{
						.newsWrap{
							& > div{
								.box{ height:60vh;}
							}
						}
					}
				}
			}
		}
	}
} */
/* mac height */
@media (min-width: 1024px) and (max-width: 1280px) and (min-height: 650px) and (max-height: 800px) {
  #header .logo {
    background-size: 92px 69px;
  }
  .main .mainVisual {
    /* .smallWhatsNew{
    	.swiper-container{
    		.sideControl{left:172px;}
    	}
    } */
  }
  .main .mainVisual dl.on dt {
    padding-top: 30%;
  }
  .main .mainVisual dl dt {
    padding-top: 44%;
  }
  .main .mainVisual dl dd ul {
    padding-top: 30px;
  }
}
/* main-layout pop */
.main-layerBox {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000;
}
.main-layerBox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #000;
}
.main-layerBox .main-layerwrap {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 400px;
  max-width: 1180px;
  z-index: 5;
}
.main-layerBox .main-layerwrap.noframe {
  top: 50px !important;
}
.main-layerBox .main-layerwrap.noframe .inner {
  width: 460px;
}
.main-layerBox .main-layerwrap.noframe .inner .layer-cont { /* max-height:calc(100vh - 150px); overflow-y:scroll; */ }
.main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap {
  padding: 0;
}
.main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .tit {
  display: none;
}
.main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .scroll-box {
  height: auto;
  overflow: hidden;
  line-height: 0;
  /* @include froala-view-mixin(); */
}
.main-layerBox .main-layerwrap.noframe .inner .layer-close {
  padding: 0;
}
.main-layerBox .main-layerwrap .inner {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  width: 540px; /* height:500px; */
  overflow: hidden;
  overflow-y: auto;
}
.main-layerBox .main-layerwrap .inner .img-wrap {
  font-size: 0;
  line-height: 0;
}
.main-layerBox .main-layerwrap .inner .img-wrap a {
  display: inline-block;
}
.main-layerBox .main-layerwrap .inner .txt-wrap {
  padding: 30px 40px;
}
.main-layerBox .main-layerwrap .inner .txt-wrap .tit {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  line-height: 1.4;
}
.main-layerBox .main-layerwrap .inner .txt-wrap img {
  max-width: 100%;
}
.main-layerBox .main-layerwrap .inner .txt-wrap .scroll-box {
  width: 100%;
  height: 380px;
  overflow: hidden;
  overflow-y: auto;
}
.main-layerBox .main-layerwrap .inner .layer-close { /* position: relative; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 18px;
  font-size: 18px;
  color: #666;
}
.main-layerBox .main-layerwrap .inner .layer-close > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 13px;
  text-align: center;
  color: #222;
}
.main-layerBox .main-layerwrap .inner .layer-close > a:first-child {
  background: #222edd;
  color: #fff;
  border-right: 0px;
}

@media (max-width: 1023px) {
  .main-layerBox .main-layerwrap {
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: inherit;
  }
  .main-layerBox .main-layerwrap.noframe {
    top: 0px !important;
  }
  .main-layerBox .main-layerwrap.noframe .inner {
    padding: 0;
    width: 80%;
    background: transparent;
  }
  .main-layerBox .main-layerwrap.noframe .inner .layer-cont {
    height: auto;
    max-height: calc(100% - 72px);
    line-height: 0;
  }
  .main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap img {
    max-width: none;
    width: 100%;
  }
  .main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .scroll-box {
    height: auto;
  }
  .main-layerBox .main-layerwrap.noframe .inner .layer-close {
    background: #fff;
  }
  .main-layerBox .main-layerwrap .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 85%;
    height: 80%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-height: none;
    z-index: 1;
    overflow: unset;
  }
  .main-layerBox .main-layerwrap .inner .layer-cont {
    width: 100%;
    height: calc(100% - 72px);
    overflow: hidden;
    overflow-y: scroll;
  }
  .main-layerBox .main-layerwrap .inner .layer-cont .txt-wrap {
    padding: 0px;
  }
  .main-layerBox .main-layerwrap .inner .layer-cont .txt-wrap .scroll-box {
    height: auto;
    overflow: auto;
  }
  .main-layerBox .main-layerwrap .inner .layer-close {
    padding: 20px 0;
  }
}
.main-floating-sns {
  position: fixed;
  bottom: 200px;
  right: 30px;
  z-index: 11;
}
.main-floating-sns > dt {
  display: none;
}
.main-floating-sns > dd > ul > li {
  position: relative;
  min-height: 34px;
}
.main-floating-sns > dd > ul > li + li {
  margin-top: 10px;
}
.main-floating-sns > dd > ul > li [class^=btn] {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  min-width: 34px;
  min-height: 34px;
  border-radius: 17px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-floating-sns > dd > ul > li [class^=btn]:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 24px;
  height: 24px;
}
.main-floating-sns > dd > ul > li [class^=btn].btn-linkedin:after {
  background: url(/resources/front/en/images/main/btn-sns-linkedin.webp) 0 0/cover no-repeat;
}
.main-floating-sns > dd > ul > li [class^=btn].btn-facebook:after {
  background: url(/resources/front/en/images/main/btn-sns-facebook.webp) 0 0/cover no-repeat;
}
.main-floating-sns > dd > ul > li [class^=btn].btn-instagram:after {
  background: url(/resources/front/en/images/main/btn-sns-instagram.webp) 0 0/cover no-repeat;
}
.main-floating-sns > dd > ul > li [class^=btn].btn-youtube:after {
  background: url(/resources/front/en/images/main/btn-sns-youtube.webp) 0 0/cover no-repeat;
}
.main-floating-sns > dd > ul > li [class^=btn]:hover, .main-floating-sns > dd > ul > li [class^=btn]:focus, .main-floating-sns > dd > ul > li [class^=btn]:active {
  min-width: 160px;
  background: #222edd;
}
.main-floating-sns > dd > ul > li [class^=btn]:hover > span, .main-floating-sns > dd > ul > li [class^=btn]:focus > span, .main-floating-sns > dd > ul > li [class^=btn]:active > span {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.main-floating-sns > dd > ul > li [class^=btn] > span {
  position: absolute;
  top: 7px;
  right: 35px;
  display: block;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

@media (max-width: 1023px) {
  .main-floating-sns {
    padding-bottom: 64px;
    bottom: 100px;
    right: 20px;
  }
  .main-floating-sns > dt {
    display: block;
  }
  .main-floating-sns > dt.on:before {
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .main-floating-sns > dt.on > button:after {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  .main-floating-sns > dt.on + dd {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all;
  }
  .main-floating-sns > dt > button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #e8e8ea;
    overflow: hidden;
    z-index: 3;
  }
  .main-floating-sns > dt > button:after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    display: block;
    width: 24px;
    height: 24px;
    background: url(/resources/front/en/images/main/btn-sns-mobile-open.png) 0 0/cover no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .main-floating-sns > dt > button span {
    display: block;
    text-indent: -9999px;
  }
  .main-floating-sns > dd {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3;
  }
  .main-floating-sns > dd > ul > li { /* position:relative; */
    min-height: 48px;
    /* & + li {margin-top:10px;} */
  }
  .main-floating-sns > dd > ul > li [class^=btn] {
    min-width: 48px;
    min-height: 48px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
  }
  .main-floating-sns > dd > ul > li [class^=btn]:after {
    top: 12px;
    right: 12px;
  }
  .main-floating-sns > dd > ul > li [class^=btn].btn-linkedin:after {
    background: url(/resources/front/en/images/main/m-btn-sns-linkedin.webp) 0 0/cover no-repeat;
  }
  .main-floating-sns > dd > ul > li [class^=btn].btn-facebook:after {
    background: url(/resources/front/en/images/main/m-btn-sns-facebook.webp) 0 0/cover no-repeat;
  }
  .main-floating-sns > dd > ul > li [class^=btn].btn-instagram:after {
    background: url(/resources/front/en/images/main/m-btn-sns-instagram.webp) 0 0/cover no-repeat;
  }
  .main-floating-sns > dd > ul > li [class^=btn].btn-youtube:after {
    background: url(/resources/front/en/images/main/m-btn-sns-youtube.webp) 0 0/cover no-repeat;
  }
  .main-floating-sns > dd > ul > li [class^=btn]:hover, .main-floating-sns > dd > ul > li [class^=btn]:focus, .main-floating-sns > dd > ul > li [class^=btn]:active {
    min-width: 48px;
    background: #fff;
  }
  .main-floating-sns > dd > ul > li [class^=btn] > span {
    display: none;
  }
}
.main-renewal {
  /* header */
  /* footer */
  /* main */
}
@media (max-width: 1440px) {
  .main-renewal #header.scoll-change .logo img, .main-renewal #header.on .logo img, .main-renewal #header.search .logo img {
    top: -33.18px;
  }
}
@media (max-width: 1023px) {
  .main-renewal #header.scoll-change .logo img {
    top: -30.65px;
  }
  .main-renewal #header.scoll-change .util.new-util-type .btnMobileMenu:before, .main-renewal #header.scoll-change .util.new-util-type .btnMobileMenu:after, .main-renewal #header.scoll-change .util.new-util-type .btnMobileMenu span {
    background: #222edd;
  }
  .main-renewal #header.scoll-change .pix-in {
    background-color: #fff !important;
  }
  .main-renewal #header.on .util.new-util-type .btnMobileMenu:before, .main-renewal #header.on .util.new-util-type .btnMobileMenu:after, .main-renewal #header.on .util.new-util-type .btnMobileMenu span {
    background: #222edd;
  }
  .main-renewal #header .logo img {
    top: 0;
  }
  .main-renewal #header .util.new-util-type .btnMobileMenu:before, .main-renewal #header .util.new-util-type .btnMobileMenu:after, .main-renewal #header .util.new-util-type .btnMobileMenu span {
    background: #fff;
  }
  .main-renewal #header .pix-in {
    background-color: transparent !important;
    border-bottom: none !important;
  }
}
.main-renewal #footer {
  z-index: 2;
}
@-webkit-keyframes visualZoomIn {
  0% {
    -webkit-transform: rotate(0.001deg) scale(1);
            transform: rotate(0.001deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(0.001deg) scale(1.12);
            transform: rotate(0.001deg) scale(1.12);
  }
}
@keyframes visualZoomIn {
  0% {
    -webkit-transform: rotate(0.001deg) scale(1);
            transform: rotate(0.001deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(0.001deg) scale(1.12);
            transform: rotate(0.001deg) scale(1.12);
  }
}
.main-renewal .ren-visual { /* position:fixed; top:0; left:0; */
  width: 100%;
  padding-top: 90px; /* height:100vh; */ /* z-index:1; will-change:transform; */
  /* & + * {padding-top:100vh;} */
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] {
  /* &:after {animation-duration:5.5s; animation-name:visualZoomIn; animation-timing-function:ease-in-out; animation-fill-mode:forwards;} */
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .tit {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .stit {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .txt {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .btns {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .tit, .main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .stit, .main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .txt, .main-renewal .ren-visual .swiper-slide-active [class^=visual-itm] .center-box .cont-box .btns {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.main-renewal .ren-visual [class^=visual-itm] {
  position: relative;
  width: 100%;
  /* &:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-position:center center; background-size:cover;}
  &[class$=itm1] {
  	&:after {background-image:url(/resources/front/en/images/main-renewal/visual-itm1.webp);}
  }
  &[class$=itm2] {
  	&:after {background-image:url(/resources/front/en/images/main-renewal/visual-itm2.webp);}
  } */
}
.main-renewal .ren-visual [class^=visual-itm] .video {
  width: 100%;
  min-height: 42.1875vw; /* pointer-events:none;  */
}
.main-renewal .ren-visual [class^=visual-itm] .video video {
  width: 100%;
  height: auto;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.main-renewal .ren-visual [class^=visual-itm] .video .pc {
  position: relative;
  height: 42.1875vw;
  overflow: hidden;
}
.main-renewal .ren-visual [class^=visual-itm] .video .pc video {
  position: absolute;
  top: -1.5%;
  left: -1.5%;
  width: 102%;
  height: auto;
}
.main-renewal .ren-visual [class^=visual-itm] .center-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto; /* height:100vh; padding-top:15vh; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .tit {
  font-size: 58px;
  font-weight: 700;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .stit {
  padding-top: 16px;
  opacity: 0.9;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.31;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .txt {
  padding-top: 30px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #041c59;
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  opacity: 0;
  -webkit-transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  min-width: 140px;
  min-height: 40px;
  padding: 7px 10px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* &:after {content:""; display:block; width:24px; height:24px; background:url(/resources/front/en/images/main-renewal/visual-arrow-more.webp) center 2px / cover no-repeat; transition:transform .2s ease-in-out;} */
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:hover, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:focus, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:active {
  background: #222edd;
  /* &:after {background-image:url(/resources/front/en/images/main-renewal/visual-arrow-more-white.webp); transform:translateX(5px);} */
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:hover span, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:focus span, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a:active span {
  color: #fff;
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a span {
  font-size: 18px;
  font-weight: 500;
  color: #172e69;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .tit, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .stit, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .txt {
  text-shadow: 2px 3px 19px rgba(13, 18, 136, 0.16);
  -webkit-transform: translateY(110px);
          transform: translateY(110px);
  opacity: 0;
  -webkit-transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.main-renewal .ren-visual .sideControl {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  z-index: 2;
}
.main-renewal .ren-visual .sideControl .swiper-pagination {
  position: relative;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.main-renewal .ren-visual .sideControl .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 0;
  width: 70px;
  height: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 3px; /* outline:none; */
  outline-color: #222edd;
}
.main-renewal .ren-visual .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.main-renewal .ren-visual .sideControl .controlBtn {
  width: 24px;
  height: 24px;
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  text-indent: -9999px;
  overflow: hidden; /* outline:none; */
  outline-color: #222edd;
}
.main-renewal .ren-visual .sideControl .controlBtn.stop {
  background-image: url(/resources/front/en/images/main-renewal/btn-main-visual-stop.webp);
}
.main-renewal .ren-visual .sideControl .controlBtn.play {
  background-image: url(/resources/front/en/images/main-renewal/btn-main-visual-play.webp);
}
@media (max-width: 1023px) {
  .main-renewal .ren-visual {
    /* & + * {padding-top:100vh;} */
  }
  .main-renewal .ren-visual [class^=visual-itm] {
    /* &:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-position:center center; background-size:cover;} */
    /* &[class$=itm1] {
    	&:after {background-image:url(/resources/front/en/images/main-renewal/m-visual-itm1.webp);}
    }
    &[class$=itm2] {
    	&:after {background-image:url(/resources/front/en/images/main-renewal/m-visual-itm2.webp);}
    } */
    /* .pix-in {padding-top:0; z-index: 2;} */
  }
  .main-renewal .ren-visual [class^=visual-itm] .video {
    width: 100%;
    min-height: 177.77vw;
    pointer-events: none;
  }
  .main-renewal .ren-visual [class^=visual-itm] .video video {
    width: 100%;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box { /* padding-top:6vh; */
    padding: 0 30px;
    max-width: none;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .tit {
    font-size: 40px;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .stit {
    padding-top: 24px;
    opacity: 1;
    font-size: 20px;
    line-height: 1.4;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .txt {
    padding-top: 30px;
    font-size: 14px;
    line-height: 1.71;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns {
    gap: 10px;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .btns a {
    min-width: 145px;
  }
  .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .tit, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .stit, .main-renewal .ren-visual [class^=visual-itm] .center-box .cont-box .txt {
    -webkit-transform: translateY(110px);
            transform: translateY(110px);
    opacity: 0;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    z-index: 2;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .swiper-pagination {
    position: relative;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .swiper-pagination .swiper-pagination-bullet {
    display: block;
    margin: 0;
    width: 70px;
    height: 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    outline: none;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .controlBtn {
    width: 24px;
    height: 24px;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .controlBtn.stop {
    background-image: url(/resources/front/en/images/main-renewal/btn-main-visual-stop.webp);
  }
  .main-renewal .ren-visual [class^=visual-itm] .sideControl .controlBtn.play {
    background-image: url(/resources/front/en/images/main-renewal/btn-main-visual-play.webp);
  }
}
.main-renewal .ren-over-cont {
  position: relative;
}
.main-renewal .ren-over-cont .pix-in {
  padding-top: 100px;
}
.main-renewal .ren-over-cont .pix-in.pt2 {
  padding-top: 110px;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .pix-in {
    padding-top: 60px;
  }
  .main-renewal .ren-over-cont .pix-in.pt2 {
    padding-top: 60px;
  }
}
.main-renewal .ren-over-cont > div[class^=ren-] {
  position: relative;
  background: #fff;
  z-index: 2;
}
.main-renewal .ren-over-cont .btn-txt-arrow-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.main-renewal .ren-over-cont .btn-txt-arrow-more:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/resources/front/en/images/main-renewal/arrow-more.webp) center center/cover no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-renewal .ren-over-cont .btn-txt-arrow-more:hover p, .main-renewal .ren-over-cont .btn-txt-arrow-more:focus p, .main-renewal .ren-over-cont .btn-txt-arrow-more:active p {
  text-decoration: underline;
}
.main-renewal .ren-over-cont .btn-txt-arrow-more:hover:after, .main-renewal .ren-over-cont .btn-txt-arrow-more:focus:after, .main-renewal .ren-over-cont .btn-txt-arrow-more:active:after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.main-renewal .ren-over-cont .btn-txt-arrow-more p {
  font-size: 16px;
  font-weight: 500;
  color: #222edd;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .btn-arrow-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background: #f2f2ff;
  border-radius: 100%;
}
.main-renewal .ren-over-cont .btn-arrow-more:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/main-renewal/icon-arrow.webp) center center/cover no-repeat;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.main-renewal .ren-over-cont .btn-arrow-more:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: calc(50% - 6px);
  display: block;
  width: 0px;
  height: 2px;
  background: url(/resources/front/en/images/main-renewal/icon-arrow-bar.webp) right top/100% auto no-repeat;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.main-renewal .ren-over-cont .btn-arrow-more:hover, .main-renewal .ren-over-cont .btn-arrow-more:focus, .main-renewal .ren-over-cont .btn-arrow-more:active {
  background: #222edd;
}
.main-renewal .ren-over-cont .btn-arrow-more:hover:after, .main-renewal .ren-over-cont .btn-arrow-more:focus:after, .main-renewal .ren-over-cont .btn-arrow-more:active:after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
  background-image: url(/resources/front/en/images/main-renewal/icon-arrow-white.webp);
}
.main-renewal .ren-over-cont .btn-arrow-more:hover:before, .main-renewal .ren-over-cont .btn-arrow-more:focus:before, .main-renewal .ren-over-cont .btn-arrow-more:active:before {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  width: 16px;
  background-image: url(/resources/front/en/images/main-renewal/icon-arrow-bar-white.webp);
}
.main-renewal .ren-over-cont .btn-arrow-more p {
  text-indent: -9999px;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more:hover svg .circle, .main-renewal .ren-over-cont .btn-svg-arrow-more:focus svg .circle, .main-renewal .ren-over-cont .btn-svg-arrow-more:active svg .circle {
  fill: #222edd;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more:hover svg .bar, .main-renewal .ren-over-cont .btn-svg-arrow-more:focus svg .bar, .main-renewal .ren-over-cont .btn-svg-arrow-more:active svg .bar {
  fill: #fff;
  -webkit-transform: translateX(0px);
          transform: translateX(0px); /* opacity:1; */
}
.main-renewal .ren-over-cont .btn-svg-arrow-more:hover svg .arrow, .main-renewal .ren-over-cont .btn-svg-arrow-more:focus svg .arrow, .main-renewal .ren-over-cont .btn-svg-arrow-more:active svg .arrow {
  fill: #fff;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.main-renewal .ren-over-cont .btn-svg-arrow-more p {
  position: absolute;
  left: -9999px;
  height: -9999px;
  text-indent: -9999px;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more svg .circle {
  fill: #f2f2ff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more svg .bar {
  fill: #222edd; /* opacity:0; */
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-renewal .ren-over-cont .btn-svg-arrow-more svg .arrow {
  fill: #222edd;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-renewal .ren-over-cont .btn-box-arrow-more {
  position: relative;
  padding: 8px 20px;
  min-width: 170px;
  height: 40px;
  border: 1px solid #222edd;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: #fff;
}
.main-renewal .ren-over-cont .btn-box-arrow-more:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/main-renewal/arrow-more2.webp) center center/cover no-repeat;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-renewal .ren-over-cont .btn-box-arrow-more:hover, .main-renewal .ren-over-cont .btn-box-arrow-more:focus, .main-renewal .ren-over-cont .btn-box-arrow-more:active {
  background: #222edd;
  /* &:after {transform: translateX(5px); background-image:url(/resources/front/en/images/main-renewal/arrow-more-white.webp);} */
}
.main-renewal .ren-over-cont .btn-box-arrow-more:hover p, .main-renewal .ren-over-cont .btn-box-arrow-more:focus p, .main-renewal .ren-over-cont .btn-box-arrow-more:active p {
  color: #fff;
  padding-right: 20px;
}
.main-renewal .ren-over-cont .btn-box-arrow-more:hover:after, .main-renewal .ren-over-cont .btn-box-arrow-more:focus:after, .main-renewal .ren-over-cont .btn-box-arrow-more:active:after {
  opacity: 1;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  background: url(/resources/front/en/images/main-renewal/arrow-more-white.webp) center center/cover no-repeat;
}
.main-renewal .ren-over-cont .btn-box-arrow-more p {
  font-size: 18px;
  font-weight: 500;
  color: #222edd;
  line-height: 1.44;
  font-family: "ssl-gilroy", "ssl-font";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .photo-box {
  font-size: 0;
}
.main-renewal .ren-over-cont .photo-box a {
  position: relative;
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.main-renewal .ren-over-cont .photo-box a:focus, .main-renewal .ren-over-cont .photo-box a:active {
  outline: none;
}
.main-renewal .ren-over-cont .photo-box a:focus:before, .main-renewal .ren-over-cont .photo-box a:active:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #222edd;
  pointer-events: none;
  z-index: 1;
}
.main-renewal .ren-over-cont .photo-box a:focus img, .main-renewal .ren-over-cont .photo-box a:active img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.main-renewal .ren-over-cont .photo-box a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.main-renewal .ren-over-cont .photo-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .photo-box a:hover, .main-renewal .ren-over-cont .photo-box a:focus, .main-renewal .ren-over-cont .photo-box a:active {
    outline: none;
  }
}
.main-renewal .ren-over-cont .tits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.main-renewal .ren-over-cont .tits > h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.58;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .tits {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 18px;
  }
  .main-renewal .ren-over-cont .tits > h2 {
    font-size: 28px;
    line-height: 1.29;
  }
}
.main-renewal .ren-over-cont .ren-streamline .list-box {
  margin-top: 40px;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 288px;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box {
  width: 100%;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .photo-box {
  width: 100%;
  height: 288px;
  overflow: hidden;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .photo-box a:focus:before, .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .photo-box a:active:before, .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .photo-box a:hover:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #cbd6ff;
  pointer-events: none;
  z-index: 1;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .category {
  margin-top: 30px;
  font-size: 15px;
  font-weight: 600;
  line-height: 2.27;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit {
  margin-top: 20px;
  min-height: 85px;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit:lang(ko) {
  min-height: 30px;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit a {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  outline: none;
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit a:hover, .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit a:focus, .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit a:active {
  text-decoration: underline;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .txt {
  margin-top: 30px;
  min-height: 101px;
  font-size: 15px;
  line-height: 1.67;
  color: #333;
}
.main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .box {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-streamline .list-box {
    margin-top: 30px;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    gap: unset;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    max-width: none;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li + li {
    margin-top: 50px;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box {
    width: 100%;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .photo-box {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .category {
    display: none;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit {
    margin-top: 26px;
    min-height: none;
    /* a {font-size:22px; font-weight:500; line-height:1.27; color:$defColor151; font-family:'ssl-gilroy','ssl-font'; outline:none;
    	&:hover, &:focus, &:active {text-decoration:underline;}
    } */
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .tit:lang(ko) {
    min-height: none;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .txt {
    margin-top: 26px;
    min-height: none;
    font-size: 15px;
    line-height: 1.47;
  }
  .main-renewal .ren-over-cont .ren-streamline .list-box > ul > li .itm-box .box {
    margin-top: 26px;
  }
}
.main-renewal .ren-over-cont .ren-why .why-box {
  padding: 50px 0;
  margin-top: 40px;
  background: #f6f8ff;
}
.main-renewal .ren-over-cont .ren-why .why-box .pix-in {
  padding-top: 0;
}
.main-renewal .ren-over-cont .ren-why .why-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li:nth-child(1) {
  min-width: 180px;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li:nth-child(4) {
  min-width: 148px;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li:lang(ko):nth-child(2) {
  min-width: 150px;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li:lang(ko):nth-child(3) {
  min-width: 128px;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  color: #333;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-why .why-box ul li .num {
  margin-top: 8px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.16;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-why .why-box ul li .num strong, .main-renewal .ren-over-cont .ren-why .why-box ul li .num span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li .num strong[id^=num-counter], .main-renewal .ren-over-cont .ren-why .why-box ul li .num span[id^=num-counter] {
  font-variant-numeric: tabular-nums;
  letter-spacing: -1px;
}
.main-renewal .ren-over-cont .ren-why .why-box ul li .txt {
  color: #747474;
  font-size: 14px;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-why {
    position: relative; /* padding-top:60px; */
    margin-top: 60px;
    background: #f6f8ff !important;
  }
  .main-renewal .ren-over-cont .ren-why > .pix-in {
    padding-top: 50px;
    background: #f6f8ff;
  }
  .main-renewal .ren-over-cont .ren-why .why-box {
    padding-top: 50px;
    margin: 0;
    /* .pix-in {padding-top:0;} */
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul li {
    /* .tit {font-size:18px; font-weight:500; line-height:1.22; color:$c333; font-family:'ssl-gilroy','ssl-font';}
    .num {font-size:50px; font-weight:700; line-height:1.16; color:$defColor151; font-family:'ssl-gilroy','ssl-font';
    	strong, span {font-size:inherit; font-weight:inherit; color:inherit;}
    } */
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul li + li {
    margin-top: 30px;
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul li:nth-child(1), .main-renewal .ren-over-cont .ren-why .why-box ul li:nth-child(4) {
    min-width: none;
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul li:lang(ko):nth-child(2) {
    min-width: none;
  }
  .main-renewal .ren-over-cont .ren-why .why-box ul li:lang(ko):nth-child(3) {
    min-width: none;
  }
}
.main-renewal .ren-over-cont .ren-explore .swiper-box {
  margin-top: 40px;
  padding-bottom: 95px;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .swiper-container {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box {
  -ms-flex-preferred-size: 460px;
      flex-basis: 460px;
  padding: 70px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .category {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  color: #222edd;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit {
  margin-top: 30px;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit a {
  font-size: 22px;
  height: 96px;
  font-weight: 500; /* line-height:1.45; */
  font-family: "ssl-gilroy", "ssl-font";
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 32px;
  max-height: 96px; /* Fallback for non-webkit */
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit a:hover, .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit a:focus, .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit a:active {
  color: #222edd;
  text-decoration: underline;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .box {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .photo-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .photo-box img {
  max-height: 416px;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-pagination {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-pagination.swiper-pagination-progressbar {
  height: 1px;
  background: #ddd;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 48px;
  height: 48px;
  text-indent: -9999px;
  overflow: hidden;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button] {
  background: url(/resources/front/en/images/main-renewal/arrow-more6.webp) center center/cover no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button][class*=prev] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:focus, .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:hover, .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:active {
  background-image: url(/resources/front/en/images/main-renewal/arrow-more4.webp);
}
.main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button].swiper-button-disabled {
  background-image: url(/resources/front/en/images/main-renewal/arrow-more5.webp);
  opacity: 1;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-explore .swiper-box {
    margin-top: 30px;
    padding-bottom: 68px;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 40px 30px;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .category {
    font-size: 15px;
    line-height: 1.33;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit {
    margin-top: 20px;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .tit a {
    font-size: 18px; /* line-height:1.56; */
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    word-break: keep-all;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 28px;
    max-height: 84px; /* Fallback for non-webkit */
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .txt-box .box {
    margin-top: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .itm-box .photo-box img {
    aspect-ratio: 16/9;
    max-height: none;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl {
    position: absolute;
    bottom: 0px;
    left: 30px;
    width: calc(100% - 60px);
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-pagination {
    position: relative;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .main-renewal .ren-over-cont .ren-explore .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button] {
    display: block;
  }
}
.main-renewal .ren-over-cont .ren-news {
  padding-bottom: 100px;
}
.main-renewal .ren-over-cont .ren-news .swiper-box {
  margin-top: 40px; /* padding-bottom:95px; */
  padding-bottom: 0px;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .swiper-container {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box {
  width: 100%;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .photo-box {
  width: 100%;
  height: 216px;
  overflow: hidden;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .category {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #222edd;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit {
  margin-top: 22px;
  min-height: 52px;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit a {
  font-size: 20px;
  font-weight: 500; /* line-height:1.4; */
  color: #000;
  font-family: "ssl-gilroy", "ssl-font";
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 28px;
  max-height: 84px; /* Fallback for non-webkit */
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit a:hover, .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit a:focus, .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit a:active {
  text-decoration: underline;
  color: #222edd;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl {
  position: relative;
  margin-top: 40px;
  bottom: auto;
  left: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-pagination {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-pagination.swiper-pagination-progressbar {
  height: 1px;
  background: #ddd;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 48px;
  height: 48px;
  text-indent: -9999px;
  overflow: hidden;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button] {
  background: url(/resources/front/en/images/main-renewal/arrow-more6.webp) center center/cover no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button][class*=prev] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:focus, .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:hover, .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button]:active {
  background-image: url(/resources/front/en/images/main-renewal/arrow-more4.webp);
}
.main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button].swiper-button-disabled {
  background-image: url(/resources/front/en/images/main-renewal/arrow-more5.webp);
  opacity: 1;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-news {
    padding-bottom: 60px;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box {
    width: 100%;
    /* .category {} */
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .photo-box {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .photo-box img {
    aspect-ratio: 16/9;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .itm-box .tit {
    margin-top: 16px;
    min-height: none;
    /* a {font-size:22px; font-weight:500; line-height:1.27; color:$defColor151; font-family:'ssl-gilroy','ssl-font'; outline:none;
    	&:hover, &:focus, &:active {text-decoration:underline;}
    } */
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl { /* position:absolute; bottom:0px; left:30px; */
    width: calc(100% - 60px);
    margin: 30px auto 0;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-pagination {
    position: relative;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .main-renewal .ren-over-cont .ren-news .swiper-box .sideControl .swiper-btn-box button[class^=swiper-button] {
    display: block;
  }
  .main-renewal .ren-over-cont .ren-news .btn {
    margin-top: 40px;
  }
}
.main-renewal .ren-over-cont .ren-contact {
  background: #222edd !important;
}
.main-renewal .ren-over-cont .ren-contact .pix-in {
  padding-top: 0px;
}
.main-renewal .ren-over-cont .ren-contact .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 48px 0;
}
.main-renewal .ren-over-cont .ren-contact .cont .txt-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-renewal .ren-over-cont .ren-contact .cont .txt-box .tit {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.58;
  color: #f8f8fa;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-contact .cont .txt-box .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  color: #f8f8fa;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-contact .cont .btn {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}
.main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more {
  background: #fff;
  min-width: auto;
  padding: 8px 10px;
}
.main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:hover p, .main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:focus p, .main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:active p {
  color: #222edd;
}
.main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:hover:after, .main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:focus:after, .main-renewal .ren-over-cont .ren-contact .cont .btn .btn-box-arrow-more:active:after {
  background-image: url(/resources/front/en/images/main-renewal/arrow-more2.webp);
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-contact .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 40px;
    padding: 60px 0;
  }
  .main-renewal .ren-over-cont .ren-contact .cont .txt-box {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .main-renewal .ren-over-cont .ren-contact .cont .txt-box .tit {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
  }
  .main-renewal .ren-over-cont .ren-contact .cont .txt-box .txt {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  .main-renewal .ren-over-cont .ren-contact .cont .btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
  }
}
.main-renewal .ren-over-cont .ren-learn .pix-in {
  padding-bottom: 100px;
}
.main-renewal .ren-over-cont .ren-learn .list {
  margin-top: 50px;
}
.main-renewal .ren-over-cont .ren-learn .list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.main-renewal .ren-over-cont .ren-learn .list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box {
  /* .btn {margin-top:30px; display:flex; justify-content:flex-start;} */
}
.main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:focus, .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:hover, .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:active {
  color: #222edd;
  text-decoration: underline;
}
.main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .txt {
  margin-top: 22px;
  min-height: 75px;
  font-size: 15px;
  line-height: 1.67;
  color: #333;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-learn .pix-in {
    padding-bottom: 60px;
  }
  .main-renewal .ren-over-cont .ren-learn .list {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 40px 0;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li + li {
    border-top: 1px solid #ddd;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box {
    /* .btn {margin-top:22px;} */
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    color: #041c59;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:focus, .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:hover, .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .tit a:active {
    color: #222edd;
    text-decoration: underline;
  }
  .main-renewal .ren-over-cont .ren-learn .list > ul > li .itm-box .txt {
    margin-top: 20px;
    min-height: auto;
    font-size: 15px;
    line-height: 1.47;
  }
}
.main-renewal .ren-over-cont .ren-mini-sitemap {
  background: #fafafc !important;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in {
  padding-top: 60px;
  padding-bottom: 60px;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 36px;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.87;
  color: #333;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit a:hover, .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit a:focus, .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit a:active {
  text-decoration: underline;
  color: #222edd;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd {
  margin-top: 24px;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li + li {
  margin-top: 8px;
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li a {
  font-size: 15px;
  line-height: 1.75;
  color: #333;
  font-family: "ssl-gilroy", "ssl-font";
  /* &:lang(ko) {font-family:'ssl-font';} */
}
.main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li a:hover, .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li a:focus, .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li a:active {
  text-decoration: underline;
  color: #222edd;
}
@media (max-width: 1023px) {
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li + li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
  }
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dt .tit {
    font-size: 18px;
    line-height: 1.56;
  }
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd {
    margin-top: 24px;
  }
  .main-renewal .ren-over-cont .ren-mini-sitemap .pix-in > ul > li > dl > dd > ul > li a {
    font-size: 15px;
    line-height: 1.87;
  }
}
.main-renewal .ren-floating-sns {
  position: fixed;
  bottom: 120px;
  right: 41px;
  z-index: 11;
}
.main-renewal .ren-floating-sns > dt {
  display: none;
}
.main-renewal .ren-floating-sns > dd > ul > li {
  position: relative;
  min-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-renewal .ren-floating-sns > dd > ul > li + li {
  margin-top: 10px;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-width: 34px;
  min-height: 34px;
  padding: 5px 8px 5px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 17px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 3px;
  display: block;
  width: 34px;
  height: 34px;
  background: #fff;
  opacity: 0.5;
  border-radius: 100%;
  z-index: -1;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-linkedin:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-linkedin.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-facebook:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-facebook.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-instagram:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-instagram.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-youtube:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-youtube.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active {
  background: #222edd;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-linkedin:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-linkedin:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-linkedin:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-linkedin-white.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-facebook:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-facebook:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-facebook:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-facebook-white.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-instagram:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-instagram:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-instagram:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-instagram-white.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-youtube:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-youtube:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-youtube:after {
  background: url(/resources/front/en/images/main-renewal/btn-sns-youtube-white.webp) 0 0/cover no-repeat;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover > span, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus > span, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active > span {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.main-renewal .ren-floating-sns > dd > ul > li [class^=btn] > span {
  display: block;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .main-renewal .ren-floating-sns {
    padding-bottom: 64px;
    bottom: 95px;
    right: 30px;
  }
  .main-renewal .ren-floating-sns:has(.on) {
    z-index: 100;
    height: auto;
  }
  .main-renewal .ren-floating-sns > dt {
    display: block;
  }
  .main-renewal .ren-floating-sns > dt.on:before {
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 2;
  }
  .main-renewal .ren-floating-sns > dt.on > button:after {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  .main-renewal .ren-floating-sns > dt.on + dd {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all;
  }
  .main-renewal .ren-floating-sns > dt > button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #e8e8ea;
    overflow: hidden;
    z-index: 3;
  }
  .main-renewal .ren-floating-sns > dt > button:after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    display: block;
    width: 24px;
    height: 24px;
    background: url(/resources/front/en/images/main-renewal/btn-sns-mobile-open.webp) 0 0/cover no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .main-renewal .ren-floating-sns > dt > button span {
    display: block;
    text-indent: -9999px;
  }
  .main-renewal .ren-floating-sns > dd {
    position: absolute;
    bottom: 58px;
    right: 0px;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3;
  }
  .main-renewal .ren-floating-sns > dd > ul > li { /* position:relative; */
    min-height: 48px;
    /* & + li {margin-top:10px;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn] {
    min-width: 48px;
    min-height: 48px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    /* &:after {top:12px; right:12px;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:before {
    display: none;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-linkedin {
    /* &:after {background:url(/resources/front/en/images/main/m-btn-sns-linkedin.webp) 0 0 / cover no-repeat;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-linkedin:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-linkedin.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-facebook {
    /* &:after {background:url(/resources/front/en/images/main/m-btn-sns-facebook.webp) 0 0 / cover no-repeat;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-facebook:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-facebook.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-instagram {
    /* &:after {background:url(/resources/front/en/images/main/m-btn-sns-instagram.webp) 0 0 / cover no-repeat;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-instagram:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-instagram.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-youtube {
    /* &:after {background:url(/resources/front/en/images/main/m-btn-sns-youtube.webp) 0 0 / cover no-repeat;} */
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn].btn-youtube:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-youtube.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active {
    min-width: 48px;
    background: #fff;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-linkedin:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-linkedin:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-linkedin:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-linkedin.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-facebook:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-facebook:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-facebook:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-facebook.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-instagram:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-instagram:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-instagram:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-instagram.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:hover.btn-youtube:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:focus.btn-youtube:after, .main-renewal .ren-floating-sns > dd > ul > li [class^=btn]:active.btn-youtube:after {
    background: url(/resources/front/en/images/main-renewal/btn-sns-youtube.webp) 0 0/cover no-repeat;
  }
  .main-renewal .ren-floating-sns > dd > ul > li [class^=btn] > span {
    display: none;
  }
}
.main-renewal .ren-btn-top {
  position: fixed; /* bottom:120px; right:45px; */
  bottom: 40px;
  right: 40px;
  z-index: 11;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-renewal .ren-btn-top.off {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.main-renewal .ren-btn-top.off button {
  pointer-events: none;
}
.main-renewal .ren-btn-top button {
  width: 40px;
  height: 40px;
  background: url(/resources/front/en/images/main-renewal/btn-main-top.webp) 0 0/cover no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.main-renewal .ren-btn-top button:hover, .main-renewal .ren-btn-top button:focus, .main-renewal .ren-btn-top button:active {
  background-image: url(/resources/front/en/images/main-renewal/btn-main-top-on.webp);
}
@media (max-width: 1023px) {
  .main-renewal .ren-btn-top {
    bottom: 30px;
    right: 30px;
  }
  .main-renewal .ren-btn-top button {
    width: 48px;
    height: 48px;
  }
}
.main-renewal .iconScroll {
  position: absolute;
  right: 20px;
  bottom: 30px;
  width: 50px;
  height: 55px;
  overflow: hidden;
  z-index: 2;
}
.main-renewal .iconScroll:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 19px;
  background: url(/resources/front/en/images/main-renewal/m-icon-scroll-itm1.webp) center center/cover no-repeat;
}
.main-renewal .iconScroll:before {
  content: "";
  position: absolute;
  left: 19px;
  top: 29px;
  width: 12px;
  height: 13px;
  font-size: 0;
  background: url(/resources/front/en/images/main-renewal/m-icon-scroll-itm2.webp) center center/cover no-repeat;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: upDown;
          animation-name: upDown;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  animation-name: upDown;
  /* animation-duration:1s; */
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  /* transform-origin:bottom right; */
}
.main-renewal .iconScroll span {
  display: block;
  text-indent: -9999px;
}
@keyframes upDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}

/* main-layout pop */
.ren-main-layerBox {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000;
}
.ren-main-layerBox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: #000;
}
.ren-main-layerBox .main-layerwrap {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 400px;
  max-width: 1180px;
  z-index: 5;
}
.ren-main-layerBox .main-layerwrap.noframe {
  top: 50px !important;
}
.ren-main-layerBox .main-layerwrap.noframe .inner {
  width: 460px;
}
.ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont { /* max-height:calc(100vh - 150px); overflow-y:scroll; */ }
.ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap {
  padding: 0;
}
.ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .tit {
  display: none;
}
.ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .scroll-box {
  height: auto;
  overflow: hidden;
  line-height: 0;
  /* @include froala-view-mixin(); */
}
.ren-main-layerBox .main-layerwrap.noframe .inner .layer-close {
  padding: 0;
}
.ren-main-layerBox .main-layerwrap .inner {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  width: 540px; /* height:500px; */
  overflow: hidden;
  overflow-y: auto;
}
.ren-main-layerBox .main-layerwrap .inner .img-wrap {
  font-size: 0;
  line-height: 0;
}
.ren-main-layerBox .main-layerwrap .inner .img-wrap a {
  display: inline-block;
}
.ren-main-layerBox .main-layerwrap .inner .txt-wrap {
  padding: 30px 40px;
}
.ren-main-layerBox .main-layerwrap .inner .txt-wrap .tit {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  line-height: 1.4;
}
.ren-main-layerBox .main-layerwrap .inner .txt-wrap img {
  max-width: 100%;
}
.ren-main-layerBox .main-layerwrap .inner .txt-wrap .scroll-box {
  width: 100%;
  height: 380px;
  overflow: hidden;
  overflow-y: auto;
}
.ren-main-layerBox .main-layerwrap .inner .layer-close { /* position: relative; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 18px;
  font-size: 18px;
  color: #666;
}
.ren-main-layerBox .main-layerwrap .inner .layer-close > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 13px;
  text-align: center;
  color: #222;
}
.ren-main-layerBox .main-layerwrap .inner .layer-close > a:first-child {
  background: #222edd;
  color: #fff;
  border-right: 0px;
}

@media (max-width: 1023px) {
  .ren-main-layerBox .main-layerwrap {
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: inherit;
  }
  .ren-main-layerBox .main-layerwrap.noframe {
    top: 0px !important;
  }
  .ren-main-layerBox .main-layerwrap.noframe .inner {
    padding: 0;
    width: 80%;
    background: transparent;
  }
  .ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont {
    height: auto;
    max-height: calc(100% - 72px);
    line-height: 0;
  }
  .ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap img {
    max-width: none;
    width: 100%;
  }
  .ren-main-layerBox .main-layerwrap.noframe .inner .layer-cont .txt-wrap .scroll-box {
    height: auto;
  }
  .ren-main-layerBox .main-layerwrap.noframe .inner .layer-close {
    background: #fff;
  }
  .ren-main-layerBox .main-layerwrap .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 85%;
    height: 80%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-height: none;
    z-index: 1;
    overflow: unset;
  }
  .ren-main-layerBox .main-layerwrap .inner .layer-cont {
    width: 100%;
    height: calc(100% - 72px);
    overflow: hidden;
    overflow-y: scroll;
  }
  .ren-main-layerBox .main-layerwrap .inner .layer-cont .txt-wrap {
    padding: 0px;
  }
  .ren-main-layerBox .main-layerwrap .inner .layer-cont .txt-wrap .scroll-box {
    height: auto;
    overflow: auto;
  }
  .ren-main-layerBox .main-layerwrap .inner .layer-close {
    padding: 20px 0;
  }
}
/* tabmenu box*/
.tabBox {
  position: relative;
  width: 100%;
}
.tabBox.white .tab_area li a {
  color: #fff;
}
.tabBox.white .select_box select, .tabBox.white .select_box + select {
  color: #fff;
  background: url(../../images/arrow/search_white.png) right 15px center no-repeat;
}
.tabBox.white .select_box select option, .tabBox.white .select_box + select option {
  background: #38444b;
}
.tabBox.esg .tabTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabBox.esg .tabTit li {
  padding: 40px 0 37px;
  width: auto;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.tabBox.esg .tabTit li + li {
  border-left: 0;
}
.tabBox.esg .tabTit li span {
  position: relative; /* padding-top:14px; */
  font-size: 24px;
  font-weight: 600;
  color: #222;
  display: inline-block;
  /* &:before{content:''; position:absolute; top:0; left:50%; width:40px; height:5px; background:$defColor01; transform:translate(-50%, 0);} */
}
.tabBox.esg .tab_area li {
  position: relative;
  height: 78px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tabBox.esg .tab_area li:focus, .tabBox.esg .tab_area li:hover, .tabBox.esg .tab_area li:active {
  border-color: #ddd;
}
.tabBox.esg .tab_area li:focus:before, .tabBox.esg .tab_area li:hover:before, .tabBox.esg .tab_area li:active:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid #222edd;
  pointer-events: none;
}
.tabBox.esg .tab_area li + li {
  border-left: 0;
}
.tabBox.esg .tab_area li.tab1 { /* flex-basis:25%; */ }
.tabBox.esg .tab_area li.tab1.active a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg1_on.png);
}
.tabBox.esg .tab_area li.tab1 a:before {
  max-width: 165px;
  background-image: url(/resources/front/en/images/esg/img_tab_esg1_off.png);
}
.tabBox.esg .tab_area li.tab2 { /* flex-basis:25%; */ }
.tabBox.esg .tab_area li.tab2.active a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg2_on.png);
}
.tabBox.esg .tab_area li.tab2 a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg2_off.png);
}
.tabBox.esg .tab_area li.tab3 { /* flex-basis:16.67%; */ }
.tabBox.esg .tab_area li.tab3.active a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg3_on.png);
}
.tabBox.esg .tab_area li.tab3 a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg3_off.png);
}
.tabBox.esg .tab_area li.tab4 { /* flex-basis:16.67%; */ }
.tabBox.esg .tab_area li.tab4.active a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg4_on.png);
}
.tabBox.esg .tab_area li.tab4 a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg4_off.png);
}
.tabBox.esg .tab_area li.tab5 { /* flex-basis:16.67%; */ }
.tabBox.esg .tab_area li.tab5.active a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg5_on.png);
}
.tabBox.esg .tab_area li.tab5 a:before {
  background-image: url(/resources/front/en/images/esg/img_tab_esg5_off.png);
}
.tabBox.esg .tab_area li a {
  position: relative;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.tabBox.esg .tab_area li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 199px;
  width: 100%;
  max-height: 54px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tabBox.pc-select .select_box {
  display: block;
}
.tabBox.pc-select .select_box > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tabBox.pc-select .select_box > label > select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding-right: 30px;
  background: url(/resources/front/en/images/ico_svg/ico-select-arrow.svg) right 10px center no-repeat #fff;
  color: #666;
  font-size: 16px;
}
.tabBox.pc-select .select_box > label > button {
  position: relative;
  -ms-flex-preferred-size: 40px;
      flex-basis: 40px;
  width: 40px;
  height: 40px;
  background: url(/resources/front/en/images/ico_svg/btn-select-go.svg) 0 0/cover no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.tabBox.pc-select .listType,
.tabBox.pc-select .tab_area {
  display: none;
}
.tabBox .select_box {
  display: none;
}
.tabBox .tab_area {
  border-left: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tabBox .tab_area.h80 li {
  height: 80px;
}
.tabBox .tab_area li {
  width: auto;
  height: 60px;
  text-align: center;
  border: 1px solid #ddd;
  border-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.tabBox .tab_area li:focus, .tabBox .tab_area li:hover, .tabBox .tab_area li:active {
  margin-left: -1px;
  border: 1px solid #222edd;
  background-color: #fff;
}
.tabBox .tab_area li.active {
  margin-left: -1px;
  border: 1px solid #222edd;
  background: #222edd;
}
.tabBox .tab_area li.active a {
  color: #fff;
}
.tabBox .tab_area li.active a:focus, .tabBox .tab_area li.active a:hover, .tabBox .tab_area li.active a:active {
  color: #fff;
}
.tabBox .tab_area li a {
  position: relative;
  height: 100%; /* font-family:'ssl-font'; */
  font-size: 16px;
  font-weight: 500;
  color: #666;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tabBox .tab_area li a:focus, .tabBox .tab_area li a:hover, .tabBox .tab_area li a:active {
  color: #222edd;
}
.tabBox .tab_area.tab_careers li {
  margin-left: 15px;
  height: 230px;
  border: 1px solid #ddd;
}
.tabBox .tab_area.tab_careers li:focus, .tabBox .tab_area.tab_careers li:hover, .tabBox .tab_area.tab_careers li:active {
  border: 1px solid #222edd;
  background-color: #fff;
}
.tabBox .tab_area.tab_careers li.active {
  border: 1px solid #222edd;
  background: #222edd;
}
.tabBox .tab_area.tab_careers li.active a {
  color: #fff;
}
.tabBox .tab_area.tab_careers li.active a:focus, .tabBox .tab_area.tab_careers li.active a:hover, .tabBox .tab_area.tab_careers li.active a:active {
  color: #fff;
}
.tabBox .tab_area.tab_careers li:first-child {
  margin-left: 0px;
}
.tabBox .tab_area.tab_careers li a {
  display: block !important;
}
.tabBox .tab_area.tab_careers li a span {
  height: calc(100% - 140px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabBox .tab_area.tab_careers li[class*=tab] a:before {
  content: "";
  padding: 40px 0 20px;
  width: 100%;
  height: 140px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tabBox .tab_area.tab_careers li.tab1 a:before {
  background: url(../../images/careers/ico_tab_groups1_off.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab1 a:focus:before, .tabBox .tab_area.tab_careers li.tab1 a:active:before, .tabBox .tab_area.tab_careers li.tab1 a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups1_hover.png);
}
.tabBox .tab_area.tab_careers li.tab1.active a:before {
  background: url(../../images/careers/ico_tab_groups1_on.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab1.active a:focus:before, .tabBox .tab_area.tab_careers li.tab1.active a:active:before, .tabBox .tab_area.tab_careers li.tab1.active a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups1_on.png);
}
.tabBox .tab_area.tab_careers li.tab2 a:before {
  background: url(../../images/careers/ico_tab_groups2_off.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab2 a:focus:before, .tabBox .tab_area.tab_careers li.tab2 a:active:before, .tabBox .tab_area.tab_careers li.tab2 a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups2_hover.png);
}
.tabBox .tab_area.tab_careers li.tab2.active a:before {
  background: url(../../images/careers/ico_tab_groups2_on.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab2.active a:focus:before, .tabBox .tab_area.tab_careers li.tab2.active a:active:before, .tabBox .tab_area.tab_careers li.tab2.active a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups2_on.png);
}
.tabBox .tab_area.tab_careers li.tab3 a:before {
  background: url(../../images/careers/ico_tab_groups3_off.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab3 a:focus:before, .tabBox .tab_area.tab_careers li.tab3 a:active:before, .tabBox .tab_area.tab_careers li.tab3 a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups3_hover.png);
}
.tabBox .tab_area.tab_careers li.tab3.active a:before {
  background: url(../../images/careers/ico_tab_groups3_on.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab3.active a:focus:before, .tabBox .tab_area.tab_careers li.tab3.active a:active:before, .tabBox .tab_area.tab_careers li.tab3.active a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups3_on.png);
}
.tabBox .tab_area.tab_careers li.tab4 a:before {
  background: url(../../images/careers/ico_tab_groups4_off.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab4 a:focus:before, .tabBox .tab_area.tab_careers li.tab4 a:active:before, .tabBox .tab_area.tab_careers li.tab4 a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups4_hover.png);
}
.tabBox .tab_area.tab_careers li.tab4.active a:before {
  background: url(../../images/careers/ico_tab_groups4_on.png) no-repeat center 40px;
}
.tabBox .tab_area.tab_careers li.tab4.active a:focus:before, .tabBox .tab_area.tab_careers li.tab4.active a:active:before, .tabBox .tab_area.tab_careers li.tab4.active a:hover:before {
  background-image: url(../../images/careers/ico_tab_groups4_on.png);
}
.tabBox .tab_area.len10 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tabBox .tab_area.len10 li {
  -webkit-box-flex: none;
      -ms-flex-positive: none;
          flex-grow: none;
}
.tabBox .tab_area.len10 li:last-child {
  position: relative;
  right: auto;
  bottom: auto;
  height: 60px;
}
.tabBox .tab_area.len10 li:nth-child(6), .tabBox .tab_area.len10 li:nth-child(7), .tabBox .tab_area.len10 li:nth-child(8), .tabBox .tab_area.len10 li:nth-child(9), .tabBox .tab_area.len10 li:nth-child(10) {
  border-top: 0;
}
.tabBox .tab_area.len8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tabBox .tab_area.len8 li {
  -webkit-box-flex: none;
      -ms-flex-positive: none;
          flex-grow: none;
}
.tabBox .tab_area.len8 li:last-child {
  position: relative;
  right: auto;
  bottom: auto;
  height: 60px;
}
.tabBox .tab_area.len8 li:nth-child(5), .tabBox .tab_area.len8 li:nth-child(6), .tabBox .tab_area.len8 li:nth-child(7), .tabBox .tab_area.len8 li:nth-child(8) {
  border-top: 0;
}
.tabBox .tab_area.len6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tabBox .tab_area.len6 li {
  -webkit-box-flex: none;
      -ms-flex-positive: none;
          flex-grow: none;
}
.tabBox .tab_area.len6 li:last-child {
  position: relative;
  right: auto;
  bottom: auto;
  height: 60px;
}
.tabBox .tab_area.len6 li:nth-child(4), .tabBox .tab_area.len6 li:nth-child(5), .tabBox .tab_area.len6 li:nth-child(6) {
  border-top: 0;
}
.tabBox .listType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #a6a6a6;
}
.tabBox .listType .tab_area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 0;
  border-bottom: 0px;
}
.tabBox .listType .tab_area li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  height: auto;
  border: 0;
  margin-left: 0;
}
.tabBox .listType .tab_area li + li {
  margin-left: 30px;
}
.tabBox .listType .tab_area li.active {
  border: 0;
  background-color: transparent;
}
.tabBox .listType .tab_area li.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #222edd;
}
.tabBox .listType .tab_area li.active a p {
  color: #222edd; /* font-weight:600; */
}
.tabBox .listType .tab_area li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /*height:55px;*/
  padding: 18px 28px;
}
.tabBox .listType .tab_area li a p {
  line-height: 1; /*color:#c8c8c8;*/
  color: #909090;
  font-size: 18px;
}

.tab_cont {
  width: 100%;
  display: none;
  overflow: hidden;
}
.tab_cont.active {
  display: block;
}
.tab_cont > .pix-in:first-child {
  padding-top: 0;
}

#container .tab_cont > .pix-in:first-child {
  padding-top: 0;
}

.tabBox2 {
  position: relative;
  width: 100%;
}
.tabBox2 .tab_area {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.tabBox2 .tab_area.h80 li {
  height: 80px;
}
.tabBox2 .tab_area li {
  width: auto;
  height: 60px;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.tabBox2 .tab_area li.active {
  border: 1px solid #222edd;
  background: #222edd;
}
.tabBox2 .tab_area li:focus {
  border: 1px solid #222edd;
}
.tabBox2 .tab_area li + li {
  border-left: 0;
}
.tabBox2 .tab_area li.active + li {
  border-left: 1px solid #ddd;
}
.tabBox2 .tab_area li.active a {
  font-family: "ssl-font";
  font-weight: 500;
  color: #fff;
}
.tabBox2 .tab_area li.active a:focus, .tabBox2 .tab_area li.active a:hover, .tabBox2 .tab_area li.active a:active {
  color: #fff;
}
.tabBox2 .tab_area li a {
  height: 100%;
  font-family: "ssl-font";
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1023px) {
  .tabBox.moFlex .tab_area, .tabBox2.moFlex .tab_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabBox.moFlex .select_box, .tabBox2.moFlex .select_box {
    display: none;
  }
  .tabBox.mo-half .listType .tab_area, .tabBox2.mo-half .listType .tab_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: none;
  }
  .tabBox.mo-half .listType .tab_area li, .tabBox2.mo-half .listType .tab_area li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50%;
    border-bottom: 1px solid #a6a6a6;
  }
  .tabBox.pc-select .select_box > label > select, .tabBox2.pc-select .select_box > label > select {
    height: 50px;
    padding-right: 30px;
    background: url(/resources/front/en/images/ico_svg/ico-select-arrow.svg) right 15px center no-repeat #fff;
  }
  .tabBox.pc-select .select_box > label > button, .tabBox2.pc-select .select_box > label > button {
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
    width: 50px;
    height: 50px;
  }
  .tabBox.pc-select .listType,
  .tabBox.pc-select .tab_area, .tabBox2.pc-select .listType,
  .tabBox2.pc-select .tab_area {
    display: none;
  }
  .tabBox .tab_area, .tabBox2 .tab_area {
    display: none;
  }
  .tabBox .listType, .tabBox2 .listType {
    display: block;
    border-bottom: 0px;
  }
  .tabBox .listType .tab_area, .tabBox2 .listType .tab_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; /* align-items:center; */
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: 1px solid #a6a6a6;
  }
  .tabBox .listType .tab_area + .tab_area, .tabBox2 .listType .tab_area + .tab_area {
    margin-top: 4px;
  }
  .tabBox .listType .tab_area li, .tabBox2 .listType .tab_area li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; /* display:flex; justify-content:center; align-items:center; */
  }
  .tabBox .listType .tab_area li + li, .tabBox2 .listType .tab_area li + li {
    margin-left: 0px;
  }
  .tabBox .listType .tab_area li.active, .tabBox2 .listType .tab_area li.active {
    background: #222edd;
  }
  .tabBox .listType .tab_area li.active a p, .tabBox2 .listType .tab_area li.active a p {
    color: #fff;
  }
  .tabBox .listType .tab_area li a, .tabBox2 .listType .tab_area li a { /* height:70px; padding:0 5px; */
    width: 100%;
    height: 100%;
    padding: 12px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tabBox .listType .tab_area li a p, .tabBox2 .listType .tab_area li a p {
    font-size: 12px;
    line-height: 1.4;
  }
  .tabBox.esg .tabTit, .tabBox2.esg .tabTit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .tabBox.esg .tabTit li, .tabBox2.esg .tabTit li {
    padding: 20px 0 19px;
    border: 0;
    display: none;
  }
  .tabBox.esg .tabTit li.on, .tabBox2.esg .tabTit li.on {
    display: block;
  }
  .tabBox.esg .tabTit li span, .tabBox2.esg .tabTit li span { /* padding-top:14px; */
    font-size: 16px;
    /* &:before{width:20px; height:5px;} */
  }
  .tabBox .select_box, .tabBox2 .select_box {
    display: block;
  }
}
:lang(en) {
  /* .select_box+select, .select_box select */
}
:lang(en) .tabBox .tab_area li a {
  font-family: "ssl-gilroy", "ssl-font";
}
:lang(en) .tabBox .select_box + select,
:lang(en) .tabBox .select_box select {
  font-family: "ssl-gilroy", "ssl-font";
}

/*col_table*/
.col_table {
  table-layout: fixed;
  width: 100%;
  text-align: left;
}
.col_table.vt-t tbody th,
.col_table.vt-t tbody td {
  vertical-align: top;
}
.col_table.td-r thead td,
.col_table.td-r tbody td,
.col_table.td-r tfoot td {
  text-align: right;
}
.col_table.td-c thead td,
.col_table.td-c tbody td,
.col_table.td-c tfoot td {
  text-align: center;
}
.col_table.th-c thead th {
  text-align: center;
}
.col_table.fact_sheet tr th, .col_table.fact_sheet tr td {
  font-size: 16px;
}
.col_table thead th,
.col_table thead td {
  font-size: 20px;
  color: #222edd;
  font-weight: 500;
  padding: 30px 0 20px;
  position: relative;
}
.col_table thead + tbody tr:first-child > * {
  border-top: 3px solid #222edd;
  padding-top: 60px;
}
.col_table thead + tbody.fc_gray_666 tr:first-child > * {
  border-top: 3px solid #666;
}
.col_table tbody th {
  font-size: 20px;
  font-weight: 500;
}
.col_table tbody td {
  font-size: 18px;
  text-align: left;
}
.col_table tbody td .ir_number {
  width: 182px;
  text-align: right;
}
.col_table tbody td .ir_text {
  width: 182px;
  text-align: left;
}
.col_table tbody td .ir_ownership1 {
  width: 96px;
  text-align: right;
}
.col_table tbody td .ir_ownership2 {
  width: 74px;
  text-align: right;
}
.col_table tbody th,
.col_table tbody td {
  border-top: 1px solid #ddd;
  padding: 30px 5px 30px 0;
  vertical-align: middle;
}
.col_table .total > * {
  border-top: 1px solid #999;
}
.col_table .total th {
  font-size: 20px;
  text-transform: uppercase;
}
.col_table .total th.fs22 {
  font-size: 22px;
}
.col_table .total td {
  font-size: 18px;
}
.col_table .total th,
.col_table .total td {
  padding: 30px 0;
  background: #f1f1f1;
  font-weight: 500;
}
.col_table tfoot > * {
  border-top: 1px solid #999;
}
.col_table tfoot th {
  font-size: 20px;
  text-transform: uppercase;
}
.col_table tfoot td {
  font-size: 18px;
}
.col_table tfoot th,
.col_table tfoot td {
  padding: 30px 0;
}
.col_table thead th .unit {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #666;
}
.col_table thead th .unit span {
  font-size: 14px;
  font-family: "ssl-font";
  font-weight: 500;
}
.col_table .indent_num {
  display: inline-block;
  padding-left: 19px;
  text-indent: -19px;
}

.table_etc {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  color: #666;
}

.table_etc ~ .col_table {
  margin-bottom: 40px;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .col_table {
    table-layout: fixed;
    width: 100%;
    text-align: left;
  }
  .col_table thead + tbody tr:first-child > * {
    padding-top: 48px;
  }
  .col_table thead + tbody.fc_gray_666 tr:first-child > * {
    border-top: 3px solid #666;
  }
  .col_table thead th,
  .col_table thead td {
    color: #222edd;
    font-size: 16px;
    font-weight: 500;
    padding: 25px 0px;
  }
  .col_table thead .mobile_col_title {
    font-size: 18px;
    padding-top: 0;
  }
  .col_table tbody th {
    font-family: "ssl-font";
    font-size: 16px;
    font-weight: 500;
  }
  .col_table tbody td {
    font-size: 14px;
  }
  .col_table tbody td .ir_number {
    width: 141px;
  }
  .col_table tbody td .ir_text {
    width: 141px;
  }
  .col_table tbody td .ir_ownership1 {
    width: 76px;
  }
  .col_table tbody td .ir_ownership2 {
    width: 60px;
  }
  .col_table tbody th,
  .col_table tbody td {
    border-top: 1px solid #ddd;
    padding: 25px 10px 25px 0px;
    word-break: initial;
  }
  .col_table .total > * {
    border-top: 2px solid #999;
  }
  .col_table .total th {
    font-size: 16px;
    text-transform: uppercase;
  }
  .col_table .total td {
    font-size: 14px;
    font-family: "ssl-font";
    font-weight: 400;
  }
  .col_table .total th,
  .col_table .total td {
    padding: 30px 0px 30px;
    background: #f1f1f1;
  }
  .col_table tfoot > * {
    border-top: 2px solid #999;
  }
  .col_table tfoot th {
    text-transform: uppercase;
  }
  .col_table tfoot td {
    font-size: 14px;
  }
  .col_table tfoot th,
  .col_table tfoot td {
    padding: 30px 0px 30px;
  }
  .table_etc {
    font-size: 11px;
  }
  /* S : 에디터에서 쓰이는 테이블 width % 로 변환 */
  .__se_tbl_ext {
    width: 100% !important;
  }
  .__se_tbl_ext tr:first-child td:first-child span {
    width: 33px;
    display: inline-block;
  }
  .__se_tbl_ext tr td {
    padding: 0cm 4pt !important;
    width: auto !important;
  }
  .__se_tbl_ext tr td:first-child span {
    width: 33px;
    display: inline-block;
  }
  .__se_tbl_ext tr td span {
    font-family: 돋움, dotum !important;
    font-size: 10pt !important;
  }
  /* E : 에디터에서 쓰이는 테이블 width % 로 변환 */
}
/*tbl-data*/
.tbl-data {
  width: 100%;
  table-layout: fixed;
}
.tbl-data.txtCenter th, .tbl-data.txtCenter td, .tbl-data.txtCenter .txtLeft {
  text-align: center;
}
.tbl-data .txtLeft {
  text-align: left;
}
.tbl-data thead th, .tbl-data thead td {
  font-weight: 500;
  background: #efefef;
}
.tbl-data tbody tr:first-child th, .tbl-data tbody tr:first-child td {
  border-top: none;
}
.tbl-data tbody th, .tbl-data tbody td {
  background: #fff;
  border-top: 2px solid #f8f8f8;
  font-weight: 500;
}
.tbl-data th, .tbl-data td {
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
.tbl-data td {
  padding: 25px 20px;
}

@media (max-width: 1023px) {
  .tbl-data th, .tbl-data td {
    padding: 10px;
    font-size: 13px;
  }
  .tbl-data td {
    padding: 15px 10px;
  }
  .tbl-mo-row-scroll {
    width: 100%;
    overflow-x: scroll;
  }
  .tbl-mo-row-scroll .tbl-data {
    min-width: 700px;
  }
}
.dot_list {
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 500;
  line-height: 1.9;
  margin-left: 15px;
}
.dot_list > li {
  position: relative;
  padding-left: 13px;
  margin-top: 12px;
}
.dot_list > li:first-child {
  margin-top: 0;
}
.dot_list > li:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 4px;
  height: 4px;
  line-height: 2.15;
  background: url(../../images/bul/dot_list.png) 0 0 no-repeat;
}

.dash_list {
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 500;
  line-height: 1.9;
  margin-left: 15px;
}
.dash_list > li {
  position: relative;
  padding-left: 13px;
  text-indent: -13px;
  margin-top: 12px;
}
.dash_list > li:first-child {
  margin-top: 0;
}

.cir_num_list {
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 500;
  line-height: 1.9;
}
.cir_num_list li {
  position: relative;
  padding-left: 23px;
  text-indent: -23px;
}

.normal_list {
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 500;
  line-height: 1.9;
}
.normal_list > li {
  position: relative;
  margin-top: 12px;
}
.normal_list > li:first-child {
  margin-top: 0;
}
.normal_list > li span {
  position: relative;
  width: 10px;
  height: 31px;
  display: inline-block;
  vertical-align: top;
}
.normal_list > li span:after {
  position: absolute;
  font-size: 18px;
}
.normal_list > li span.upParenthesis:after {
  content: "「";
  left: -4px;
  bottom: 0;
}
.normal_list > li span.downParenthesis:after {
  content: "」";
  top: 2px;
  right: -5px;
}

/* benefits */
.benefits_list {
  padding-top: 20px;
}
.benefits_list li {
  border-top: 1px solid #ddd;
  padding: 70px 0;
  font-size: 0;
}
.benefits_list li:first-child {
  border-top: 0;
}
.benefits_list li:last-child {
  padding-bottom: 30px;
}
.benefits_list li:after {
  display: block;
  content: "";
  clear: both;
}
.benefits_list li strong {
  display: inline-block;
  width: 33.8%;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
  vertical-align: top;
}
.benefits_list li p {
  display: inline-block;
  width: 66.2%;
  font-size: 18px;
  line-height: 1.8;
}
.benefits_list .thumb {
  margin-top: 30px;
}
.benefits_list .thumb img {
  display: block;
}

#container .careers_content .videoslide {
  position: relative;
}

/*#container .careers_content .videoslide:before {display:block;content:'';position:absolute;left:0;bottom:0;top:177px;right:0;background: $defColor08;min-width: 10000px;left: 50%;transform: translateX(-50%);z-index: -1;}*/
@media (max-width: 1024px) {
  .dot_list {
    font-size: 14px;
    margin-left: 0;
    line-height: 1.6;
  }
  .dot_list li {
    margin-top: 18px;
  }
  .dot_list li:first-child {
    margin-top: 0;
  }
  .dot_list li:before {
    top: 10px;
  }
  .dash_list {
    font-size: 14px;
    margin-left: 0;
    line-height: 1.6;
  }
  .dash_list li {
    margin-top: 18px;
    padding-left: 8px;
    text-indent: -8px;
  }
  .dash_list li:first-child {
    margin-top: 0;
  }
  .cir_num_list {
    font-size: 14px;
    line-height: 1.6;
  }
  .cir_num_list li {
    position: relative;
    padding-left: 19px;
    text-indent: -19px;
  }
  .benefits_list {
    padding-top: 0;
  }
  .benefits_list li {
    border-top: 0;
    padding: 72px 0 0;
  }
  .benefits_list li:after {
    display: block;
    content: "";
    clear: both;
  }
  .benefits_list li strong {
    width: auto;
    display: block;
    color: #222;
    font-size: 20px;
    line-height: 1.3px;
  }
  .benefits_list li p {
    width: auto;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 26px;
  }
  .benefits_list .thumb {
    margin-top: 22px;
  }
  .benefits_list .thumb img {
    display: block;
    max-width: 100%;
  }
  /*#container .careers_content .videoslide:before {top:83px;}*/
}
/* S : faq list */
/*use page : faq, career, boardStructure */
.faqList {
  position: relative;
  width: 100%;
  padding-top: 60px;
}
.faqList dl.list {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.faqList dl.list.numList {
  counter-reset: Number;
}
.faqList dl.list.numList dt:before {
  counter-increment: Number;
  content: counter(Number) ". ";
}
.faqList dl.list.chapterList dt:before {
  display: none;
}
.faqList dl.list.chapterList > dt a {
  padding-left: 16px;
  text-transform: capitalize;
}
.faqList dl.list.chapterList > dt a.nocapitalize {
  text-transform: none;
}
.faqList dl.list.chapterList > dt a i {
  text-transform: none;
  font-style: normal;
}
.faqList dl.list.chapterList > dt a span {
  color: #222edd;
  font-weight: 500;
  margin-right: 15px;
}
.faqList dl.list.chapterList .txt-cont {
  padding: 55px 60px;
  background: #f8f8f8;
  border-top: 1px solid #ddd;
}
.faqList dl.list.chapterList .txt-cont .stit {
  font-size: 18px;
  line-height: 1.9;
  font-weight: 500;
  color: #666;
}
.faqList dl.list.chapterList .txt-cont .stit + ul {
  margin-top: 15px;
}
.faqList dl.list.chapterList .txt-cont > ul {
  line-height: 1.8;
  color: #666;
}
.faqList dl.list.chapterList .txt-cont > ul + .stit {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px dotted #ddd;
}
.faqList dl.list.chapterList .txt-cont > ul + .stit.first {
  border-top: 0;
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list {
  margin: 14px 0 0 14px;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ2 {
  margin-left: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ2 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ2 > li:first-child {
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 {
  margin-left: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li:first-child {
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li .num {
  margin-right: 3px;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li > ul.dot-list {
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li {
  position: relative;
  padding-left: 8px;
  text-indent: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li::before {
  content: "∙";
  position: absolute;
  top: 0;
  left: 0;
}
.faqList dl.list.chapterList .txt-cont .num-list.typ4 {
  margin-left: 0px;
}
.faqList dl.list.chapterList .txt-cont .num-list > li {
  position: relative;
  padding-left: 20px;
  text-indent: -20px;
}
.faqList dl.list.chapterList .txt-cont .num-list > li .num {
  margin-right: 10px;
}
.faqList dl.list.chapterList .txt-cont .dash-list {
  margin-left: 0;
}
.faqList dl.list.chapterList .txt-cont .dash-list > li {
  margin-top: 10px;
  padding-left: 12px;
  text-indent: -12px;
}
.faqList dl.list.chapterList .txt-cont .dash-list > li:first-child {
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .dash-list > li .stit {
  margin-top: 15px;
}
.faqList dl.list.chapterList .txt-cont .dot_list {
  margin-left: 0;
}
.faqList dl.list.chapterList .txt-cont .dot_list > li {
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .dot_list > li:before {
  top: 12px;
}
.faqList dl.list.chapterList .txt-cont .dot_list > li.point {
  padding-left: 0px;
  color: #222edd;
  font-size: 14px;
}
.faqList dl.list.chapterList .txt-cont .dot_list > li.point:before {
  display: none;
}
.faqList dl.list.chapterList .txt-cont .dot_list > li .point {
  color: #222edd;
}
.faqList dl.list.chapterList .txt-cont .promoter {
  margin-top: 15px;
}
.faqList dl.list.chapterList .txt-cont .promoter li {
  padding-left: 30px;
  margin-top: 10px;
}
.faqList dl.list.chapterList .txt-cont .promoter li:first-child {
  margin-top: 0;
}
.faqList dl.list.chapterList .txt-cont .promoter li p {
  position: relative;
}
.faqList dl.list.chapterList .txt-cont .promoter li p:first-child {
  font-weight: 500;
  color: #222;
}
.faqList dl.list.chapterList .txt-cont .promoter li p:first-child:after {
  display: block;
  content: "";
  position: absolute;
  left: -13px;
  top: 13px;
  background: #222;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.faqList dl.list > dt {
  position: relative;
  border-top: 1px solid #ccc;
}
.faqList dl.list > dt:before {
  content: "Q .";
  position: absolute;
  top: calc(50% - 17px);
  left: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #222edd;
}
.faqList dl.list > dt:first-child {
  border-top: none;
}
.faqList dl.list > dt.on a:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faqList dl.list > dt + dd {
  display: none;
}
.faqList dl.list > dt a {
  position: relative;
  display: block;
  width: 100%; /* height:84px; */
  padding: 25px 40px 25px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  line-height: 1.4;
}
.faqList dl.list > dt a:before, .faqList dl.list > dt a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 13px;
  width: 15px;
  height: 3px;
  background: #222edd;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.faqList dl.list > dt a:after {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.faqList dl.list > dd .txt {
  padding: 60px;
  border-top: 1px solid #ccc;
  background: #f8f8f8;
  line-height: 1.5;
  color: #666;
}
.faqList dl.list > dd .txt * {
  font-family: inherit !important;
}
.faqList dl.list > dd .txt .linkBox {
  padding-top: 5px;
}
.faqList dl.list > dd .txt .linkBox a {
  color: #222edd;
}

.box_wrap + .faqList {
  margin-top: 90px;
}

@media (max-width: 1023px) {
  .faqList {
    padding-top: 10px;
  }
  .faqList dl.list.chapterList .txt-cont .dot_list > li .point {
    font-size: 11px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ3 > li {
    padding-left: 15px;
    text-indent: -15px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ3 > li .num {
    margin-right: 0px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ3 > li .num-list {
    margin-left: 0;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ3 > li > ul.dot-list {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li {
    margin-top: 5px;
  }
  .faqList dl.list.chapterList .txt-cont .dash-list > li {
    padding-left: 8px;
    text-indent: -8px;
  }
  .faqList dl.list.chapterList .txt-cont .dash-list > li .stit {
    margin-top: 15px;
  }
}
/* S :general list */
#container .generalList {
  position: relative;
  width: 100%; /* padding-top:90px; */
}
#container .generalList > .txtEtc {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #666;
}
#container .generalList > .txtEtc:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../images/ico/downloadList_txtetc.png) 0 0 no-repeat;
}
#container .generalList > .txtEtc strong {
  vertical-align: middle;
  font-family: "ssl-font";
  font-weight: 500;
}
#container .generalList dl.list {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
#container .generalList dl.list > dt {
  border-top: 1px solid #ddd;
}
#container .generalList dl.list > dt:first-child {
  border-top: none;
}
#container .generalList dl.list > dt.on a:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#container .generalList dl.list > dt a {
  position: relative;
  display: block;
  width: 100%;
  min-height: 84px;
  padding: 25px 35px 25px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  font-weight: 500;
}
#container .generalList dl.list > dt a:before, #container .generalList dl.list > dt a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 13px;
  width: 15px;
  height: 3px;
  background: #222edd;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
#container .generalList dl.list > dt a:after {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
#container .generalList dl.list > dt + dd {
  display: none;
  width: 100%; /* padding:60px; */
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ddd;
  background: #f8f8f8;
}
#container .generalList dl.list > dt + dd .box {
  width: 100%;
  padding-bottom: 40px;
  color: #666;
}
#container .generalList dl.list > dt + dd .box > *:first-child {
  padding-top: 0px;
}
#container .generalList dl.list > dt + dd .box p {
  padding-top: 5px;
}
#container .generalList dl.list > dt + dd .box > dl {
  padding: 10px 0 0 20px;
}
#container .generalList dl.list > dt + dd .box > dl > dt {
  font-weight: 500;
  color: #222;
}
#container .generalList dl.list > dt + dd .box > dl > dd {
  padding-left: 10px;
}
#container .generalList dl.list > dt + dd .box > dl > dd + dt {
  padding-top: 10px;
}
#container .generalList dl.list > dt + dd .box > dl > dd ol li {
  padding-left: 10px;
  text-indent: -10px;
}
#container .generalList dl.list > dt + dd .meeting-box {
  margin-top: 0;
  padding-top: 40px;
  border-top: 1px dotted #ccc;
}
#container .generalList dl.list > dt + dd .txt-tit {
  padding-top: 40px;
  font-size: 18px;
  font-weight: 500;
}
#container .generalList dl.list > dt + dd .txt-ex {
  padding: 40px 0 15px 0;
  text-align: right;
  font-size: 14px;
  color: #666;
}
#container .generalList dl.list > dt + dd .etc {
  padding: 20px 0 0 17px;
  text-indent: -17px;
  color: #666;
}

@media (max-width: 1023px) {
  #container .generalList { /* padding:50px 30px 0; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #container .generalList > .txtEtc {
    display: none;
  }
  #container .generalList dl .list > dt a {
    height: auto;
    padding: 20px 30px 20px 10px;
    font-size: 17px;
  }
  #container .generalList dl .list > dt + dd {
    padding: 20px;
  }
  #container .generalList dl .list > dt + dd .box {
    padding-bottom: 15px;
    font-size: 14px;
  }
  #container .generalList dl .list > dt + dd .txt-tit {
    padding-top: 20px;
    font-size: 15px;
  }
  #container .generalList dl .list > dt + dd .txt-ex {
    padding: 15px 0 10px;
    font-size: 13px;
  }
  #container .generalList dl .list > dt + dd .etc {
    padding: 10px 0 0 14px;
    text-indent: -14px;
    font-size: 13px;
  }
}
/* E :general list */
/* S : pc 가로형태의 아코디언 리스트 */
.etc-pc-accordion > dl {
  position: relative;
  width: 100%;
  padding-right: calc(100% - 500px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #004963;
}
.etc-pc-accordion > dl > dt {
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.etc-pc-accordion > dl > dt.on a {
  background: #004963;
  color: #fff;
}
.etc-pc-accordion > dl > dt.on a:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.etc-pc-accordion > dl > dt.on a:after {
  -webkit-transform: rotate(0deg) translateX(10px);
          transform: rotate(0deg) translateX(10px);
  background: url(/resources/front/en/images/ico_svg/esg/icon-etc-pc-accordion-arrow-on.svg) 0 0/cover no-repeat;
}
.etc-pc-accordion > dl > dt a {
  position: relative;
  width: 100%;
  height: 86px;
  padding: 10px 50px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.etc-pc-accordion > dl > dt a:before, .etc-pc-accordion > dl > dt a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 20px;
  width: 18px;
  height: 2px;
  background: #004963;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.etc-pc-accordion > dl > dt a:before {
  display: none;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.etc-pc-accordion > dl > dt a:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-etc-pc-accordion-arrow.svg) 0 0/cover no-repeat;
}
.etc-pc-accordion > dl > dt a p {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 400;
}
.etc-pc-accordion > dl > dd {
  position: absolute;
  display: none;
  top: 0px;
  left: 500px;
  width: calc(100% - 500px);
  height: 100%; /* padding:10px 8px 10px 30px; */
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #004963;
  color: #fff;
  font-size: 16px;
  line-height: 1.63;
}
.etc-pc-accordion > dl > dd .miniScroll {
  width: 100%;
  height: 100%;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
}
.etc-pc-accordion > dl > dd .miniScroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.4);
}
.etc-pc-accordion > dl > dd .miniScroll::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 4px;
  /* background:rgba(0, 0, 0, 0.25); */
  background: #fff;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.etc-pc-accordion > dl > dd .miniScroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
.etc-pc-accordion > dl > dd .miniScroll::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.etc-pc-accordion > dl > dd .miniScroll .guide-arg {
  height: auto;
  overflow: unset;
}
.etc-pc-accordion > dl > dd .guide-arg {
  width: 100%;
  height: 100%;
  padding: 30px 22px 30px 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.etc-pc-accordion > dl > dd .guide-arg.kr * {
  word-break: break-all;
}
.etc-pc-accordion .chapterList .txt-cont {
  /* .point {color:$defColor01;} */
}
.etc-pc-accordion .chapterList .txt-cont p + p {
  margin-top: 15px;
}
.etc-pc-accordion .chapterList .txt-cont .stit {
  font-size: 18px;
  line-height: 1.9;
  font-weight: 500;
}
.etc-pc-accordion .chapterList .txt-cont .stit + ul {
  margin-top: 15px;
}
.etc-pc-accordion .chapterList .txt-cont ul {
  line-height: 1.8;
}
.etc-pc-accordion .chapterList .txt-cont ul + .stit {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px dotted #ddd;
}
.etc-pc-accordion .chapterList .txt-cont ul + .stit.first {
  border-top: 0;
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont ul.decimal {
  padding-left: 30px;
}
.etc-pc-accordion .chapterList .txt-cont ul.decimal > li {
  list-style-type: decimal;
}
.etc-pc-accordion .chapterList .txt-cont ul.dot li {
  padding-left: 15px;
}
.etc-pc-accordion .chapterList .txt-cont ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.etc-pc-accordion .chapterList .txt-cont ul.dash li {
  padding-left: 15px;
}
.etc-pc-accordion .chapterList .txt-cont ul.dash li:before {
  content: "-";
  position: absolute;
  top: 0px;
  left: 0px;
}
.etc-pc-accordion .chapterList .txt-cont ul.num {
  padding-left: 35px;
}
.etc-pc-accordion .chapterList .txt-cont ul.num li {
  list-style: decimal;
}
.etc-pc-accordion .chapterList .txt-cont ul li {
  position: relative;
}
.etc-pc-accordion .chapterList .txt-cont ul li.point {
  padding-left: 0;
  font-size: 0.8em;
}
.etc-pc-accordion .chapterList .txt-cont ul li.point:before {
  display: none;
  list-style-type: none;
}
.etc-pc-accordion .chapterList .txt-cont .num-list {
  margin: 14px 0 0 14px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ2 {
  margin-left: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ2 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ2 > li:first-child {
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 {
  margin-left: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li:first-child {
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li .num {
  margin-right: 3px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li > ul.dot-list {
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li {
  position: relative;
  padding-left: 8px;
  text-indent: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li::before {
  content: "∙";
  position: absolute;
  top: 0;
  left: 0;
}
.etc-pc-accordion .chapterList .txt-cont .num-list.typ4 {
  margin-left: 0px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list > li {
  position: relative;
  padding-left: 20px;
  text-indent: -20px;
}
.etc-pc-accordion .chapterList .txt-cont .num-list > li .num {
  margin-right: 10px;
}
.etc-pc-accordion .chapterList .txt-cont .dash-list {
  margin-left: 0;
}
.etc-pc-accordion .chapterList .txt-cont .dash-list > li {
  margin-top: 10px;
  padding-left: 12px;
  text-indent: -12px;
}
.etc-pc-accordion .chapterList .txt-cont .dash-list > li:first-child {
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont .dash-list > li .stit {
  margin-top: 15px;
}
.etc-pc-accordion .chapterList .txt-cont .dot_list {
  margin-left: 0;
  font-weight: 300;
}
.etc-pc-accordion .chapterList .txt-cont .dot_list > li {
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont .dot_list > li:before {
  top: 0px;
  background: none;
  content: "•";
  line-height: unset;
  width: auto;
  height: auto;
}
.etc-pc-accordion .chapterList .txt-cont .dot_list > li.point {
  padding-left: 0px;
  font-size: 14px;
}
.etc-pc-accordion .chapterList .txt-cont .dot_list > li.point:before {
  display: none;
}
.etc-pc-accordion .chapterList .txt-cont .promoter {
  margin-top: 15px;
}
.etc-pc-accordion .chapterList .txt-cont .promoter li {
  padding-left: 30px;
  margin-top: 10px;
}
.etc-pc-accordion .chapterList .txt-cont .promoter li:first-child {
  margin-top: 0;
}
.etc-pc-accordion .chapterList .txt-cont .promoter li p {
  position: relative;
}
.etc-pc-accordion .chapterList .txt-cont .promoter li p:first-child {
  font-weight: 500;
}
.etc-pc-accordion .chapterList .txt-cont .promoter li p:first-child:after {
  display: block;
  content: "";
  position: absolute;
  left: -13px;
  top: 13px;
  background: #222;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

@media (max-width: 1023px) {
  .etc-pc-accordion {
    position: relative;
    /* .txt {} */
  }
  .etc-pc-accordion > dl {
    padding-right: 0;
  }
  .etc-pc-accordion > dl > dt {
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .etc-pc-accordion > dl > dt.on a {
    background: transparent;
    color: #222;
  }
  .etc-pc-accordion > dl > dt.on a:before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .etc-pc-accordion > dl > dt.on a:after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .etc-pc-accordion > dl > dt a {
    position: relative;
    width: 100%;
    height: 86px;
    padding: 10px 50px 10px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .etc-pc-accordion > dl > dt a:before, .etc-pc-accordion > dl > dt a:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 24px;
    width: 18px;
    height: 2px;
    background: #004963;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
  }
  .etc-pc-accordion > dl > dt a:before {
    display: block;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .etc-pc-accordion > dl > dt a:after {
    -webkit-transform: rotate(-450deg);
            transform: rotate(-450deg);
  }
  .etc-pc-accordion > dl > dt a p {
    font-size: 16px;
    line-height: 1.63;
    font-weight: 400;
  }
  .etc-pc-accordion > dl > dd {
    position: relative;
    top: auto;
    left: auto;
    display: none;
    width: 100%;
    height: auto;
    padding: 40px 30px;
    overflow: auto;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #004963;
    color: #fff;
    font-size: 14px;
    line-height: 1.71;
  }
  .etc-pc-accordion > dl > dd .miniScroll {
    width: 100%;
    height: auto;
    padding-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    overflow-y: unset;
  }
  .etc-pc-accordion > dl > dd .guide-arg {
    height: auto;
    overflow: unset;
    padding: 0;
  }
  .etc-pc-accordion .chapterList .txt-cont {
    /* .point {color:$defColor01;} */
  }
  .etc-pc-accordion .chapterList .txt-cont ul.decimal {
    padding-left: 30px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.decimal > li {
    list-style-type: decimal;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.dot li {
    padding-left: 15px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.dot li:before {
    content: "•";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.dash li {
    padding-left: 15px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.dash li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.num {
    padding-left: 25px;
  }
  .etc-pc-accordion .chapterList .txt-cont ul.num li {
    list-style: decimal;
  }
  .etc-pc-accordion .chapterList .txt-cont .dot_list > li .point {
    font-size: 11px;
  }
  .etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li {
    padding-left: 15px;
    text-indent: -15px;
  }
  .etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li .num {
    margin-right: 0px;
  }
  .etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li .num-list {
    margin-left: 0;
  }
  .etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li > ul.dot-list {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  .etc-pc-accordion .chapterList .txt-cont .num-list.typ3 > li > ul.dot-list > li {
    margin-top: 5px;
  }
  .etc-pc-accordion .chapterList .txt-cont .dash-list > li {
    padding-left: 8px;
    text-indent: -8px;
  }
  .etc-pc-accordion .chapterList .txt-cont .dash-list > li .stit {
    margin-top: 15px;
  }
}
/* E : pc 가로형태의 아코디언 리스트 */
.box_wrap {
  display: table;
  padding: 30px 40px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box_wrap.box_banner {
  padding: 30px 40px;
}
.box_wrap.box_blue {
  background: #222edd;
  color: #fff;
}
.box_wrap.box_white {
  background: #fff;
  border: 1px solid #ddd;
  color: #666;
  width: 100%;
}
.box_wrap.box_gray {
  background: #f5f5f5;
  color: #666;
  width: 100%;
}
.box_wrap.box_gray + .box_gray {
  margin-top: 30px;
}
.box_wrap.box_gray .box_tit {
  color: #222;
  font-size: 18px;
}
.box_wrap a {
  display: block;
}
.box_wrap .box_tit {
  position: relative;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
}
.box_wrap .box_tit .icon_arrow_white {
  margin-left: 15px;
}
.box_wrap .box_desc {
  display: block;
  line-height: 1.5;
  margin-top: 15px;
}

.pageTitle + .border_wrap.first {
  margin-top: 60px;
}

@media (max-width: 1023px) {
  .pageTitle + .border_wrap.first {
    margin-top: 10px;
  }
}
.border_wrap {
  padding: 95px 0;
  border-top: 4px solid #222edd;
}
.border_wrap.border_gray {
  border-top: 1px solid #ddd;
}
.border_wrap:last-child {
  padding-bottom: 0;
}
.border_wrap.border_wrap_last {
  padding-bottom: 0;
}
.border_wrap .border_tit {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 45px;
}
.border_wrap .desc {
  font-size: 20px;
  line-height: 1.7;
}
.border_wrap .desc + .dot_list {
  margin-top: 53px;
}
.border_wrap .desc + .thumb {
  margin-top: 60px;
}
.border_wrap .dot_list + .desc {
  margin-top: 50px;
}
.border_wrap .border_wrap_dfList + .border_wrap_dfList {
  margin-top: 80px;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList dl:after {
  display: block;
  content: "";
  clear: both;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList dl + dl {
  margin-top: 60px;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList dl dt {
  float: left;
  width: 35%;
  font-size: 20px;
  line-height: 1.8;
  color: #222;
  font-weight: 500;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList .border_wrap_dfTit {
  font-size: 20px;
  line-height: 1.7;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 60px;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList .border_wrap_dfTit + dl dt dt, .border_wrap .border_wrap_dfList .border_wrap_dfList .border_wrap_dfTit + dl ~ dl dt {
  color: #666;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList .border_wrap_dfTit dl dd {
  float: left;
  width: 65%;
}
.border_wrap .border_wrap_dfList .border_wrap_dfList .border_wrap_dfTit dl dd .dot_list li {
  margin-top: 0;
}

dl.list dd .border_wrap:first-child {
  border-top: 0;
}

.box_rowgroup {
  padding-top: 90px;
  border-top: 1px solid #ddd;
}
.box_rowgroup:after {
  display: block;
  content: "";
  clear: both;
}
.box_rowgroup + .box_wrap {
  margin-top: 90px;
}
.box_rowgroup .box_wrap {
  float: left;
  width: calc(50% - 8px);
  height: 132px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 16px;
}
.box_rowgroup .box_wrap:last-child {
  margin-right: 0;
}
.box_rowgroup .box_wrap a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.box_rowgroup .box_wrap .box_tit:after {
  content: "";
  position: absolute;
  right: 26px;
  top: 50%;
  display: block;
  width: 18px;
  margin-top: -9px;
  height: 16px;
  background: url(../../images/arrow/banner.png) 0 0 no-repeat;
  background-size: 100%;
  -webkit-transform: translateX(12px);
          transform: translateX(12px);
}
.box_rowgroup .box_wrap .box_tit .icon_arrow_white {
  position: absolute;
  right: 0;
  top: 50%;
}

/* board_view */
.board_view {
  width: 100%;
  max-width: 800px; /* max-width:1040px; */ /* padding:80px 0 0 0; */
  margin: 0 auto;
}
.board_view .board_top {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ddd;
}
.board_view .board_top strong {
  display: block;
  padding: 0 0 10px 0;
  color: #222edd;
}
.board_view .board_top h1 {
  width: 100%;
  color: #222;
  font-size: 30px;
  font-weight: 500;
  font-family: "superscript-font", "editor-font-en", "ssl-font", sans-serif;
}
.board_view .board_top > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 25px;
}
.board_view .board_top > ul > li.board_date {
  color: #666;
  font-weight: 500;
}
.board_view .board_top > ul > li.board_date br {
  display: none;
}
.board_view .board_top > ul > li.board_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board_view .board_top > ul > li.board_sns li {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 0 0 16px;
  text-indent: -9999px;
}
.board_view .board_top > ul > li.board_sns li button, .board_view .board_top > ul > li.board_sns li a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
}
.board_view .board_top > ul > li.board_sns li button.facebook, .board_view .board_top > ul > li.board_sns li a.facebook {
  background: url(../../images/btn/board_sns_facebook.jpg) 0 0 no-repeat;
}
.board_view .board_top > ul > li.board_sns li button.twitter, .board_view .board_top > ul > li.board_sns li a.twitter {
  background: url(../../images/btn/board_sns_twitter.jpg) 0 0 no-repeat;
}
.board_view .board_top > ul > li.board_sns li button.linkedin, .board_view .board_top > ul > li.board_sns li a.linkedin {
  background: url(../../images/btn/board_sns_linkedin.jpg) 0 0 no-repeat;
}
.board_view .board_top .board_sns {
  margin-top: 20px;
}
.board_view .board_date {
  font-size: 12px;
  font-weight: 600;
  color: #777;
  margin-bottom: 20px;
}
.board_view .board_date span {
  display: inline-block;
  margin: 0 5px;
  color: #ddd;
}
.board_view .board_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.board_view .board_sns ul li {
  font-size: 0;
  text-indent: -9999px;
}
.board_view .board_sns ul li a, .board_view .board_sns ul li button {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
}
.board_view .board_sns ul li a.linkedin, .board_view .board_sns ul li button.linkedin {
  background-image: url(../../images/btn/board_top_sns_linkedin.png);
}
.board_view .board_sns ul li a.facebook, .board_view .board_sns ul li button.facebook {
  background-image: url(../../images/btn/board_top_sns_facebook.png);
}
.board_view .board_sns ul li a.mail, .board_view .board_sns ul li button.mail {
  background-image: url(../../images/btn/board_top_sns_mail.png);
}
.board_view .board_sns ul li a.copy, .board_view .board_sns ul li button.copy {
  background-image: url(../../images/btn/board_top_sns_copy.png);
}
.board_view .board_cont_tag {
  margin-top: 60px;
  display: none;
}
.board_view .board_cont_tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.board_view .board_cont_tag ul li {
  padding: 6px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222edd;
  font-weight: 500;
  font-size: 14px;
  background-color: #f2f2f4;
  border-radius: 31px;
}
.board_view .hash-box {
  width: 100%; /* min-height:76px; */
  min-height: 34px;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  gap: 10px 5px;
}
.board_view .hash-box .itm {
  display: block;
  padding: 4px 10px;
  border-radius: 30px;
  background: #f2f2f2;
}
.board_view .hash-box .itm:hover, .board_view .hash-box .itm:focus, .board_view .hash-box .itm:active {
  background: #222edd;
}
.board_view .hash-box .itm:hover span, .board_view .hash-box .itm:focus span, .board_view .hash-box .itm:active span {
  color: #fff;
}
.board_view .hash-box .itm span {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  color: #222edd;
}
.board_view .board_cont_share {
  margin-top: 80px;
}
.board_view .board_cont_share > p {
  font-size: 18px;
  font-weight: 600;
}
.board_view .board_cont_share .board_sns {
  margin-top: 10px;
}
.board_view .board_cont {
  padding: 60px 0 0 0;
}
.board_view .board_cont .board_cont_img img {
  width: 100%;
}
.board_view .board_cont .board_cont_text { /*padding:48px 0 50px;*/
  padding: 48px 0 0px;
  font-family: "superscript-font", "editor-font-en", "ssl-font", sans-serif;
}
.board_view .board_cont .board_cont_text:first-child {
  padding-top: 0px;
}
.board_view .board_cont .board_cont_text p {
  color: #222;
  font-weight: 400;
}
.board_view .board_cont .board_cont_text img {
  max-width: 100%;
}
.board_view .board_cont .board_cont_text .board_youtube, .board_view .board_cont .board_cont_text .border_video {
  position: relative;
  width: 100%; /* height:590px; */
  margin-top: 20px;
  font-size: 0;
}
.board_view .board_cont .board_cont_text .board_youtube iframe, .board_view .board_cont .board_cont_text .border_video iframe {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 450px;
  z-index: 2;
}
.board_view .board_cont .board_cont_text .board_youtube video, .board_view .board_cont .board_cont_text .border_video video {
  position: relative;
  z-index: 2;
}
.board_view .board_cont .board_cont_text .board_youtube .movieCaption, .board_view .board_cont .board_cont_text .border_video .movieCaption {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  background: #333;
  color: #fff;
  opacity: 0;
  z-index: 1;
}
.board_view .board_cont .board_cont_text .board_youtube .movieCaption:focus, .board_view .board_cont .board_cont_text .board_youtube .movieCaption:hover, .board_view .board_cont .board_cont_text .board_youtube .movieCaption:active, .board_view .board_cont .board_cont_text .border_video .movieCaption:focus, .board_view .board_cont .board_cont_text .border_video .movieCaption:hover, .board_view .board_cont .board_cont_text .border_video .movieCaption:active {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
  height: 150px;
  font-size: 16px;
  opacity: 1;
}
.board_view .board_cont .board_cont_text .youtube_area {
  position: relative;
}
.board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer {
  position: relative;
  display: block;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer:hover, .board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer:focus, .board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer:active {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
}
.board_view .board_cont_attached {
  padding: 35px 0 40px; /* border-bottom:4px solid $defColor01; */
}
.board_view .board_cont_attached dl:after {
  content: "";
  display: block;
  clear: both;
}
.board_view .board_cont_attached dl dt {
  float: left;
  width: 15%;
  color: #222;
  font-weight: 500;
}
.board_view .board_cont_attached dl dd {
  float: left;
  width: 85%;
}
.board_view .board_cont_attached dl dd ul li {
  padding: 0 0 10px 0;
}
.board_view .board_cont_attached dl dd ul li a {
  color: #666;
  font-weight: 400;
  font-family: "superscript-font", "editor-font-en", "ssl-font", sans-serif;
  text-align: justify;
  word-break: break-all;
  word-wrap: break-word;
}
.board_view .board_cont_attached dl dd ul li a:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 18px;
  padding: 0 10px 0 0;
  background: url(../../images/ico/attached_file.png) 0 0 no-repeat;
  vertical-align: middle;
}
.board_view .board_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
.board_view .board_bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 11px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #222edd;
  color: #222edd;
  font-family: "ssl-gilroy";
  font-size: 18px;
  font-weight: 500;
}
.board_view .board_bottom a::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../../images/btn/board_list2.png) center/100% no-repeat;
}
.board_view._coagency .board_cont_text {
  border-bottom: 0;
}
.board_view._coagency .board_cont_attached {
  padding: 35px 0 30px;
  border-bottom: 0;
  border-top: 1px solid #ddd;
}
.board_view._coagency .board_cont_attached:last-child {
  border-bottom: 4px solid #222edd;
}
.board_view._coagency .board_cont_attached dl dt {
  font-weight: 700;
}
.board_view.froala-view .board_cont .board_cont_text {
  font-size: 14pt;
  font-weight: 400;
  letter-spacing: -0.03rem;
  /* p {margin:1em 0;} */
}
.board_view.froala-view .board_cont .board_cont_text * {
  font-size: inherit;
  font-weight: inherit;
}
.board_view.froala-view .board_cont .board_cont_text b, .board_view.froala-view .board_cont .board_cont_text strong {
  font-weight: 600;
}
.board_view.froala-view .board_cont .board_cont_text b *, .board_view.froala-view .board_cont .board_cont_text strong * {
  font-weight: inherit;
}
.board_view.froala-view .board_cont .board_cont_text ol {
  list-style-type: decimal; /* margin:1em 0; */
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.board_view.froala-view .board_cont .board_cont_text ul {
  list-style-type: disc; /* margin:1em 0; */
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.board_view.froala-view .board_cont .board_cont_text li {
  list-style: inherit;
}
.board_view.froala-view .board_cont .board_cont_text em {
  font-style: italic;
}
.board_view.froala-view .board_cont .board_cont_text blockquote p {
  color: inherit;
}
.board_view.froala-view .board_cont .board_cont_text .fr-video:after {
  pointer-events: none;
}
.board_view.froala-view .board_cont .board_cont_text .fr-view img {
  cursor: auto;
  padding: 0px;
}
.board_view.froala-view .board_cont .board_cont_text .fr-view img.fr-dii {
  max-width: calc(100% - 10px);
}
.board_view.froala-view .board_cont .board_cont_text .fr-view a img {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .board_view.froala-view .board_cont .board_cont_text {
    font-size: 12pt;
  }
}

:lang(ko) .box_wrap a {
  display: inline-block;
}
@media (max-width: 1023px) {
  :lang(ko) .pix-in.mo-blank .board_cont * {
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
  }
  /* .pix-in {
  	&.mo-blank {padding:30px 24px 0;}
  } */
  .border_wrap {
    padding: 45px 0;
  }
  .border_wrap .border_tit {
    font-size: 20px;
    padding-bottom: 30px;
  }
  .border_wrap .desc {
    font-size: 14px;
    line-height: 1.6;
  }
  .border_wrap .desc + .dot_list {
    margin-top: 14px;
  }
  .border_wrap .desc + .thumb {
    margin-top: 30px;
  }
  .border_wrap .dot_list + .desc {
    margin-top: 50px;
  }
  .border_wrap .border_wrap_dfList + .border_wrap_dfList {
    margin-top: 80px;
  }
  .border_wrap .border_wrap_dfList dl:after {
    display: block;
    content: "";
    clear: both;
  }
  .border_wrap .border_wrap_dfList dl + dl {
    margin-top: 45px;
  }
  .border_wrap .border_wrap_dfList dl dt {
    float: none;
    width: auto;
    font-size: 15px;
    line-height: 1.5;
    color: #222;
    font-weight: 500;
  }
  .border_wrap .border_wrap_dfList dl dd {
    float: none;
    width: auto;
    margin-top: 25px;
  }
  .border_wrap .border_wrap_dfList dl dd .dot_list li {
    margin-top: 0;
  }
  .border_wrap .border_wrap_dfList .border_wrap_dfTit {
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .box_wrap {
    display: table;
    margin: 0 auto;
  }
  .box_wrap.box_banner {
    padding: 20px 30px;
  }
  .box_wrap.box_gray {
    padding: 30px;
  }
  .box_wrap.box_gray .box_tit {
    font-size: 14px;
    line-height: 1.1;
  }
  .box_wrap .box_tit {
    padding-right: 23px;
    font-size: 20px;
  }
  .box_wrap .box_tit .icon_arrow_white {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    margin-left: 0;
  }
  .box_wrap .box_desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  /* board_view */
  .board_view {
    width: 100%;
    max-width: 800px; /* max-width:100%; */ /* padding:45px 30px 0; */
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .board_view .board_top {
    padding: 0 0 21px 0;
  }
  .board_view .board_top strong {
    display: block;
    font-size: 14px;
    padding: 0 0 7px 0;
  }
  .board_view .board_top h1 {
    width: 100%;
    font-size: 20px;
    line-height: 1.4;
  }
  .board_view .board_top > ul > li.board_date {
    padding: 0;
    color: #666;
    font-size: 12px;
  }
  .board_view .board_top > ul > li.board_sns li {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 0 0 10px;
    text-indent: -9999px;
  }
  .board_view .board_top > ul > li.board_sns li button, .board_view .board_top > ul > li.board_sns li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .board_view .board_top > ul > li.board_sns li button.linkedin, .board_view .board_top > ul > li.board_sns li a.linkedin {
    background: url(../../images/btn/board_sns_linkedin.jpg) 0 0/30px no-repeat;
  }
  .board_view .board_top > ul > li.board_sns li button.facebook, .board_view .board_top > ul > li.board_sns li a.facebook {
    background: url(../../images/btn/board_sns_facebook.jpg) 0 0/30px no-repeat;
  }
  .board_view .board_top > ul > li.board_sns li button.twitter, .board_view .board_top > ul > li.board_sns li a.twitter {
    background: url(../../images/btn/board_sns_twitter.jpg) 0 0/30px no-repeat;
  }
  .board_view .board_top .board_sns {
    margin-top: 40px;
  }
  .board_view .board_sns ul {
    gap: 20px;
  }
  .board_view .board_date {
    margin-bottom: 17px;
  }
  .board_view .board_cont_tag ul {
    gap: 16px 6px;
  }
  .board_view .hash-box {
    min-height: auto;
    margin-top: 30px;
    /* .itm {display:block; padding:4px 10px; border-radius:30px; background:$defColor53;
    	span {white-space: nowrap; font-size:14px; line-height:1.57; font-weight:500; color:$defColor01;}
    } */
  }
  .board_view .board_cont_share {
    margin-top: 50px;
  }
  .board_view .board_cont_share > p {
    font-size: 16px;
  }
  .board_view .board_cont {
    padding: 30px 0 0 0;
  }
  .board_view .board_cont .board_cont_img {
    padding-bottom: 25px;
  }
  .board_view .board_cont .board_cont_text {
    padding: 0 0 30px; /* border-bottom:1px solid $c222; */
  }
  .board_view .board_cont .board_cont_text p {
    color: #222;
    font-size: 14px;
  }
  .board_view .board_cont .board_cont_text .board_youtube, .board_view .board_cont .board_cont_text .border_video { /* height:auto; min-height:unset; */ }
  .board_view .board_cont .board_cont_text .board_youtube iframe, .board_view .board_cont .board_cont_text .border_video iframe {
    min-height: 45vw;
  }
  .board_view .board_cont .board_cont_text .youtube_area {
    position: relative;
  }
  .board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer {
    position: relative;
    font-size: 0px;
  }
  .board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
  }
  .board_view .board_cont .board_cont_text .youtube_area a.btn-signupLayer:after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: block;
    width: 33px;
    height: 52px;
    background: url(../../images/btn/btn_signupLayer_more.png) 0 0/cover no-repeat;
  }
  .board_view .board_cont_attached {
    padding: 30px 0 20px; /* border-bottom:4px solid $defColor01; */
  }
  .board_view .board_cont_attached dl:after {
    content: "";
    display: block;
    clear: both;
  }
  .board_view .board_cont_attached dl dt {
    float: left;
    width: 30%;
    color: #222;
    font-size: 12px;
  }
  .board_view .board_cont_attached dl dd {
    float: left;
    width: 70%;
  }
  .board_view .board_cont_attached dl dd ul li {
    padding: 0 0 10px 0;
  }
  .board_view .board_cont_attached dl dd ul li a {
    font-size: 12px; /* word-break: break-all; */
  }
  .board_view .board_cont_attached dl dd ul li a:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    padding: 0 10px 0 0;
    background: url(../../images/ico/attached_file.png) 0 0/9px 12px no-repeat;
  }
  .board_view .board_bottom {
    margin-top: 50px;
  }
  .board_view .board_bottom a {
    width: 100%;
  }
  .board_view._coagency .board_cont_attached {
    padding: 20px 0 10px;
  }
  .box_rowgroup {
    padding-top: 50px;
  }
  .box_rowgroup + .box_wrap {
    margin-top: 50px;
  }
  .box_rowgroup .box_wrap {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    /* .box_tit {
    	.icon_arrow_white {}
    } */
  }
  .box_rowgroup .box_wrap:last-child {
    margin-bottom: 0;
  }
  .box_rowgroup .box_wrap a {
    display: block;
    padding-right: 30px;
  }
}
/*------------------------------------------------------------------

# about us

------------------------------------------------------------------*/
/* company */
#container .bgVision .pix-in {
  padding-top: 0;
}

.bgVision {
  min-height: 323px;
  padding: 70px 0 70px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../../images/aboutUs/bg_company1.jpg) no-repeat center;
  background-size: cover;
}
.bgVision .pix-in p {
  text-align: left;
  color: #fff;
}
.bgVision .pix-in p:first-child {
  font-size: 80px;
  line-height: 1;
}
.bgVision .pix-in p:last-child {
  position: relative;
  width: 100%;
  padding: 50px 30px 0 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  line-height: 1.4;
}
.bgVision .pix-in p:last-child:before, .bgVision .pix-in p:last-child:after {
  content: "";
  position: absolute;
  display: block;
}
.bgVision .pix-in p:last-child:before {
  width: 64px;
  height: 49px;
  top: 30px;
  left: 10px;
  background: url(../../images/aboutUs/img_company1.png) 0 0 no-repeat;
  background-size: cover;
}

/* .companyIcons{padding:129px 0 0; width:100%; background:url(../../images/aboutUs/ico_company_itm.png) no-repeat center top;
	.pix-in{padding-top:0 !important; display:flex; flex-direction:row; justify-content:space-between;
		&>dl{margin-left:15px; width:calc(33.33% - 15px);
			&:first-child{margin-left:0;}
			&>dt{padding:20px 0 15px; width:100%; font-size:24px; font-weight:500; color:$cfff; text-align:center; background:#96bed7;}
			&>dd{padding:30px 10px 30px 50px; min-height:170px; border:1px solid #96bed7; border-top:0;
				&:after{content:''; display:block; clear:both;}
				dl{float:left; width:50%;
					dt{font-size:20px; font-weight:500; color:$c222;}
				}
				.dot{
					li{position:relative; padding-left:20px; line-height:1.5; font-weight:300; color:$c222;
						&:after{content:''; position:absolute; left:10px; top:13px; width:2px; height:2px; background:$c555;}
					}
				}
			}
		}
	}
}  */
.AtaGlance.company {
  background: url(../../images/aboutUs/img_company.jpg) no-repeat center;
  background-size: cover;
}
.AtaGlance.factSheet {
  background: url(../../images/aboutUs/img_factSheet.jpg) no-repeat center;
  background-size: cover;
}
.AtaGlance .pix-in {
  padding-top: 100px !important;
}
.AtaGlance .pix-in h4 {
  position: relative;
  padding-left: 20px;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
.AtaGlance .pix-in h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: calc(100% - 10px);
  background-color: #222edd;
}
.AtaGlance .pix-in h4 span {
  font-size: 18px;
  font-weight: 300;
  display: block;
}
.AtaGlance .pix-in ul {
  padding-bottom: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.AtaGlance .pix-in ul li {
  padding: 72px 20px 0;
  width: calc(33.333% - 43px);
}
.AtaGlance .pix-in ul li .subText {
  font-weight: 300;
  color: #fff;
  display: block;
}
.AtaGlance .pix-in ul li p {
  font-size: 60px;
  color: #fff;
  font-weight: 500;
}
.AtaGlance .pix-in ul li p.engText {
  position: relative;
  padding-left: 40px;
}
.AtaGlance .pix-in ul li p.engText:after {
  content: "$";
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 50px;
}
.AtaGlance .pix-in ul li p span {
  padding-left: 14px;
  font-size: 26px;
  font-weight: 300;
  display: inline-block;
}
.AtaGlance .pix-in ul li .sup {
  padding-left: 0;
  font-size: 60px;
  font-weight: 500;
}
.AtaGlance .pix-in ul li .sup sup {
  margin-top: -4px;
  font-size: 37px;
  display: inline-block;
  vertical-align: top;
}
.AtaGlance .pix-in ul li .smallText {
  padding-left: 0;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  display: block;
}

@media (max-width: 1280px) {
  /* .companyIcons{
  	.pix-in{
  		&>dl{
  			&>dd{padding-left:30px;}
  		}
  	}
  }
  .companyIcons{background-image:url(../../images/aboutUs/ico_company_itm.png);} */
}
@media (max-width: 1023px) {
  .bgVision {
    min-height: auto;
    padding: 25px 0;
    background-image: url(../../images/aboutUs/m_bg_company1.jpg);
  }
  .bgVision .pix-in p {
    height: auto;
    background: none;
  }
  .bgVision .pix-in p:first-child {
    font-size: 25px;
    line-height: 1;
  }
  .bgVision .pix-in p:last-child {
    position: relative;
    width: 100%;
    padding: 25px 0 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4;
  }
  .bgVision .pix-in p:last-child:before, .bgVision .pix-in p:last-child:after {
    content: "";
    position: absolute;
    display: block;
  }
  .bgVision .pix-in p:last-child:before {
    width: 28px;
    height: 21px;
    top: 12px;
    left: 0px;
    background: url(../../images/aboutUs/img_company1.png) 0 0 no-repeat;
    background-size: cover;
  }
  /* .companyIcons{padding-top:74px; background-image:url(../../images/aboutUs/m_ico_company_itm.png); background-size:238px 52px;
  	.pix-in{padding-top:0 !important; display:block;
  		&>dl{margin-left:0; width:100%;
  			& + dl{margin-top:20px;}
  			&>dt{padding:1px 0 3px; font-size:18px;}
  			&>dd{padding:20px 30px; min-height:auto;
  				dt{padding-left:20px; font-size:15px;}
  				.dot{
  					li{font-size:14px;
  						&:after{top:10px;}
  					}
  				}
  			}
  		}
  	}
  } */
  .AtaGlance {
    background: url(../../images/aboutUs/m_img_company.jpg) no-repeat center;
    background-size: cover;
  }
  .AtaGlance .pix-in {
    padding: 33px 30px !important;
  }
  .AtaGlance .pix-in h4 {
    font-size: 25px;
  }
  .AtaGlance .pix-in h4 span {
    font-size: 16px;
  }
  .AtaGlance .pix-in ul {
    padding-bottom: 0;
  }
  .AtaGlance .pix-in ul li {
    padding: 50px 18px 0;
  }
  .AtaGlance .pix-in ul li .subText {
    font-size: 13px;
  }
  .AtaGlance .pix-in ul li p {
    font-size: 40px;
  }
  .AtaGlance .pix-in ul li p.engText {
    padding-left: 32px;
  }
  .AtaGlance .pix-in ul li p.engText:after {
    top: 2px;
    font-size: 36px;
  }
  .AtaGlance .pix-in ul li p span {
    padding-left: 10px;
    font-size: 18px;
  }
}
@media (max-width: 720px) {
  /* .bgVision{
  	.pix-in{
  		p{padding:48px 25px 28px 60px; font-size:16px; background-position:center;}
  	}
  } */
  .AtaGlance .pix-in h4 {
    font-size: 20px;
  }
  .AtaGlance .pix-in h4 span {
    font-size: 14px;
  }
  .AtaGlance .pix-in ul li {
    padding: 33px 18px 0;
    width: calc(50% - 43px);
  }
  .AtaGlance .pix-in ul li:nth-child(3) {
    display: none;
  }
  .AtaGlance .pix-in ul li .subText {
    font-size: 11px;
  }
  .AtaGlance .pix-in ul li p {
    font-size: 26px;
  }
  .AtaGlance .pix-in ul li p.engText {
    padding-left: 19px;
  }
  .AtaGlance .pix-in ul li p.engText:after {
    top: 2px;
    font-size: 23px;
  }
  .AtaGlance .pix-in ul li p span {
    padding-left: 6px;
    font-size: 12px;
  }
  .AtaGlance .pix-in ul li .sup {
    padding-left: 0;
    font-size: 26px;
  }
  .AtaGlance .pix-in ul li .sup sup {
    font-size: 16px;
  }
  .AtaGlance .pix-in ul li .smallText {
    padding-left: 0;
    font-size: 11px;
  }
}
.factSheetVisual {
  position: relative;
  width: 100%;
  height: 25vw;
  background: url(../../images/aboutUs/img_factsheetvisual.jpg) center center/cover no-repeat;
  overflow: hidden;
}
.factSheetVisual.v230707 {
  height: 29.79185vw;
  background: url(../../images/aboutUs/img_factsheetvisual_230707.jpg) center center/cover no-repeat;
}
.factSheetVisual .pix-in {
  padding-top: 4vw;
}
.factSheetVisual .pix-in:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.factSheetVisual .pix-in h4, .factSheetVisual .pix-in .tits {
  position: relative;
  padding-left: 1.04vw;
  line-height: 1;
  width: 17.625vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:2px; height:100%; background:$defColor01;} */
}
.factSheetVisual .pix-in h4 h2, .factSheetVisual .pix-in h4 p, .factSheetVisual .pix-in .tits h2, .factSheetVisual .pix-in .tits p {
  color: #fff;
}
.factSheetVisual .pix-in h4 h2.tit, .factSheetVisual .pix-in h4 p.tit, .factSheetVisual .pix-in .tits h2.tit, .factSheetVisual .pix-in .tits p.tit {
  font-weight: 400;
  font-size: 1.6vw;
}
.factSheetVisual .pix-in h4 h2.txt, .factSheetVisual .pix-in h4 p.txt, .factSheetVisual .pix-in .tits h2.txt, .factSheetVisual .pix-in .tits p.txt {
  padding-top: 1.3vw;
  font-weight: 300;
  font-size: 0.93vw;
  line-height: 1.2;
}
.factSheetVisual .pix-in .item-list {
  float: left; /* width:46.875vw; */
  padding-left: 1.906vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.factSheetVisual .pix-in .item-list + .item-list {
  clear: both; /* width:100%; */
  padding: 1.5625vw 0 0 1.04vw;
}
.factSheetVisual .pix-in .item-list + .item-list ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.factSheetVisual .pix-in .item-list + .item-list ul li + li {
  padding-left: 0;
  padding-top: 2.5vw;
}
.factSheetVisual .pix-in .item-list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 1;
}
.factSheetVisual .pix-in .item-list ul li {
  color: #fff;
}
.factSheetVisual .pix-in .item-list ul li + li {
  padding-left: 2.864vw;
}
.factSheetVisual .pix-in .item-list ul li .subscript {
  font-size: 0.833vw;
  line-height: 1.5;
}
.factSheetVisual .pix-in .item-list ul li .subscript strong {
  font-weight: 500;
}
.factSheetVisual .pix-in .item-list ul li .figure {
  font-size: 3.125vw;
  font-weight: 500;
}
.factSheetVisual .pix-in .item-list ul li .figure strong {
  font-weight: 600;
}
.factSheetVisual .pix-in .item-list ul li .figure strong.point {
  color: #a987ff;
}
.factSheetVisual .pix-in .item-list ul li .figure sup {
  font-size: 1.8vw;
  vertical-align: top;
}
.factSheetVisual .pix-in .item-list ul li .figure span {
  font-size: 1.354165vw;
  color: #fff;
}
.factSheetVisual .pix-in .item-list ul li .txt {
  font-size: 0.625vw;
  line-height: 1.5;
}
.factSheetVisual .pix-in .item-list ul li .plant-list {
  padding-top: 1.14585vw; /* max-width:370px; */
  max-width: 410px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.factSheetVisual .pix-in .item-list ul li .plant-list.ani1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.factSheetVisual .pix-in .item-list ul li .plant-list + .txt {
  padding-top: 0.625vw;
}
.factSheetVisual .pix-in .item-list ul li .plant-list + .txt.ani1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.factSheetVisual .pix-in .item-list ul li .plant-list + .txt.ani1 + .ani1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.factSheetVisual .pix-in .item-list ul li .plant-list .box {
  width: 50%;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.factSheetVisual .pix-in .item-list ul li .plant-list .box .name {
  min-width: 64px;
  font-size: 0.94vw;
  color: #fff;
}
.factSheetVisual .pix-in .item-list ul li .plant-list .box .save {
  margin-left: 0.52vw;
  font-size: 0.94vw;
  font-weight: 600;
  color: #fff;
}
.factSheetVisual .pix-in .ani1 {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  opacity: 0;
  -webkit-animation-name: slideDown;
          animation-name: slideDown;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
.factSheetVisual-btn.pix-in {
  padding-top: 1.823vw;
}
.factSheetVisual-btn a {
  position: relative;
  display: inline-block;
  padding: 0.9125vw 2.4035vw 0.9125vw 0.8335vw;
  margin-left: 1.04vw;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  line-height: 1;
  font-size: 0.729167vw;
  font-weight: 500;
}
.factSheetVisual-btn a.ani1 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.factSheetVisual-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.8335vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.146vw;
  height: 1.146vw;
  background: url(../../images/aboutUs/ico_factsheetvisual_btn.png) center/100% no-repeat;
}

@media (min-width: 1920px) {
  .factSheetVisual .pix-in h4, .factSheetVisual .pix-in .tits {
    width: auto;
  }
  .factSheetVisual .pix-in h4 h2.tit, .factSheetVisual .pix-in h4 p.tit, .factSheetVisual .pix-in .tits h2.tit, .factSheetVisual .pix-in .tits p.tit { /* font-weight:400;  */
    font-size: 30px;
  }
  .factSheetVisual .pix-in h4 h2.txt, .factSheetVisual .pix-in h4 p.txt, .factSheetVisual .pix-in .tits h2.txt, .factSheetVisual .pix-in .tits p.txt { /* padding-top:1.3vw; font-weight:300; */
    font-size: 18px; /*  line-height:1.2; */
  }
  .factSheetVisual .pix-in .item-list {
    padding-left: 130px;
  }
  .factSheetVisual .pix-in .item-list ul li .subscript {
    font-size: 16px; /* line-height:1.5; */
  }
  .factSheetVisual .pix-in .item-list ul li .figure {
    font-size: 60px; /*  font-weight:400; */
  }
  .factSheetVisual .pix-in .item-list ul li .figure span {
    font-size: 13px;
    font-weight: 300;
  }
  .factSheetVisual .pix-in .item-list ul li .txt {
    font-size: 13px; /* line-height:1.5; */
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list {
    padding-top: 22px;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list + .txt {
    padding-top: 15px;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list .box .name {
    font-size: 18px;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list .box .save {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .factSheetVisual {
    height: 90.74vw;
    background: url(../../images/aboutUs/m_img_factsheetvisual.jpg) center center/cover no-repeat;
  }
  .factSheetVisual.v230707 {
    height: 118.3375vw;
    background: url(../../images/aboutUs/m_img_factsheetvisual_230705.jpg) center center/cover no-repeat;
  }
  .factSheetVisual .pix-in {
    padding-top: 9.25vw;
    /* &:after {content:"."; display:block; height:0; font:0/0 arial; clear:both; visibility:hidden;}  */
  }
  .factSheetVisual .pix-in h4, .factSheetVisual .pix-in .tits { /* position:relative; */
    padding-left: 3.24vw;
    line-height: 1.4;
    width: 100%; /* box-sizing:border-box; */
    float: none;
    margin-bottom: 7.387vw;
    /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:2px; height:100%; background:$defColor01;} */
  }
  .factSheetVisual .pix-in h4 h2, .factSheetVisual .pix-in h4 p, .factSheetVisual .pix-in .tits h2, .factSheetVisual .pix-in .tits p {
    color: #fff;
  }
  .factSheetVisual .pix-in h4 h2.tit, .factSheetVisual .pix-in h4 p.tit, .factSheetVisual .pix-in .tits h2.tit, .factSheetVisual .pix-in .tits p.tit { /* font-weight:400; */
    font-size: 5.55vw;
  }
  .factSheetVisual .pix-in h4 h2.txt, .factSheetVisual .pix-in h4 p.txt, .factSheetVisual .pix-in .tits h2.txt, .factSheetVisual .pix-in .tits p.txt {
    padding-top: 0;
    font-weight: 400;
    font-size: 3.88vw;
    line-height: 1.4;
  }
  .factSheetVisual .pix-in .item-list {
    float: left; /* width:46.875vw; */
    padding-left: 3.24vw; /* box-sizing:border-box; */
  }
  .factSheetVisual .pix-in .item-list + .item-list {
    clear: none; /* width:100%; */ /*padding:0 0 0 12.04vw;*/
    padding: 0 0 0 10vw;
  }
  .factSheetVisual .pix-in .item-list + .item-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .factSheetVisual .pix-in .item-list + .item-list ul li + li {
    padding-left: 0;
    padding-top: 5.55vw;
  }
  .factSheetVisual .pix-in .item-list ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    line-height: 1;
  }
  .factSheetVisual .pix-in .item-list ul li { /* color:$cfff; */ }
  .factSheetVisual .pix-in .item-list ul li + li {
    padding-left: 0;
    padding-top: 8.33vw;
  }
  .factSheetVisual .pix-in .item-list ul li .subscript {
    font-size: 2.77vw; /* line-height:1.5; */
  }
  .factSheetVisual .pix-in .item-list ul li .figure {
    font-size: 7.4vw; /* font-weight:400; */
  }
  .factSheetVisual .pix-in .item-list ul li .figure sup {
    font-size: 5.1vw;
  }
  .factSheetVisual .pix-in .item-list ul li .figure span {
    font-size: 2.75vw;
  }
  .factSheetVisual .pix-in .item-list ul li .txt {
    font-size: 2.77vw; /* line-height:1.5; */
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list {
    padding-top: 1.5vw;
    max-width: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list + .txt {
    padding-top: 2vw;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list .box {
    width: 100%;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list .box .name {
    min-width: 52px;
    font-size: 2.77vw;
  }
  .factSheetVisual .pix-in .item-list ul li .plant-list .box .save {
    margin-left: 10px;
    font-size: 2.77vw;
  }
  .factSheetVisual-btn.pix-in {
    padding: 7.5vw 13.8889vw 0;
  }
  .factSheetVisual-btn a {
    width: 100%;
    display: block;
    margin-left: 0;
    padding: 2.75vw 42px 2.75vw 4.5vw;
    font-size: 4.16667vw;
  }
  .factSheetVisual-btn a::after {
    width: 4.75vw;
    height: 4.75vw;
    right: 4.5vw;
  }
}
.people {
  width: 100%;
  background: url(../../images/aboutUs/people_bg.jpg) top center no-repeat;
  background-size: 100% auto;
}
.people .pix-in {
  padding-top: 0px !important;
}
.people .pix-in .in-box {
  position: relative;
  width: 100%; /* display:flex; justify-content: space-between; flex-wrap:nowrap; align-items:flex-start; */
}
.people .pix-in .in-box:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  opacity: 0.9;
}
.people .pix-in .in-box > .cont {
  position: relative;
  width: 100%;
  padding: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  z-index: 2;
}
.people .pix-in .in-box > .cont .people-video {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
.people .pix-in .in-box > .cont .people-video + .arg {
  margin-top: 100px;
}
.people .pix-in .in-box > .cont .icon {
  display: block;
  margin: 0 auto 70px;
  width: 294px;
  height: 298px;
  background: url(../../images/aboutUs/people_in_box_bg.png) 0 0 no-repeat;
  background-size: cover;
  text-indent: -9999px;
  overflow: hidden;
}
.people .pix-in .in-box > .cont .arg + .arg {
  margin-top: 50px;
}
.people .pix-in .in-box > .cont .arg .tit {
  position: relative;
  font-size: 26px;
  padding-top: 7px;
}
.people .pix-in .in-box > .cont .arg .tit:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 74px;
  height: 2px;
  background: #222edd;
}
.people .pix-in .in-box > .cont .arg .tit + .txt {
  padding-top: 20px;
}
.people .pix-in .in-box > .cont .arg .txt {
  font-size: 18px;
}
.people .pix-in .in-box > .cont .arg .grn {
  position: relative;
  width: 100%;
  margin-top: 30px; /*padding-top:30px; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; */
}
.people .pix-in .in-box > .cont .arg .grn > div, .people .pix-in .in-box > .cont .arg .grn > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.people .pix-in .in-box > .cont .arg .grn > div + div {
  margin-top: 10px;
}
.people .pix-in .in-box > .cont .arg .grn > dl + dl {
  margin-top: 10px;
}
.people .pix-in .in-box > .cont .arg .grn > dl dt {
  min-width: 90px;
  font-size: 16px;
}
.people .pix-in .in-box > .cont .arg .grn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.people .pix-in .in-box > .cont .arg .grn ul li {
  position: relative;
  padding-left: 8px;
  font-size: 16px;
}
.people .pix-in .in-box > .cont .arg .grn ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
  width: 2px;
  height: 2px;
  background: #222;
}
.people .pix-in .in-box > .cont .arg .grn ul li + li {
  margin-left: 20px;
}

@media (max-width: 1023px) {
  .people {
    background: none;
  }
  .people .pix-in {
    padding-left: 0px;
    padding-right: 0px;
  }
  .people .pix-in .in-box {
    position: relative;
    width: 100%;
  }
  .people .pix-in .in-box > .cont {
    width: 100%;
    padding: 50px 30px 75px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .people .pix-in .in-box > .cont .people-video + .arg {
    margin-top: 50px;
  }
  .people .pix-in .in-box > .cont .arg + .arg {
    margin-top: 40px;
  }
  .people .pix-in .in-box > .cont .arg .tit {
    font-size: 18px;
  }
  .people .pix-in .in-box > .cont .arg .tit:after {
    width: 45px;
  }
  .people .pix-in .in-box > .cont .arg .tit + .txt {
    padding-top: 20px;
  }
  .people .pix-in .in-box > .cont .arg .txt {
    font-size: 14px;
  }
  .people .pix-in .in-box > .cont .arg .grn {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .people .pix-in .in-box > .cont .arg .grn > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .people .pix-in .in-box > .cont .arg .grn > dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
  }
  .people .pix-in .in-box > .cont .arg .grn > dl + dl {
    margin-top: 0px;
  }
  .people .pix-in .in-box > .cont .arg .grn > dl dt {
    margin-bottom: 10px;
    min-width: 90px;
    font-size: 14px;
    line-height: 1;
  }
  .people .pix-in .in-box > .cont .arg .grn ul {
    display: block;
  }
  .people .pix-in .in-box > .cont .arg .grn ul li {
    position: relative;
    padding-left: 8px;
    padding-right: 10px;
    font-size: 14px;
  }
  .people .pix-in .in-box > .cont .arg .grn ul li + li {
    margin-top: 8px;
    margin-left: 0px;
  }
}
#chart {
  margin: 0 auto;
  width: calc(100% - 200px);
  height: 726px;
}

.globalApprovals ul {
  margin: 0 auto;
  padding-top: 40px;
  max-width: 815px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.globalApprovals ul li {
  vertical-align: top;
}
.globalApprovals ul li:nth-child(1) {
  padding-top: 9px;
  padding-bottom: 12px;
}
.globalApprovals ul li:nth-child(2) {
  padding-top: 9px;
  padding-bottom: 12px;
}
.globalApprovals ul li:nth-child(3) {
  padding-top: 18px;
  padding-bottom: 13px;
}
.globalApprovals ul li:nth-child(4) {
  padding-top: 28px;
  padding-bottom: 10px;
}
.globalApprovals ul li:nth-child(5) {
  padding-top: 34px;
  padding-bottom: 8px;
}
.globalApprovals ul li:nth-child(6) {
  padding-top: 8px;
  padding-bottom: 7px;
}
.globalApprovals ul li:nth-child(7) {
  padding-top: 7px;
  padding-bottom: 5px;
}
.globalApprovals ul li:nth-child(8) {
  padding-top: 14px;
  padding-bottom: 5px;
}
.globalApprovals ul li:nth-child(9) {
  padding-top: 20px;
  padding-bottom: 13px;
}

.subTable {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 942px;
  text-align: right;
}
.subTable .btnSubstitution {
  margin: 20px 0 0;
  padding: 0 14px;
  height: 45px;
  font-size: 13px;
  color: #fff;
  text-align: left;
  display: inline-block;
  background-color: #041c59;
}
.subTable .col_table {
  display: none;
}

@media (max-width: 360px) {
  /* .bgVision{
  	.pix-in{
  		p{padding:48px 0 28px 60px; width:230px; font-size:14px; background-position:right center; background-size:cover;}
  	}
  } */
}
@media (max-width: 1023px) {
  #chart {
    width: 100%;
    height: 500px;
  }
  .globalApprovals ul {
    margin: 0 auto;
    padding: 40px 40px 0;
    max-width: none;
    display: block;
  }
  .globalApprovals ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .globalApprovals ul li {
    float: left;
  }
  .globalApprovals ul li:nth-child(1) {
    width: 7.6923076923%;
  }
  .globalApprovals ul li:nth-child(1) img {
    width: 3em;
  }
  .globalApprovals ul li:nth-child(2) {
    width: 11.1111111111%;
  }
  .globalApprovals ul li:nth-child(2) img {
    padding-top: 8px;
    width: 10em;
  }
  .globalApprovals ul li:nth-child(3) {
    padding-left: 3%;
    width: 9.0909090909%;
  }
  .globalApprovals ul li:nth-child(4) {
    padding-left: 2%;
    width: 11.1111111111%;
  }
  .globalApprovals ul li:nth-child(4) img {
    width: 10em;
  }
  .globalApprovals ul li:nth-child(5) {
    padding-left: 3%;
    width: 11.1111111111%;
  }
  .globalApprovals ul li:nth-child(5) img {
    width: 6em;
  }
  .globalApprovals ul li:nth-child(6) {
    padding-left: 1%;
    width: 11.1111111111%;
  }
  .globalApprovals ul li:nth-child(7) {
    width: 10%;
  }
  .globalApprovals ul li:nth-child(8) {
    width: 11.1111111111%;
  }
  .globalApprovals ul li img {
    width: 5em;
  }
}
@media (max-width: 800px) {
  .globalApprovals ul li:nth-child(2) img {
    width: 12em;
  }
  .globalApprovals ul li:nth-child(3) {
    padding-left: 3%;
  }
  .globalApprovals ul li:nth-child(4) img {
    width: 11em;
  }
  .globalApprovals ul li:nth-child(6) {
    padding-left: 2%;
    width: 10%;
  }
  .globalApprovals ul li:nth-child(7) {
    width: 9.0909090909%;
  }
  .globalApprovals ul li:nth-child(7) img {
    width: 3.5em;
  }
  .globalApprovals ul li:nth-child(8) {
    width: 10%;
  }
  .globalApprovals ul li img {
    width: 4em;
  }
}
@media (max-width: 640px) {
  #chart {
    height: 400px;
  }
  .globalApprovals ul {
    margin: 0 auto 0;
    padding-left: 18px;
    width: calc(100% - 34px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .globalApprovals ul li {
    padding-left: 3% !important;
    width: auto !important;
  }
  .globalApprovals ul li:nth-child(2) img {
    width: 8em;
  }
  .globalApprovals ul li:nth-child(4) img {
    width: 8em;
  }
}
.milestones {
  position: relative;
  width: 100%;
  min-height: 650px;
}
.milestones.itm1 {
  background: url(../../images/aboutUs/img_milestones1.jpg) center center no-repeat;
  background-size: cover;
}
.milestones.itm2 {
  background: url(../../images/aboutUs/img_milestones2.jpg) center center no-repeat;
  background-size: cover;
}
.milestones.itm3 {
  background: url(../../images/aboutUs/img_milestones3.jpg) center center no-repeat;
  background-size: cover;
}
.milestones + .pix-in {
  padding-top: 0px !important;
}
.milestones .pix-in {
  padding-top: 60px !important;
}
.milestones .pix-in .cont {
  position: relative;
  margin-top: 180px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.milestones .pix-in .cont:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: calc(100% - 16px);
  background-color: #222edd;
}
.milestones .pix-in .cont p {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
.milestones .pix-in .cont span {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  display: block;
}
.milestones .pix-in .cont span strong {
  font-weight: 400;
  color: #fff;
}
.milestones .pix-in .cont > ul {
  padding-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.milestones .pix-in .cont > ul li {
  position: relative;
  margin-left: 30px;
  padding-left: 62px;
  line-height: 1.8;
  font-weight: 300;
  color: #fff;
}
.milestones .pix-in .cont > ul li:first-child {
  margin-left: 0px;
}
.milestones .pix-in .cont > ul li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 52px;
  height: 52px;
}
.milestones .pix-in .cont > ul li:nth-child(1):before {
  background: url(../../images/aboutUs/icon_milestones1.png) center center no-repeat;
  background-size: cover;
}
.milestones .pix-in .cont > ul li:nth-child(2):before {
  background: url(../../images/aboutUs/icon_milestones2.png) center center no-repeat;
  background-size: cover;
}
.milestones .pix-in .cont > ul li:nth-child(3):before {
  background: url(../../images/aboutUs/icon_milestones3.png) center center no-repeat;
  background-size: cover;
}

.history {
  position: relative;
  z-index: 1;
}
.history:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}
.history .historyFocus {
  position: absolute;
  top: 0px;
  left: calc(50% - 12px);
  display: none;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  z-index: 4;
}
.history .historyFocus.on {
  display: block;
}
.history .historyFocus:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  display: block;
  width: 10px;
  height: 10px;
  background: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}
.history .historyFocus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 23px;
  display: block; /* width:59px; */
  width: 0px;
  height: 1px;
  background: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.history .historyFocus.ain:after {
  width: 59px;
}
.history > ul > li {
  position: relative;
  padding: 100px 0 80px;
  line-height: 1;
  font-size: 18px;
  font-weight: 300;
}
.history > ul > li:after {
  content: "";
  display: block;
  clear: both;
}
.history > ul > li:first-child {
  padding-top: 0;
}
.history > ul > li .box {
  position: relative;
}
.history > ul > li .box.hear .year {
  font-weight: 500 !important;
  color: #222edd;
}
.history > ul > li .box.hear .month {
  color: #222edd;
}
.history > ul > li .box .historyText {
  position: relative;
  z-index: 1;
  float: right;
  width: 50%;
  padding-left: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.history > ul > li .box .year {
  position: absolute;
  top: 0;
  left: calc(50% + 81px);
  line-height: 0.7;
  font-size: 40px;
  font-weight: 400;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.history > ul > li .box .year:before {
  content: "";
  position: absolute;
  left: -85px;
  top: 5px;
  z-index: 2;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #ddd;
}
.history > ul > li .box .imgWrap {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* max-width:514px; */
}
.history > ul > li .box .imgWrap .photo img {
  margin: 0;
  width: 100%;
}
.history > ul > li .box .awardName {
  padding-top: 30px;
}
.history > ul > li .box .awardName li .month {
  padding-top: 24px;
  font-size: 18px;
  font-weight: 500;
  display: block;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.history > ul > li .box .awardName li p {
  position: relative;
  padding-left: 10px;
  line-height: 1.4;
}
.history > ul > li .box .awardName li p:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0px;
  display: block;
  width: 4px;
  height: 1px;
  background: #222;
}
.history > ul > li .box .awardName li p + p {
  margin-top: 6px;
}
.history > ul > li .box p + .plantArea {
  margin-top: 24px;
}
.history > ul > li .box .plantArea.newTyp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #222edd;
}
.history > ul > li .box .plantArea.newTyp .plantTit {
  width: 110px;
}
.history > ul > li .box .plantArea.newTyp .plantTit dl {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history > ul > li .box .plantArea.newTyp .plantTit dl dt {
  background: none;
  padding: 0px;
  height: auto;
}
.history > ul > li .box .plantArea.newTyp .plantCon {
  width: calc(100% - 110px);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.history > ul > li .box .plantArea .plantTit {
  width: 100%;
}
.history > ul > li .box .plantArea .plantTit dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.history > ul > li .box .plantArea .plantTit dl dt {
  padding: 0 24px;
  height: 120px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #222edd;
}
.history > ul > li .box .plantArea .plantTit dl dt strong {
  font-size: 40px;
}
.history > ul > li .box .plantArea .plantTit dl dd {
  padding: 0 30px;
  width: calc(100% - 109px);
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #bcd9f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.history > ul > li .box .plantArea .plantTit dl dd .big {
  font-size: 22px;
  font-weight: 500;
  color: #222;
}
.history > ul > li .box .plantArea .plantTit dl dd .small {
  padding-top: 8px;
  font-weight: 400;
  font-size: 18px;
  color: #222;
}
.history > ul > li .box .plantArea .plantCon {
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #f6f3ff;
}
.history > ul > li .box .plantArea .plantCon .box {
  position: relative;
  padding-top: 60px;
}
.history > ul > li .box .plantArea .plantCon .box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 48px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.history > ul > li .box .plantArea .plantCon .box.itm1:before {
  background-image: url(../../images/aboutUs/icon_plant1.png);
}
.history > ul > li .box .plantArea .plantCon .box.itm2:before {
  background-image: url(../../images/aboutUs/icon_plant2.png?v=250527);
}
.history > ul > li .box .plantArea .plantCon .box.itm3:before {
  background-image: url(../../images/aboutUs/icon_plant3.png?v=250527);
}
.history > ul > li .box .plantArea .plantCon .box .text {
  font-size: 15px;
  font-weight: 400;
  color: #222;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1023px) {
  .milestones {
    min-height: unset;
  }
  .milestones .pix-in {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
  }
  .milestones .pix-in .cont {
    margin-top: 20px;
    padding-left: 14px;
  }
  .milestones .pix-in .cont:after {
    top: 4px;
    height: calc(100% - 4px);
  }
  .milestones .pix-in .cont p {
    font-size: 20px;
    line-height: 1.2;
  }
  .milestones .pix-in .cont span {
    padding-top: 15px;
    font-size: 14px;
    /* strong {font-weight:400; color:$cfff;} */
  }
  .milestones .pix-in .cont > ul {
    padding-top: 20px;
    display: block;
  }
  .milestones .pix-in .cont > ul li {
    margin-left: 0px;
    padding: 2px 0 2px 45px;
    line-height: 1.2;
    font-size: 12px;
  }
  .milestones .pix-in .cont > ul li + li {
    margin-top: 10px;
  }
  .milestones .pix-in .cont > ul li:before {
    width: 32px;
    height: 32px;
  }
  .history:after {
    left: 0;
    top: 11px;
    height: calc(100% - 11px);
  }
  .history .historyFocus {
    left: -11px;
  }
  .history .historyFocus.on {
    display: block;
  }
  .history .historyFocus:after {
    display: none;
  }
  .history > ul > li {
    padding: 0px 0 40px 20px;
  }
  .history > ul > li .box {
    position: relative;
  }
  .history > ul > li .box .year {
    position: relative;
    top: unset;
    left: unset;
    font-size: 30px;
    line-height: 0.8;
  }
  .history > ul > li .box .year:before {
    top: 15px;
    left: -23px;
    width: 7px;
    height: 7px;
  }
  .history > ul > li .box .year:after {
    top: 10px;
    left: -28px;
    width: 15px;
    height: 15px;
  }
  .history > ul > li .box .imgWrap {
    float: unset;
    width: 100%;
    padding-top: 20px;
    padding-right: 0px;
  }
  .history > ul > li .box .imgWrap .photo img {
    margin: 0;
  }
  .history > ul > li .box .historyText {
    right: auto;
    float: none;
    width: auto;
    -webkit-transform: none;
            transform: none;
    padding-left: 0px;
  }
  .history > ul > li .box .historyText:before {
    display: none;
  }
  .history > ul > li .box .awardName {
    padding-top: 0px;
  }
  .history > ul > li .box .awardName li {
    font-size: 14px;
  }
  .history > ul > li .box .awardName li .month {
    padding-top: 13px;
    font-size: 14px;
  }
  .history > ul > li .box .awardName li p:before {
    top: 9px;
  }
  .history > ul > li .box p + .plantArea {
    margin-top: 20px;
  }
  .history > ul > li .box .plantArea.newTyp .plantTit {
    width: 60px;
  }
  .history > ul > li .box .plantArea.newTyp .plantTit dl {
    /* dt {background:none; padding:0px; height:auto;} */
  }
  .history > ul > li .box .plantArea.newTyp .plantCon {
    width: calc(100% - 60px);
  }
  .history > ul > li .box .plantArea .plantTit dl dt {
    padding: 0 12px;
    height: 66px;
    font-size: 11px;
  }
  .history > ul > li .box .plantArea .plantTit dl dt strong {
    font-size: 22px;
  }
  .history > ul > li .box .plantArea .plantTit dl dd {
    padding: 0 13px;
    width: calc(100% - 58px);
    height: 66px;
  }
  .history > ul > li .box .plantArea .plantTit dl dd .big {
    font-size: 13px;
  }
  .history > ul > li .box .plantArea .plantTit dl dd .small {
    padding-top: 5px;
    font-size: 11px;
  }
  .history > ul > li .box .plantArea .plantCon {
    padding: 15px;
  }
  .history > ul > li .box .plantArea .plantCon .box {
    padding-top: 35px;
  }
  .history > ul > li .box .plantArea .plantCon .box:before {
    width: 26px;
    height: 28px;
    background-size: 100% auto;
  }
  .history > ul > li .box .plantArea .plantCon .box.itm1:before {
    background-image: url(../../images/aboutUs/m_icon_plant1.png);
  }
  .history > ul > li .box .plantArea .plantCon .box.itm2:before {
    background-image: url(../../images/aboutUs/m_icon_plant2.png?v=250527);
  }
  .history > ul > li .box .plantArea .plantCon .box.itm3:before {
    background-image: url(../../images/aboutUs/m_icon_plant3.png?v=250527);
  }
  .history > ul > li .box .plantArea .plantCon .box .text {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .milestones .swiper-button-next, .milestones .swiper-button-prev {
    top: 8%;
  }
}
/* Our Awards */
#ourAwards {
  padding-bottom: 90px;
}
#ourAwards .memo {
  position: relative;
  padding: 0 0 80px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ourAwards .memo h3 {
  display: block;
  padding-bottom: 80px;
  border-bottom: 1px solid #bbb;
  font-size: 42px;
  line-height: 1.2;
}
#ourAwards .memo h3 + .txt {
  position: relative;
  padding: 90px 0 0 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  color: #666;
}
#ourAwards .memo h3 + .txt:before {
  position: absolute;
  top: 90px;
  left: 0px;
  content: "CMO LEADERSHIP AWARDS2019";
  text-indent: -9999px;
  display: block;
  width: 262px;
  height: 86px;
  background: url(../../images/ourServices/img_ourAwards_tit.gif) 0 0 no-repeat;
}
#ourAwards .memo h3 + .txt p + p {
  padding-top: 30px;
  font-size: 20px;
  color: #222;
}
#ourAwards .swiper-container {
  /* .swiper-slide-duplicate {} */
}
#ourAwards .swiper-container .swiper-slide {
  z-index: 1;
}
#ourAwards .swiper-container .swiper-slide div[class*=oneItm] {
  position: relative;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}
#ourAwards .swiper-container .swiper-slide div[class*=oneItm] img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#ourAwards .swiper-container .swiper-slide-prev,
#ourAwards .swiper-container .swiper-slide-next {
  z-index: 2;
  opacity: 1;
}
#ourAwards .swiper-container .swiper-slide-prev div[class*=oneItm],
#ourAwards .swiper-container .swiper-slide-next div[class*=oneItm] {
  -webkit-transform: translate(-50%, -50%) scale(0.75);
          transform: translate(-50%, -50%) scale(0.75);
}
#ourAwards .swiper-container .swiper-slide-prev div[class*=oneItm] {
  -webkit-transform-origin: -10% 50%;
          transform-origin: -10% 50%;
}
#ourAwards .swiper-container .swiper-slide-next {
  /* & + .swiper-slide-duplicate {} */
}
#ourAwards .swiper-container .swiper-slide-next div[class*=oneItm] {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
#ourAwards .swiper-container .swiper-slide-active {
  z-index: 3;
  opacity: 1;
}
#ourAwards .swiper-container .swiper-slide-active div[class*=oneItm] {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
#ourAwards .swiper-container .guide {
  position: relative;
  width: 100%;
  height: 360px;
}
#ourAwards .swiper-container div[class*=oneItm] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 360px;
  height: 360px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  text-align: center;
}
#ourAwards .swiper-container div[class*=oneItm] > * {
  line-height: 1;
}
#ourAwards .swiper-container div[class*=oneItm] > div {
  padding-top: 100px;
  font-size: 75px;
  font-family: "ssl-font";
  font-weight: 500;
}
#ourAwards .swiper-container div[class*=oneItm] > p {
  width: 200px;
  margin: 0px auto;
  font-size: 27px;
  font-family: "ssl-font";
  font-weight: 500;
  text-align: right;
}
#ourAwards .swiper-container div[class*=oneItm] > p.tit {
  letter-spacing: 1.2px;
}
#ourAwards .swiper-container div[class*=oneItm] > p.txtR {
  font-size: 19px;
  text-align: right;
}
#ourAwards .swiper-container div.oneItm1 {
  background: #88c052;
}
#ourAwards .swiper-container div.oneItm1 p span, #ourAwards .swiper-container div.oneItm1 p strong {
  color: #49911a;
}
#ourAwards .swiper-container div.oneItm2 {
  background: #e09900;
}
#ourAwards .swiper-container div.oneItm2 p span, #ourAwards .swiper-container div.oneItm2 p strong {
  color: #d25500;
}
#ourAwards .swiper-container div.oneItm3 {
  background: #f53812;
}
#ourAwards .swiper-container div.oneItm3 p span, #ourAwards .swiper-container div.oneItm3 p strong {
  color: #860802;
}
#ourAwards .swiper-container div.oneItm4 {
  background: #1eb097;
}
#ourAwards .swiper-container div.oneItm4 p span, #ourAwards .swiper-container div.oneItm4 p strong {
  color: #045641;
}
#ourAwards .swiper-container div.oneItm5 {
  background: #38abe7;
}
#ourAwards .swiper-container div.oneItm5 p span, #ourAwards .swiper-container div.oneItm5 p strong {
  color: #016f9c;
}
#ourAwards .swiper-container div.oneItm6 {
  background: #79dfdb;
}
#ourAwards .swiper-container div.oneItm6 p span, #ourAwards .swiper-container div.oneItm6 p strong {
  color: #0da1a0;
}
#ourAwards .slide-control {
  position: relative;
  width: 100%;
  margin-top: 50px;
  text-align: center;
  vertical-align: middle;
}
#ourAwards .slide-control .play, #ourAwards .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
#ourAwards .slide-control .play {
  background: url(../../images/btn/slide_play_blue.png) center center no-repeat;
}
#ourAwards .slide-control .pause {
  background: url(../../images/btn/slide_pause_blue.png) center center no-repeat;
}
#ourAwards .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
#ourAwards .slide-control .swiper-pagination .swiper-pagination-bullet {
  background: #222edd;
}
#ourAwards .slide-control .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #222edd;
  background: #fff;
}
#ourAwards .slide-control .swiper-pagination .swiper-pagination-bullet-active:after {
  background: #222edd;
}
#ourAwards .slide-control .swiper-button-next, #ourAwards .slide-control .swiper-button-prev {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  margin: 0px;
  display: inline-block;
  width: 14px;
  height: 22px;
  vertical-align: middle;
}
#ourAwards .slide-control .swiper-button-next {
  right: 0px;
  margin-left: 10px;
  background: url(../../images/arrow/swiper_next2.png) center center no-repeat;
  display: none;
}
#ourAwards .slide-control .swiper-button-prev {
  left: 0px;
  margin-right: 10px;
  background: url(../../images/arrow/swiper_prev2.png) center center no-repeat;
  display: none;
}

@media (max-width: 1023px) {
  #ourAwards .memo {
    padding: 0 0 40px 0;
  }
  #ourAwards .memo h3 {
    padding-bottom: 40px;
    font-size: 24px;
    line-height: 1.2;
  }
  #ourAwards .memo h3 span {
    display: block;
    padding-top: 30px;
    font-size: 14px;
    color: #666;
  }
  #ourAwards .memo h3 + .txt {
    position: relative;
    padding: 40px 0 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    color: #666;
  }
  #ourAwards .memo h3 + .txt:before {
    position: relative;
    top: unset;
    left: unset;
    content: "CMO LEADERSHIP AWARDS2019";
    width: 182px;
    height: 60px;
    background-size: cover;
  }
  #ourAwards .memo h3 + .txt p:first-child {
    display: none;
  }
  #ourAwards .memo h3 + .txt p + p {
    padding-top: 20px;
    font-size: 14px;
    color: #666;
  }
  #ourAwards .slide {
    margin-left: -30px;
    width: calc(100% + 60px);
  }
  .swiper-container div[class*=oneItm] {
    width: 320px;
    height: 320px;
  }
  .swiper-container .swiper-slide div[class*=oneItm] img {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
}
/* Global Approvals */
.fullOnePage #globalApprovals .memo {
  position: relative;
  padding-bottom: 80px;
}
.fullOnePage #globalApprovals .memo h3 {
  font-size: 42px;
  line-height: 1.2;
}
.fullOnePage #globalApprovals .memo h3 + .txt {
  padding-top: 50px;
  font-size: 22px;
  color: #666;
}

/* S : 삭제 예정 */
/* she management */
.sheManagement {
  position: relative;
}
.sheManagement .tabBox .tab_area li {
  margin-left: 15px;
  height: 230px;
}
.sheManagement .tabBox .tab_area li.active {
  border: 1px solid #222edd;
  background-color: #222edd;
}
.sheManagement .tabBox .tab_area li.active a {
  color: #fff !important;
}
.sheManagement .tabBox .tab_area li.active a[data-tab=tab1]:after {
  background-image: url(../../images/aboutUs/ico_management_itm1_on.png) !important;
}
.sheManagement .tabBox .tab_area li.active a[data-tab=tab2]:after {
  background-image: url(../../images/aboutUs/ico_management_itm2_on.png) !important;
}
.sheManagement .tabBox .tab_area li.active a[data-tab=tab3]:after {
  background-image: url(../../images/aboutUs/ico_management_itm3_on.png) !important;
}
.sheManagement .tabBox .tab_area li.active a[data-tab=tab4]:after {
  background-image: url(../../images/aboutUs/ico_management_itm4_on.png) !important;
}
.sheManagement .tabBox .tab_area li:first-child {
  margin-left: 0px;
}
.sheManagement .tabBox .tab_area li:focus, .sheManagement .tabBox .tab_area li:hover {
  border-color: #222edd;
}
.sheManagement .tabBox .tab_area li:nth-child(1) a:hover:after {
  background-image: url(../../images/aboutUs/ico_management_itm1_hover.png);
}
.sheManagement .tabBox .tab_area li:nth-child(2) a:hover:after {
  background-image: url(../../images/aboutUs/ico_management_itm4_hover.png);
}
.sheManagement .tabBox .tab_area li:nth-child(3) a:hover:after {
  background-image: url(../../images/aboutUs/ico_management_itm2_hover.png);
}
.sheManagement .tabBox .tab_area li:nth-child(4) a:hover:after {
  background-image: url(../../images/aboutUs/ico_management_itm3_hover.png);
}
.sheManagement .tabBox .tab_area li a {
  position: relative;
  padding-top: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.sheManagement .tabBox .tab_area li a:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center center;
}
.sheManagement .tabBox .tab_area li a a:focus, .sheManagement .tabBox .tab_area li a a:hover, .sheManagement .tabBox .tab_area li a a:active {
  color: #222edd;
}
.sheManagement .tabBox .tab_area li a[data-tab=tab1]:after {
  background-image: url(../../images/aboutUs/ico_management_itm1_off.png);
}
.sheManagement .tabBox .tab_area li a[data-tab=tab2]:after {
  background-image: url(../../images/aboutUs/ico_management_itm4_off.png);
}
.sheManagement .tabBox .tab_area li a[data-tab=tab3]:after {
  background-image: url(../../images/aboutUs/ico_management_itm2_off.png);
}
.sheManagement .tabBox .tab_area li a[data-tab=tab4]:after {
  background-image: url(../../images/aboutUs/ico_management_itm3_off.png);
}
.sheManagement .tabBox .tab_area li a span {
  font-size: 12px;
  font-weight: normal;
}
.sheManagement .tab_cont {
  padding-top: 90px;
}
.sheManagement .shePolicy {
  position: relative;
  width: 100%;
  padding: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
}
.sheManagement .shePolicy .txt {
  font-size: 20px;
  line-height: 1.6;
}
.sheManagement .shePolicy .txt > p {
  padding-top: 20px;
}
.sheManagement .shePolicy .txt > p:first-child {
  padding-top: 0px;
}
.sheManagement .shePolicy .signature {
  padding-top: 90px;
  font-size: 20px;
  text-align: right;
}
.sheManagement .shePolicy .signature.left {
  text-align: left;
}
.sheManagement .shePolicy .signature.left > p:first-child {
  color: #222edd;
}
.sheManagement .shePolicy .signature.left > p:last-child {
  color: #666;
}
.sheManagement .shePolicy .signature > p {
  color: #666;
}
.sheManagement .shePolicy .signature > p:last-child {
  color: #222edd;
}
.sheManagement .pageInfo {
  padding-bottom: 0px;
}
.sheManagement .pageInfo.pageInfoWTyp5 dl dt {
  width: 300px;
}
.sheManagement .pageInfo.pageInfoWTyp5 dl dd {
  width: calc(100% - 300px);
}
.sheManagement .pageInfo dl + .photo {
  margin-top: 50px;
}
.sheManagement .pageInfo dl dd .boldList {
  margin: 40px 0;
}
.sheManagement .pageInfo dl dd .boldList li {
  font-weight: 400;
}
.sheManagement .pageInfo dl dd .signature {
  padding-top: 50px;
  font-size: 20px;
  text-align: right;
}
.sheManagement .pageInfo dl dd .signature.left {
  text-align: left;
}
.sheManagement .pageInfo dl dd .signature.left > p:first-child {
  color: #222edd;
}
.sheManagement .pageInfo dl dd .signature.left > p:last-child {
  color: #666;
}
.sheManagement .pageInfo dl dd .signature > p {
  color: #222;
}
.sheManagement .pageInfo dl dd .signature > p:last-child strong {
  font-family: "ssl-font";
}
.sheManagement .pageInfo dl dd .signature > p + p {
  padding-top: 0;
}
.sheManagement .pageInfo dl dd .oderList > li {
  line-height: 30px;
}
.sheManagement .pageInfo dl dd .oderList > li + li {
  padding-top: 40px;
}
.sheManagement .pageInfo dl dd .oderList > li ul {
  padding-top: 5px;
}
.sheManagement .pageInfo dl dd .oderList > li ul li {
  line-height: 30px;
}
.sheManagement .pageInfo .certificate {
  margin-top: 40px;
  margin-left: 350px;
}
.sheManagement .pageInfo .certificate ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.sheManagement .pageInfo .certificate ul li {
  margin-left: 70px;
  text-align: center;
}
.sheManagement .pageInfo .certificate ul li:first-child {
  margin-left: 0;
}
.sheManagement .pageInfo .certificate ul li .certificateTit {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
.sheManagement .pageInfo .certificate ul li .certificateTit strong {
  font-size: 22px;
  font-weight: 500;
  display: block;
}
.sheManagement .pageInfo .certificate ul li .btn_download {
  margin-top: 19px;
  padding: 0 18px;
  height: 50px;
}
.sheManagement .eshPolicy .txt {
  padding-top: 20px;
  font-size: 18px;
  color: #666;
  letter-spacing: -0.2px;
}
.sheManagement .eshPolicy .signature {
  padding-top: 30px;
  font-size: 20px;
  text-align: right;
}
.sheManagement .eshPolicy .signature.left {
  text-align: left;
}
.sheManagement .eshPolicy .signature.left > p:first-child {
  color: #222edd;
}
.sheManagement .eshPolicy .signature.left > p:last-child {
  color: #666;
}
.sheManagement .eshPolicy .signature > p {
  color: #222;
}
.sheManagement .eshPolicy .signature > p:last-child strong {
  font-family: "ssl-font";
}
.sheManagement .eshPolicy .signature > p + p {
  padding-top: 0;
}
.sheManagement .photo + .blueLine {
  margin-top: 100px;
}
.sheManagement .preView {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sheManagement .preView.typ2 > .box > .memo.pb0 {
  padding-bottom: 0px;
}
.sheManagement .preView.typ2 > .box > .memo.pb50 {
  padding-bottom: 50px;
}
.sheManagement .preView.typ2 > .box > .memo h3 {
  display: block;
  width: 100%;
}
.sheManagement .preView.typ2 > .box > .memo h3 + .txt {
  padding-top: 30px;
}
.sheManagement .preView.typ2 > .box > .memo h3 + .shePolicy {
  margin-top: 30px;
}
.sheManagement .preView.typ2 > .box > .memo h3 span {
  color: #222edd;
}
.sheManagement .preView.typ2 > .box > .memo .txt {
  display: block;
  width: 100%;
}
.sheManagement .preView.typ2 > .box > .memo .btn {
  margin-top: 30px;
}
.sheManagement .preView.typ2 > .box > .memo .btn a {
  padding: 21px 30px 17px;
  display: inline-block;
  border: 1px solid #222edd;
}
.sheManagement .preView.typ2 > .box > .memo .btn a span {
  position: relative;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #222edd;
  display: inline-block;
}
.sheManagement .preView.typ2 > .box > .memo .btn a span:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 10px;
  height: 10px;
  border-right: 2px solid #222edd;
  border-bottom: 2px solid #222edd;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sheManagement .preView.typ2 > .box > .memo .btn a span:after {
  content: "";
  position: absolute;
  top: 13px;
  right: -1px;
  width: 18px;
  height: 2px;
  background: #222edd;
}
.sheManagement .preView.typ2 > .box .blueCircle {
  position: relative;
  padding: 0 98px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sheManagement .preView.typ2 > .box .blueCircle:after {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  border-bottom: 1px dotted #6e6e6e;
}
.sheManagement .preView.typ2 > .box .blueCircle li {
  margin-left: 160px;
  width: 199px;
  height: 199px;
  font-size: 18px;
  color: #222edd;
  border-radius: 50%;
  border: 1px solid #222edd;
  background-color: #fff;
}
.sheManagement .preView.typ2 > .box .blueCircle li:first-child {
  margin-left: 0;
}
.sheManagement .preView > .info {
  margin-bottom: 100px;
}
.sheManagement .preView > .info > .memo {
  width: 100%;
  padding-bottom: 90px;
}
.sheManagement .preView > .info > .memo h3 {
  display: block;
  width: 100%;
  font-size: 32px;
  line-height: 1.4;
  font-family: "ssl-font";
  font-weight: 500;
  vertical-align: top;
}
.sheManagement .preView > .info > .memo h3 span {
  color: #222edd;
}
.sheManagement .preView > .info > .memo h3 span.type2 {
  color: #5ca300;
}
.sheManagement .preView > .info > .memo .txt {
  display: inline-block;
  width: calc(100% - 355px);
  font-size: 20px;
  vertical-align: top;
}
.sheManagement .preView > .box {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sheManagement .preView > .box + .box {
  margin-top: 140px;
}
.sheManagement .preView > .box > .memo {
  width: 100%;
  padding-bottom: 90px;
}
.sheManagement .preView > .box > .memo h3 {
  display: inline-block;
  width: 350px;
  font-size: 32px;
  line-height: 1.4;
  font-family: "ssl-font";
  font-weight: 500;
  vertical-align: top;
}
.sheManagement .preView > .box > .memo .txt {
  display: inline-block;
  width: calc(100% - 355px);
  font-size: 20px;
  vertical-align: top;
}
.sheManagement .preView > .box > .list {
  position: relative;
  width: 100%;
}
.sheManagement .preView > .box > .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sheManagement .preView > .box > .list ul + ul {
  padding-top: 1px;
}
.sheManagement .preView > .box > .list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  margin-left: 1px;
}
.sheManagement .preView > .box > .list ul li:first-child {
  margin-left: 0px;
}
.sheManagement .preView > .box > .list ul li .photoBox {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  height: 470px;
}
.sheManagement .preView > .box > .list ul li .photoBox:hover img, .sheManagement .preView > .box > .list ul li .photoBox:focus img, .sheManagement .preView > .box > .list ul li .photoBox:active img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.sheManagement .preView > .box > .list ul li .photoBox:hover .photoMemo:after, .sheManagement .preView > .box > .list ul li .photoBox:focus .photoMemo:after, .sheManagement .preView > .box > .list ul li .photoBox:active .photoMemo:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #5f6a74;
  opacity: 0.95;
}
.sheManagement .preView > .box > .list ul li .photoBox:hover .photoMemo .tit, .sheManagement .preView > .box > .list ul li .photoBox:focus .photoMemo .tit, .sheManagement .preView > .box > .list ul li .photoBox:active .photoMemo .tit {
  display: none;
}
.sheManagement .preView > .box > .list ul li .photoBox:hover .photoMemo .txt, .sheManagement .preView > .box > .list ul li .photoBox:focus .photoMemo .txt, .sheManagement .preView > .box > .list ul li .photoBox:active .photoMemo .txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 1.7;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-family: "ssl-font";
  font-weight: 300;
  z-index: 1;
}
.sheManagement .preView > .box > .list ul li .photoBox img {
  width: 100%;
}
.sheManagement .preView > .box > .list ul li .photoBox .photoMemo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.sheManagement .preView > .box > .list ul li .photoBox .photoMemo .tit {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 50px 30px 50px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.sheManagement .preView > .box > .list ul li .photoBox .photoMemo .tit span {
  font-size: 18px;
}
.sheManagement .preView > .box > .list ul li .photoBox .photoMemo .txt {
  display: none;
}

:lang(ko) .sheManagement .preView > .box > .list li .photoBox .photoMemo .tit {
  line-height: 1.3;
  font-family: "ssl-font";
  font-weight: 300;
}

@media (max-width: 1023px) {
  .sheManagement .tab_cont {
    padding-top: 50px;
  }
  .sheManagement .shePolicy {
    padding: 30px;
    padding-top: 5px;
  }
  .sheManagement .pageInfo dl + .photo {
    margin-top: 30px;
  }
  .sheManagement .pageInfo dl dd .boldList {
    margin: 20px 0;
  }
  .sheManagement .pageInfo dl dd .signature {
    padding-top: 20px;
    font-size: 14px;
    text-align: left;
  }
  .sheManagement .pageInfo dl dd .oderList > li {
    line-height: 22px;
  }
  .sheManagement .pageInfo dl dd .oderList > li + li {
    padding-top: 30px;
  }
  .sheManagement .pageInfo dl dd .oderList > li ul li {
    line-height: 22px;
  }
  .sheManagement .pageInfo .certificate {
    margin-top: 44px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 70px);
  }
  .sheManagement .pageInfo .certificate + dl {
    padding-top: 50px;
  }
  .sheManagement .pageInfo .certificate ul {
    display: block;
  }
  .sheManagement .pageInfo .certificate ul li {
    margin-top: 33px;
    margin-left: auto;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sheManagement .pageInfo .certificate ul li:first-child {
    margin-left: auto;
  }
  .sheManagement .pageInfo .certificate ul li .certificateTit {
    padding-bottom: 0;
    font-size: 14px;
  }
  .sheManagement .pageInfo .certificate ul li .certificateTit strong {
    font-size: 18px;
    line-height: 1;
  }
  .sheManagement .pageInfo .certificate ul li img {
    width: auto;
    height: 51px;
  }
  .sheManagement .pageInfo .certificate ul li .btn_download {
    margin-top: 20px;
    padding: 14px 20px;
    width: 100%;
    height: auto;
  }
  .sheManagement .eshPolicy .txt {
    padding-top: 10px;
    font-size: 14px;
  }
  .sheManagement .eshPolicy .signature {
    padding-top: 20px;
    font-size: 14px;
    text-align: left;
  }
  .sheManagement .photo + .blueLine {
    margin-top: 58px;
  }
  .sheManagement .preView.typ2 > .box > .memo h3 + .txt {
    padding-top: 20px;
  }
  .sheManagement .preView.typ2 > .box > .memo .btn a {
    padding: 12px 15px;
    display: block;
  }
  .sheManagement .preView.typ2 > .box > .memo .btn a span {
    padding-right: 15px;
    font-size: 16px;
    display: block;
  }
  .sheManagement .preView.typ2 > .box > .memo .btn a span:before {
    top: 5px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #222edd;
    border-bottom: 1px solid #222edd;
  }
  .sheManagement .preView.typ2 > .box > .memo .btn a span:after {
    top: 10px;
    width: 31px;
    height: 1px;
  }
  .sheManagement .preView.typ2 > .box > .list ul li:last-child .photoBox .photoMemo .txt {
    padding-bottom: 0px !important;
  }
  .sheManagement .preView > .info {
    margin-bottom: 50px;
  }
  .sheManagement .preView > .info > .memo {
    padding-bottom: 45px;
  }
  .sheManagement .preView > .info > .memo h3 {
    display: block;
    width: 100%;
    font-size: 20px;
  }
  .sheManagement .preView > .info > .memo .txt {
    display: block;
    width: 100%;
    padding-top: 25px;
    font-size: 14px;
  }
  .sheManagement .preView > .box {
    padding-top: 0px;
    border-top: none;
  }
  .sheManagement .preView > .box + .box {
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
  }
  .sheManagement .preView > .box > .memo {
    padding-bottom: 45px;
  }
  .sheManagement .preView > .box > .memo h3 {
    display: block;
    width: 100%;
    font-size: 20px;
  }
  .sheManagement .preView > .box > .memo .txt {
    display: block;
    width: 100%;
    padding-top: 25px;
    font-size: 14px;
  }
  .sheManagement .preView > .box .list ul {
    display: block;
  }
  .sheManagement .preView > .box .list ul + ul {
    padding-top: 0px;
  }
  .sheManagement .preView > .box .list ul + ul li:last-child .photoBox .photoMemo .txt {
    padding-bottom: 0px !important;
  }
  .sheManagement .preView > .box .list ul li {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    overflow: hidden;
    margin-left: 0px;
  }
  .sheManagement .preView > .box .list ul li .photoBox {
    height: auto;
  }
  .sheManagement .preView > .box .list ul li .photoBox .photoMemo {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: 100%;
  }
  .sheManagement .preView > .box .list ul li .photoBox .photoMemo:after {
    display: none !important;
  }
  .sheManagement .preView > .box .list ul li .photoBox .photoMemo .tit {
    display: block !important;
    position: relative;
    bottom: unset;
    left: unset;
    padding: 30px 0 0;
    font-size: 15px;
    color: #222;
    font-family: "ssl-font";
    font-weight: 500;
  }
  .sheManagement .preView > .box .list ul li .photoBox .photoMemo .txt {
    display: block !important;
    padding: 10px 0 50px !important;
    line-height: unset !important;
    color: #666 !important;
    font-size: 14px !important;
    text-align: left !important;
    font-family: "ssl-font";
    font-weight: 300;
  }
  :lang(ko) .sheManagement .preView > .box > .list li .photoBox .photoMemo .tit {
    font-family: "ssl-font";
    font-weight: 500;
  }
}
/* S : Corporate Social Responsibility */
.csr_content .tab_cont {
  margin-top: 60px;
}

.csr_list ul li {
  padding: 85px 0;
  border-top: 1px solid #eee;
  font-size: 0;
}
.csr_list ul li:nth-child(1) dt .thumb {
  width: 72px;
  height: 71px;
  background: url(../../images/aboutUs/ico_csr_dev_itm3.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 50px 0 0 0;
}
.csr_list ul li:nth-child(2) dt .thumb {
  width: 71px;
  height: 71px;
  background: url(../../images/aboutUs/ico_csr_dev_itm1.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 55px 0 0 0;
}
.csr_list ul li:nth-child(3) dt .thumb {
  width: 71px;
  height: 60px;
  background: url(../../images/aboutUs/ico_csr_dev_itm2.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 55px 0 0 0;
}
.csr_list ul li img {
  padding: 35px 0 0 0;
}
.csr_list ul dl:after {
  display: block;
  content: "";
  clear: both;
}
.csr_list ul dt {
  display: inline-block;
  width: 33.8%;
  font-size: 32px;
  font-family: "ssl-font";
  font-weight: 500;
  vertical-align: top; /*text-transform: capitalize;*/
}
.csr_list ul dt .thumb {
  margin: 55px 0 0 0;
}
.csr_list ul dd {
  display: inline-block;
  width: 66.2%;
}
.csr_list ul dd strong {
  display: block;
  color: #666;
  font-size: 22px;
  line-height: 1.65;
  font-family: "ssl-font";
  font-weight: 500; /*text-transform: capitalize;*/
}
.csr_list ul dd strong + p {
  margin-top: 10px;
}
.csr_list ul dd p {
  font-size: 20px;
  line-height: 1.6;
}

:lang(ko) .csr_list ul li:nth-child(1) dt .thumb {
  margin: 25px 0 0 0;
}
:lang(ko) .csr_list ul li:nth-child(2) dt .thumb {
  margin: 35px 0 0 0;
}
:lang(ko) .csr_list ul li:nth-child(3) dt .thumb {
  margin: 35px 0 0 0;
}
:lang(ko) .csr_list ul dd p {
  padding-top: 20px;
}

.csr_gallery {
  padding: 85px 0 100px;
  background: #f8f8f8;
}
.csr_gallery .inner_csr_gallery {
  max-width: 1040px;
  margin: 0 auto;
}
.csr_gallery .inner_csr_gallery .gallery_tit {
  display: block;
  color: #222;
  font-size: 42px;
  text-align: center;
}
.csr_gallery .inner_csr_gallery ul {
  margin: 54px -16px -16px 0;
}
.csr_gallery .inner_csr_gallery ul:after {
  content: "";
  display: block;
  clear: both;
}
.csr_gallery .inner_csr_gallery ul li {
  position: relative;
  float: left;
  width: calc(33.3333333333% - 16px);
  height: 420px;
  margin: 0 16px 16px 0;
}
.csr_gallery .inner_csr_gallery ul li a {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.csr_gallery .inner_csr_gallery ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 2;
}
.csr_gallery .inner_csr_gallery ul li a:focus .list_desc, .csr_gallery .inner_csr_gallery ul li a:hover .list_desc {
  opacity: 1;
}
.csr_gallery .inner_csr_gallery ul li a:focus img, .csr_gallery .inner_csr_gallery ul li a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  z-index: 1;
}
.csr_gallery .inner_csr_gallery ul li a.active .list_desc {
  display: block;
}
.csr_gallery .inner_csr_gallery ul li a .list_desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-box-shadow: 7px 7px 35px 0px rgba(29, 38, 221, 0.35);
          box-shadow: 7px 7px 35px 0px rgba(29, 38, 221, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 3;
  color: #fff;
}
.csr_gallery .inner_csr_gallery ul li a .list_desc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222edd;
  opacity: 0.85;
  z-index: -1;
}
.csr_gallery .inner_csr_gallery ul li a .list_desc .tit {
  font-size: 20px;
  line-height: 1.4;
}
.csr_gallery .inner_csr_gallery ul li a .list_desc .date {
  padding: 10px 0 0 0;
}
.csr_gallery .inner_csr_gallery ul li a img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.csr_gallery .inner_csr_gallery a.more {
  display: block;
  width: 150px;
  height: 60px;
  margin: 75px auto 0;
  color: #222edd;
  font-size: 20px;
  text-align: center;
  line-height: 3;
  font-family: "ssl-font";
  font-weight: 600;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.csr_gallery .inner_csr_gallery a.more:focus, .csr_gallery .inner_csr_gallery a.more:active, .csr_gallery .inner_csr_gallery a.more:hover {
  background: #222edd;
  color: #fff;
}

@media (max-width: 1023px) {
  .csr_content .tab_cont {
    margin-top: 30px;
  }
  .csr_list ul li {
    padding: 0 0 50px 0;
    border-top: 1px solid #d0d0d0;
  }
  .csr_list ul li:last-child dl {
    padding-bottom: 0;
  }
  .csr_list ul li:nth-child(1) dt .thumb {
    width: 53px;
    height: 52px;
    background: url(../../images/aboutUs/ico_csr_dev_itm3.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 3px;
    top: 53px;
  }
  .csr_list ul li:nth-child(2) dt .thumb {
    width: 56px;
    height: 56px;
    background: url(../../images/aboutUs/ico_csr_dev_itm1.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 8px;
  }
  .csr_list ul li:nth-child(3) dt .thumb {
    width: 53px;
    height: 42px;
    background: url(../../images/aboutUs/ico_csr_dev_itm2.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 8px;
  }
  .csr_list ul li img {
    padding: 25px 0 0 0;
    width: 100%;
  }
  .csr_list ul dl {
    position: relative;
    padding: 50px 0 0 0;
  }
  .csr_list ul dt {
    width: auto;
    padding: 0 0 0 84px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
  }
  .csr_list ul dt .thumb {
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
  }
  .csr_list ul dd {
    width: auto;
    margin-left: 0;
  }
  .csr_list ul dd strong {
    display: block;
    padding: 0 0 0 84px;
    color: #222;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 12px;
  }
  .csr_list ul dd p {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 22px;
  }
  .csr_gallery {
    padding: 45px 0;
  }
  .csr_gallery .inner_csr_gallery {
    padding-bottom: 40px;
    position: relative;
  }
  .csr_gallery .inner_csr_gallery .gallery_tit {
    font-size: 24px;
    text-align: center;
  }
  .csr_gallery .inner_csr_gallery ul {
    margin: 20px 0 0;
  }
  .csr_gallery .inner_csr_gallery ul li {
    margin: 0;
    padding: 16px 30px 0;
    width: auto;
    float: none;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .csr_gallery .inner_csr_gallery ul li:first-child {
    padding-top: 0;
  }
  .csr_gallery .inner_csr_gallery ul li a:hover img, .csr_gallery .inner_csr_gallery ul li a:focus img {
    -webkit-transform: none;
            transform: none;
  }
  .csr_gallery .inner_csr_gallery ul li a:before {
    display: none;
  }
  .csr_gallery .inner_csr_gallery ul li a .list_desc {
    display: none;
  }
  .csr_gallery .inner_csr_gallery ul li a img {
    position: static;
    -webkit-transform: none;
            transform: none;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 100%;
  }
  :lang(ko) .csr_list ul li:nth-child(1) dt .thumb {
    margin: 0;
  }
  :lang(ko) .csr_list ul li:nth-child(2) dt .thumb {
    margin: 0;
  }
  :lang(ko) .csr_list ul li:nth-child(3) dt .thumb {
    margin: 0;
  }
}
/* E : Corporate Social Responsibility */
/* E : 삭제 예정 */
/* pr_materials */
.pr_materials .tab_cont {
  margin: 60px 0 0 0;
}
.pr_materials .tab_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pr_materials .tab_cont ul:after {
  content: "";
  display: block;
  clear: both;
}
.pr_materials .tab_cont ul li { /* float:left; */
  width: 32.30769%; /* margin:0 1.53846% 30px 0; */
  margin: 0 1.53846% 40px 0;
}
.pr_materials .tab_cont ul li:nth-child(3n) {
  margin-right: 0;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_vis {
  position: relative;
  width: 100%;
  height: 189px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_vis a {
  width: 100%;
  display: block;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_vis img {
  width: 100%;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_vis video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_txt {
  padding: 25px 0 0 0;
  height: 60px;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_txt a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  max-height: 60px; /* Fallback for non-webkit */
  height: 60px;
  padding-right: 35px;
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_txt a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px; /* transform: translate(0, -50%); */
  display: block;
  width: 24px;
  height: 24px;
  background: url(../../images/btn/download3.png) 0 0 no-repeat;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_txt a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 6px; /* transform: translate(0, -50%); */
  display: block;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #222edd;
}
.pr_materials .tab_cont ul li .tab_box .tab_box_txt p {
  color: #222;
  font-size: 20px;
}
.pr_materials .tab_cont ul li .tab_box .hash-box {
  width: 100%; /* min-height:76px; */
  min-height: 34px;
  margin: 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  gap: 10px 5px;
  position: relative;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiper-container {
  margin: 0;
  width: 100%; /*padding: 0 13px;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiper-container:not(.swiper-container-initialized) ~ .swiperBtn {
  display: none;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container):hover .swiperBtn {
  opacity: 1;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn {
  opacity: 0;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn:focus, .pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn:focus-within {
  opacity: 1;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-next {
  margin-top: 0;
  width: 32px;
  height: 32px;
  top: 0px;
  right: 0;
  background: url(../../images/arrow/hashTag_slideBtn_next.png) center center/100% no-repeat;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-next:hover {
  background: url(../../images/arrow/hashTag_slideBtn_next_on.png) center center/100% no-repeat;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-prev {
  margin-top: 0;
  width: 32px;
  height: 32px;
  top: 0px;
  left: 0;
  background: url(../../images/arrow/hashTag_slideBtn_prev.png) center center/100% no-repeat;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-prev:hover {
  background: url(../../images/arrow/hashTag_slideBtn_prev_on.png) center center/100% no-repeat;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-disabled {
  display: none;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .itm {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 5px;
}
.pr_materials .tab_cont ul li .tab_box .hash-box:has(.swiper-container) .itm:last-child {
  margin-right: 0;
}
.pr_materials .tab_cont ul li .tab_box .hash-box .itm {
  display: block;
  padding: 4px 10px;
  border-radius: 30px;
  background: #f2f2f2;
}
.pr_materials .tab_cont ul li .tab_box .hash-box .itm:hover, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:focus, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:active {
  background: #222edd;
}
.pr_materials .tab_cont ul li .tab_box .hash-box .itm:hover span, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:focus span, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:active span {
  color: #fff;
}
.pr_materials .tab_cont ul li .tab_box .hash-box .itm span {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  color: #222edd;
}
.pr_materials .tab_cont a.more_btn {
  display: block;
  width: 150px;
  height: 60px;
  margin: 75px auto 0;
  color: #222edd;
  font-size: 20px;
  font-family: "ssl-font";
  font-weight: 600;
  line-height: 3;
  text-align: center;
  border: 1px solid #222edd;
}
.pr_materials .tab_cont a.more_btn:focus, .pr_materials .tab_cont a.more_btn:hover, .pr_materials .tab_cont a.more_btn:active {
  background: #222edd;
  color: #fff;
}

@media (max-width: 1023px) {
  .pr_materials .tab_cont {
    display: none;
    margin: 30px 0 0 0;
  }
  .pr_materials .tab_cont.active {
    display: block;
  }
  .pr_materials .tab_cont strong {
    color: #222;
    font-size: 20px;
    padding: 0 0 20px 0;
  }
  .pr_materials .tab_cont ul li {
    float: left;
    width: 50%;
    margin: 0 0 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .pr_materials .tab_cont ul li:nth-child(3n) {
    margin: 0 0 20px 0;
  }
  .pr_materials .tab_cont ul li:nth-child(1n) {
    padding: 0 1% 0 0;
  }
  .pr_materials .tab_cont ul li:nth-child(2n) {
    padding: 0 0 0 1%;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis {
    width: 100%;
    height: auto;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis img {
    width: 100%;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis video {
    width: 100%;
    height: 100%;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt {
    padding: 14px 0 0 0;
    height: 42px;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    word-break: keep-all;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 21px;
    max-height: 42px; /* Fallback for non-webkit */
    height: 42px;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(../../images/btn/download2.png) 0 0/16px 17px no-repeat;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt a:before {
    display: none;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt p {
    color: #222;
    font-size: 14px;
  }
  .pr_materials .tab_cont ul li .tab_box .hash-box .itm:hover, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:focus, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:active {
    background: #f2f2f2;
  }
  .pr_materials .tab_cont ul li .tab_box .hash-box .itm:hover span, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:focus span, .pr_materials .tab_cont ul li .tab_box .hash-box .itm:active span {
    color: #222edd;
  }
  .pr_materials .tab_cont a.more_btn {
    display: block;
    width: 150px;
    height: 60px;
    margin: 75px auto 0;
    color: #222edd;
    font-size: 20px;
    line-height: 3;
    text-align: center;
    border: 1px solid #222edd;
  }
}
@media (max-width: 770px) {
  .pr_materials .tab_cont {
    display: none;
    margin: 30px 0 0 0;
  }
  .pr_materials .tab_cont.active {
    display: block;
  }
  .pr_materials .tab_cont strong {
    color: #222;
    font-size: 20px;
    padding: 0 0 20px 0;
  }
  .pr_materials .tab_cont ul li {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .pr_materials .tab_cont ul li:nth-child(1n) {
    padding: 0;
  }
  .pr_materials .tab_cont ul li:nth-child(2n) {
    padding: 0;
  }
  .pr_materials .tab_cont ul li:nth-child(3n) {
    margin: 0 0 20px 0;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis {
    width: 100%;
    height: auto;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis img {
    width: 100%;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_vis video {
    width: 100%;
    height: 100%;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt {
    padding: 14px 0 0 0;
    height: auto;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt a {
    font-size: 14px;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt a:after {
    content: "";
    position: absolute;
    right: 0;
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(../../images/btn/download2.png) 0 0/16px 17px no-repeat;
  }
  .pr_materials .tab_cont ul li .tab_box .tab_box_txt p {
    color: #222;
    font-size: 14px;
  }
}
/* S : virtual_tour */
.virtual_tour {
  padding: 70px 0 0 0;
  border-top: 1px solid #ddd;
}
.virtual_tour dl {
  display: none;
  padding: 85px 0 0 0;
}
.virtual_tour dl:after {
  content: "";
  display: block;
  clear: both;
}
.virtual_tour dl dt {
  float: left;
  width: 35%;
  color: #222;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}
.virtual_tour dl dd {
  float: left;
  width: 65%;
  color: #666;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.65;
}

.virtual_tour_thumb {
  margin-top: 65px;
}
.virtual_tour_thumb a {
  display: block;
  position: relative;
  overflow: hidden;
}
.virtual_tour_thumb a:hover:before, .virtual_tour_thumb a:focus:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.virtual_tour_thumb a:hover img, .virtual_tour_thumb a:focus img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.virtual_tour_thumb a img {
  width: 100%;
  display: block;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.virtual_tour_thumb a span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: "ssl-font";
  font-weight: 500;
  padding: 75px 13px 0 0;
  z-index: 2;
  line-height: 1;
}
.virtual_tour_thumb a span:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: url(../../images/ourServices/ico_tour_360.png) 0 0 no-repeat;
  background-size: 100%;
}
.virtual_tour_thumb a span:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 6px;
  height: 9px;
  background: url(../../images/arrow/swiper_more.png) 0 0 no-repeat;
  background-size: 100%;
}

@media (max-width: 1023px) {
  .virtual_tour {
    padding: 50px 0 0 0;
  }
  .virtual_tour dl {
    padding: 40px 0 0 0;
  }
  .virtual_tour dl dt {
    float: none;
    width: 100%;
    font-size: 20px;
    line-height: 1;
  }
  .virtual_tour dl dd {
    float: none;
    width: 100%;
    padding: 25px 0 0 0;
    color: #222;
    font-size: 12px;
    line-height: 1.67;
    font-family: "ssl-font";
    font-weight: 400;
  }
  .virtual_tour_thumb {
    margin-top: 30px;
  }
  .virtual_tour_thumb a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 1;
  }
  .virtual_tour_thumb a span {
    font-size: 11px;
    padding: 50px 8px 0 0;
  }
  .virtual_tour_thumb a span:before {
    width: 39px;
    height: 39px;
    background-size: 100%;
  }
  .virtual_tour_thumb a span:after {
    bottom: 2px;
    background: url(../../images/arrow/m_swiper_more.png) 0 0 no-repeat;
    background-size: 100%;
  }
}
/* E : virtual_tour */
/* S : manufacturingFacilities*/
.manufacturingFacilities .career_list.diversity_inclusion > ul > li:first-child {
  border-top: 0;
}
.manufacturingFacilities .career_list.diversity_inclusion > ul > li:last-child dl {
  padding: 0 0 90px;
}
.manufacturingFacilities .pageTitle + .career_list {
  border-top: 1px solid #ddd;
  padding-top: 80px;
}
.manufacturingFacilities .career_list > ul dd.thumb {
  display: block;
  width: auto;
  margin-top: 30px;
}
.manufacturingFacilities .border_wrap {
  padding: 75px 0 95px;
}
.manufacturingFacilities .border_wrap:last-child {
  padding-bottom: 0;
}
.manufacturingFacilities .border_wrap .border_tit {
  font-size: 32px;
}
.manufacturingFacilities .border_wrap .dot_list {
  margin-left: 0;
}
.manufacturingFacilities .border_wrap .dot_list + .desc {
  margin-top: 20px;
}
.manufacturingFacilities .border_wrap .desc + .dot_list {
  margin-top: 10px;
}
.manufacturingFacilities .animation_wrap:after {
  display: block;
  content: "";
  clear: both;
}
.manufacturingFacilities .animation_wrap .animation_left {
  float: left;
  width: 600px;
}
.manufacturingFacilities .animation_wrap .animation_left .animation_tit span {
  color: #222edd;
}
.manufacturingFacilities .animation_wrap .animation_right {
  float: right;
  width: calc(100% - 616px);
}
.manufacturingFacilities .animation_wrap .animation_right .animation_tit span {
  color: #666;
}
.manufacturingFacilities .animation_wrap .animation_tit {
  position: relative;
  font-size: 24px;
  line-height: 1;
  padding-left: 13px;
  margin: 0 0 30px 39px;
  font-weight: 500;
}
.manufacturingFacilities .animation_wrap .animation_tit:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  line-height: 2.1;
  background: url(../../images/bul/dot_list.png) 0 0 no-repeat;
}
.manufacturingFacilities .animation_wrap .detail {
  position: relative;
  height: 200px;
  background: #f5f5f5;
}
.manufacturingFacilities .animation_wrap .detail img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
}
.manufacturingFacilities .animation_wrap .detail span {
  position: absolute;
  left: 38px;
  top: 25px;
  font-size: 16px;
  z-index: 1;
}
.manufacturingFacilities .animation_wrap .detail span em {
  color: #ff0000;
}
.manufacturingFacilities .animation_wrap .build_tit {
  display: block;
  text-align: center;
  font-weight: 500;
  color: #666;
  margin-top: 10px;
}
.manufacturingFacilities .swiper-container {
  margin: 20px -30px 0;
}
.manufacturingFacilities .slide-control {
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.manufacturingFacilities .slide-control .play, .manufacturingFacilities .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.manufacturingFacilities .slide-control .play {
  background: url(../../images/btn/slide_play_blue.png) center center no-repeat;
}
.manufacturingFacilities .slide-control .pause {
  background: url(../../images/btn/slide_pause_blue.png) center center no-repeat;
}
.manufacturingFacilities .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
.manufacturingFacilities .slide-control .swiper-pagination .swiper-pagination-bullet {
  background: #222edd;
}
.manufacturingFacilities .slide-control .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #222edd;
  background: #fff;
}
.manufacturingFacilities .slide-control .swiper-pagination .swiper-pagination-bullet-active :after {
  background: #222edd;
}

@media (max-width: 1023px) {
  .manufacturingFacilities .career_list.diversity_inclusion > ul > li:last-child dl {
    padding: 0 0 90px;
  }
  .manufacturingFacilities .pageTitle + .career_list {
    padding-top: 50px;
  }
  .manufacturingFacilities .career_list > ul dd.thumb {
    display: block;
    width: auto;
    margin-top: 30px;
  }
  .manufacturingFacilities .career_list > ul dd strong {
    margin-top: 25px;
  }
  .manufacturingFacilities .border_wrap {
    padding: 45px 0;
  }
  .manufacturingFacilities .border_wrap:last-child {
    padding-bottom: 0;
  }
  .manufacturingFacilities .border_wrap .border_tit {
    font-size: 20px;
  }
  .manufacturingFacilities .border_wrap .dot_list {
    margin-left: 0;
  }
  .manufacturingFacilities .border_wrap .dot_list + .desc {
    margin-top: 20px;
  }
  .manufacturingFacilities .border_wrap .desc + .dot_list {
    margin-top: 10px;
  }
  .manufacturingFacilities .animation_wrap .animation_left {
    float: none;
    width: auto;
  }
  .manufacturingFacilities .animation_wrap .animation_right {
    float: none;
    width: auto;
  }
  .manufacturingFacilities .animation_wrap .animation_right .animation_tit span {
    color: #666;
  }
  .manufacturingFacilities .animation_wrap .animation_tit {
    font-size: 18px;
    padding-left: 8px;
    margin: 30px 0 20px 0;
  }
  .manufacturingFacilities .animation_wrap .animation_tit:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 4px;
    line-height: 2.1;
    background: url(../../images/bul/dot_list.png) 0 0 no-repeat;
  }
  .manufacturingFacilities .animation_wrap .detail {
    position: relative;
    height: auto;
    background: #f5f5f5;
  }
  .manufacturingFacilities .animation_wrap .detail img {
    position: static;
  }
  .manufacturingFacilities .animation_wrap .detail img.img_gif {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .manufacturingFacilities .animation_wrap .detail span {
    left: 10px;
    top: 10px;
    font-size: 10px;
  }
  .manufacturingFacilities .animation_wrap .detail span em {
    color: #ff0000;
  }
  .manufacturingFacilities .animation_wrap .build_tit {
    font-size: 11px;
  }
}
/* E : manufacturingFacilities*/
/* S : leadership */
.ceo {
  position: relative;
  background: url(../../images/aboutUs/bg_dotMap.png) no-repeat center 187px;
}
.ceo:after {
  content: "";
  position: absolute;
  top: 256px;
  left: 50%;
  width: 549px;
  height: 659px;
  display: inline-block;
  background: url(../../images/aboutUs/img_ceo.png) no-repeat left bottom;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.ceo h3 {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
}
.ceo .jobPosition {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
.ceo .ceoIntro {
  position: relative;
  padding-top: 248px;
  padding-left: 50%;
  padding-bottom: 77px;
}
.ceo .ceoIntro strong {
  font-size: 42px;
  font-weight: 500;
}
.ceo .ceoIntro p {
  padding-top: 18px;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 300;
}

.ceoTab {
  position: relative; /* left:0; */
  left: 50%;
  padding-bottom: 164px; /* 220520 ceo 반영전 css 수정 반영후에는 left:0으로 수정*/
}
.ceoTab.newCeo {
  left: 0;
}
.ceoTab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ceoTab ul li:first-child {
  padding-right: 39px;
}
.ceoTab ul li button {
  position: relative;
  padding: 2px 50px 7px 0;
  font-size: 24px;
  display: inline-block;
  border: 0;
  background: transparent;
}
.ceoTab ul li button:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 38px;
  height: 38px;
  display: block;
  background: url(../../images/arrow/icon_circle_arrow.png) no-repeat left top;
  background-size: cover;
}
.ceoTab ul li button.active {
  color: #222edd;
}
.ceoTab ul li button.active:after {
  background-image: url(../../images/arrow/icon_circle_arrow_on.png);
}

:lang(en) .ceoTab {
  padding-bottom: 84px;
}

.ceoCon {
  display: none;
}
.ceoCon.ceoCon1 {
  display: block;
}
.ceoCon.ceoCon2 {
  padding-top: 60px;
}
.ceoCon .ceo_word {
  padding: 34px 0 100px 0;
}
.ceoCon .ceo_word p {
  padding: 29px 0 0 0;
  color: #222;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}
.ceoCon .ceo_word p:first-child {
  padding: 0;
}
.ceoCon .ceo_word .ceo_sign {
  padding: 80px 0 70px 0;
  text-align: right;
  background: url(../../images/aboutUs/img_ceo_sign_gray.png) right bottom no-repeat;
  background-size: 200px;
}
.ceoCon .ceo_word .ceo_sign strong {
  display: block;
  color: #222;
  font-size: 32px;
  font-weight: 500;
}
.ceoCon .ceo_word .ceo_sign span {
  display: block;
  padding: 10px 0 0 0;
  color: #666;
  font-size: 22px;
  font-weight: 500;
}

.ceo-info {
  position: relative;
  width: 100%;
  padding-bottom: 60px;
  text-align: center;
}
.ceo-info .dft-pageTitle h1 {
  margin: 0;
  font-size: 42px;
  font-weight: 500;
  color: #222;
}
.ceo-info .tit {
  font-size: 42px;
  font-weight: 500;
  color: #222;
}
.ceo-info .tit + p {
  padding-top: 20px;
  font-size: 18px;
  color: #222;
}

.ceo-visual {
  position: relative;
  margin-top: 75px;
  width: 100%;
  height: 320px;
  background: url(../../images/aboutUs/bg_ceo_visual.jpg) center center/cover no-repeat;
}

.ceo-tab-cont {
  position: relative;
  width: 100%;
  padding: 0px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ceo-tab-cont .ceo_word p {
  padding: 29px 0 0 0;
  color: #222;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}
.ceo-tab-cont .ceo_word p:first-child {
  padding: 0;
}
.ceo-tab-cont .ceo_word .ceo_sign {
  padding: 80px 0 70px 0;
  text-align: right;
  background: url(../../images/aboutUs/img_ceo_sign_gray.png) right bottom no-repeat;
  background-size: 200px;
}
.ceo-tab-cont .ceo_word .ceo_sign strong {
  display: block;
  color: #222;
  font-size: 32px;
  font-weight: 500;
}
.ceo-tab-cont .ceo_word .ceo_sign span {
  display: block;
  padding: 10px 0 0 0;
  color: #666;
  font-size: 22px;
  font-weight: 500;
}

:lang(en) .ceoCon .ceo_word .ceo_sign, :lang(en) .ceo-tab-cont .ceo_word .ceo_sign {
  padding: 140px 0 0px 0;
  background-position: right 90px;
}

.cob {
  position: relative;
  background: url(../../images/aboutUs/bg_dotMap.png) no-repeat center 187px;
}
.cob:after {
  content: "";
  position: absolute;
  top: 256px;
  left: 50%;
  width: 549px;
  height: 659px;
  display: inline-block;
  background: url(../../images/aboutUs/img_cob.png) no-repeat left top;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.cob h3 {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
}
.cob .jobPosition {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
.cob .ceoIntro {
  position: relative;
  padding-top: 248px;
  padding-left: 50%;
  padding-bottom: 77px;
}
.cob .ceoIntro strong {
  font-size: 42px;
  font-weight: 500;
}
.cob .ceoIntro p {
  padding-top: 18px;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 300;
}

.cobTab {
  position: relative;
  left: 50%;
  padding-bottom: 164px;
}
.cobTab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cobTab ul li:first-child {
  padding-right: 39px;
}
.cobTab ul li button {
  position: relative;
  padding: 2px 50px 7px 0;
  font-size: 24px;
  display: inline-block;
  border: 0;
  background: transparent;
}
.cobTab ul li button:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 38px;
  height: 38px;
  display: block;
  background: url(../../images/arrow/icon_circle_arrow.png) no-repeat left top;
  background-size: cover;
}
.cobTab ul li button.active {
  color: #222edd;
}
.cobTab ul li button.active:after {
  background-image: url(../../images/arrow/icon_circle_arrow_on.png);
}

.cobCon {
  display: none;
}
.cobCon.cobCon1 {
  display: block;
}
.cobCon.cobCon2 {
  padding-top: 60px;
}
.cobCon .ceo_word {
  padding: 34px 0 100px 0;
}
.cobCon .ceo_word p {
  padding: 29px 0 0 0;
  color: #222;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
}
.cobCon .ceo_word p:first-child {
  padding: 0;
}
.cobCon .ceo_word .cob_sign {
  padding: 80px 0 130px 0;
  background: url(../../images/aboutUs/img_cob_sign_gray.png) left bottom no-repeat;
}
.cobCon .ceo_word .cob_sign strong {
  display: block;
  color: #222;
  font-size: 32px;
  font-weight: 500;
}
.cobCon .ceo_word .cob_sign span {
  display: block;
  padding: 10px 0 0 0;
  color: #666;
  font-size: 22px;
  font-weight: 500;
}

.dlList.location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dlList.location li {
  float: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 108px;
  text-align: center;
  /* &:nth-child(3){padding-left:94px; width:calc(50% - 94px); background-image:url(../../images/aboutUs/icon_location3.png); background-position:6px 8px;} */
}
.dlList.location li:nth-child(1) { /* padding-left:94px;  width:calc(50% - 94px);*/
  background-image: url(../../images/aboutUs/icon_location1.png);
  background-position: center 6px;
}
.dlList.location li:nth-child(2) { /* padding-left:108px; width:calc(50% - 108px);*/
  background-image: url(../../images/aboutUs/icon_location2.png);
  background-position: center 7px;
}
.dlList.location li:nth-child(3) { /* padding-left:108px; width:calc(50% - 108px);*/
  background-image: url(../../images/aboutUs/icon_location4.png);
  background-position: center 20px;
}

@media (max-width: 1023px) {
  .ceo {
    background-image: url(../../images/aboutUs/m_bg_dotMap.png);
    background-size: 100%;
    background-position: center 140px;
  }
  .ceo:after {
    top: 197px;
    left: 7%;
    padding-top: 54%;
    width: 100%;
    height: auto;
    background-size: 44%;
    -webkit-transform: none;
            transform: none;
  }
  .ceo h3 {
    font-size: 35px;
  }
  .ceo .jobPosition {
    font-size: 16px;
  }
  .ceo .ceoIntro {
    padding-top: 20%;
    padding-bottom: 3%;
  }
  .ceo .ceoIntro strong {
    font-size: 26px;
  }
  .ceo .ceoIntro p {
    line-height: 1.6;
    font-size: 16px;
  }
  .ceoTab { /* left:50%; */
    padding-bottom: 10%;
  }
  .ceoTab ul li button {
    padding-right: 35px;
    padding-bottom: 21px;
    font-size: 18px;
  }
  .ceoTab ul li button:after {
    top: -1px;
    width: 26px;
    height: 26px;
    background-size: 26px;
  }
  .ceoCon.ceoCon2 {
    padding-top: 36px;
  }
  .ceoCon .ceo_word {
    padding: 36px 0 0;
  }
  .ceoCon .ceo_word .mobile.block {
    font-size: 20px;
  }
  .ceoCon .ceo_word p {
    padding: 16px 0 0 0;
    font-size: 16px;
    line-height: 1.4;
  }
  .ceoCon .ceo_word .ceo_sign {
    padding: 43px 0 90px;
    background-image: url(../../images/aboutUs/m_img_ceo_sign_gray.png);
    background-size: 120px;
    background-position: right 117px;
  }
  .ceoCon .ceo_word .ceo_sign strong {
    font-size: 20px;
  }
  .ceoCon .ceo_word .ceo_sign span {
    padding: 1px 0 0 0;
    font-size: 14px;
    font-weight: 500;
  }
  .ceo-info {
    padding-bottom: 30px;
  }
  .ceo-info .dft-pageTitle h1 {
    font-size: 24px;
  }
  .ceo-info .dft-pageTitle + p {
    padding-top: 15px;
    font-size: 14px;
  }
  .ceo-info .tit {
    font-size: 24px;
  }
  .ceo-info .tit + p {
    padding-top: 15px;
    font-size: 14px;
  }
  .ceo-visual {
    margin-top: 20px;
    height: 167px;
    background: url(../../images/aboutUs/m_bg_ceo_visual.jpg) center center/cover no-repeat;
  }
  .ceo-tab-cont {
    padding: 0px 0 0;
  }
  .ceo-tab-cont .ceo_word .mobile.block {
    font-size: 20px;
  }
  .ceo-tab-cont .ceo_word p {
    padding: 16px 0 0 0;
    font-size: 16px;
    line-height: 1.4;
  }
  .ceo-tab-cont .ceo_word .ceo_sign {
    padding: 43px 0 90px;
    background-image: url(../../images/aboutUs/m_img_ceo_sign_gray.png);
    background-size: 120px;
    background-position: right 117px;
  }
  .ceo-tab-cont .ceo_word .ceo_sign strong {
    font-size: 20px;
  }
  .ceo-tab-cont .ceo_word .ceo_sign span {
    padding: 1px 0 0 0;
    font-size: 14px;
    font-weight: 500;
  }
  :lang(en) .ceoCon .ceo_word .ceo_sign, :lang(en) .ceo-tab-cont .ceo_word .ceo_sign {
    padding: 80px 0 40px 0;
    background-position: right 60px;
  }
  .cobCon.cebCon2 {
    padding-top: 36px;
  }
  .cobCon .ceo_word {
    padding: 36px 0 0;
  }
  .cobCon .ceo_word .mobile.block {
    font-size: 20px;
  }
  .cobCon .ceo_word p {
    padding: 16px 0 0 0;
    font-size: 16px;
    line-height: 1.4;
  }
  .cobCon .ceo_word .cob_sign {
    padding: 43px 0 140px;
    background-size: 160px;
    background-position: right 117px;
  }
  .cobCon .ceo_word .cob_sign strong {
    font-size: 20px;
  }
  .cobCon .ceo_word .cob_sign span {
    padding: 1px 0 0 0;
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .ceo {
    padding-bottom: 82%;
    background-image: url(../../images/aboutUs/m_bg_dotMap.png);
    background-size: 100%;
    background-position: center 140px;
  }
  .ceo:after {
    top: 197px;
    left: 0;
    padding-top: 94%;
    width: 100%;
    background-image: url(../../images/aboutUs/m_img_ceo.png);
    background-size: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .ceo h3 {
    font-size: 26px;
  }
  .ceo .jobPosition {
    font-size: 16px;
  }
  .ceo .ceoIntro {
    display: none;
  }
  .ceoTab {
    left: 0;
    padding-top: 28%;
    padding-bottom: 0;
  }
  .ceoTab ul {
    display: block;
  }
  .ceoTab ul li:first-child {
    padding-right: 0;
  }
  .ceoTab ul li button {
    padding-bottom: 21px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    display: block;
    border-bottom: 1px solid #ddd;
  }
  .ceoTab ul li button[data-ceo="1"] {
    display: none;
  }
  .ceoTab ul li button:after {
    top: -1px;
    width: 23px;
    height: 23px;
    background-size: 23px;
  }
  :lang(en) .ceoTab {
    padding-bottom: 0;
  }
  .ceoCon .ceo_word {
    padding: 36px 0 0;
  }
  .ceoCon .ceo_word .mobile.block {
    font-size: 20px;
  }
  .ceoCon .ceo_word p {
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .ceoCon .ceo_word .ceo_sign {
    padding: 43px 0 90px;
    background-size: 120px;
    background-position: right 117px;
  }
  .ceoCon .ceo_word .cob_sign {
    padding: 43px 0 140px;
    background-size: 160px;
    background-position: right 117px;
  }
  :lang(en) .ceoCon .ceo_word .ceo_sign {
    padding: 80px 0 40px 0;
    background-position: right 60px;
  }
  .dlList.location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .dlList.location li {
    padding-top: 60px;
    /* &:nth-child(3){background-position:center top; background-size:30px;} */
  }
  .dlList.location li:nth-child(1) {
    background-position: 52% top;
  }
  .dlList.location li:nth-child(2) {
    background-position: center top;
  }
  .dlList.location li:nth-child(3) {
    background-position: center 10px;
  }
  .cobCon .ceo_word {
    padding: 36px 0 0;
  }
  .cobCon .ceo_word .mobile.block {
    font-size: 20px;
  }
  .cobCon .ceo_word p {
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .cobCon .ceo_word .ceo_sign {
    padding: 43px 0 90px;
    background-size: 120px;
    background-position: right 117px;
  }
  .cobCon .ceo_word .cob_sign {
    padding: 43px 0 140px;
    background-size: 160px;
    background-position: right 117px;
  }
}
@media (max-width: 640px) {
  .ceo {
    padding-bottom: 84%;
  }
  .ceo:after {
    top: 170px;
  }
  .ceoTab {
    padding-top: 30%;
  }
}
.ceoCon.hide {
  height: 0;
  overflow: hidden;
}

.cobCon.hide {
  height: 0;
  overflow: hidden;
}

.leadership_executives .executives_box {
  margin: 30px 0 0 0;
}
.leadership_executives .executives_box.active .box_cont a.detail_open {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.leadership_executives .executives_box.executive_vice_president {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box1.jpg) left top no-repeat;
  background-size: 352px 313px;
}
.leadership_executives .executives_box.executive_vice_president2 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box18.jpg) left top no-repeat;
  background-size: 329px 345px;
}
.leadership_executives .executives_box.cmo2 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box12.jpg) left top no-repeat;
  background-size: 352px 327px;
}
.leadership_executives .executives_box.cqo {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box13.jpg) left top no-repeat;
  background-size: 352px 313px;
}
.leadership_executives .executives_box.cbo {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box2.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.cfo {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box3.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president1 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box4.jpg) left top no-repeat;
  background-size: 352px 314px;
}
.leadership_executives .executives_box.vice_president2 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box5.jpg) left top no-repeat;
  background-size: 352px 355px;
}
.leadership_executives .executives_box.vice_president3 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box6.jpg) left top no-repeat;
  background-size: 352px 323px;
}
.leadership_executives .executives_box.vice_president4 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box7.jpg) left top no-repeat;
  background-size: 352px 352px;
}
.leadership_executives .executives_box.vice_president5 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box8.jpg) left top no-repeat;
  background-size: 352px 355px;
}
.leadership_executives .executives_box.cio {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box9.jpg) left top no-repeat;
  background-size: 352px 313px;
}
.leadership_executives .executives_box.vice_president6 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box10.jpg) left top no-repeat;
  background-size: 352px 319px;
}
.leadership_executives .executives_box.vice_president7 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box11.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president8 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box14.jpg) left top no-repeat;
  background-size: 352px 314px;
}
.leadership_executives .executives_box.vice_president9 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box15.jpg) left top no-repeat;
  background-size: 352px 327px;
}
.leadership_executives .executives_box.vice_president10 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box16.jpg) left top no-repeat;
  background-size: 352px 313px;
}
.leadership_executives .executives_box.vice_president11 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box17.jpg) left top no-repeat;
  background-size: 352px 297px;
}
.leadership_executives .executives_box.vice_president12 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box19.jpg) left top no-repeat;
  background-size: 329px 345px;
}
.leadership_executives .executives_box.vice_president13 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box20.jpg) left top no-repeat;
  background-size: 329px 345px;
}
.leadership_executives .executives_box.vice_president14 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box21.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president15 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box22.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president16 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box23.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president17 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box24.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president18 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box25.jpg) left top no-repeat;
  background-size: 352px 297px;
}
.leadership_executives .executives_box.vice_president19 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box26.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president20 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box27.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president21 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box28.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box.vice_president22 {
  background: #f5f8fd url(../../images/aboutUs/img_executives_box29.jpg) left top no-repeat;
  background-size: 352px 345px;
}
.leadership_executives .executives_box .box_cont {
  width: 100%;
  padding: 77px 30px 28px 352px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.leadership_executives .executives_box .box_cont span {
  color: #222;
  text-transform: uppercase;
}
.leadership_executives .executives_box .box_cont strong {
  display: block;
  padding: 5px 0 0 0;
  color: #222;
  font-size: 32px;
}
.leadership_executives .executives_box .box_cont p {
  padding: 15px 0 0 0;
  color: #222;
  font-size: 20px;
  line-height: 1.6;
}
.leadership_executives .executives_box .box_cont a.detail_open {
  position: relative;
  display: block;
  width: 18px;
  height: 12px;
  padding: 10px 10px 10px 0;
  margin: 20px 0 0 0;
  text-indent: -9999px;
  background: url(../../images/aboutUs/ico_arrow_open.png) center no-repeat;
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
}
.leadership_executives .executives_box .box_detail {
  display: none;
  padding: 55px 60px;
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #222edd;
}
.leadership_executives .executives_box .box_detail p {
  padding: 30px 0 0 0;
  color: #666;
  line-height: 1.8;
}
.leadership_executives .executives_box .box_detail p:first-child {
  padding: 0;
}

:lang(ko) .leadership_executives .executives_box .box_cont {
  min-height: 320px;
}
:lang(ko) .leadership_executives .executives_box .box_cont strong span {
  font-family: "ssl-font";
  font-weight: 400;
}
:lang(ko) .leadership_executives .executives_box .box_cont p {
  padding-top: 20px;
  margin-top: 25px;
  border-top: 1px solid #ddd;
  color: #666;
  line-height: 28px;
}
:lang(ko) .leadership_executives .executives_box .box_cont p > span {
  display: block;
  padding-bottom: 5px;
  font-size: 20px;
  font-family: "ssl-font";
}
:lang(ko) .leadership_executives .executives_box.cqo {
  background-position-y: 7px;
}
:lang(ko) .leadership_executives .executives_box.cio {
  background-position-y: 7px;
}
:lang(ko) .leadership_executives .executives_box.vice_president10 {
  background-position-y: 7px;
}

@media (max-width: 1023px) {
  .leadership_executives .executives_box {
    padding: 66.5% 0 0 0;
  }
  .leadership_executives .executives_box.active .box_cont a.detail_open {
    margin: 0 auto;
  }
  .leadership_executives .executives_box.executive_vice_president {
    background: url(../../images/aboutUs/m_img_executives_box1.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.executive_vice_president2 {
    background: url(../../images/aboutUs/m_img_executives_box18.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.cmo2 {
    background: url(../../images/aboutUs/m_img_executives_box12.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.cqo {
    background: url(../../images/aboutUs/m_img_executives_box13.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.cbo {
    background: url(../../images/aboutUs/m_img_executives_box2.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.cfo {
    background: url(../../images/aboutUs/m_img_executives_box3.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president1 {
    background: url(../../images/aboutUs/m_img_executives_box4.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president2 {
    background: url(../../images/aboutUs/m_img_executives_box5.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president3 {
    background: url(../../images/aboutUs/m_img_executives_box6.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president4 {
    background: url(../../images/aboutUs/m_img_executives_box7.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president5 {
    background: url(../../images/aboutUs/m_img_executives_box8.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.cio {
    background: url(../../images/aboutUs/m_img_executives_box9.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president6 {
    background: url(../../images/aboutUs/m_img_executives_box10.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president7 {
    background: url(../../images/aboutUs/m_img_executives_box11.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president8 {
    background: url(../../images/aboutUs/m_img_executives_box14.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president9 {
    background: url(../../images/aboutUs/m_img_executives_box15.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president10 {
    background: url(../../images/aboutUs/m_img_executives_box16.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president11 {
    background: url(../../images/aboutUs/m_img_executives_box17.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president12 {
    background: url(../../images/aboutUs/m_img_executives_box19.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president13 {
    background: url(../../images/aboutUs/m_img_executives_box20.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president14 {
    background: url(../../images/aboutUs/m_img_executives_box21.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president15 {
    background: url(../../images/aboutUs/m_img_executives_box22.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president16 {
    background: url(../../images/aboutUs/m_img_executives_box23.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president17 {
    background: url(../../images/aboutUs/m_img_executives_box24.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president18 {
    background: url(../../images/aboutUs/m_img_executives_box25.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president19 {
    background: url(../../images/aboutUs/m_img_executives_box26.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president20 {
    background: url(../../images/aboutUs/m_img_executives_box27.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president21 {
    background: url(../../images/aboutUs/m_img_executives_box28.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box.vice_president22 {
    background: url(../../images/aboutUs/m_img_executives_box29.jpg) center top no-repeat;
    background-size: 100%;
  }
  .leadership_executives .executives_box .box_cont {
    width: 100%;
    position: relative;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #ddd;
  }
  .leadership_executives .executives_box .box_cont span {
    color: #222;
    font-size: 12px;
    position: absolute;
    top: 58px;
  }
  .leadership_executives .executives_box .box_cont strong {
    display: block;
    padding: 27px 0 0 0;
    color: #222;
    font-size: 16px;
  }
  .leadership_executives .executives_box .box_cont p {
    padding: 50px 0 18px 0;
    color: #666;
    font-size: 12px;
    line-height: 1.7;
  }
  .leadership_executives .executives_box .box_cont a.detail_open {
    margin: 0 auto;
  }
  .leadership_executives .executives_box .box_detail {
    padding: 30px 0;
    border-top: 0;
  }
  .leadership_executives .executives_box .box_detail p {
    padding: 25px 0 0 0;
    font-size: 12px;
    line-height: 1.7;
  }
  :lang(ko) .leadership_executives .executives_box .box_cont {
    min-height: unset;
    border-bottom: 1px solid #222edd;
  }
  :lang(ko) .leadership_executives .executives_box .box_cont span {
    position: relative;
    top: unset;
  }
  :lang(ko) .leadership_executives .executives_box .box_cont strong span {
    font-size: 12px;
  }
  :lang(ko) .leadership_executives .executives_box .box_cont p {
    font-size: 12px;
  }
  :lang(ko) .leadership_executives .executives_box .box_cont p > span {
    font-size: 14px;
  }
}
.key-executives {
  position: relative;
  width: 100%; /* padding:0 38px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.key-executives .txt-memo {
  width: 100%;
  padding-bottom: 100px;
  font-size: 20px;
  line-height: 1.5;
  color: #222;
  text-align: center;
  font-weight: 400;
}
.key-executives > ul {
  position: relative;
  width: 100%; /* padding:0 40px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.key-executives > ul.img2Len {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 252px);
}
.key-executives > ul + ul {
  margin-top: 50px;
}
.key-executives > ul > li { /* width:308px; */
  width: 232px;
  padding-bottom: 30px;
}
.key-executives > ul > li > a.btn-details {
  position: relative;
  display: block; /* outline:none; */
  outline-color: #222edd;
}
.key-executives > ul > li > a.btn-details:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: calc(50% - 10px);
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out, transform 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.key-executives > ul > li > a.btn-details:hover dl dd .txt-box .name, .key-executives > ul > li > a.btn-details:hover dl dd .txt-box .job, .key-executives > ul > li > a.btn-details:focus dl dd .txt-box .name, .key-executives > ul > li > a.btn-details:focus dl dd .txt-box .job, .key-executives > ul > li > a.btn-details:active dl dd .txt-box .name, .key-executives > ul > li > a.btn-details:active dl dd .txt-box .job {
  text-decoration: underline;
}
.key-executives > ul > li > a.btn-details.on:after {
  border-color: #222edd;
  bottom: 0px;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.key-executives > ul > li > a.btn-details.on dl dd .txt-box .name, .key-executives > ul > li > a.btn-details.on dl dd .txt-box .job {
  color: #222edd;
  text-decoration: underline;
}
.key-executives > ul > li > a.btn-details.on + .details {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.key-executives > ul > li dl dt { /* width:308px; height:308px; */
  width: 232px;
  height: 232px;
  overflow: hidden;
  border-radius: 100%;
  background: #f5f8fd;
}
.key-executives > ul > li dl dt img {
  width: 100%;
}
.key-executives > ul > li dl dd {
  position: relative;
  width: 100%;
  height: 110px;
}
.key-executives > ul > li dl dd .txt-box {
  position: absolute;
  top: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
.key-executives > ul > li dl dd .txt-box .name, .key-executives > ul > li dl dd .txt-box .job {
  white-space: nowrap;
}
.key-executives > ul > li dl dd .txt-box .name {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}
.key-executives > ul > li dl dd .txt-box .job {
  font-size: 16px;
  color: #666; /* font-weight:400; */
}
.key-executives > ul > li .details {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 30px 70px;
  border-top: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f6f6f6;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  /* .tit, .txt {text-align:center;} */
}
.key-executives > ul > li .details .tit {
  font-size: 18px;
  color: #222;
  font-weight: 500;
}
.key-executives > ul > li .details .tit + .txt {
  padding-top: 40px;
}
.key-executives > ul > li .details .txt {
  font-size: 16px;
  color: #222;
}
.key-executives > ul > li .details .btns {
  margin-top: 20px;
}
.key-executives > ul > li .details .btns .btn1 {
  padding: 10px 5px;
  color: #fff;
  font-size: 14px;
  background-color: #222edd;
}

@media (max-width: 1023px) {
  .key-executives .txt-memo {
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
  }
  .key-executives > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding-bottom: 0px !important;
  }
  .key-executives > ul.img2Len {
    width: 100%;
  }
  .key-executives > ul + ul {
    margin-top: 0px;
  }
  .key-executives > ul > li {
    width: 100%;
    padding-bottom: 30px;
  }
  .key-executives > ul > li > a.btn-details { /* position:relative; display:block; */
    padding-bottom: 20px;
    /*
    &:hover, &:focus, &:active {
    	dl {
    		dd {
    			.txt-box {
    				.name, .job {text-decoration:underline;}
    			}
    		}
    	}
    }
     */
  }
  .key-executives > ul > li > a.btn-details:after {
    width: 10px;
    height: 10px;
  }
  .key-executives > ul > li > a.btn-details.on {
    /* &:after {border-color:$defColor01; bottom:0px; transform:rotate(-225deg);}
    dl {
    	dd {
    		.txt-box {
    			.name, .job {color:$defColor01; text-decoration:underline;}
    		}
    	}
    } */
  }
  .key-executives > ul > li > a.btn-details.on + .details { /* visibility:visible; opacity:1; */
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .key-executives > ul > li dl dt {
    width: calc(100vw - 60px); /* max-width:308px; */
    max-width: 232px;
    height: calc(100vw - 60px); /* max-height:308px; */
    max-height: 232px;
    margin: 0 auto;
  }
  .key-executives > ul > li dl dd {
    position: relative;
    width: 100%;
    height: auto;
  }
  .key-executives > ul > li dl dd .txt-box {
    position: relative;
    padding-top: 25px;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    text-align: center;
    /* .name, .job {white-space:normal;} */
  }
  .key-executives > ul > li dl dd .txt-box .name {
    font-size: 16px;
  }
  .key-executives > ul > li dl dd .txt-box .job {
    font-size: 11px;
  }
  .key-executives > ul > li .details {
    visibility: visible;
    display: none;
    opacity: 1;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
    padding: 20px 15px;
    -webkit-transition: unset;
    transition: unset;
    /* .tit, .txt {text-align:center;} */
  }
  .key-executives > ul > li .details .tit {
    font-size: 12px;
    color: #222;
    font-weight: 500;
  }
  .key-executives > ul > li .details .tit + .txt {
    padding-top: 25px;
  }
  .key-executives > ul > li .details .txt {
    font-size: 12px;
    color: #222;
  }
}
/* E : leadership */
/* S: press_release */
.press_release {
  width: 100%;
  background: #fff;
}
.press_release .sorting_bar {
  width: 100%; /* padding:90px 0 40px 0; */
  padding: 0px 0 30px 0;
  /* ul {
  	li {
  		&:first-child {
  			input {width:100%; height:41px; padding:0 0 0 16px; box-sizing:border-box;
  				&::placeholder {font-family:'ssl-font';color:$cbbb;}
  			}
  		}
  		&:last-child {position:absolute;right:15px;bottom:11px;width:16px;height:17px;
  			input{width:16px;height:17px;background:url(../../images/btn/search_gray.png) 0 0 no-repeat;text-indent:-9999px;}
  		}
  	}
  } */
}
.press_release .sorting_bar:after {
  content: "";
  display: block;
  clear: both;
}
.press_release .sorting_bar .sortingItm {
  float: left;
  width: 220px;
  height: 43px;
  margin: 0 10px 0 0;
}
.press_release .sorting_bar .sorting_search {
  position: relative;
  float: right;
  width: 220px;
  height: 43px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.press_release .sorting_bar .sorting_search ul li:first-child input {
  width: 100%;
  height: 41px;
  padding: 0 0 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.press_release .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
  font-family: "ssl-font";
  color: #bbb;
}
.press_release .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
  font-family: "ssl-font";
  color: #bbb;
}
.press_release .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
  font-family: "ssl-font";
  color: #bbb;
}
.press_release .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
  font-family: "ssl-font";
  color: #bbb;
}
.press_release .sorting_bar .sorting_search ul li:first-child input::placeholder {
  font-family: "ssl-font";
  color: #bbb;
}
.press_release .sorting_bar .sorting_search ul li:last-child {
  position: absolute;
  right: 15px;
  bottom: 11px;
  width: 16px;
  height: 17px;
  line-height: 0;
}
.press_release .sorting_bar .sorting_search ul li:last-child input {
  width: 16px;
  height: 17px;
  background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
  text-indent: -9999px;
}
.press_release .sorting_bar .btn_go {
  float: left;
  display: block;
  width: 54px;
  height: 43px;
  color: #222;
  font-weight: 600;
  font-size: 14px;
  line-height: 3.1;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.press_release .sorting_bar .btn_go:focus, .press_release .sorting_bar .btn_go:active, .press_release .sorting_bar .btn_go:hover {
  color: #fff;
  background: #222edd;
}
.press_release .cont {
  width: 100%;
  padding: 30px 0 0 0 !important;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.press_release .cont:after {
  content: "";
  display: block;
  clear: both;
}
.press_release .cont.noImg .txt {
  border: 1px solid #eee;
}
.press_release .cont.noImg .txt dl dd {
  padding: 25px 0 0 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  height: 168px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.press_release .cont .box { /*float:left;width:32.33333%; */
  height: auto;
  padding: 0 0.5% 15px;
  min-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.press_release .cont .box a {
  display: block;
}
.press_release .cont .box a .img {
  position: relative;
  width: 100%;
  min-height: 193px; /* height:188px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #eee;
}
.press_release .cont .box a .img img { /* position:absolute; */
  width: 100%;
  display: block;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.press_release .cont .box a .txt {
  padding: 37px 21px 0; /*border:1px solid $ceee; border-top:0; border-bottom: 0;*/
}
.press_release .cont .box a .txt strong {
  color: #222edd;
  font-size: 14px;
}
.press_release .cont .box a .txt dl {
  padding: 25px 0 0 0;
}
.press_release .cont .box a .txt dl dt {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.press_release .cont .box a .txt dl dt > p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.7;
  height: 54px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.press_release .cont .box a .txt dl dt span {
  display: block;
  padding: 5px 0 0 0;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.press_release .cont .box a .txt dl dd {
  padding: 25px 0 0 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.7;
  height: 72px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
}
.press_release .cont .box a:focus .img img, .press_release .cont .box a:active .img img, .press_release .cont .box a:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.press_release .cont .box a:focus .txt dl dt, .press_release .cont .box a:active .txt dl dt, .press_release .cont .box a:hover .txt dl dt {
  text-decoration: underline;
}
.press_release .cont .box .boxWrap {
  padding-bottom: 37px;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  border-top: 0;
}
.press_release .cont .box .hash-box {
  width: 100%; /* min-height:34px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  gap: 10px 5px;
  padding: 30px 21px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.press_release .cont .box .hash-box .itm {
  display: block;
  padding: 4px 10px;
  border-radius: 30px;
  background: #f2f2f2;
}
.press_release .cont .box .hash-box .itm:hover, .press_release .cont .box .hash-box .itm:focus, .press_release .cont .box .hash-box .itm:active {
  background: #222edd;
}
.press_release .cont .box .hash-box .itm:hover span, .press_release .cont .box .hash-box .itm:focus span, .press_release .cont .box .hash-box .itm:active span {
  color: #fff;
}
.press_release .cont .box .hash-box .itm span {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  color: #222edd;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiper-container {
  margin: 0;
  width: 100%; /*padding: 0 13px;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiper-container:not(.swiper-container-initialized) ~ .swiperBtn {
  display: none;
}
.press_release .cont .box .hash-box:has(.swiper-container):hover .swiperBtn {
  opacity: 1;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn {
  opacity: 0;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn:focus, .press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn:focus-within {
  opacity: 1;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-next {
  margin-top: 0;
  width: 32px;
  height: 32px;
  top: 30px;
  right: 10px;
  background: url(../../images/arrow/hashTag_slideBtn_next.png) center center/100% no-repeat;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-next:hover {
  background: url(../../images/arrow/hashTag_slideBtn_next_on.png) center center/100% no-repeat;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-prev {
  margin-top: 0;
  width: 32px;
  height: 32px;
  top: 30px;
  left: 10px;
  background: url(../../images/arrow/hashTag_slideBtn_prev.png) center center/100% no-repeat;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-prev:hover {
  background: url(../../images/arrow/hashTag_slideBtn_prev_on.png) center center/100% no-repeat;
}
.press_release .cont .box .hash-box:has(.swiper-container) .swiperBtn .swiper-button-disabled {
  display: none;
}
.press_release .cont .box .hash-box:has(.swiper-container) .itm {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 5px;
}
.press_release .cont .box .hash-box:has(.swiper-container) .itm:last-child {
  margin-right: 0;
}
.press_release a.more_btn {
  display: block;
  width: 150px;
  height: 60px;
  margin: 75px auto 0;
  color: #222edd;
  font-size: 20px;
  font-family: "ssl-font";
  font-weight: 600;
  line-height: 3;
  text-align: center;
  border: 1px solid #222edd;
}
.press_release a.more_btn:focus, .press_release a.more_btn:active, .press_release a.more_btn:hover {
  background: #222edd;
  color: #fff;
}

/* E: press_release */
@media (max-width: 1023px) {
  /* S: press_release */
  .press_release .sorting_bar {
    width: 100%; /* padding:50px 0 30px 0; */
    padding: 0;
  }
  .press_release .sorting_bar .left_area:after {
    content: "";
    display: block;
    clear: both;
  }
  .press_release .sorting_bar select {
    font-size: 12px;
  }
  .press_release .sorting_bar .sortingItm {
    float: left;
    width: 40%;
    height: 43px;
    margin: 0 2.5% 0 0;
  }
  .press_release .sorting_bar .sorting_search {
    position: relative;
    float: none;
    width: 100%;
    height: 43px;
    margin: 10px 0 0 0;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input {
    width: 100%;
    height: 41px;
    padding: 0 0 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
    font-family: "ssl-font";
    color: #bbb;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
    font-family: "ssl-font";
    color: #bbb;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
    font-family: "ssl-font";
    color: #bbb;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
    font-family: "ssl-font";
    color: #bbb;
  }
  .press_release .sorting_bar .sorting_search ul li:first-child input::placeholder {
    font-family: "ssl-font";
    color: #bbb;
  }
  .press_release .sorting_bar .sorting_search ul li:last-child {
    position: absolute;
    right: 15px;
    bottom: 11px;
    width: 16px;
    height: 17px;
  }
  .press_release .sorting_bar .sorting_search ul li:last-child input {
    width: 16px;
    height: 17px;
    background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .press_release .sorting_bar .btn_go {
    float: left;
    display: block;
    width: 15%;
    height: 43px;
    color: #222;
    font-family: "ssl-font";
    font-weight: 600;
    font-size: 14px;
    line-height: 3.1;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .press_release .cont {
    padding: 30px 0 0 0 !important;
    margin: 0 20px;
    width: calc(100% - 40px);
    grid-template-columns: repeat(2, 1fr);
  }
  .press_release .cont .box { /*float:left;width:50%;*/
    height: auto;
    padding: 0 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .press_release .cont .box:nth-child(2n-1) {
    padding-right: 1.65%;
  }
  .press_release .cont .box:nth-child(2n-2) {
    padding-left: 1.65%;
  }
  .press_release .cont .box a .img {
    width: 100%;
    min-height: initial;
  }
  .press_release .cont .box a .img img {
    width: 100%;
  }
  .press_release .cont .box a .txt {
    padding: 37px 21px 0; /*border:1px solid $ceee;border-top:0; border-bottom: 0;*/
  }
  .press_release .cont .box a .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .press_release .cont .box a .txt dl {
    padding: 25px 0 0 0;
    /* dt {
    	& > p {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.7; height:auto; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: unset; -webkit-box-orient: vertical;}
    } */
  }
  .press_release .cont .box .hash-box .itm:hover, .press_release .cont .box .hash-box .itm:focus, .press_release .cont .box .hash-box .itm:active {
    background: #f2f2f2;
  }
  .press_release .cont .box .hash-box .itm:hover span, .press_release .cont .box .hash-box .itm:focus span, .press_release .cont .box .hash-box .itm:active span {
    color: #222edd;
  }
  .press_release a.more_btn {
    display: block;
    width: 150px;
    height: 60px;
    margin: 75px auto 0;
    color: #222edd;
    font-size: 20px;
    font-family: "ssl-font";
    font-weight: 600;
    line-height: 3;
    text-align: center;
    border: 1px solid #222edd;
  }
  /* E: press_release */
}
@media (max-width: 640px) {
  /* S: press_release */
  .press_release {
    width: 100%;
    background: #fff;
  }
  .press_release .cont {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 20px 0 !important;
    grid-template-columns: repeat(1, 1fr);
  }
  .press_release .cont.p0 {
    padding: 0 !important;
  }
  .press_release .cont:after {
    content: "";
    display: block;
    clear: both;
  }
  .press_release .cont .box { /*float:none;*/
    width: 100%;
    height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important; /* padding:0 8.33333% 15px; */
  }
  .press_release .cont .box.noImg .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 168px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }
  .press_release .cont .box a {
    display: block;
  }
  .press_release .cont .box a .img {
    height: auto;
  }
  .press_release .cont .box a .txt dl dt > p {
    white-space: normal;
    height: auto;
    -webkit-line-clamp: unset;
  }
  .press_release .cont .box a .txt .hash-box {
    margin-top: 20px;
    min-height: auto;
    /* .itm {display:block; padding:4px 10px; border-radius:30px; background:$defColor53;
    	span {white-space: nowrap; font-size:14px; line-height:1.57; font-weight:500; color:$defColor01;}
    } */
  }
  .press_release .cont .box a .txt .hash-box:not(:has(.itm)) {
    margin-top: 0;
  }
  .press_release .cont .box .img {
    width: 100%;
    height: auto;
  }
  .press_release .cont .box .img img {
    display: block;
    width: 100%;
  }
  .press_release .cont .box .txt {
    padding: 37px 30px; /*border:1px solid $ceee;border-top:0;*/
  }
  .press_release .cont .box .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .press_release .cont .box .txt dl {
    padding: 20px 0 0 0;
  }
  .press_release .cont .box .txt dl dt {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }
  .press_release .cont .box .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 96px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .press_release a.more_btn {
    display: block;
    width: 150px;
    height: 60px;
    margin: 35px auto 0;
    color: #222edd;
    font-size: 20px;
    font-family: "ssl-font";
    font-weight: 600;
    line-height: 3;
    text-align: center;
    border: 1px solid #222edd;
  }
  /* E: press_release */
}
@media (max-width: 360px) {
  .sub_visual {
    padding: 85px 5% 0;
  }
  .sub_visual .text_area .location li:after {
    margin: 0 3px;
  }
}
.cmoSlide.company .cmoItm.itm1 {
  background: url(../../images/aboutUs/bg_company_slide_itm1.jpg) center center no-repeat;
}
.cmoSlide.company .cmoItm.itm2 {
  background: url(../../images/aboutUs/bg_company_slide_itm2.jpg) center center no-repeat;
}
.cmoSlide.company .cmoItm.itm3 {
  background: url(../../images/aboutUs/bg_company_slide_itm3.jpg) center center no-repeat;
}

.pageInfo.factSheet dl dt {
  width: 250px;
}
.pageInfo.factSheet dl dd {
  padding-right: 0px;
}
.pageInfo.factSheet dl dd p {
  text-align: justify;
}
.pageInfo.factSheet2 {
  margin-top: 30px;
}
.pageInfo.factSheet2 dl dt {
  width: 345px;
  padding: 0;
  /* img {transform: translateY(-12px);} */
}
.pageInfo.factSheet2 dl dd {
  width: calc(100% - 345px);
  padding-right: 0px;
}
.pageInfo.factSheet2 dl dd p {
  text-align: left;
}

@media (max-width: 1023px) {
  .pageInfo.factSheet dl dt {
    width: 100%;
  }
  .pageInfo.factSheet dl dd p {
    text-align: left;
  }
  .pageInfo.factSheet2 dl:before, .pageInfo.factSheet2 dl:after {
    display: none;
  }
  .pageInfo.factSheet2 dl dt {
    width: 100%;
    text-align: center;
  }
  .pageInfo.factSheet2 dl dt img {
    max-width: 340px;
    width: 100%;
  }
  .pageInfo.factSheet2 dl dd {
    width: 100%;
    /* &:before {content: ""; position: absolute; top: 32px; left: 0; bottom: 0; display:block; width: 2px; height: calc(100% - 37px); background-color: $defColor25;}
    &:after {content: ""; position: absolute; top: 32px; left: 0; z-index: 1; display:block; width: 2px; height: calc(50% - 37px); background-color: $defColor01;} */
  }
  .pageInfo.factSheet2 dl dd p {
    text-align: left;
  }
}
/* S : 삭제 예정 */
/* BCMS */
.operationFormation {
  border: 1px solid #ddd;
  margin-bottom: 80px;
}
.operationFormation.krImg .group:after {
  right: 50px;
  max-width: 500px;
  background-image: url(../../images/aboutUs/kr_img_bcms2_1.png);
}
.operationFormation .pc img {
  width: 100%;
}
.operationFormation .group {
  position: relative;
}
.operationFormation .group:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  width: 100%;
  max-width: 615px;
  height: 100%;
  max-height: 602px;
  background: url(../../images/aboutUs/img_bcms2_1.png) no-repeat right top;
  background-size: cover;
}
.operationFormation .group li {
  position: relative;
  left: 50%;
  padding: 65px 30px 59px 84px;
}
.operationFormation .group li:after {
  position: absolute;
  top: 58px;
  left: 50px;
  padding: 38px 0 39px;
  width: 107px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 50%;
}
.operationFormation .group li + li {
  border-top: 1px dashed #e1e1e1;
}
.operationFormation .group li p {
  line-height: 1.5;
  font-weight: 300;
}
.operationFormation .group li p span {
  color: #dfa83f;
  display: block;
}

.yearlyOperation {
  /* & + .pix-in{padding-top:0 !important;} */
}
.yearlyOperation .pix-in {
  padding-top: 0 !important;
}

.flex_2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex_2.bcms {
  padding-top: 50px;
}
.flex_2.bcms li {
  text-align: center;
}
.flex_2.bcms li img {
  width: 100%;
  max-width: 393px;
}
.flex_2.bcms li p {
  padding: 0 0 30px;
}

@media (max-width: 1023px) {
  .operationFormation {
    margin-top: 28px;
    margin-bottom: 30px;
    border: 0;
  }
  .operationFormation.en .group {
    right: 0;
  }
  .operationFormation.en .group li p {
    width: 100%;
    font-size: 14px;
  }
  .operationFormation.krImg .group li p strong {
    padding-bottom: 5px;
    display: block;
  }
  .operationFormation .group {
    padding-top: 37px;
  }
  .operationFormation .group:after {
    display: none;
  }
  .operationFormation .group li {
    left: 0;
    padding: 38px 0 20px;
  }
  .operationFormation .group li p {
    width: 100%;
  }
  .operationFormation .group li p strong {
    line-height: 1.2;
    font-size: 14px;
  }
  .yearlyOperation {
    padding: 31px 0 0;
    background-color: #f5f5f5;
    /* & + .pix-in {
    	padding-top:50px !important;
    } */
  }
  .yearlyOperation .mobile > div {
    margin: 0 30px;
    padding-bottom: 21px;
    border-bottom: 1px dashed #e1e1e1;
  }
  .yearlyOperation .mobile > div:last-child {
    border-bottom: 0;
  }
  .yearlyOperation .mobile > div.yearlyOperation1 > strong {
    padding-top: 33px;
  }
  .yearlyOperation .mobile > div.yearlyOperation1 > ul > li {
    color: #dfa83f;
  }
  .yearlyOperation .mobile > div.yearlyOperation2 > ul > li {
    color: #7f89c6;
  }
  .yearlyOperation .mobile > div.yearlyOperation3 > ul > li {
    color: #65b5a0;
  }
  .yearlyOperation .mobile > div.yearlyOperation4 > ul > li {
    color: #d97e4e;
  }
  .yearlyOperation .mobile > div strong {
    padding: 14px 0;
    font-size: 20px;
    display: block;
  }
  .yearlyOperation .mobile > div > ul li {
    padding-left: 10px;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    text-indent: -9px;
  }
  .yearlyOperation .mobile > div > ul li li {
    padding-left: 14px;
    font-weight: 300;
    color: #666;
  }
  .flex_2 {
    display: block;
  }
  .flex_2.bcms {
    padding: 50px 0 0 0;
    width: 100%;
  }
  .flex_2.bcms li {
    width: 100%;
  }
  .flex_2.bcms li + li {
    padding-top: 20px;
  }
  .flex_2.bcms li img {
    max-width: unset;
  }
  .flex_2.bcms li p {
    font-size: 13px;
  }
}
/* E : 삭제 예정 */
/* sba */
.sba_sanFrancisco {
  position: relative;
  margin-bottom: 80px;
  padding: 60px 400px 60px 60px;
  font-size: 16px;
  line-height: 28px;
  color: #222;
  text-align: justify;
}
.sba_sanFrancisco:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../../images/aboutUs/bg_sba_sanFrancisco.jpg) no-repeat right top;
  background-size: cover;
}
.sba_sanFrancisco .sba_area {
  font-size: 28px;
  font-weight: 600;
}

.sba_location {
  padding-bottom: 50px;
}
.sba_location .pix-in .pageTitle p {
  padding-bottom: 50px;
}
.sba_location .pix-in .pageTitle p a {
  text-decoration: underline;
  color: #222edd;
}
.sba_location .pix-in .bg_sba {
  position: relative;
}
.sba_location .pix-in .bg_sba .imgBox {
  position: relative;
}
.sba_location .pix-in .bg_sba .imgBox [class^=point] {
  position: absolute;
  width: 27px;
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/aboutUs/map_point.png) no-repeat center/100% auto;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-name: map-point;
          animation-name: map-point;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.sba_location .pix-in .bg_sba .imgBox [class^=point].point1 {
  top: 271px;
  left: 134px;
}
.sba_location .pix-in .bg_sba .imgBox [class^=point].point2 {
  top: 266px;
  left: 1002px;
}
.sba_location .pix-in .bg_sba .imgBox [class^=point].point3 {
  top: 201px;
  left: 1046px;
}
@-webkit-keyframes map-point {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes map-point {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.sba_location .pix-in .bg_sba .btnLink {
  position: absolute;
  top: 2%;
  left: 28.4%;
  width: 27.5%;
  height: 46.8%;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
}
.sba_location .pix-in .bg_sba .btnLink:hover, .sba_location .pix-in .bg_sba .btnLink:focus {
  opacity: 1;
}
.sba_location .pix-in .bg_sba .btnLink2 {
  position: absolute;
  top: 47.2%;
  left: 46.2%;
  width: 27.3%;
  height: 47%;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
}
.sba_location .pix-in .bg_sba .btnLink2:hover, .sba_location .pix-in .bg_sba .btnLink2:focus {
  opacity: 1;
}
.sba_location .pix-in .location_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 20px;
}
.sba_location .pix-in .location_list .box:nth-child(2) {
  width: 25%;
}
.sba_location .pix-in .location_list .box dl dt {
  position: relative; /* padding-left:11px; */
  font-size: 22px;
  font-weight: 500;
  color: #222;
  /* &:before{content:''; position:absolute; top:50%; left:0; width:2px; height:2px; border-radius:50%; background:$c222;} */
}
.sba_location .pix-in .location_list .box dl dd {
  padding-top: 5px; /* padding-left:11px; */
  font-size: 18px;
}
.sba_location .pix-in .pageInfo.pageInfoWTyp6 dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sba_step .pix-in .pageInfo {
  padding-bottom: 50px;
}
.sba_step .pix-in .pageTitle p {
  padding-bottom: 50px;
  text-align: justify;
}

@media (max-width: 1023px) {
  .sba_sanFrancisco {
    margin: 0 -30px 50px;
    padding: 42px 30px;
    font-size: 14px;
    line-height: 22px;
  }
  .sba_sanFrancisco:after {
    background-image: url(../../images/aboutUs/m_bg_sba_map.jpg);
  }
  .sba_sanFrancisco .sba_area {
    font-size: 16px;
    display: block;
  }
  .sba_location {
    padding-bottom: 0;
  }
  .sba_location .pix-in .pageTitle p {
    padding-bottom: 23px;
  }
  .sba_location .pix-in .bg_sba {
    padding-bottom: 40px;
  }
  .sba_location .pix-in .bg_sba .imgBox [class^=point] {
    width: 1.6vw;
    height: 2.1vw;
  }
  .sba_location .pix-in .bg_sba .imgBox [class^=point].point1 {
    top: 40.6%;
    left: 6.2%;
  }
  .sba_location .pix-in .bg_sba .imgBox [class^=point].point2 {
    top: 38.8%;
    left: 88.2%;
  }
  .sba_location .pix-in .bg_sba .imgBox [class^=point].point3 {
    top: 30.7%;
    left: 92.2%;
  }
  .sba_location .pix-in .bg_sba .imgBox img {
    width: 100%;
  }
  .sba_location .pix-in .bg_sba .btnLink {
    top: 1.7%;
    left: 25%;
    width: 31.5%;
    height: 32.6%;
  }
  .sba_location .pix-in .bg_sba .btnLink2 {
    top: 33.8%;
    left: 46.2%;
    width: 30.5%;
    height: 33%;
  }
  .sba_location .pix-in .location_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 0 0 20px;
  }
  .sba_location .pix-in .location_list .box {
    width: 100%;
  }
  .sba_location .pix-in .location_list .box:nth-child(2) {
    width: 100%;
  }
  .sba_location .pix-in .location_list .box + .box {
    margin-top: 30px;
  }
  .sba_location .pix-in .location_list .box dl dt { /* padding-left:11px; */
    font-size: 17px;
    /* &:before{width:2px; height:2px;} */
  }
  .sba_location .pix-in .location_list .box dl dd {
    padding-top: 5px; /* padding-left:11px; */
    font-size: 14px;
  }
  .sba_step .pix-in .pageTitle p {
    padding-bottom: 30px;
  }
}
/* new 2023 company */
.company2023 {
  position: relative;
  width: 100%;
}
.company2023 .visual-company {
  position: relative;
}
.company2023 .visual-company h1, .company2023 .visual-company h3 {
  position: relative;
  line-height: 1; /* margin:0 35px; */
  padding-bottom: 28px;
}
.company2023 .visual-company h1 p, .company2023 .visual-company h3 p {
  /* &:before, &:after {pointer-events:none; content:''; position:absolute; display:block;} */
  /* &.ain1 {
  	&:before {top:0%; right:0%; max-width:633px; width:47vw; max-height:442px; height:33vw; background:url(../../images/aboutUs/company2023_ain_itm3.png) 0 0 / cover no-repeat; transform: scale(.9); opacity:0;}
  }
  &.ain2 {
  	&:after {bottom:0px; left:2px; width:0px; height:4px; background:$defColor01;}
  } */
}
.company2023 .visual-company h1 p.action, .company2023 .visual-company h3 p.action {
  /* &.ain1 {
  	&:before {animation-delay:1.5s; animation-duration:1.5s; animation-name:visual-company-ain3; animation-fill-mode:forwards;}
  }
  &.ain2 {
  	&:after {animation-duration:.6s; animation-delay:0.8s; animation-name:visual-company-ain2-line; animation-fill-mode:forwards;}
  } */
}
.company2023 .visual-company h1 p.action strong span[class^=ain-itm], .company2023 .visual-company h3 p.action strong span[class^=ain-itm] {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.company2023 .visual-company h1 p strong, .company2023 .visual-company h3 p strong {
  font-size: 0px;
  margin-left: -8px;
}
.company2023 .visual-company h1 p strong span, .company2023 .visual-company h3 p strong span {
  display: inline-block;
  font-size: 120px;
  font-weight: 700;
  color: #0c1b53;
  /* &[class^=ain-itm] {opacity:0; transform:translateY(-10px);transition:all .3s ease-in-out;} */
  /* @ for $i from 1 through 7{
  	&.ain-itm1-# {$ i}{transition-delay:$i * .1s;}
  } */
  /* &.ain-itm1-1{transition-delay:.1s;}
  &.ain-itm1-2{transition-delay:.5s;}
  &.ain-itm1-3{transition-delay:.3s;}
  &.ain-itm1-4{transition-delay:.7s;}
  &.ain-itm1-5{transition-delay:.6s;}
  &.ain-itm1-6{transition-delay:.8s;}
  &.ain-itm1-7{transition-delay:.9s;} */
  /* @ for $i from 1 through 8{
  	&.ain-itm2-# {$ i}{transition-delay:$i * .1s;}
  } */
  /* &.ain-itm2-1{transition-delay:.1s;}
  &.ain-itm2-2{transition-delay:.5s;}
  &.ain-itm2-3{transition-delay:.4s;}
  &.ain-itm2-4{transition-delay:.3s;}
  &.ain-itm2-5{transition-delay:.8s;}
  &.ain-itm2-6{transition-delay:.9s;}
  &.ain-itm2-7{transition-delay:.7s;}
  &.ain-itm2-8{transition-delay:1s;} */
  /* &.ain-itm2-1{transition-delay:.1s;}
  &.ain-itm2-2{transition-delay:.7s;}
  &.ain-itm2-3{transition-delay:.6s;}
  &.ain-itm2-4{transition-delay:.3s;}
  &.ain-itm2-5{transition-delay:1.0s;}
  &.ain-itm2-6{transition-delay:1.1s;}
  &.ain-itm2-7{transition-delay:.9s;}
  &.ain-itm2-8{transition-delay:1.2s;} */
}
.company2023 .visual-company h1 p strong span[class^=ain-itm], .company2023 .visual-company h3 p strong span[class^=ain-itm] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px); /* transition:all .5s ease-in-out; */
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.company2023 .visual-company h1 p strong span.ain-itm2-4, .company2023 .visual-company h3 p strong span.ain-itm2-4 {
  margin-left: 45px;
}
.company2023 .visual-company .visual-txt { /* padding:40px 0 0 45px; */
  padding: 40px 0 0 0;
  font-size: 18px;
  line-height: 1.6;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s; /* transition-delay:1.1s; */
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.company2023 .visual-company .visual-txt.action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.company2023 .visual-company.v231106 h1 p.ain1::before, .company2023 .visual-company.v231106 h3 p.ain1::before {
  display: none;
}
.company2023 .visual-company.v231106 h1 p strong span, .company2023 .visual-company.v231106 h3 p strong span {
  font-size: 96px;
}
.company2023 .visual-company.v231106 .video-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 59.3334%;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
  z-index: 1;
}
.company2023 .visual-company.v231106 .video-box.action {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: visual-company-ain3;
          animation-name: visual-company-ain3;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.company2023 .visual-company.v231106 .video-box.action a img {
  width: 100%;
}
.company2023 .visual-company.v231106 .video-box.action .videoWrap video {
  width: 100%;
}
.company2023 .visual-company.v231106 .video-box .video-frame {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.company2023 .visual-company.v231106 .video-box .video-frame iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@-webkit-keyframes visual-company-ain1 {
  0% {
    opacity: 0;
    left: 28.3%;
  }
  /* 40% {
  	left:63.55%;
  }
  80% {
  	left:55%;
  } */
  100% {
    opacity: 1;
    left: 56.6%;
  }
}
@keyframes visual-company-ain1 {
  0% {
    opacity: 0;
    left: 28.3%;
  }
  /* 40% {
  	left:63.55%;
  }
  80% {
  	left:55%;
  } */
  100% {
    opacity: 1;
    left: 56.6%;
  }
}
@-webkit-keyframes visual-company-ain2 {
  0% {
    opacity: 0;
    top: 0px;
  }
  /* 40% {top:130px;}
  80% {top:100px;} */
  100% {
    opacity: 1;
    top: 130px;
  }
}
@keyframes visual-company-ain2 {
  0% {
    opacity: 0;
    top: 0px;
  }
  /* 40% {top:130px;}
  80% {top:100px;} */
  100% {
    opacity: 1;
    top: 130px;
  }
}
@-webkit-keyframes visual-company-ain2-line {
  0% {
    width: 0px;
  }
  100% {
    width: 90px;
  }
}
@keyframes visual-company-ain2-line {
  0% {
    width: 0px;
  }
  100% {
    width: 90px;
  }
}
@-webkit-keyframes visual-company-ain3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes visual-company-ain3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.company2023 .txt-box {
  margin-top: 150px;
}
.company2023 .txt-box + .txt-box {
  margin-top: 80px;
}
.company2023 .txt-box .tit {
  text-align: center;
  line-height: 1;
}
.company2023 .txt-box .tit strong {
  position: relative;
  padding: 0 10px 0 4px;
  font-size: 40px;
  font-style: oblique;
}
.company2023 .txt-box .tit strong span {
  position: relative;
  z-index: 2;
}
.company2023 .txt-box .tit strong:after {
  content: "";
  position: absolute;
  bottom: calc(50% - 13px);
  left: 0px;
  width: 100%;
  height: 11px;
  background: #aa88ff;
  opacity: 0.5;
  z-index: 1;
}
.company2023 .txt-box .tit + .txt {
  padding-top: 25px;
}
.company2023 .txt-box .tit + .txt.topMid {
  padding-top: 0px;
}
.company2023 .txt-box .txt {
  font-size: 20px;
  line-height: 1.85;
  font-style: oblique;
  text-align: center;
}
.company2023 .txt-box .txt strong {
  font-size: 32px;
}
.company2023 .overview-text {
  margin-top: 100px;
}
.company2023 .overview-text .technology-tit {
  position: relative;
  width: 56.199vw;
  max-width: 886px;
  height: 6vw;
  max-height: 88px;
  text-indent: -9999px;
  overflow: hidden;
}
.company2023 .overview-text .technology-tit:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/aboutUs/img_about_technology.png) no-repeat center/100% auto;
}
.company2023 .overview-text .technology-detail .text {
  padding-top: 50px;
  font-weight: 300;
  font-size: 18px;
  color: #222;
  line-height: 1.9;
}
.company2023 .overview-text .technology-detail .text + .text {
  padding-top: 40px;
}
.company2023 .movie-arg {
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding-bottom: 260px;
}
.company2023 .movie-arg:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 40.62vw;
  max-height: 780px;
  background: url(../../images/aboutUs/company_movie_bg.jpg) center center/cover no-repeat;
}
.company2023 .movie-arg .mov-box {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 88px;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.company2023 .movie-arg .mov-box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  opacity: 0.9;
  pointer-events: none;
}
.company2023 .movie-arg .mov-box .tit {
  position: relative; /* padding-bottom:12px; */ /* padding-top:12px; */
  line-height: 1;
  z-index: 2;
  /* &:after {content:''; position:absolute; top:0px; left:0px; width:90px; height:2px; background:$defColor01;} */
}
.company2023 .movie-arg .mov-box .tit strong {
  position: relative;
  font-size: 40px;
}
.company2023 .movie-arg .mov-box .tit + .mov-frame {
  margin-top: 40px;
}
.company2023 .movie-arg .mov-box .mov-frame {
  position: relative;
  width: 100%;
  max-width: 1024px; /* height:30vw; min-height:450px; max-height:575px; */
  z-index: 3;
}
.company2023 .movie-arg .mov-box .mov-frame iframe {
  position: relative;
  width: 100%;
  height: 100%;
}
.company2023 .movie-arg .mov-box .txt {
  position: relative;
  padding-top: 40px;
  font-size: 18px;
  line-height: 1.6;
  z-index: 2;
}
.company2023 .movie-arg .mov-box .txt strong {
  font-weight: 700;
}
.company2023 .movie-arg .mov-box .video-box {
  position: relative;
  margin-top: 40px;
}
.company2023 .movie-arg .mov-box .video-box .video-cover img {
  width: 100%;
}
.company2023 .movie-arg .mov-box .video-box .videoWrap video {
  width: 100%;
}

@media (max-width: 1200px) {
  .company2023 .visual-company .visual-txt {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .company2023 .visual-company h1, .company2023 .visual-company h3 {
    margin: 0;
    padding-bottom: 20px; /* margin-bottom:calc(59.44vw - 40px); */
  }
  .company2023 .visual-company h1 p, .company2023 .visual-company h3 p {
    /* &.ain1 {
    	&:before {display:none;}
    }
    &.ain2 {
    	&:after {left:0px; height:4px;}
    } */
  }
  .company2023 .visual-company h1 p strong, .company2023 .visual-company h3 p strong { /* font-size:0px; */
    margin-left: -1.4vw;
  }
  .company2023 .visual-company h1 p strong span, .company2023 .visual-company h3 p strong span { /* display:inline-block; */
    font-size: 16.66vw; /* font-weight:700; color:$defColor56; */
    /* @ for $i from 1 through 7{
    	&.ain-itm1-# {$ i}{transition-delay:$i * .1s;}
    } */
    /* &.ain-itm1-1{transition-delay:.1s;}
    &.ain-itm1-2{transition-delay:.5s;}
    &.ain-itm1-3{transition-delay:.3s;}
    &.ain-itm1-4{transition-delay:.7s;}
    &.ain-itm1-5{transition-delay:.6s;}
    &.ain-itm1-6{transition-delay:.8s;}
    &.ain-itm1-7{transition-delay:.9s;} */
    /* @ for $i from 1 through 8{
    	&.ain-itm2-# {$ i}{transition-delay:$i * .1s;}
    } */
    /* &.ain-itm2-1{transition-delay:.1s;}
    &.ain-itm2-2{transition-delay:.7s;}
    &.ain-itm2-3{transition-delay:.6s;}
    &.ain-itm2-4{transition-delay:.3s;}
    &.ain-itm2-5{transition-delay:1.0s;}
    &.ain-itm2-6{transition-delay:1.1s;}
    &.ain-itm2-7{transition-delay:.9s;}
    &.ain-itm2-8{transition-delay:1.2s;} */
  }
  .company2023 .visual-company h1 p strong span[class^=ain-itm], .company2023 .visual-company h3 p strong span[class^=ain-itm] { /* opacity:0; */
    -webkit-transform: translateY(-4.6vw);
            transform: translateY(-4.6vw);
  }
  .company2023 .visual-company h1 p strong span.ain-itm2-4, .company2023 .visual-company h3 p strong span.ain-itm2-4 {
    margin-left: 6.48vw;
  }
  .company2023 .visual-company.v231106 h1 p strong span, .company2023 .visual-company.v231106 h3 p strong span {
    font-size: 16.66vw;
  }
  .company2023 .visual-company.v231106 .video-box {
    position: relative;
    width: 100%;
    margin: 30px auto 0;
    left: 0;
  }
  .company2023 .visual-company .visual-txt {
    padding: 30px 0 0 0;
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(-4.6vw);
            transform: translateY(-4.6vw); /* transition-duration:.5s; transition-delay:1.1s; */
    /* &.action {transform: translateY(0); opacity:1;} */
  }
  .company2023 .visual-company .photo {
    padding-top: 30px;
  }
  .company2023 .visual-company .photo img {
    width: 100%;
    max-width: none;
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-name: visual-company-ain3;
            animation-name: visual-company-ain3;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  @-webkit-keyframes visual-company-ain1 {
    0% {
      opacity: 0;
      left: 40vw;
    }
    100% {
      opacity: 1;
      left: 64.62vw;
    }
  }
  @keyframes visual-company-ain1 {
    0% {
      opacity: 0;
      left: 40vw;
    }
    100% {
      opacity: 1;
      left: 64.62vw;
    }
  }
  @-webkit-keyframes visual-company-ain2 {
    0% {
      opacity: 0;
      top: 0px;
    }
    100% {
      opacity: 1;
      top: 8.79vw;
    }
  }
  @keyframes visual-company-ain2 {
    0% {
      opacity: 0;
      top: 0px;
    }
    100% {
      opacity: 1;
      top: 8.79vw;
    }
  }
  @-webkit-keyframes visual-company-ain2-line {
    0% {
      width: 0px;
    }
    100% {
      width: 21.29vw;
    }
  }
  @keyframes visual-company-ain2-line {
    0% {
      width: 0px;
    }
    100% {
      width: 21.29vw;
    }
  }
  @-webkit-keyframes visual-company-ain3 {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes visual-company-ain3 {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  .company2023 .txt-box {
    margin-top: 60px;
  }
  .company2023 .txt-box + .txt-box {
    margin-top: 35px;
  }
  .company2023 .txt-box .tit { /* text-align:center; line-height:1; */ }
  .company2023 .txt-box .tit strong { /* position:relative; padding:0 10px 0 4px; */
    font-size: 20px; /* font-style:oblique; */
    /* span {position:relative; z-index:2;} */
  }
  .company2023 .txt-box .tit strong:after {
    bottom: calc(50% - 7px);
    height: 6px;
  }
  .company2023 .txt-box .tit + .txt {
    padding-top: 20px;
  }
  .company2023 .txt-box .tit + .txt.topMid {
    padding-top: 20px;
  }
  .company2023 .txt-box .txt {
    font-size: 14px;
    line-height: 1.57; /* font-style:oblique; text-align:center; */
  }
  .company2023 .txt-box .txt strong {
    font-size: 19px;
    line-height: 1.2;
  }
  .company2023 .overview-text {
    margin-top: 50px;
  }
  .company2023 .overview-text .technology-tit {
    width: 221px;
    max-height: none;
    height: 100px;
    max-height: none;
  }
  .company2023 .overview-text .technology-tit:before {
    background-image: url(../../images/aboutUs/m_img_about_technology.png);
  }
  .company2023 .overview-text .technology-detail .text {
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.4;
  }
  .company2023 .overview-text .technology-detail .text + .text {
    padding-top: 25px;
  }
  .company2023 .movie-arg { /* position:relative; */
    width: 100%;
    margin-top: 40px;
    padding-bottom: 46.29vw;
  }
  .company2023 .movie-arg:before { /* content:''; position:absolute; bottom:0px; left:0px; display:block; width:100%; */
    height: 46.29vw; /* max-height:780px; */
    background: url(../../images/aboutUs/m_company_movie_bg.jpg) center center/cover no-repeat;
  }
  .company2023 .movie-arg .mov-box { /* position:relative; */
    width: 100%;
    margin: 0;
    padding: 24px 30px; /* line-height:0; box-sizing:border-box; */
    /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:$defColor04; opacity:.9;} */
  }
  .company2023 .movie-arg .mov-box .tit { /* padding-bottom:10px; */
    padding-top: 10px;
    /* &:after {width:60px; height:2px;} */
  }
  .company2023 .movie-arg .mov-box .tit strong {
    font-size: 18px;
  }
  .company2023 .movie-arg .mov-box .tit + .mov-frame {
    margin-top: 20px;
  }
  .company2023 .movie-arg .mov-box .mov-frame {
    position: relative;
    width: 100%; /* height:46vw; min-height:auto; */
  }
  .company2023 .movie-arg .mov-box .txt { /* position:relative; */
    padding-top: 30px;
    font-size: 14px; /* line-height:1.6; z-index:2; */
  }
  .company2023 .movie-arg .mov-box .video-box {
    margin-top: 20px;
  }
}
/* @media (max-width: 610px) {
	.company2023 {
		.visual-company {
			h3 {
				p {
					&.ain1 {
						&:before {margin-top:30px; transform: translate(-8vw, 37vw);}
					}
					&.ain2 {
						&:before {margin-top:30px; transform: translate(-8vw, 37vw);}
					}


				}
				& + .txt {
					&:before {content:''; display:block; width:34vw; height:29vw; float:right;}
				}
			}
		}
		.txt-box {clear:both;}
	}
} */
.headquarters {
  position: relative;
  width: 100%;
}
.headquarters .full-img {
  position: relative;
  width: 100%;
  font-size: 0px;
}
.headquarters .full-img img {
  width: 100%;
}
.headquarters .full-img a[class^=btn-more] {
  position: absolute;
  display: block;
  text-indent: -9999px;
}
.headquarters .technologies-list-box {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.headquarters .technologies-list-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.headquarters .technologies-list-box > ul + ul {
  margin-top: 50px;
}
.headquarters .technologies-list-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.headquarters .technologies-list-box > ul > li + li {
  margin-left: 135px;
}
.headquarters .technologies-list-box > ul > li > dl > dt {
  position: relative;
  font-size: 24px;
  font-style: italic;
}
.headquarters .technologies-list-box > ul > li > dl > dt:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  width: 100%;
  height: 1px;
  background: #dbdbdb;
}
.headquarters .technologies-list-box > ul > li > dl > dt strong {
  position: relative;
  padding-right: 10px;
  color: #222;
  background: #fff;
  z-index: 2;
}
.headquarters .technologies-list-box > ul > li > dl > dd {
  margin-top: 30px;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li {
  position: relative;
  width: 100%;
  font-size: 18px;
  color: #222;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li + li {
  margin-top: 20px;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm] {
  padding-left: 115px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:after, .headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 92px;
  height: 92px;
  border-radius: 100%;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:after {
  top: 3px;
  left: 3px;
  width: 85px;
  height: 85px;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm1]:before {
  background: #e9f2fa;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm1][class$=itm1-1]:after {
  background: url(../../images/aboutUs/ico_technologies_itm1_1.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm1][class$=itm1-2]:after {
  background: url(../../images/aboutUs/ico_technologies_itm1_2.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm1][class$=itm1-3]:after {
  background: url(../../images/aboutUs/ico_technologies_itm1_3.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm2]:before {
  background: #f3efff;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm2][class$=itm2-1]:after {
  background: url(../../images/aboutUs/ico_technologies_itm2_1.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm2][class$=itm2-2]:after {
  background: url(../../images/aboutUs/ico_technologies_itm2_2.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm2][class$=itm2-3]:after {
  background: url(../../images/aboutUs/ico_technologies_itm2_3.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm3]:before {
  background: #dae7c0;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm3][class$=itm3-1]:after {
  background: url(../../images/aboutUs/ico_technologies_itm3_1.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm3][class$=itm3-2]:after {
  background: url(../../images/aboutUs/ico_technologies_itm3_2.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm3][class$=itm3-3]:after {
  background: url(../../images/aboutUs/ico_technologies_itm3_3.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm4][class$=itm4-1]:after {
  background: url(../../images/aboutUs/ico_technologies_itm4_1.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm4][class$=itm4-2]:after {
  background: url(../../images/aboutUs/ico_technologies_itm4_2.png) 0 0/cover no-repeat;
}
.headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm][class^=ico-itm4][class$=itm4-3]:after {
  background: url(../../images/aboutUs/ico_technologies_itm4_3.png) 0 0/cover no-repeat;
}
.headquarters .adc-box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: none;
}
.headquarters .adc-box .adc_con {
  position: relative;
  max-width: 751px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.headquarters .adc-box .adc_con .close {
  position: absolute;
  top: -54px;
  right: 0px;
  width: 34px;
  height: 35px;
  background: url(/resources/front/front/en/images/btn/sitemap_close.png) center no-repeat;
  text-indent: -99999px;
}
.headquarters .adc-box .adc_con__img img {
  width: 100%;
  display: block;
}

@media (min-width: 1024px) {
  .headquarters .full-img a[class^=btn-more] {
    position: absolute;
    display: block;
    text-indent: -9999px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .headquarters .full-img a[class^=btn-more].btn-more1 {
    top: 18.9%;
    left: 42.7%;
    width: 10.9%;
    height: 15.5%;
    -webkit-transform: rotate(36.4deg);
            transform: rotate(36.4deg);
  }
  .headquarters .full-img a[class^=btn-more].btn-more1:hover ~ .btn-more1_1, .headquarters .full-img a[class^=btn-more].btn-more1:focus ~ .btn-more1_1 {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  .headquarters .full-img a[class^=btn-more].btn-more1_1 {
    top: 15.7%;
    left: 19.8%;
    width: 18.211%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more1_1:hover, .headquarters .full-img a[class^=btn-more].btn-more1_1:focus {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  .headquarters .full-img a[class^=btn-more].btn-more2 {
    top: 57.4%;
    left: 42.7%;
    width: 14.5%;
    height: 20.2%;
    -webkit-transform: rotate(127.2deg);
            transform: rotate(127.2deg);
    z-index: 1;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2:hover ~ .btn-more2_1, .headquarters .full-img a[class^=btn-more].btn-more2:focus ~ .btn-more2_1 {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  .headquarters .full-img a[class^=btn-more].btn-more2_1 {
    top: 38.8%;
    left: 57.7%;
    width: 23.8035%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2_1.v230915 {
    width: 23.13%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2_1:hover, .headquarters .full-img a[class^=btn-more].btn-more2_1:focus {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  .headquarters .full-img a[class^=btn-more].btn-more3 {
    top: 36.7%;
    left: 32%;
    width: 14.011%;
    padding-top: 4.75%;
    pointer-events: none;
  }
  .headquarters .full-img a[class^=btn-more].btn-more3.v230915 {
    width: 13.292%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more3:hover, .headquarters .full-img a[class^=btn-more].btn-more3:focus {
    -webkit-transform: scale(1.035);
            transform: scale(1.035);
  }
  .headquarters .full-img a[class^=btn-more].tiN {
    text-indent: 0;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more1_1 {
    top: 13.7%;
    width: 20.41%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more2_1 {
    width: 22.813%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more2_1.v230915 {
    width: 22.868%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more3 {
    width: 14.375%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more3.v230915 {
    width: 13.6155%;
    left: 33%;
  }
}
@media (max-width: 1023px) {
  .headquarters .full-img a[class^=btn-more].btn-more1 {
    top: 14.6%;
    left: 8.2%;
    width: 32.9%;
    height: 10%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more1_1 {
    top: 12.9%;
    left: 42%;
    width: 16.9%;
    height: 13.5%;
    -webkit-transform: rotate(36.4deg);
            transform: rotate(36.4deg);
  }
  .headquarters .full-img a[class^=btn-more].btn-more1_2 {
    top: 23.6%;
    left: 8.2%;
    width: 16.9%;
    height: 23%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2 {
    top: 20.8%;
    left: 64.6%;
    width: 26.9%;
    height: 40%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2.v230915 {
    width: 29.9%;
  }
  .headquarters .full-img a[class^=btn-more].btn-more2_1 {
    top: 45.4%;
    left: 41.7%;
    width: 23.5%;
    height: 18.2%;
    -webkit-transform: rotate(127.2deg);
            transform: rotate(127.2deg);
    z-index: 1;
  }
  .headquarters .full-img a[class^=btn-more].btn-more3 {
    top: 28.6%;
    left: 27.2%;
    width: 19.9%;
    height: 28%;
    pointer-events: none;
  }
  .headquarters .full-img a[class^=btn-more].btn-more3.v230915 {
    left: 26.2%;
  }
  .headquarters .technologies-list-box {
    margin-top: 0px;
  }
  .headquarters .technologies-list-box > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .headquarters .technologies-list-box > ul + ul {
    margin-top: 50px;
  }
  .headquarters .technologies-list-box > ul > li {
    width: 100%;
  }
  .headquarters .technologies-list-box > ul > li + li {
    margin-left: 0;
    margin-top: 50px;
  }
  .headquarters .technologies-list-box > ul > li > dl > dt {
    position: relative;
    font-size: 15px;
  }
  .headquarters .technologies-list-box > ul > li > dl > dt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
  }
  .headquarters .technologies-list-box > ul > li > dl > dt strong {
    position: relative;
    padding-right: 10px;
    color: #222;
    background: #fff;
    z-index: 2;
  }
  .headquarters .technologies-list-box > ul > li > dl > dd {
    margin-top: 20px;
  }
  .headquarters .technologies-list-box > ul > li > dl > dd > ul > li {
    font-size: 14px;
    /* & + li {margin-top:20px;} */
  }
  .headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm] {
    padding-left: 85px;
    min-height: 70px;
    /* &[class^=ico-itm1] {
    	&:before {background:$defColor105;}
    	&[class$=itm1-1] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm1_1.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm1-2] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm1_2.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm1-3] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm1_3.png) 0 0 / cover no-repeat}
    	}
    }
    &[class^=ico-itm2] {
    	&:before {background:$defColor106;}
    	&[class$=itm2-1] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm2_1.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm2-2] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm2_2.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm2-3] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm2_3.png) 0 0 / cover no-repeat}
    	}
    }
    &[class^=ico-itm3] {
    	&:before {background:$defColor107;}
    	&[class$=itm3-1] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm3_1.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm3-2] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm3_2.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm3-3] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm3_3.png) 0 0 / cover no-repeat}
    	}
    }
    &[class^=ico-itm4] {

    	&[class$=itm4-1] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm4_1.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm4-2] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm4_2.png) 0 0 / cover no-repeat}
    	}
    	&[class$=itm4-3] {
    		&:after {background:url(../../images/aboutUs/ico_technologies_itm4_3.png) 0 0 / cover no-repeat}
    	}
    } */
  }
  .headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:after, .headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:before {
    width: 70px;
    height: 70px;
  }
  .headquarters .technologies-list-box > ul > li > dl > dd > ul > li[class^=ico-itm]:after {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
  }
  .headquarters .adc-box .adc_con {
    max-width: none;
    width: calc(100% - 60px);
  }
  .headquarters .adc-box .adc_con .close {
    position: absolute;
    top: -27px;
    right: 0px;
    width: 17px;
    height: 18px;
    background: url(/resources/front/front/en/images/btn/sitemap_close.png) center no-repeat;
    text-indent: -99999px;
  }
}
@media (max-width: 1023px) {
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more1 {
    top: 17.5%;
    left: 8%;
    width: 35%;
    height: 11%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more1_2 {
    top: 27%;
    left: 8%;
    width: 17%;
    height: 24%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more2 {
    width: 29.4%;
    top: 20%;
    left: 65%;
    height: 40%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more3 {
    top: 28.7%;
    left: 29%;
    width: 11%;
    height: 35%;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more3_1 {
    top: 64.7%;
    left: 13%;
    width: 28%;
    height: 16%;
    pointer-events: none;
  }
  :lang(ko) .headquarters .full-img a[class^=btn-more].btn-more3_1.v230915 {
    left: 15%;
  }
}
.bio-campus1 {
  position: relative;
  width: 100%;
}
.bio-campus1 .pix-in {
  z-index: 1;
}
.bio-campus1 .full-img {
  position: relative;
  width: 100%;
  font-size: 0px;
  margin-top: -204px;
}
.bio-campus1 .full-img img {
  width: 100%;
}
.bio-campus1 .txt-line {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bio-campus1 .txt-line .txt {
  position: relative;
  padding-left: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  color: #222;
  line-height: 1.4;
  font-weight: 400;
}
.bio-campus1 .txt-line .txt:after {
  content: "";
  position: absolute;
  top: calc(0px + 8%);
  left: 0px;
  display: block;
  width: 1px;
  height: 86%;
  background: #222edd;
}
.bio-campus1 .txt-line .total-txt {
  width: 242px;
  height: 90px;
  background: url(../../images/aboutUs/txt_bio_campus1.png) 0 0/cover no-repeat;
}
.bio-campus1 .plant-list {
  position: relative;
  width: 100%;
  margin-top: 50px;
}
.bio-campus1 .plant-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bio-campus1 .plant-list > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bio-campus1 .plant-list > ul > li + li {
  margin-left: 10px;
}
.bio-campus1 .plant-list > ul > li .itm-box {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 260px;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}
.bio-campus1 .plant-list > ul > li .itm-box.ico1:before, .bio-campus1 .plant-list > ul > li .itm-box.ico2:before, .bio-campus1 .plant-list > ul > li .itm-box.ico3:before, .bio-campus1 .plant-list > ul > li .itm-box.ico4:before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: block;
  width: 90px;
  height: 120px;
}
.bio-campus1 .plant-list > ul > li .itm-box.ico1:before {
  background: url(../../images/aboutUs/ico_bio_campus1_itm1.png) center center/cover no-repeat;
}
.bio-campus1 .plant-list > ul > li .itm-box.ico2:before {
  background: url(../../images/aboutUs/ico_bio_campus1_itm2.png) center center/cover no-repeat;
}
.bio-campus1 .plant-list > ul > li .itm-box.ico3:before {
  background: url(../../images/aboutUs/ico_bio_campus1_itm3.png) center center/cover no-repeat;
}
.bio-campus1 .plant-list > ul > li .itm-box.ico4:before {
  background: url(../../images/aboutUs/ico_bio_campus1_itm4.png) center center/cover no-repeat;
}
.bio-campus1 .plant-list > ul > li .itm-box .plant {
  font-size: 18px;
  color: #222;
  font-weight: 400;
  line-height: 1;
}
.bio-campus1 .plant-list > ul > li .itm-box .production {
  margin-top: 20px;
  font-size: 40px;
  color: #222;
  font-weight: 700;
  line-height: 1;
}
.bio-campus1 .plant-list > ul > li .itm-box .production-list {
  margin-top: 10px;
}
.bio-campus1 .plant-list > ul > li .itm-box .production-list li {
  font-size: 15px;
  line-height: 1.4;
}
.bio-campus1 .plant-list > ul > li .itm-box .production-list li strong {
  font-size: 18px;
}
.bio-campus1 .technologies-features-list {
  position: relative;
  width: 100%;
  margin-top: 100px;
}
.bio-campus1 .technologies-features-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bio-campus1 .technologies-features-list > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bio-campus1 .technologies-features-list > ul > li + li {
  margin-left: 20px;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dt {
  width: 100%;
  padding: 14px 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dt.bg1 {
  background: #8359ee;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dt.bg2 {
  background: #1429a0;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd {
  width: 100%; /* min-height:375px; */
  padding: 40px 30px 40px 50px;
  border: 1px solid #ddd;
  border-top: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul {
  width: 100%;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li + li {
  margin-top: 35px;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box {
  position: relative;
  width: 100%;
  min-height: 80px;
  padding-left: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box:before {
  content: "";
  position: absolute;
  top: calc(50% - 60px);
  left: 0px;
  display: block;
  width: 99px;
  height: 121px;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico1-1:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm1_1.png) 0 0/cover no-repeat;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico1-2:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm1_2.png) 0 0/cover no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico1-3:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm1_3.png) 0 0/cover no-repeat;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico2-1:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm2_1.png) 0 0/cover no-repeat;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico2-2:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm2_2.png) 0 0/cover no-repeat;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico2-3:before {
  background: url(../../images/aboutUs/ico_technologies_features_itm2_3.png) 0 0/cover no-repeat;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box .tit {
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box .txt {
  font-size: 16px;
  font-weight: 400;
  color: #222;
}

@media (max-width: 1023px) {
  .bio-campus1 {
    /* .pix-in {z-index:2;} */
  }
  .bio-campus1 .full-img {
    margin-top: 0px;
    /* img {width:100%;} */
  }
  .bio-campus1 .txt-line {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .bio-campus1 .txt-line .txt {
    position: relative;
    padding-left: 13px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 20px;
    line-height: 1.4;
  }
  .bio-campus1 .txt-line .txt:after {
    top: calc(0px + 3%);
    height: 94%;
  }
  .bio-campus1 .txt-line .total-txt {
    margin-top: 30px;
    width: 154px;
    height: 60px;
    background: url(../../images/aboutUs/mo_txt_bio_campus1.png) 0 0/cover no-repeat;
  }
  .bio-campus1 .plant-list {
    margin-top: 20px;
  }
  .bio-campus1 .plant-list > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .bio-campus1 .plant-list > ul > li {
    width: 100%;
  }
  .bio-campus1 .plant-list > ul > li + li {
    margin-left: 0px;
    margin-top: 12px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box {
    height: auto;
    min-height: auto;
    padding: 20px 20px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box.ico1:before, .bio-campus1 .plant-list > ul > li .itm-box.ico2:before, .bio-campus1 .plant-list > ul > li .itm-box.ico3:before, .bio-campus1 .plant-list > ul > li .itm-box.ico4:before {
    width: 60px;
    height: 70px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box.ico1:before {
    background: url(../../images/aboutUs/mo_ico_bio_campus1_itm1.png) center center/cover no-repeat;
  }
  .bio-campus1 .plant-list > ul > li .itm-box.ico2:before {
    background: url(../../images/aboutUs/mo_ico_bio_campus1_itm2.png) center center/cover no-repeat;
  }
  .bio-campus1 .plant-list > ul > li .itm-box.ico3:before {
    background: url(../../images/aboutUs/mo_ico_bio_campus1_itm3.png) center center/cover no-repeat;
  }
  .bio-campus1 .plant-list > ul > li .itm-box.ico4:before {
    background: url(../../images/aboutUs/mo_ico_bio_campus1_itm4.png) center center/cover no-repeat;
  }
  .bio-campus1 .plant-list > ul > li .itm-box .plant {
    font-size: 12px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box .production {
    margin-top: 10px;
    font-size: 26px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box .production-list {
    margin-top: 10px;
  }
  .bio-campus1 .plant-list > ul > li .itm-box .production-list li {
    font-size: 14px;
    line-height: 1.4;
  }
  .bio-campus1 .plant-list > ul > li .itm-box .production-list li strong {
    font-size: 16px;
  }
  .bio-campus1 .technologies-features-list {
    margin-top: 50px;
  }
  .bio-campus1 .technologies-features-list > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .bio-campus1 .technologies-features-list > ul > li {
    width: 100%;
  }
  .bio-campus1 .technologies-features-list > ul > li + li {
    margin-left: 0px;
    margin-top: 30px;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dt {
    width: 100%;
    padding: 14px 10px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dt.bg1 {
    background: #a987ff;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dt.bg2 {
    background: #1429a0;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd {
    padding: 30px 10px;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li + li {
    margin-top: 30px;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box {
    min-height: 35px;
    padding-left: 70px;
    /* &.ico1-1 {
    	&:before {background:url(../../images/aboutUs/ico_technologies_features_itm1_1.png) 0 0 / cover no-repeat;}
    } */
    /* &.ico1-3 {
    	&:before {background:url(../../images/aboutUs/ico_technologies_features_itm1_3.png) 0 0 / cover no-repeat;}
    }

    &.ico2-1 {
    	&:before {background:url(../../images/aboutUs/ico_technologies_features_itm2_1.png) 0 0 / cover no-repeat;}
    }
    &.ico2-2 {
    	&:before {background:url(../../images/aboutUs/ico_technologies_features_itm2_2.png) 0 0 / cover no-repeat;}
    }
    &.ico2-3 {
    	&:before {background:url(../../images/aboutUs/ico_technologies_features_itm2_3.png) 0 0 / cover no-repeat;}
    } */
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box:before {
    top: calc(50% - 36px);
    width: 60px;
    height: 73px;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box.ico1-2:before { /* background:url(../../images/aboutUs/ico_technologies_features_itm1_2.png) 0 0 / cover no-repeat; */
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box .tit {
    font-size: 18px;
  }
  .bio-campus1 .technologies-features-list > ul > li > dl > dd > ul > li .txt-box .txt {
    font-size: 13px;
  }
}
:lang(ko) .bio-campus1 .txt-line .total-txt {
  width: 241px;
  height: 92px;
  background-image: url(../../../kr/images/aboutUs/txt_bio_campus1.png);
}

@media (max-width: 1023px) {
  :lang(ko) .bio-campus1 .txt-line .total-txt {
    width: 135px;
    height: 62px;
    background-image: url(../../../kr/images/aboutUs/mo_txt_bio_campus1.png);
  }
}
.bio-campus2 {
  position: relative;
  width: 100%;
}
.bio-campus2 .banner-bar {
  position: relative;
  width: 100%;
  height: 110px;
  background: url(../../images/aboutUs/bg_bio_campus2_banner.gif) center center/cover no-repeat;
}
.bio-campus2 .banner-bar .pix-in {
  position: relative;
  padding: 0px !important;
}
.bio-campus2 .banner-bar .pix-in p {
  padding-top: 30px;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
.bio-campus2 .banner-bar .pix-in a.brochur {
  position: absolute;
  top: 35px;
  right: 76px;
  padding: 8px 44px 7px 15px;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  background: url(../../images/aboutUs/icon_brochur.png) no-repeat right 19px top 11px/18px auto;
}
.bio-campus2 .banner-bar .pix-in a.close {
  position: absolute;
  top: 20px;
  right: 0px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../../images/aboutUs/btn_bio-campus2_banner_close.png) center center no-repeat;
  text-indent: -9999px;
}
.bio-campus2 .dream-plant-visual-box {
  position: relative;
  width: 100%;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .tit {
  line-height: 1.4;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .tit p {
  font-size: 80px;
  font-weight: 700;
  color: #0c1b53;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .tit .stxt {
  font-size: 48px;
  font-weight: 400;
  color: #0c1b53;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity {
  position: relative;
  padding-right: 125px;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity:before {
  content: "";
  position: absolute;
  bottom: 26px;
  right: 0px;
  display: block;
  width: 95px;
  height: 62px;
  background: url(../../images/aboutUs/itm_bio_campus2_capacity.png) 0 0 no-repeat;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p {
  line-height: 1;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.tit {
  font-size: 26px;
  font-weight: 700;
  color: #222;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.production {
  padding-top: 5px;
  font-size: 52px;
  font-weight: 500;
  color: #222;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.production strong {
  font-size: 80px;
  font-weight: 700;
  color: #8359ee;
}
.bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.ready {
  font-size: 18px;
  font-weight: 400;
  color: #222;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg {
  width: 100%;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .movie-guide {
  width: calc(100% - 415px);
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box {
  width: 350px;
  margin-left: 65px;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul {
  width: 100%;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li {
  position: relative;
  width: 100%;
  min-height: 87px;
  padding-left: 105px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #8359ee;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 85px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li + li {
  margin-top: 15px;
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li.ico1:after {
  background-image: url(../../images/aboutUs/ico_plant_5_capacity_1.png);
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li.ico2:after {
  background-image: url(../../images/aboutUs/ico_plant_5_capacity_2.png);
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li.ico3:after {
  background-image: url(../../images/aboutUs/ico_plant_5_capacity_3.png);
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li.ico4:after {
  background-image: url(../../images/aboutUs/ico_plant_5_capacity_4.png);
}
.bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li p {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.bio-campus2 .full-img {
  position: relative;
  width: 100%;
  font-size: 0px;
}
.bio-campus2 .full-img img {
  width: 100%;
}
.bio-campus2 .full-img .balloon {
  position: absolute;
  top: 27.7%;
  right: 22.65%;
  width: 13.295%;
  height: 10.469%;
  background: url(../../images/aboutUs/img_bio_campus2_itm1_balloon.png) no-repeat center/100% auto;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-name: bio_campus2_balloon;
          animation-name: bio_campus2_balloon;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes bio_campus2_balloon {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes bio_campus2_balloon {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.bio-campus2 .pix-in .pageTitle p {
  padding-bottom: 0;
}
.bio-campus2 .pix-in .cdoList .pix-in {
  padding: 40px 0 100px;
}
.bio-campus2 .pix-in .cdoList dl.bioCampus2_0 {
  width: 22%;
  background-image: url(../../images/aboutUs/icon_about_bioCampus2_1.gif);
  background-size: 72px auto;
}
.bio-campus2 .pix-in .cdoList dl.bioCampus2_1 {
  width: 22%;
  background-image: url(../../images/aboutUs/icon_about_bioCampus2_2.gif);
  background-size: 70px auto;
}
.bio-campus2 .pix-in .cdoList dl.bioCampus2_2 {
  width: 20%;
  background-image: url(../../images/aboutUs/icon_about_bioCampus2_3.gif);
  background-size: 80px auto;
  background-position: 45% top;
}
.bio-campus2 .pix-in .cdoList dl.bioCampus2_2 dt {
  padding-right: 12px;
}

@media (max-width: 1023px) {
  .bio-campus2 .pix-in .cdoList .pix-in {
    padding: 40px 0;
  }
  .bio-campus2 .pix-in .cdoList dl.bioCampus2_0 {
    background-size: 62px auto;
  }
  .bio-campus2 .pix-in .cdoList dl.bioCampus2_1 {
    background-size: 56px auto;
  }
  .bio-campus2 .pix-in .cdoList dl.bioCampus2_2 {
    background-size: 68px auto;
    background-position: center top;
    padding-right: 0;
  }
  .bio-campus2 .pix-in .cdoList .swiper-container .swiper-pagination {
    padding-top: 20px;
  }
  .bio-campus2 .pix-in .cdoList .swiper-button-prev {
    top: 120px;
  }
  .bio-campus2 .pix-in .cdoList .swiper-button-next {
    top: 120px;
  }
  .bio-campus2 .banner-bar {
    height: 136px;
    background: url(../../images/aboutUs/bg_bio_campus2_banner.gif) center center/cover no-repeat;
  }
  .bio-campus2 .banner-bar .pix-in {
    position: relative;
    padding: 0px !important;
    text-align: center;
  }
  .bio-campus2 .banner-bar .pix-in p {
    padding-top: 24px;
    font-size: 20px;
  }
  .bio-campus2 .banner-bar .pix-in a.brochur {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
    padding: 9px 40px 8px 15px;
    background-position: right 10px top 10px;
  }
  .bio-campus2 .banner-bar .pix-in a.close {
    position: absolute;
    top: 8px;
    right: 30px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .tit p {
    font-size: 32px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .tit .stxt {
    font-size: 23px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity {
    margin-top: 40px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity:before {
    bottom: 16px;
    right: 35px;
    width: 70px;
    height: 45px;
    background-image: url(../../images/aboutUs/m_itm_bio_campus2_capacity.png);
    background-size: 100% auto;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.tit {
    font-size: 20px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.production {
    font-size: 34px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.production strong {
    font-size: 52px;
  }
  .bio-campus2 .dream-plant-visual-box .tit-box-arg > .capacity p.ready {
    font-size: 12px;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .movie-guide {
    width: 100%;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box {
    margin-top: 18px;
    margin-left: 0;
    width: 100%;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li {
    padding-left: 83px;
    min-height: 68px;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li:before {
    width: 68px;
    height: 68px;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li:after {
    width: 68px;
    height: 68px;
  }
  .bio-campus2 .dream-plant-visual-box .youtube-box-arg .list-box > ul > li p {
    font-size: 16px;
  }
  .bio-campus2 .full-img .balloon {
    top: 23.7%;
    right: 14.15%;
    width: 24.7%;
    height: 24.196%;
    background-image: url(../../images/aboutUs/m_img_bio_campus2_itm1_balloon.png);
  }
}
:lang(ko) .bio-campus2 .full-img .balloon {
  right: 24%;
  width: 11.929%;
  height: 10.458%;
  background-image: url(../../../kr/images/aboutUs/img_bio_campus2_itm1_balloon.png);
}

@media (max-width: 1023px) {
  :lang(ko) .bio-campus2 .full-img .balloon {
    right: 14%;
    width: 24.7%;
    height: 24.195%;
    background-image: url(../../../kr/images/aboutUs/m_img_bio_campus2_itm1_balloon.png);
  }
}
/* S : samsungbiologics-way */
.ssblWay { /* padding-bottom: 50px; */ }
.ssblWay p.blueLine,
.ssblWay h4.blueLine {
  font-size: 30px;
  font-weight: 600;
}
.ssblWay-con._intro > .text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}
.ssblWay-con._intro .circle-box {
  text-align: center;
  margin-top: 90px;
}
.ssblWay-con._intro .circle-box .circle {
  position: relative;
  width: 204px;
  height: 204px;
  margin: auto; /*background: url(/resources/front/en/images/aboutUs/ssblway_intro_circle_d.png) center / 100% no-repeat;*/
}
.ssblWay-con._intro .circle-box .circle .imgBox {
  -webkit-animation: circle 5s infinite linear;
          animation: circle 5s infinite linear;
  font-size: 0;
  line-height: 0;
}
.ssblWay-con._intro .circle-box .circle p {
  position: absolute;
  display: inline-block;
  width: 58%;
  top: 50%;
  left: 54%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  font-size: 32px;
  color: #fff;
  text-align: left;
  line-height: 1.2;
}
.ssblWay-con._intro .circle-box > p {
  margin-top: 24px;
  font-family: "ssl-gilroy", "ssl-font";
  font-style: italic;
  font-size: 18px;
  color: #444;
}
.ssblWay-con._intro .ssblWay-con-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; /* gap: 71px;  */
}
.ssblWay-con._intro .ssblWay-con-video p.blueLine,
.ssblWay-con._intro .ssblWay-con-video h4.blueLine {
  font-weight: 500;
}
.ssblWay-con._intro .ssblWay-con-video .txt-box {
  position: relative; /* width: 468px; */
  width: calc(100% - 660px);
}
.ssblWay-con._intro .ssblWay-con-video .txt-box .text {
  font-size: 18px;
  font-weight: 400;
}
.ssblWay-con._intro .ssblWay-con-video .video-box {
  font-size: 0;
  width: 660px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; /* margin-top: 12px; */
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover {
  display: block;
  position: relative;
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover img {
  width: 100%;
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box .hover-play {
  width: 56px;
  height: 56px;
  background: url(/resources/front//en/images/aboutUs/ssblway_video_cover_hover_play.svg) center/100% no-repeat;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box .hover-play:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box:hover .hover-play {
  background: url(/resources/front//en/images/aboutUs/ssblway_video_cover_hover_play_on.svg) center/100% no-repeat;
}
.ssblWay-con._intro .ssblWay-con-video .video-box .videoWrap video {
  width: 100%;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box.pc { /* position: absolute;bottom: 0; left: 0; */
  position: relative;
  margin-top: 60px;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box a {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #222edd;
  border: 1px solid #222edd;
  display: inline-block;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct {
  padding: 11px 48px 10px 20px;
  color: #222edd;
  border: 1px solid #222edd;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 14px;
  right: 21px;
  background: url(./../../images/ourServices/icon_flyer_purple.svg) 0 0/100% no-repeat;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct:hover {
  color: #fff;
  background-color: #222edd;
}
.ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct:hover::after {
  background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
}
.ssblWay-con._sub {
  margin-top: 40px;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/resources/front/en/images/aboutUs/ssblway_sub_bg_d.png) center top/1200px no-repeat;
}
.ssblWay-con._sub .sub-box {
  position: relative;
  padding-bottom: 42px;
  border-top: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ssblWay-con._sub .sub-box::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 3px;
  top: -2px;
  left: 0;
  background-color: #222edd;
}
.ssblWay-con._sub .sub-box > .title {
  font-size: 30px;
  font-weight: 400;
  margin-top: 10px;
}
.ssblWay-con._sub .sub-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -12px;
}
.ssblWay-con._sub .sub-box > ul li + li {
  margin-left: 75px;
}
.ssblWay-con._sub .sub-box > ul li dl dt {
  text-align: center;
}
.ssblWay-con._sub .sub-box > ul li dl dd {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.ssblWay-con._sub .sub-box.nonImg ul li .img-box {
  font-size: 0;
}
.ssblWay-con._conduct {
  margin-top: 128px;
}
.ssblWay-con._conduct .conduct-box {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 40px;
}
.ssblWay-con._conduct .conduct-box > ul {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ssblWay-con._conduct .conduct-box > ul:last-child li {
  border-bottom: 1px solid #ddd;
}
.ssblWay-con._conduct .conduct-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on:hover .plus::after {
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 > a.btn-details dl dd::after {
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 > a.btn-details dl dd::after {
  top: -9px;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum1 dl dd .tit {
  color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on:hover .plus::after {
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 > a.btn-details dl dd::after {
  background-color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum2 dl dd .tit {
  color: #0089ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on:hover .plus::after {
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 > a.btn-details dl dd::after {
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum3 dl dd .tit {
  color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on:hover .plus::after {
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 > a.btn-details dl dd::after {
  background-color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum4 dl dd .tit {
  color: #222edd;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on:hover .plus::after {
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 > a.btn-details dl dd::after {
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum5 dl dd .tit {
  color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on:hover .plus::after {
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 > a.btn-details dl dd::after {
  background-color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum6 dl dd .tit {
  color: #a852ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on:hover .plus::after {
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 > a.btn-details dl dd::after {
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum7 dl dd .tit {
  color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on:hover .plus::after {
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 > a.btn-details dl dd::after {
  background-color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum8 dl dd .tit {
  color: #00a1a6;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on:hover .plus::after {
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 > a.btn-details dl dd::after {
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum9 dl dd .tit {
  color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus:after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on:hover .plus {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on:hover .plus::after {
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on .plus::after,
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on,
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 > a.btn-details dl dd::after {
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 dl dd .tit {
  color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on .plus::after {
  background-color: #0077ff;
}
.ssblWay-con._conduct .conduct-box > ul > li + li {
  margin-left: 20px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 137px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on + .details {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  z-index: 1;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on .plus::before {
  display: none;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on dl dt {
  color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on dl dd .tit,
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on dl dd .desc {
  color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on dl dd::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on dl dd::after {
  background-color: #fff;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dt {
  -ms-flex-preferred-size: 81px;
      flex-basis: 81px;
  font-size: 36px;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd {
  position: relative;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1px;
  width: 1px;
  height: calc(100% - 10px);
  min-height: 71px;
  background-color: #ddd;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::after {
  content: "";
  position: absolute;
  top: 5px;
  left: -1px;
  width: 1px;
  height: 26px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd .tit {
  font-size: 18px;
  font-weight: 700;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd .desc {
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus {
  position: relative;
  -ms-flex-preferred-size: 54px;
      flex-basis: 54px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #F5F5F7;
  margin-right: 25px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus::before, .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #707070;
  border-radius: 2px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus::before {
  width: 2px;
  height: 16px;
}
.ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus::after {
  width: 16px;
  height: 2px;
}
.ssblWay-con._conduct .conduct-box > ul > li .details {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  padding: 50px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f6f6f6;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
.ssblWay-con._conduct .conduct-box > ul > li .details > p {
  font-size: 18px;
  font-weight: 400;
}

:lang(ko) .ssblWay-con._sub .sub-box > ul li + li {
  margin-left: 120px;
}
:lang(ko) .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::before {
  min-height: auto;
}
:lang(ko) .ssblWay-con._conduct .conduct-box > ul > li.listNum1 > a.btn-details dl dd::after {
  top: 5px;
}

:lang(en) {
  /* .ssblWay-con._intro .ssblWay-con-video .btn-box.pc {margin-top:17px; position:relative; bottom: initial; left:initial;} */
  /* .ssblWay-con._intro .ssblWay-con-video .video-box {display:flex; align-items:flex-end;} */
  /* .ssblWay-con._intro .ssblWay-con-video .video-box{padding-bottom: 50px;} */
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width: 1060px) {
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus {
    margin-right: 5px;
  }
}
@media (max-width: 1023px) {
  .ssblWay p.blueLine,
  .ssblWay h4.blueLine {
    font-size: 20px;
  }
  .ssblWay-con._intro > .text {
    font-size: 14px;
  }
  .ssblWay-con._intro .circle-box {
    margin-top: 50px;
  }
  .ssblWay-con._intro .circle-box .circle {
    width: 132px;
    height: 132px; /*background: url(/resources/front/en/images/aboutUs/ssblway_intro_circle_m.png) center / 100% no-repeat;*/
  }
  .ssblWay-con._intro .circle-box .circle p {
    font-size: 21px;
  }
  .ssblWay-con._intro .circle-box > p {
    font-size: 16px;
    margin-top: 30px;
  }
  .ssblWay-con._intro .ssblWay-con-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .ssblWay-con._intro .ssblWay-con-video .txt-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .ssblWay-con._intro .ssblWay-con-video .txt-box .text {
    font-size: 14px;
  }
  .ssblWay-con._intro .ssblWay-con-video .video-box {
    margin-top: 40px;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .ssblWay-con._intro .ssblWay-con-video .video-box .video-cover img {
    width: 100%;
  }
  .ssblWay-con._intro .ssblWay-con-video .video-box .video-cover .hover-box {
    display: none;
  }
  .ssblWay-con._intro .ssblWay-con-video .video-box .videoWrap video {
    width: 100%;
  }
  .ssblWay-con._intro .ssblWay-con-video .btn-box {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .ssblWay-con._intro .ssblWay-con-video .btn-box a {
    width: 100%;
    background-color: #222edd;
    color: #fff;
    border: 1px solid #222edd;
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
  }
  .ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct {
    padding: 10px 0 11px;
    color: #fff;
    border: 1px solid #222edd;
  }
  .ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct::after {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    top: 3px;
    right: auto;
    margin-left: 12px;
    background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
  }
  .ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct:hover, .ssblWay-con._intro .ssblWay-con-video .btn-box a.codeOfConduct:focus {
    background-color: #222edd;
  }
  .ssblWay-con._sub {
    margin-top: 50px;
    background: url(/resources/front/en/images/aboutUs/ssblway_sub_bg_m.png) center top/301px no-repeat;
  }
  .ssblWay-con._sub .sub-box > .title {
    font-size: 20px;
    margin-top: 12px;
  }
  .ssblWay-con._sub .sub-box ul {
    display: block;
    margin-top: 0;
  }
  .ssblWay-con._sub .sub-box ul li + li {
    margin-left: 0;
    margin-top: 35px;
  }
  .ssblWay-con._sub .sub-box ul li dl dt {
    margin-top: 5px;
  }
  .ssblWay-con._sub .sub-box ul li dl dd {
    margin-top: 15px;
  }
  .ssblWay-con._sub .sub-box.nonImg ul li dl dd {
    margin-top: 27px;
  }
  .ssblWay-con._conduct {
    margin-top: 67px;
  }
  .ssblWay-con._conduct .conduct-box {
    margin-top: 30px;
  }
  .ssblWay-con._conduct .conduct-box > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding-bottom: 0px !important;
  }
  .ssblWay-con._conduct .conduct-box > ul:last-child li {
    border-bottom: 0;
  }
  .ssblWay-con._conduct .conduct-box > ul:last-child li + li {
    border-bottom: 1px solid #ddd;
  }
  .ssblWay-con._conduct .conduct-box > ul > li {
    width: 100%;
  }
  .ssblWay-con._conduct .conduct-box > ul > li + li {
    margin-left: 0;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 a.btn-details.on:hover .plus::after {
    background-color: #0089ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 > a.btn-details dl dd::after {
    top: 5px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum1 dl dd .tit {
    color: #0089ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum2 a.btn-details.on:hover .plus::after {
    background-color: #0089ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum3 a.btn-details.on:hover .plus::after {
    background-color: #222edd;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum4 a.btn-details.on:hover .plus::after {
    background-color: #222edd;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum5 a.btn-details.on:hover .plus::after {
    background-color: #a852ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum6 a.btn-details.on:hover .plus::after {
    background-color: #a852ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum7 a.btn-details.on:hover .plus::after {
    background-color: #00a1a6;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum8 a.btn-details.on:hover .plus::after {
    background-color: #00a1a6;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum9 a.btn-details.on:hover .plus::after {
    background-color: #0077ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #f5f5f7;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus:before, .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details:hover .plus:after {
    background-color: #707070;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on:hover .plus {
    background-color: #fff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on:hover .plus::after {
    background-color: #0077ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li.listNum10 a.btn-details.on .plus::after {
    background-color: #0077ff;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details {
    min-height: 114px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details.on + .details {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dt {
    font-size: 25px;
    -ms-flex-preferred-size: 36px;
        flex-basis: 36px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd {
    padding-left: 20px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::before {
    min-height: auto;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd .tit {
    font-size: 14px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd .desc {
    font-size: 12px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details .plus {
    -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
  .ssblWay-con._conduct .conduct-box > ul > li .details {
    visibility: visible;
    display: none;
    opacity: 1;
    position: relative;
    left: auto;
    padding: 40px 30px;
    -webkit-transition: unset;
    transition: unset;
  }
  .ssblWay-con._conduct .conduct-box > ul > li .details > p {
    font-size: 14px;
  }
  :lang(ko) .ssblWay-con._sub .sub-box > ul li + li {
    margin-left: 0px;
  }
  :lang(ko) .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::before {
    min-height: 60px;
  }
  :lang(ko) .ssblWay-con._conduct .conduct-box > ul > li > a.btn-details dl dd::after {
    top: 1px;
  }
  :lang(ko) .ssblWay-con._conduct .conduct-box > ul > li.listNum1 > a.btn-details dl dd::after {
    top: -8px;
  }
  :lang(en) .ssblWay-con._intro .ssblWay-con-video .video-box {
    padding-bottom: 0;
  }
}
/* E : samsungbiologics-way */
/* S : locations */
.new-2025-headquarters, .new-2025-bio-campus1, .new-2025-bio-campus2, .new-2025-global {
  position: relative;
  width: 100%;
}
.new-2025-headquarters .dft-pageTitle.mt, .new-2025-bio-campus1 .dft-pageTitle.mt, .new-2025-bio-campus2 .dft-pageTitle.mt, .new-2025-global .dft-pageTitle.mt {
  margin-top: 80px;
}
.new-2025-headquarters .dft-pageTitle.mt2, .new-2025-bio-campus1 .dft-pageTitle.mt2, .new-2025-bio-campus2 .dft-pageTitle.mt2, .new-2025-global .dft-pageTitle.mt2 {
  margin-top: 60px;
}
.new-2025-headquarters .dft-pageTitle h1, .new-2025-bio-campus1 .dft-pageTitle h1, .new-2025-bio-campus2 .dft-pageTitle h1, .new-2025-global .dft-pageTitle h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
.new-2025-headquarters .tit, .new-2025-bio-campus1 .tit, .new-2025-bio-campus2 .tit, .new-2025-global .tit {
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
.new-2025-headquarters .tit.mt, .new-2025-bio-campus1 .tit.mt, .new-2025-bio-campus2 .tit.mt, .new-2025-global .tit.mt {
  margin-top: 80px;
}
.new-2025-headquarters .tit.mt2, .new-2025-bio-campus1 .tit.mt2, .new-2025-bio-campus2 .tit.mt2, .new-2025-global .tit.mt2 {
  margin-top: 60px;
}
.new-2025-headquarters .txt-arg, .new-2025-bio-campus1 .txt-arg, .new-2025-bio-campus2 .txt-arg, .new-2025-global .txt-arg {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}
.new-2025-headquarters .dft-btn-contactus-brochure-box, .new-2025-bio-campus1 .dft-btn-contactus-brochure-box, .new-2025-bio-campus2 .dft-btn-contactus-brochure-box, .new-2025-global .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-headquarters .plant-act-box, .new-2025-bio-campus1 .plant-act-box, .new-2025-bio-campus2 .plant-act-box, .new-2025-global .plant-act-box {
  position: relative;
  margin-top: 60px;
  width: 100%;
  z-index: 1;
}
.new-2025-headquarters .plant-act-box .handling-object-box, .new-2025-bio-campus1 .plant-act-box .handling-object-box, .new-2025-bio-campus2 .plant-act-box .handling-object-box, .new-2025-global .plant-act-box .handling-object-box {
  position: relative;
  width: 100%;
  height: 46.875vw;
  max-width: 1920px;
  max-height: 900px;
  margin: 0 auto;
  overflow: hidden;
  /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; transition:all .3s ease-in-out; opacity:0; pointer-events:none; background-position:center center; background-size:cover; z-index:2;} */
}
.new-2025-headquarters .plant-act-box .handling-object-box:after, .new-2025-bio-campus1 .plant-act-box .handling-object-box:after, .new-2025-bio-campus2 .plant-act-box .handling-object-box:after, .new-2025-global .plant-act-box .handling-object-box:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0;
  background: #222;
  pointer-events: none;
  z-index: 1;
}
.new-2025-headquarters .plant-act-box .handling-object-box .action-bg-box, .new-2025-bio-campus1 .plant-act-box .handling-object-box .action-bg-box, .new-2025-bio-campus2 .plant-act-box .handling-object-box .action-bg-box, .new-2025-global .plant-act-box .handling-object-box .action-bg-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.new-2025-headquarters .plant-act-box .handling-object-box .action-bg-box > div[class^=itm], .new-2025-bio-campus1 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm], .new-2025-bio-campus2 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm], .new-2025-global .plant-act-box .handling-object-box .action-bg-box > div[class^=itm] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.new-2025-headquarters .plant-act-box .handling-object-box .action-bg-box > div[class^=itm]:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm]:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm]:before, .new-2025-global .plant-act-box .handling-object-box .action-bg-box > div[class^=itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0;
  pointer-events: none;
  background-position: center center;
  background-size: cover;
  z-index: 2;
}
.new-2025-headquarters .plant-act-box .handling-object-box .action-bg-box > div[class^=itm] > *, .new-2025-bio-campus1 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm] > *, .new-2025-bio-campus2 .plant-act-box .handling-object-box .action-bg-box > div[class^=itm] > *, .new-2025-global .plant-act-box .handling-object-box .action-bg-box > div[class^=itm] > * {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1;
  height: 1px;
  overflow: hidden;
}
.new-2025-headquarters .plant-act-box .handling-object-box[class*=plant], .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant], .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant], .new-2025-global .plant-act-box .handling-object-box[class*=plant] {
  /* &:before {opacity:1; transition:all .6s ease-in-out;} */
  /* .action-bg-box {
  	& > div[class^=itm] {
  		&:before {opacity:1; transition:all .6s ease-in-out;}
  	}
  } */
}
.new-2025-headquarters .plant-act-box .handling-object-box[class*=plant]:after, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant]:after, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant]:after, .new-2025-global .plant-act-box .handling-object-box[class*=plant]:after { /* opacity:.5; */
  opacity: 0.7;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button, .new-2025-global .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button {
  cursor: default;
}
.new-2025-headquarters .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):hover:before, .new-2025-headquarters .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):active:before, .new-2025-headquarters .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):focus:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):hover:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):active:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):focus:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):hover:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):active:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):focus:before, .new-2025-global .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):hover:before, .new-2025-global .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):active:before, .new-2025-global .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):focus:before {
  display: none;
}
.new-2025-headquarters .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):before, .new-2025-bio-campus1 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):before, .new-2025-bio-campus2 .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):before, .new-2025-global .plant-act-box .handling-object-box[class*=plant] .btn-handling .box > button:not(.on):before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: calc(100% + 4px);
  background: #222; /* opacity:.5; */
  opacity: 0.7;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus1.jpg) center center/cover no-repeat;
  /* &:before {background:url(/resources/front/en/images/aboutUs/location/bg_bio_campus1.jpg) center center / cover no-repeat;} */
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm1:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm1:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm1:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm1:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus1_1.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm2:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm2:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm2:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm2:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus1_2.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm3:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm3:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm3:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm3:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus1_3.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm4:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm4:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm4:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .action-bg-box > .itm4:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus1_4.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1.plant1 .action-bg-box > .itm1:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1.plant1 .action-bg-box > .itm1:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1.plant1 .action-bg-box > .itm1:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1.plant1 .action-bg-box > .itm1:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1.plant2 .action-bg-box > .itm2:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1.plant2 .action-bg-box > .itm2:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1.plant2 .action-bg-box > .itm2:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1.plant2 .action-bg-box > .itm2:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1.plant3 .action-bg-box > .itm3:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1.plant3 .action-bg-box > .itm3:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1.plant3 .action-bg-box > .itm3:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1.plant3 .action-bg-box > .itm3:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1.plant4 .action-bg-box > .itm4:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1.plant4 .action-bg-box > .itm4:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1.plant4 .action-bg-box > .itm4:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus1.plant4 .action-bg-box > .itm4:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1[class*=plant], .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1[class*=plant], .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1[class*=plant], .new-2025-global .plant-act-box .handling-object-box.bio-campus1[class*=plant] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm1, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm1, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm1, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm1 {
  top: 55.8%;
  left: 37.3%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm2, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm2, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm2, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm2 {
  top: 52.8%;
  left: 22.7%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm3, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm3, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm3, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm3 {
  top: 37.8%;
  left: 52.3%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm4, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm4, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm4, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .btn-handling.itm4 {
  top: 35.8%;
  left: 74.7%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus1 .btn-handling .box > button, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus1 .btn-handling .box > button, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus1 .btn-handling .box > button, .new-2025-global .plant-act-box .handling-object-box.bio-campus1 .btn-handling .box > button {
  border-color: #222edd;
  color: #222edd;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2.jpg) center center/cover no-repeat;
  /* &:before {background:url(/resources/front/en/images/aboutUs/location/bg_bio_campus2.jpg) center center / cover no-repeat;} */
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm1:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm1:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm1:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm1:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_1.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm2:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm2:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm2:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm2:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_2.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm3:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm3:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm3:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm3:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_3.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm4:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm4:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm4:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm4:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_4.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm5:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm5:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm5:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .action-bg-box > .itm5:before {
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_5.png) center center/cover no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2.plant5 .action-bg-box > .itm1:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2.plant5 .action-bg-box > .itm1:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2.plant5 .action-bg-box > .itm1:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2.plant5 .action-bg-box > .itm1:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2.plant6 .action-bg-box > .itm2:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2.plant6 .action-bg-box > .itm2:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2.plant6 .action-bg-box > .itm2:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2.plant6 .action-bg-box > .itm2:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2.plant7 .action-bg-box > .itm3:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2.plant7 .action-bg-box > .itm3:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2.plant7 .action-bg-box > .itm3:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2.plant7 .action-bg-box > .itm3:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2.plant8 .action-bg-box > .itm4:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2.plant8 .action-bg-box > .itm4:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2.plant8 .action-bg-box > .itm4:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2.plant8 .action-bg-box > .itm4:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2.plant9 .action-bg-box > .itm5:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2.plant9 .action-bg-box > .itm5:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2.plant9 .action-bg-box > .itm5:before, .new-2025-global .plant-act-box .handling-object-box.bio-campus2.plant9 .action-bg-box > .itm5:before {
  opacity: 1;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2[class*=plant], .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2[class*=plant], .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2[class*=plant], .new-2025-global .plant-act-box .handling-object-box.bio-campus2[class*=plant] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm1, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm1, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm1, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm1 {
  top: 50%;
  left: 63.6%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm2, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm2, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm2, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm2 {
  top: 65.7%;
  left: 56.5%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm3, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm3, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm3, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm3 {
  top: 34.5%;
  left: 38.5%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm4, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm4, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm4, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm4 {
  top: 45.1%;
  left: 27.7%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm5, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm5, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm5, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling.itm5 {
  top: 79.8%;
  left: 72.1%;
}
.new-2025-headquarters .plant-act-box .handling-object-box.bio-campus2 .btn-handling .box > button, .new-2025-bio-campus1 .plant-act-box .handling-object-box.bio-campus2 .btn-handling .box > button, .new-2025-bio-campus2 .plant-act-box .handling-object-box.bio-campus2 .btn-handling .box > button, .new-2025-global .plant-act-box .handling-object-box.bio-campus2 .btn-handling .box > button {
  border-color: #0377ff;
  color: #0377ff;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling, .new-2025-global .plant-act-box .handling-object-box .btn-handling {
  position: absolute;
  width: 1px;
  height: 1px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box {
  position: absolute;
  bottom: 74px;
  left: -80px;
  width: 160px;
  height: 102px; /* height:176px; padding-bottom:74px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box:before, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box:before, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box:before, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box:before {
  content: "";
  position: absolute;
  bottom: -74px;
  left: 50%;
  width: 1px;
  height: 120px;
  background: #fff;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box:after, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box:after, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box:after, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box:after {
  content: "";
  position: absolute;
  bottom: -74px;
  left: calc(50% - 3px);
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 100%;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-bottom: 4px solid;
  text-align: left;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button:hover, .new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button:active, .new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button:focus, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button:hover, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button:active, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button:focus, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button:hover, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button:active, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button:focus, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button:hover, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button:active, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button:focus {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button.point, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button.point, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button.point, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button.point {
  background: #0377ff;
  color: #fff;
  padding: 25px 15px;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button.point.line3, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button.point.line3, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button.point.line3, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button.point.line3 {
  padding: 14px 15px;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button.on .choice-txt, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button.on .choice-txt, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button.on .choice-txt, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button.on .choice-txt {
  display: block;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button .plant, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button .plant, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button .plant, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button .plant {
  font-size: 18px;
  font-weight: 400;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button .kl, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button .kl, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button .kl, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button .kl {
  font-size: 34px;
  font-weight: 500;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button .open, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button .open, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button .open, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button .open {
  font-size: 20px;
  font-weight: 500;
}
.new-2025-headquarters .plant-act-box .handling-object-box .btn-handling .box > button .choice-txt, .new-2025-bio-campus1 .plant-act-box .handling-object-box .btn-handling .box > button .choice-txt, .new-2025-bio-campus2 .plant-act-box .handling-object-box .btn-handling .box > button .choice-txt, .new-2025-global .plant-act-box .handling-object-box .btn-handling .box > button .choice-txt {
  display: none;
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -9999px;
  opacity: 0;
}
.new-2025-headquarters .total-txt-list, .new-2025-bio-campus1 .total-txt-list, .new-2025-bio-campus2 .total-txt-list, .new-2025-global .total-txt-list {
  width: 100%;
}
.new-2025-headquarters .total-txt-list > ul, .new-2025-bio-campus1 .total-txt-list > ul, .new-2025-bio-campus2 .total-txt-list > ul, .new-2025-global .total-txt-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.new-2025-headquarters .total-txt-list > ul > li:last-child, .new-2025-bio-campus1 .total-txt-list > ul > li:last-child, .new-2025-bio-campus2 .total-txt-list > ul > li:last-child, .new-2025-global .total-txt-list > ul > li:last-child {
  padding-left: 20px;
}
.new-2025-headquarters .total-txt-list > ul > li h2, .new-2025-headquarters .total-txt-list > ul > li p, .new-2025-bio-campus1 .total-txt-list > ul > li h2, .new-2025-bio-campus1 .total-txt-list > ul > li p, .new-2025-bio-campus2 .total-txt-list > ul > li h2, .new-2025-bio-campus2 .total-txt-list > ul > li p, .new-2025-global .total-txt-list > ul > li h2, .new-2025-global .total-txt-list > ul > li p {
  font-size: 20px;
  color: #222;
  font-weight: 400;
}
.new-2025-headquarters .total-txt-list > ul > li h2.kr, .new-2025-headquarters .total-txt-list > ul > li p.kr, .new-2025-bio-campus1 .total-txt-list > ul > li h2.kr, .new-2025-bio-campus1 .total-txt-list > ul > li p.kr, .new-2025-bio-campus2 .total-txt-list > ul > li h2.kr, .new-2025-bio-campus2 .total-txt-list > ul > li p.kr, .new-2025-global .total-txt-list > ul > li h2.kr, .new-2025-global .total-txt-list > ul > li p.kr {
  font-size: 22px;
}
.new-2025-headquarters .total-txt-list > ul > li h2.kr .small, .new-2025-headquarters .total-txt-list > ul > li p.kr .small, .new-2025-bio-campus1 .total-txt-list > ul > li h2.kr .small, .new-2025-bio-campus1 .total-txt-list > ul > li p.kr .small, .new-2025-bio-campus2 .total-txt-list > ul > li h2.kr .small, .new-2025-bio-campus2 .total-txt-list > ul > li p.kr .small, .new-2025-global .total-txt-list > ul > li h2.kr .small, .new-2025-global .total-txt-list > ul > li p.kr .small {
  font-size: 16px;
}
.new-2025-headquarters .total-txt-list > ul > li h2.total-tit, .new-2025-headquarters .total-txt-list > ul > li p.total-tit, .new-2025-bio-campus1 .total-txt-list > ul > li h2.total-tit, .new-2025-bio-campus1 .total-txt-list > ul > li p.total-tit, .new-2025-bio-campus2 .total-txt-list > ul > li h2.total-tit, .new-2025-bio-campus2 .total-txt-list > ul > li p.total-tit, .new-2025-global .total-txt-list > ul > li h2.total-tit, .new-2025-global .total-txt-list > ul > li p.total-tit {
  font-size: 30px;
  line-height: 1;
}
.new-2025-headquarters .total-txt-list > ul > li h2.total-tit .small, .new-2025-headquarters .total-txt-list > ul > li p.total-tit .small, .new-2025-bio-campus1 .total-txt-list > ul > li h2.total-tit .small, .new-2025-bio-campus1 .total-txt-list > ul > li p.total-tit .small, .new-2025-bio-campus2 .total-txt-list > ul > li h2.total-tit .small, .new-2025-bio-campus2 .total-txt-list > ul > li p.total-tit .small, .new-2025-global .total-txt-list > ul > li h2.total-tit .small, .new-2025-global .total-txt-list > ul > li p.total-tit .small {
  font-size: 18px;
}
.new-2025-headquarters .total-txt-list > ul > li h2.point, .new-2025-headquarters .total-txt-list > ul > li p.point, .new-2025-bio-campus1 .total-txt-list > ul > li h2.point, .new-2025-bio-campus1 .total-txt-list > ul > li p.point, .new-2025-bio-campus2 .total-txt-list > ul > li h2.point, .new-2025-bio-campus2 .total-txt-list > ul > li p.point, .new-2025-global .total-txt-list > ul > li h2.point, .new-2025-global .total-txt-list > ul > li p.point {
  font-size: 70px;
  font-weight: 600;
}
.new-2025-headquarters .total-txt-list > ul > li h2.point span[class^=num], .new-2025-headquarters .total-txt-list > ul > li p.point span[class^=num], .new-2025-bio-campus1 .total-txt-list > ul > li h2.point span[class^=num], .new-2025-bio-campus1 .total-txt-list > ul > li p.point span[class^=num], .new-2025-bio-campus2 .total-txt-list > ul > li h2.point span[class^=num], .new-2025-bio-campus2 .total-txt-list > ul > li p.point span[class^=num], .new-2025-global .total-txt-list > ul > li h2.point span[class^=num], .new-2025-global .total-txt-list > ul > li p.point span[class^=num] {
  display: inline-block;
  width: 145px;
  text-align: center;
}

@media (max-width: 1023px) {
  .new-2025-headquarters .dft-pageTitle.mt, .new-2025-bio-campus1 .dft-pageTitle.mt, .new-2025-bio-campus2 .dft-pageTitle.mt, .new-2025-global .dft-pageTitle.mt {
    margin-top: 50px;
  }
  .new-2025-headquarters .dft-pageTitle.mt2, .new-2025-bio-campus1 .dft-pageTitle.mt2, .new-2025-bio-campus2 .dft-pageTitle.mt2, .new-2025-global .dft-pageTitle.mt2 {
    margin-top: 50px;
  }
  .new-2025-headquarters .dft-pageTitle h1, .new-2025-bio-campus1 .dft-pageTitle h1, .new-2025-bio-campus2 .dft-pageTitle h1, .new-2025-global .dft-pageTitle h1 {
    font-size: 20px;
    color: #000;
  }
  .new-2025-headquarters .tit, .new-2025-bio-campus1 .tit, .new-2025-bio-campus2 .tit, .new-2025-global .tit {
    font-size: 20px;
    color: #000;
  }
  .new-2025-headquarters .tit.mt, .new-2025-bio-campus1 .tit.mt, .new-2025-bio-campus2 .tit.mt, .new-2025-global .tit.mt {
    margin-top: 50px;
  }
  .new-2025-headquarters .tit.mt2, .new-2025-bio-campus1 .tit.mt2, .new-2025-bio-campus2 .tit.mt2, .new-2025-global .tit.mt2 {
    margin-top: 50px;
  }
  .new-2025-headquarters .txt-arg, .new-2025-bio-campus1 .txt-arg, .new-2025-bio-campus2 .txt-arg, .new-2025-global .txt-arg {
    font-size: 14px;
  }
  .new-2025-headquarters .plant-act-box, .new-2025-bio-campus1 .plant-act-box, .new-2025-bio-campus2 .plant-act-box, .new-2025-global .plant-act-box {
    margin-top: 50px;
  }
  .new-2025-headquarters .plant-act-box .photo-box, .new-2025-bio-campus1 .plant-act-box .photo-box, .new-2025-bio-campus2 .plant-act-box .photo-box, .new-2025-global .plant-act-box .photo-box {
    font-size: 0px;
    line-height: 0;
  }
  .new-2025-headquarters .plant-act-box .photo-box img, .new-2025-bio-campus1 .plant-act-box .photo-box img, .new-2025-bio-campus2 .plant-act-box .photo-box img, .new-2025-global .plant-act-box .photo-box img {
    width: 100%;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling {
    border-color: #222edd;
    min-height: 115px;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling.point, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling.point {
    background: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button {
    background: transparent;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .plant, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .plant, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .plant, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .plant {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .kl, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .kl, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .kl, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .kl {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .open, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .open, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .open, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling.point .box > button .open {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .plant, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .plant {
    color: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .kl, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .kl {
    color: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .open, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .btn-handling .box > button .open {
    color: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
    border-color: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus1 .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus2 .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-global .plant-act-box .bio-campus1 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling {
    border-color: #0377ff;
    min-height: 115px;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling.point, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling.point {
    background: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button {
    background: transparent;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .plant, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .plant, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .plant, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .plant {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .kl, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .kl, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .kl, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .kl {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .open, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .open, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .open, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling.point .box > button .open {
    color: #fff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .plant, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .plant {
    color: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .kl, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .kl {
    color: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .open, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .btn-handling .box > button .open {
    color: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
    border-color: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus1 .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus2 .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-global .plant-act-box .bio-campus2 .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0377ff;
  }
  .new-2025-headquarters .plant-act-box .swiper-box, .new-2025-bio-campus1 .plant-act-box .swiper-box, .new-2025-bio-campus2 .plant-act-box .swiper-box, .new-2025-global .plant-act-box .swiper-box {
    margin-top: 30px;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling, .new-2025-global .plant-act-box .swiper-box .btn-handling {
    width: 100%;
    padding: 20px 20px 28px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f7f7f7;
    border-bottom: 3px solid;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box, .new-2025-global .plant-act-box .swiper-box .btn-handling .box {
    width: 100%; /* height:176px; padding-bottom:74px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* &:before {content:''; position: absolute; bottom:-74px; left:50%; width:1px; height:120px; background:$cfff;}
    &:after {content:''; position: absolute; bottom:-74px; left:calc(50% - 3px); width:7px; height:7px; background:$cfff; border-radius:100%;} */
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box > button, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box > button, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box > button, .new-2025-global .plant-act-box .swiper-box .btn-handling .box > button {
    position: relative;
    width: 100%;
    height: 100%; /* padding:16px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f7f7f7;
    text-align: left;
    /* &:hover, &:active, &:focus {transform:translateY(-10px);}
    &.point {background:$defColor157; color:$cfff; padding:25px 15px;}
    &.on {
    	.choice-txt {display:block;}
    } */
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box > button .plant, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box > button .plant, .new-2025-global .plant-act-box .swiper-box .btn-handling .box > button .plant {
    font-size: 18px;
    font-weight: 500;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box > button .kl, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box > button .kl, .new-2025-global .plant-act-box .swiper-box .btn-handling .box > button .kl {
    font-size: 34px;
    font-weight: 600;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box > button .open, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box > button .open, .new-2025-global .plant-act-box .swiper-box .btn-handling .box > button .open {
    font-size: 20px;
    font-weight: 500;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .btn-handling .box > button .choice-txt, .new-2025-bio-campus1 .plant-act-box .swiper-box .btn-handling .box > button .choice-txt, .new-2025-bio-campus2 .plant-act-box .swiper-box .btn-handling .box > button .choice-txt, .new-2025-global .plant-act-box .swiper-box .btn-handling .box > button .choice-txt {
    display: none;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-indent: -9999px;
    opacity: 0;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl, .new-2025-global .plant-act-box .swiper-box .sideControl {
    position: relative;
    margin-top: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .swiper-pagination, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .swiper-pagination, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .swiper-pagination, .new-2025-global .plant-act-box .swiper-box .sideControl .swiper-pagination {
    position: relative;
    z-index: unset;
    font-size: 0;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-global .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    border-color: #222edd;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child, .new-2025-global .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0px;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .new-2025-global .plant-act-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .controlBtn, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .controlBtn, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .controlBtn, .new-2025-global .plant-act-box .swiper-box .sideControl .controlBtn {
    margin-left: 6px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .controlBtn.stop, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .controlBtn.stop, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .controlBtn.stop, .new-2025-global .plant-act-box .swiper-box .sideControl .controlBtn.stop {
    background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
  }
  .new-2025-headquarters .plant-act-box .swiper-box .sideControl .controlBtn.play, .new-2025-bio-campus1 .plant-act-box .swiper-box .sideControl .controlBtn.play, .new-2025-bio-campus2 .plant-act-box .swiper-box .sideControl .controlBtn.play, .new-2025-global .plant-act-box .swiper-box .sideControl .controlBtn.play {
    background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
  }
  .new-2025-headquarters .total-txt-list, .new-2025-bio-campus1 .total-txt-list, .new-2025-bio-campus2 .total-txt-list, .new-2025-global .total-txt-list {
    width: 100%;
  }
  .new-2025-headquarters .total-txt-list > ul, .new-2025-bio-campus1 .total-txt-list > ul, .new-2025-bio-campus2 .total-txt-list > ul, .new-2025-global .total-txt-list > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-headquarters .total-txt-list > ul > li:last-child, .new-2025-bio-campus1 .total-txt-list > ul > li:last-child, .new-2025-bio-campus2 .total-txt-list > ul > li:last-child, .new-2025-global .total-txt-list > ul > li:last-child {
    padding-left: 0px;
    padding-top: 10px;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2, .new-2025-headquarters .total-txt-list > ul > li p, .new-2025-bio-campus1 .total-txt-list > ul > li h2, .new-2025-bio-campus1 .total-txt-list > ul > li p, .new-2025-bio-campus2 .total-txt-list > ul > li h2, .new-2025-bio-campus2 .total-txt-list > ul > li p, .new-2025-global .total-txt-list > ul > li h2, .new-2025-global .total-txt-list > ul > li p {
    font-size: 14px;
    color: #222;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.kr, .new-2025-headquarters .total-txt-list > ul > li p.kr, .new-2025-bio-campus1 .total-txt-list > ul > li h2.kr, .new-2025-bio-campus1 .total-txt-list > ul > li p.kr, .new-2025-bio-campus2 .total-txt-list > ul > li h2.kr, .new-2025-bio-campus2 .total-txt-list > ul > li p.kr, .new-2025-global .total-txt-list > ul > li h2.kr, .new-2025-global .total-txt-list > ul > li p.kr {
    font-size: 18px;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.kr .small, .new-2025-headquarters .total-txt-list > ul > li p.kr .small, .new-2025-bio-campus1 .total-txt-list > ul > li h2.kr .small, .new-2025-bio-campus1 .total-txt-list > ul > li p.kr .small, .new-2025-bio-campus2 .total-txt-list > ul > li h2.kr .small, .new-2025-bio-campus2 .total-txt-list > ul > li p.kr .small, .new-2025-global .total-txt-list > ul > li h2.kr .small, .new-2025-global .total-txt-list > ul > li p.kr .small {
    font-size: 14px;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.total-tit, .new-2025-headquarters .total-txt-list > ul > li p.total-tit, .new-2025-bio-campus1 .total-txt-list > ul > li h2.total-tit, .new-2025-bio-campus1 .total-txt-list > ul > li p.total-tit, .new-2025-bio-campus2 .total-txt-list > ul > li h2.total-tit, .new-2025-bio-campus2 .total-txt-list > ul > li p.total-tit, .new-2025-global .total-txt-list > ul > li h2.total-tit, .new-2025-global .total-txt-list > ul > li p.total-tit {
    font-size: 20px;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.total-tit .small, .new-2025-headquarters .total-txt-list > ul > li p.total-tit .small, .new-2025-bio-campus1 .total-txt-list > ul > li h2.total-tit .small, .new-2025-bio-campus1 .total-txt-list > ul > li p.total-tit .small, .new-2025-bio-campus2 .total-txt-list > ul > li h2.total-tit .small, .new-2025-bio-campus2 .total-txt-list > ul > li p.total-tit .small, .new-2025-global .total-txt-list > ul > li h2.total-tit .small, .new-2025-global .total-txt-list > ul > li p.total-tit .small {
    font-size: 16px;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.point, .new-2025-headquarters .total-txt-list > ul > li p.point, .new-2025-bio-campus1 .total-txt-list > ul > li h2.point, .new-2025-bio-campus1 .total-txt-list > ul > li p.point, .new-2025-bio-campus2 .total-txt-list > ul > li h2.point, .new-2025-bio-campus2 .total-txt-list > ul > li p.point, .new-2025-global .total-txt-list > ul > li h2.point, .new-2025-global .total-txt-list > ul > li p.point {
    font-size: 60px;
    font-weight: 600;
  }
  .new-2025-headquarters .total-txt-list > ul > li h2.point span[class^=num], .new-2025-headquarters .total-txt-list > ul > li p.point span[class^=num], .new-2025-bio-campus1 .total-txt-list > ul > li h2.point span[class^=num], .new-2025-bio-campus1 .total-txt-list > ul > li p.point span[class^=num], .new-2025-bio-campus2 .total-txt-list > ul > li h2.point span[class^=num], .new-2025-bio-campus2 .total-txt-list > ul > li p.point span[class^=num], .new-2025-global .total-txt-list > ul > li h2.point span[class^=num], .new-2025-global .total-txt-list > ul > li p.point span[class^=num] {
    width: 125px;
    text-align: center;
  }
}
.new-2025-headquarters {
  /* &:before {content:''; position:absolute; top:160px; left:50%; transform: translateX(-50%); display:block; width:100vw; min-width:1920px; height:100%; background:url(../../images/aboutUs/location/headquarters_map_bg.png) top center / 100% auto no-repeat; pointer-events:none;} */
}
.new-2025-headquarters .photo-list {
  position: relative;
  margin-top: 60px;
}
.new-2025-headquarters .photo-list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /* transform:translateX(-60px); */
}
.new-2025-headquarters .photo-list ul + ul {
  margin-top: 20px; /* transform:translateX(100px); */
}
.new-2025-headquarters .photo-list ul li {
  width: 100%;
  max-width: 390px;
}
.new-2025-headquarters .photo-list ul li + li {
  margin-left: 15px;
}
.new-2025-headquarters .photo-list ul li a {
  position: relative;
  display: block;
  width: 100%; /* min-height:433px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* padding:10px 10px; */
  /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:$c000; opacity:.0; transition:all .3s ease-in-out; pointer-events:none;} */
}
.new-2025-headquarters .photo-list ul li a:hover, .new-2025-headquarters .photo-list ul li a:focus, .new-2025-headquarters .photo-list ul li a:active {
  /* &:before {opacity:.1;} */
}
.new-2025-headquarters .photo-list ul li a:hover .photo-box img, .new-2025-headquarters .photo-list ul li a:focus .photo-box img, .new-2025-headquarters .photo-list ul li a:active .photo-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.new-2025-headquarters .photo-list ul li a:hover .txt-box, .new-2025-headquarters .photo-list ul li a:focus .txt-box, .new-2025-headquarters .photo-list ul li a:active .txt-box {
  padding: 20px 0 28px 20px;
  background: #222edd;
}
.new-2025-headquarters .photo-list ul li a:hover .txt-box .tit, .new-2025-headquarters .photo-list ul li a:focus .txt-box .tit, .new-2025-headquarters .photo-list ul li a:active .txt-box .tit {
  color: #fff;
}
.new-2025-headquarters .photo-list ul li a:hover .txt-box .txt, .new-2025-headquarters .photo-list ul li a:focus .txt-box .txt, .new-2025-headquarters .photo-list ul li a:active .txt-box .txt {
  color: #fff;
}
.new-2025-headquarters .photo-list ul li a:hover .txt-box .txt:after, .new-2025-headquarters .photo-list ul li a:focus .txt-box .txt:after, .new-2025-headquarters .photo-list ul li a:active .txt-box .txt:after {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  background: url(/resources/front/en/images/aboutUs/location/btn_headquarters_white_arrow.png) 0 0/cover no-repeat;
}
.new-2025-headquarters .photo-list ul li a .photo-box {
  width: 100%;
  height: 218px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
}
.new-2025-headquarters .photo-list ul li a .photo-box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-headquarters .photo-list ul li a .txt-box {
  padding: 20px 0 28px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-headquarters .photo-list ul li a .txt-box .tit {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}
.new-2025-headquarters .photo-list ul li a .txt-box .txt {
  margin-top: 10px;
  position: relative;
  font-size: 14px;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 500;
}
.new-2025-headquarters .photo-list ul li a .txt-box .txt:after {
  content: "";
  display: block;
  width: 13px;
  height: 9px;
  background: url(/resources/front/en/images/aboutUs/location/btn_headquarters_arrow.png) 0 0/cover no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1023px) {
  .new-2025-headquarters {
    /* &:before {display:none;} */
  }
  .new-2025-headquarters .photo-list {
    margin-top: 50px;
  }
  .new-2025-headquarters .photo-list ul {
    width: 100%;
    max-width: 1160px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .new-2025-headquarters .photo-list ul + ul {
    margin-top: 20px;
  }
  .new-2025-headquarters .photo-list ul li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    max-width: none;
  }
  .new-2025-headquarters .photo-list ul li + li {
    margin-left: 0px;
    margin-top: 20px;
  }
  .new-2025-headquarters .photo-list ul li a {
    min-height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px 0px 10px;
    /* &:hover, &:focus, &:active {
    	&:before {opacity:.1;}
    	.photo-box {
    		img {transform:scale(1.1);}
    	}
    	.txt-box {
    		.txt {
    			&:after {transform: translateX(10px);}
    		}
    	}
    } */
  }
  .new-2025-headquarters .photo-list ul li a:before {
    display: none;
  }
  .new-2025-headquarters .photo-list ul li a .photo-box {
    height: auto;
  }
  .new-2025-headquarters .photo-list ul li a .txt-box {
    padding: 30px 30px 0;
  }
  .new-2025-headquarters .photo-list ul li a .txt-box .tit {
    font-size: 18px;
  }
  .new-2025-headquarters .photo-list ul li a .txt-box .txt {
    margin-top: 8px;
    position: relative;
    font-size: 14px;
    /* &:after {content:''; display:block; width:13px; height:9px; background:url(/resources/front/en/images/aboutUs/location/btn_headquarters_arrow.png) 0 0 / cover no-repeat; transition:all .3s ease-in-out;} */
  }
}
.new-2025-bio-campus1 .visual-box {
  position: relative;
  /* & + .pix-in {padding-top:60px;} */
}
.new-2025-bio-campus1 .visual-box .swiper-box {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 0;
}
.new-2025-bio-campus1 .visual-box .swiper-box + .pix-in {
  padding-top: 60px;
}
.new-2025-bio-campus1 .visual-box .swiper-box .swiper-wrapper {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.new-2025-bio-campus1 .visual-box .swiper-box .swiper-itm-box {
  font-size: 0;
}
.new-2025-bio-campus1 .visual-box .swiper-box .swiper-itm-box img {
  width: 100%;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl {
  position: absolute;
  left: 0px;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .swiper-pagination {
  position: relative;
  z-index: unset;
  font-size: 0;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0px;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .controlBtn {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .controlBtn.stop {
  background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
}
.new-2025-bio-campus1 .visual-box .swiper-box .sideControl .controlBtn.play {
  background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
}
.new-2025-bio-campus1 .total-txt-list > ul > li p.point {
  color: #222edd;
}
.new-2025-bio-campus1 .total-txt-list > ul > li p.point span[class^=num] {
  width: 145px;
}
.new-2025-bio-campus1 .facility-arg {
  position: relative;
  width: 100%;
  margin-top: 80px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-bio-campus1 .facility-arg .list-box { /* margin-top:24px; */ }
.new-2025-bio-campus1 .facility-arg .list-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li {
  width: 100%;
  max-width: 222px;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a {
  position: relative;
  display: block;
  padding-bottom: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:hover:after, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:focus:after, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:active:after {
  background: url(../../images/ico_svg/services/btn_facility_on.svg) 0 0 no-repeat;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:hover .objarg, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:focus .objarg, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:active .objarg {
  top: calc(100% - 160px);
  background: #222edd;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:hover .objarg .tit, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:hover .objarg .txt, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:focus .objarg .tit, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:focus .objarg .txt, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:active .objarg .tit, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:active .objarg .txt {
  color: #fff;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on:after {
  background: url(../../images/ico_svg/services/btn_facility_active_off.svg) 0 0 no-repeat;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on:hover:after, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on:focus:after, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on:active:after {
  background: url(../../images/ico_svg/services/btn_facility_active_on.svg) 0 0 no-repeat;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on .objarg {
  top: 0;
  background: #222edd;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on .objarg .tit, .new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on .objarg .txt {
  color: #fff;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a.on .on-act-txt {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../images/ico_svg/services/btn_facility2_off.svg) 0 0 no-repeat;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .photo {
  position: relative;
  width: 100%;
  font-size: 0;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .photo > img {
  width: 100%;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .photo > .op {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .photo > .op:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.96;
  background-color: rgba(20, 45, 70, 0.5);
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .photo > .op .txt {
  position: relative;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
  color: #fff;
  opacity: 0.96;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .objarg {
  position: absolute;
  top: calc(100% - 140px);
  width: 100%;
  height: 100%;
  padding: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .objarg .tit {
  font-size: 26px;
  color: #222edd;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .objarg .txt {
  font-size: 20px;
  color: #222edd;
  line-height: 1.5;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .on-act-txt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .on-act-txt > ul {
  width: 100%;
  height: 100%;
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .on-act-txt > ul > li {
  width: 100%;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .on-act-txt > ul > li + li {
  margin-top: 9px;
}
.new-2025-bio-campus1 .facility-arg .list-box > ul > li > a .on-act-txt p.etc-txt {
  position: absolute;
  left: 20px;
  bottom: 22px;
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #fff;
}

@media (max-width: 1023px) {
  .new-2025-bio-campus1 .visual-box {
    /* & + .pix-in {padding-top:50px;} */
  }
  .new-2025-bio-campus1 .visual-box .swiper-box {
    margin: 20px auto 0;
    /* & + .pix-in {padding-top:40px;} */
  }
  .new-2025-bio-campus1 .total-txt-list > ul > li p.point span[class^=num] {
    width: 125px;
  }
  .new-2025-bio-campus1 .facility-arg {
    padding: 0;
    margin-top: 40px;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box {
    position: relative;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    background: #222edd;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .photo {
    position: relative;
    width: 100%;
    font-size: 0;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .photo > img {
    width: 100%;
    max-width: none;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .photo > .op {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .photo > .op:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background-color: rgba(20, 45, 70, 0.5);
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .photo > .op .txt {
    position: relative;
    padding: 0 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 24px;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
    opacity: 0.96;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .objarg {
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 24px 24px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #222edd;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .objarg .tit {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
    font-weight: 500;
    font-family: "ssl-gilroy", "ssl-font";
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .objarg .txt {
    padding-top: 4px;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    font-weight: 400;
    font-family: "ssl-gilroy", "ssl-font";
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt {
    position: relative;
    width: 100%;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul {
    width: 100%;
    height: 100%;
    min-height: 300px;
    padding: 10px 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li {
    width: 100%;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li + li {
    margin-top: 9px;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li svg {
    width: 100%;
    max-width: 240px;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .itm-box .on-act-txt p.etc-txt {
    position: absolute;
    left: 24px;
    bottom: 10px;
    font-size: 14px;
    font-family: "ssl-gilroy", "ssl-font";
    font-weight: 400;
    color: #fff;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl {
    position: relative;
    margin-top: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .swiper-pagination {
    position: relative;
    z-index: unset;
    font-size: 0;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    border-color: #222edd;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0px;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .controlBtn {
    margin-left: 6px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .controlBtn.stop {
    background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
  }
  .new-2025-bio-campus1 .facility-arg .swiper-box.mobile .sideControl .controlBtn.play {
    background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
  }
}
.new-2025-bio-campus2 .total-txt-list > ul > li p.point {
  color: #0377ff;
}
.new-2025-bio-campus2 .total-txt-list > ul > li p.point span[class^=num] {
  width: 145px;
}
.new-2025-bio-campus2 .eream-arg {
  width: 100%;
  margin-top: 80px;
}
.new-2025-bio-campus2 .eream-arg > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-bio-campus2 .eream-arg > ul > li {
  min-height: 432px;
}
.new-2025-bio-campus2 .eream-arg > ul > li.movie-box {
  width: calc(100% - 432px);
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box {
  width: 412px;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 {
  width: 100%;
  min-height: 186px;
  padding: 40px 36px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 .f-tit {
  font-size: 36px;
  font-weight: bold;
  color: #222edd;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 .f-txt {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #001c5a;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 {
  width: 100%;
  min-height: 186px;
  padding: 40px 36px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f2f2f2;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .f-tit {
  font-size: 30px;
  font-weight: 500;
  color: #001c5a;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt {
  margin-top: 6px;
  width: 100%;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li {
  line-height: 1;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li strong.point {
  font-size: 60px;
  color: #222edd;
  font-weight: 600;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li span {
  font-size: 40px;
  color: #041c59;
  font-weight: 500;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box {
  width: 100%;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure {
  position: relative;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #041c59;
  z-index: 2;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:after {
  content: "";
  display: block;
  margin-left: 12px;
  width: 16px;
  height: 16px;
  background: url(/resources/front/en/images/ico_svg/about/ico_plant_brochure.svg) 0 0/cover no-repeat;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:hover, .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:focus, .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:focus {
  background: #36497a;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:hover + .over-box, .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:focus + .over-box, .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure:focus + .over-box {
  bottom: 0; /* opacity:1; */
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box a.btn-brochure span {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
.new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box .over-box {
  position: absolute;
  bottom: -100%;
  left: 0px;
  width: 100%;
  height: 100%;
  min-height: 432px;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; /* opacity:0; */
  background: url(/resources/front/en/images/aboutUs/location/bg_bio_campus2_plant5.jpg) center center/cover no-repeat;
}
.new-2025-bio-campus2 .plant-list {
  width: 100%;
  margin-top: 80px;
}
.new-2025-bio-campus2 .plant-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /* gap:75px; */
  gap: 20px;
}
.new-2025-bio-campus2 .plant-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl {
  width: 100%;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt.itm1:before {
  background: url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm1.svg) 0 0/cover no-repeat;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt.itm2:before {
  background: url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm2.svg) 0 0/cover no-repeat;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt.itm3:before {
  background: url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm3.svg) 0 0/cover no-repeat;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dt h2, .new-2025-bio-campus2 .plant-list > ul > li > dl > dt p {
  padding-top: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  text-align: center;
  font-family: "ssl-gilroy";
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dd {
  margin-top: 16px;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dd > ul {
  width: 100%;
}
.new-2025-bio-campus2 .plant-list > ul > li > dl > dd > ul > li {
  text-align: center;
  font-size: 16px;
  color: #222;
}

@media (max-width: 1023px) {
  .new-2025-bio-campus2 .total-txt-list > ul > li p.point span[class^=num] {
    width: 125px;
  }
  .new-2025-bio-campus2 .eream-arg {
    margin-top: 50px;
  }
  .new-2025-bio-campus2 .eream-arg > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li {
    min-height: auto;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.movie-box {
    width: 100%;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box {
    width: 100%;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 {
    width: 100%;
    min-height: auto;
    padding: 30px; /* box-sizing:border-box; background:$defColor58; */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 .f-tit {
    font-size: 26px;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm1 .f-txt { /* margin-top:10px; */
    font-size: 16px; /* font-weight:400; line-height:1.4; color:$defColor22; */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 {
    width: 100%;
    min-height: auto;
    padding: 30px; /* box-sizing:border-box; background:$defColor53; */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .f-tit {
    font-size: 20px;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt {
    margin-top: 16px;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; /* width:100%; display:flex; justify-content:space-between; align-items:flex-end; gap:20px; */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li { /* line-height:1; */ }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li strong.point {
    font-size: 47px;
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .box-itm2 .row-txt > ul > li span {
    font-size: 22px; /* color:$defColor151; font-weight:500; */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box {
    width: 100%;
    padding: 40px 30px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* a {
    	&.btn-brochure {position:relative; width:100%; height:60px; display:flex; justify-content:center; align-items:center; background:$c000; z-index:2;

    		&:after {content:''; display:block; margin-left:12px; width:16px; height:16px; background:url(/resources/front/en/images/ico_svg/about/ico_plant_brochure.svg) 0 0 / cover no-repeat;}
    		&:hover, &:focus, &:focus {
    			& + .over-box {bottom:0; opacity:1;}
    		}
    		span {position:relative; font-size:18px; font-weight:500; color:$cfff; line-height:1;}

    	}
    } */
  }
  .new-2025-bio-campus2 .eream-arg > ul > li.plant-box .plant-account .brochure-box .over-box {
    display: none;
  }
  .new-2025-bio-campus2 .plant-list {
    width: 100%;
    margin-top: 50px;
  }
  .new-2025-bio-campus2 .plant-list > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 40px;
  }
  .new-2025-bio-campus2 .plant-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl {
    width: 100%;
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl > dt { /* display:flex; justify-content:flex-start; align-items:center; flex-flow:column; */
    /* &:before {content:''; display:block; width:100px; height:100px;}
    &.itm1 {
    	&:before {background:url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm1.svg) 0 0 / cover no-repeat;}
    }
    &.itm2 {
    	&:before {background:url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm2.svg) 0 0 / cover no-repeat;}
    }
    &.itm3 {
    	&:before {background:url(/resources/front/en/images/ico_svg/about/ico_plant2_list_itm3.svg) 0 0 / cover no-repeat;}
    } */
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl > dt h2, .new-2025-bio-campus2 .plant-list > ul > li > dl > dt p {
    padding-top: 30px;
    font-size: 18px; /* font-weight:600; color:$c222; font-family:'ssl-gilroy'; */
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl > dd {
    margin-top: 16px;
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl > dd > ul {
    width: 100%;
  }
  .new-2025-bio-campus2 .plant-list > ul > li > dl > dd > ul > li {
    font-size: 14px;
  }
}
/* .new-2025-global {position:relative;

	.map-box {position:relative; margin-top:60px; width:100%; padding-top:59%; border:1px solid $defColor159; box-sizing:border-box; / * height:710px; * / background:url(/resources/front/en/images/aboutUs/location/bg_map_global.png) center center / cover no-repeat;
		.btn-point {position:absolute; width:1px; height:1px;
			&.itm1 {/ * top:calc(50% - 40px); left:calc(50% - 430px); * / top:44.5%; left:14.1%;
				&:before {height:0; transform:rotate(-110.6deg);}
				.photo-box {top:-130px; left:340px;}
				&.on {
					&:before {opacity:1; height:365px; transition-delay:.1s;}
					/ * .photo-box {} * /
				}
			}
			&.itm2 {/ * top:calc(50% - 45px); left:calc(50% + 395px); * / top:43.5%; left:83%;
				&:before {height:0; transform:rotate(57.3deg);}
				.photo-box {top:185px; left:-290px;}
				&.on {
					&:before {opacity:1; height:345px; transition-delay:.1s;}
					/ * .photo-box {} * /
				}
			}
			&.itm3 {/ * top:calc(50% - 110px); left:calc(50% + 435px); * / top:34.5%; left:86.6%;}

			&.on {z-index:2;
				button {transform: scale(1.2); / * transition-delay:.5s; * /
					.choice {display:block;}
				}
				.photo-box {
					.radius-box {opacity:1;
						img {transform:scale(1.1); transition-delay:.2s;}
					}
				}
			}

			&:before {content:''; position:absolute; display:block; width:1px; transform-origin:top left; background:$defColor158; opacity:0; transition:all .3s ease-in-out;}

			button {position:absolute; left:-18px; bottom:0px; width:36px; height:46px; background:url(/resources/front/en/images/aboutUs/location/ico_map_point.png) 0 0 / cover no-repeat; transition:all .3s ease-in-out; transform-origin:bottom center;
				.choice {display:none;}
			}
			.photo-box {position:absolute; width:1px; height:1px;

				.radius-box {position:absolute; top:-166px; left:-166px; width:332px; height:332px; border-radius:100%; border:10px solid $cfff; box-sizing:border-box; overflow:hidden; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2); opacity:0; transition:all .3s ease-in-out;
					img {width:100%; transition:all .5s ease-in-out;}
				}
			}
		}

	}

	.map-list {position:relative; width:100%; margin-top:50px;
		& > ul {width:100%; display:flex; justify-content:space-between; align-items:flex-start; gap:15px;
			& > li {flex:1; max-width:390px;
				& > button {
					/ * &:focus, &:hover, &:active {
						&:before {}
					} * /
					&.on {
						&:before {width:100%;}
						.choice {display:block;}
						& > dl {
							& > dt, & > dd {color:$cfff;}
						}
					}
				}
				& > button, & > .not-btn-box {position:relative; width:100%; min-height:158px; padding:30px 35px; box-sizing:border-box; display:flex; justify-content:center; align-items:flex-start; flex-flow:column; text-align:left; background:$defColor58;
					&:before {content:''; position:absolute; top:0px; left:0px; display:block; width:5px; height:100%; background:$defColor26; z-index:1; transition:all .3s ease-in-out;}
					.choice {display:none;}
					& > dl {position:relative; z-index:2;
						& > dt {font-size:22px; font-weight:500;}
						& > dd {margin-top:16px; font-size:16px; font-weight:400; color:$c888;}
					}
				}
			}
		}

	}

}

@media (max-width:1200px){
	.new-2025-global {
		.map-box {border:none;}
	}
}

@media (max-width:1023px){

	.new-2025-global {

		.map-box {margin-top:50px; width:100%; padding-top:59%; border:none; background:url(/resources/front/en/images/aboutUs/location/bg_map_global.png) center center / cover no-repeat;
			.btn-point {position:absolute; width:1px; height:1px;
				&.itm1 {top:44.5%; left:14.1%;
					&:before {height:0; transform:rotate(-110.7deg);}
					.photo-box {top:-11.6vw; left:30vw;}
					&.on {
						&:before {/ * opacity:1; * / height:32.2vw; / * transition-delay:.1s; * /}
						/ * .photo-box {} * /
					}
				}
				&.itm2 {top:43.5%; left:83%;
					&:before {height:0; transform:rotate(70.7deg);}
					.photo-box {/ * top:185px; left:-290px; * / top:11.4vw; left:-33vw;}
					&.on {
						&:before {/ * opacity:1; * / height:35vw; / * transition-delay:.1s; * /}
						.photo-box {/ * top:185px; left:-290px; * /}
					}
				}
				&.itm3 {top:34.5%; left:86.6%;}

				&.on {
					button {transform: scale(0.8);/ *  transition-delay:.5s; * /}
					/ * .photo-box {
						.radius-box {opacity:1;
							img {transform:scale(1.1); transition-delay:.7s;}
						}
					} * /
				}

				&:before {/ * content:''; position:absolute; display:block; width:1px; transform-origin:top left; background:$defColor158; opacity:0; * / transition:opacity .3s ease-in-out;}

				button {position:absolute; left:-18px; bottom:0px; width:36px; height:46px; background:url(/resources/front/en/images/aboutUs/location/ico_map_point.png) 0 0 / cover no-repeat; transition:all .3s ease-in-out; transform-origin:bottom center; transform:scale(.6);}
				.photo-box {position:absolute; width:1px; height:1px;
					.radius-box {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:38vw; height:38vw; max-width:180px; max-height:180px; border-radius:100%; border:10px solid $cfff; box-sizing:border-box; overflow:hidden; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2); opacity:0; transition:all .3s ease-in-out;
						img {width:100%; transition:all .3s ease-in-out;}
					}
				}
			}

		}


		.map-list {margin-top:30px;
			& > ul {width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; flex-flow:column;
				& > li {flex:none; width:100%; max-width:100%;
					& > button {
						/ * &:focus, &:hover, &:active {
							&:before {}
						} * /
						&.on {
							&:before {width:100%;}
							& > dl {
								& > dt, & > dd {color:$cfff;}
							}
						}
					}
					& > button, & > .not-btn-box {position:relative; width:100%; min-height:auto; padding:30px; box-sizing:border-box; display:flex; justify-content:center; align-items:flex-start; flex-flow:column; text-align:left; background:$defColor58;
						&:before {width:3px; / * height:100%; background:$defColor26; z-index:1; transition:all .3s ease-in-out; * /}
						& > dl {position:relative; z-index:2;
							& > dt {font-size:18px;}
							& > dd {margin-top:16px; font-size:14px;}
						}
					}
				}
			}

		}

	}

} */
.new-2025-global {
  position: relative;
  width: 100%;
}
.new-2025-global .txt-box-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-global .txt-box-line + .office-list {
  margin-top: 40px;
}
.new-2025-global .txt-box-line > .box-cont {
  width: calc(100% - 420px);
  height: 100%;
  min-height: 262px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-2025-global .txt-box-line > .box-cont.kr {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.new-2025-global .txt-box-line > .box-cont > .cont-txt {
  width: 100%;
}
.new-2025-global .txt-box-line > .box-cont:not(.kr) .dft-btn-contactus-brochure-box {
  margin-top: 0;
}
.new-2025-global .txt-box-line .box-photo {
  width: 390px;
  min-height: 262px;
  margin-left: 30px;
  font-size: 0;
  line-height: 0;
}
.new-2025-global .txt-box-line .box-photo img {
  width: 100%;
  min-height: 262px;
  -o-object-fit: cover;
     object-fit: cover;
}
.new-2025-global .office-list {
  width: 100%;
}
.new-2025-global .office-list + .txt-box-line {
  padding-top: 80px;
}
.new-2025-global .office-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.new-2025-global .office-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-global .office-list > ul > li > .box {
  position: relative;
  width: 100%;
  min-height: 158px;
  padding: 30px 35px 20px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
}
.new-2025-global .office-list > ul > li > .box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 5px;
  height: 100%;
  background: #222edd;
}
.new-2025-global .office-list > ul > li > .box > dl {
  width: 100%;
}
.new-2025-global .office-list > ul > li > .box > dl > dt {
  font-size: 22px;
  color: #222;
  font-weight: 500;
}
.new-2025-global .office-list > ul > li > .box > dl > dd {
  margin-top: 20px;
  font-size: 16px;
  color: #888;
  font-weight: 400;
}

@media (max-width: 1023px) {
  .new-2025-global .txt-box-line {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .new-2025-global .txt-box-line + .office-list {
    margin-top: 40px;
  }
  .new-2025-global .txt-box-line > .box-cont {
    width: 100%;
    height: auto;
    min-height: unset;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  .new-2025-global .txt-box-line > .box-cont > .cont-txt {
    width: 100%;
  }
  .new-2025-global .txt-box-line > .box-cont:not(.kr) {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .new-2025-global .txt-box-line > .box-cont:not(.kr) .dft-btn-contactus-brochure-box {
    margin-top: 40px;
  }
  .new-2025-global .txt-box-line .box-photo {
    width: 100%;
    margin-top: 50px;
    min-height: unset;
    margin-left: 0px;
    font-size: 0;
    line-height: 0;
  }
  .new-2025-global .txt-box-line .box-photo img {
    width: 100%;
    min-height: unset;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .new-2025-global .office-list {
    width: 100%;
  }
  .new-2025-global .office-list + .txt-box-line {
    padding-top: 40px;
  }
  .new-2025-global .office-list > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .new-2025-global .office-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .new-2025-global .office-list > ul > li + li {
    margin-top: 10px;
  }
  .new-2025-global .office-list > ul > li > .box {
    width: 100%;
    min-height: unset;
    padding: 30px;
  }
  .new-2025-global .office-list > ul > li > .box:before {
    width: 3px;
  }
  .new-2025-global .office-list > ul > li > .box > dl > dt {
    font-size: 18px;
  }
  .new-2025-global .office-list > ul > li > .box > dl > dd {
    margin-top: 16px;
    font-size: 12px;
  }
}
/* E : locations */
/* S : exellens */
.exellens {
  position: relative;
}
.exellens .visual-txt-cont {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.exellens .visual-txt-cont .txt-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.exellens .visual-txt-cont .txt-cont .tit {
  line-height: 0;
}
.exellens .visual-txt-cont .txt-cont p {
  font-size: 16px;
  line-height: 1.75;
}
.exellens .visual-txt-cont .txt-cont p.stit {
  margin-top: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.21;
  color: #041c59;
  font-family: "ssl-gilroy", "ssl-font";
}
.exellens .visual-txt-cont .txt-cont p + p {
  margin-top: 40px;
}
.exellens .visual-txt-cont .photo-cont {
  -ms-flex-preferred-size: 560px;
      flex-basis: 560px;
  font-size: 0;
  line-height: 0;
}
.exellens .visual-txt-cont .photo-cont img {
  max-width: 560px;
  width: 100%;
}
.exellens .exellens-banner {
  margin-top: 80px;
  padding: 46px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8fa;
}
.exellens .exellens-banner dl {
  color: #222edd;
  text-align: center;
}
.exellens .exellens-banner dl > dt strong {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.15;
  font-family: "ssl-gilroy", "ssl-font";
}
.exellens .exellens-banner dl > dd {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.76;
}
.exellens .built_guided_cont {
  width: 100%;
  margin-top: 80px;
}
.exellens .built_guided_cont > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 18px;
}
.exellens .built_guided_cont > ul > li:first-child {
  -ms-flex-preferred-size: 56.3333%;
      flex-basis: 56.3333%;
}
.exellens .built_guided_cont > ul > li:last-child {
  -ms-flex-preferred-size: 42.1666%;
      flex-basis: 42.1666%;
}
.exellens .built_guided_cont > ul > li:last-child > dl > dt.on button .btn-txt {
  color: #222edd !important;
}
.exellens .built_guided_cont > ul > li:last-child > dl > dt button {
  background-color: #222edd;
}
.exellens .built_guided_cont > ul > li:last-child > dl > dt button:focus .btn-txt, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:hover .btn-txt, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:active .btn-txt {
  color: #222edd;
}
.exellens .built_guided_cont > ul > li:last-child > dl > dt + dd p {
  color: #222edd;
}
.exellens .built_guided_cont > ul > li > .tit {
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: -0.22px;
  font-family: "ssl-gilroy", "ssl-font";
}
.exellens .built_guided_cont > ul > li > dl {
  position: relative;
  width: 100%;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.exellens .built_guided_cont > ul > li > dl:has(.on) {
  padding-bottom: 108px;
}
.exellens .built_guided_cont > ul > li > dl > dt {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button {
  background-color: #EDF2FF;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-1:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-2:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-3:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-4:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_4.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-1:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-2:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-3:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button:after {
  background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided_gray.webp) 0 0/cover no-repeat;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
.exellens .built_guided_cont > ul > li > dl > dt.on button .btn-txt {
  color: #041c59;
}
.exellens .built_guided_cont > ul > li > dl > dt.on + dd {
  left: 0%;
  width: 100%;
  height: 108px;
  opacity: 1;
}
.exellens .built_guided_cont > ul > li > dl > dt button {
  position: relative;
  width: 100%;
  padding: 98px 0 34px;
  min-height: 194px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #041c59;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus, .exellens .built_guided_cont > ul > li > dl > dt button:hover, .exellens .built_guided_cont > ul > li > dl > dt button:active {
  background-color: #EDF2FF;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-1:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-2:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-3:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-4:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-4:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-4:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_4.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-1:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-2:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-3:before {
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus:after, .exellens .built_guided_cont > ul > li > dl > dt button:hover:after, .exellens .built_guided_cont > ul > li > dl > dt button:active:after {
  background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided_gray.webp) 0 0/cover no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.exellens .built_guided_cont > ul > li > dl > dt button:focus .btn-txt, .exellens .built_guided_cont > ul > li > dl > dt button:hover .btn-txt, .exellens .built_guided_cont > ul > li > dl > dt button:active .btn-txt {
  color: #041c59;
}
.exellens .built_guided_cont > ul > li > dl > dt button:before, .exellens .built_guided_cont > ul > li > dl > dt button:after {
  content: "";
  position: absolute;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-1:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-2:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-3:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-4:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_4.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-1:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_1.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-2:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_2.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-3:before {
  width: 50px;
  height: 50px;
  top: 30px;
  left: calc(50% - 25px);
  background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_3.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button:after {
  bottom: 10px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided.webp) 0 0/cover no-repeat;
}
.exellens .built_guided_cont > ul > li > dl > dt button .btn-txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.exellens .built_guided_cont > ul > li > dl > dd {
  position: absolute;
  top: 194px;
  left: 0%;
  width: 100%;
  height: 0px;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  overflow: hidden;
  background: #EDF2FF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.exellens .built_guided_cont > ul > li > dl > dd p {
  font-size: 15px;
  font-weight: 500;
  color: #041c59;
}
.exellens .accelerate-itm-list {
  width: 100%;
  margin-top: 60px;
}
.exellens .accelerate-itm-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.exellens .accelerate-itm-list > ul > li {
  -ms-flex-preferred-size: 260px;
      flex-basis: 260px;
}
.exellens .accelerate-itm-list > ul > li > dl > dt {
  position: relative;
  padding-top: 100px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  font-family: "ssl-gilroy", "ssl-font";
  text-align: center;
}
.exellens .accelerate-itm-list > ul > li > dl > dt:before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(50% - 40px);
  display: block;
  width: 80px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
}
.exellens .accelerate-itm-list > ul > li > dl > dt.ico-itm1:before {
  background: url(/resources/front/en/images/aboutUs/exellens/accelerate-list-itm1.webp) 0 0/cover no-repeat;
}
.exellens .accelerate-itm-list > ul > li > dl > dt.ico-itm2:before {
  background: url(/resources/front/en/images/aboutUs/exellens/accelerate-list-itm2.webp) 0 0/cover no-repeat;
}
.exellens .accelerate-itm-list > ul > li > dl > dt.ico-itm3:before {
  background: url(/resources/front/en/images/aboutUs/exellens/accelerate-list-itm3.webp) 0 0/cover no-repeat;
}
.exellens .accelerate-itm-list > ul > li > dl > dt.ico-itm4:before {
  background: url(/resources/front/en/images/aboutUs/exellens/accelerate-list-itm4.webp) 0 0/cover no-repeat;
}
.exellens .accelerate-itm-list > ul > li > dl > dt.ico-itm5:before {
  background: url(/resources/front/en/images/aboutUs/exellens/accelerate-list-itm5.webp) 0 0/cover no-repeat;
}
.exellens .accelerate-itm-list > ul > li > dl > dd {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.47;
  font-family: "ssl-gilroy", "ssl-font";
  text-align: center;
}
.exellens .future-box {
  width: 100%;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.exellens .future-box .photo-cont {
  -ms-flex-preferred-size: 560px;
      flex-basis: 560px;
  font-size: 0;
  line-height: 0;
}
.exellens .future-box .photo-cont img {
  max-width: 560px;
  width: 100%;
}
.exellens .future-box .txt-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.exellens .future-box .txt-cont p {
  font-size: 16px;
  line-height: 1.75;
}
.exellens .future-box .txt-cont .future-btn {
  margin-top: 40px;
}

@media (max-width: 1023px) {
  .exellens .visual-txt-cont {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .exellens .visual-txt-cont .txt-cont {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .exellens .visual-txt-cont .txt-cont .tit {
    max-width: 222px;
  }
  .exellens .visual-txt-cont .txt-cont p {
    font-size: 14px;
    line-height: 1.71;
  }
  .exellens .visual-txt-cont .txt-cont p.stit {
    margin-top: 50px;
    font-size: 26px;
    line-height: 1.23;
  }
  .exellens .visual-txt-cont .txt-cont p + p {
    margin-top: 40px;
  }
  .exellens .visual-txt-cont .photo-cont {
    margin-top: 50px;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    font-size: 0;
    line-height: 0;
  }
  .exellens .visual-txt-cont .photo-cont img {
    max-width: auto;
    width: 100%;
  }
  .exellens .exellens-banner {
    margin-top: 50px;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* dl {color:$defColor01;
    	& > dt {
    		strong {font-size:26px;}
    	}
    	& > dd {margin-top:30px; font-size:17px; font-weight:500; line-height:1.76;}
    } */
  }
  .exellens .built_guided_cont {
    width: 100%;
    margin-top: 50px;
  }
  .exellens .built_guided_cont > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .exellens .built_guided_cont > ul > li:first-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .exellens .built_guided_cont > ul > li:last-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .exellens .built_guided_cont > ul > li:last-child > .tit {
    margin-top: 50px;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt button {
    background-color: #222edd;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt button:hover, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:focus, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:active {
    background-color: #222edd;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt button:hover .btn-txt, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:focus .btn-txt, .exellens .built_guided_cont > ul > li:last-child > dl > dt button:active .btn-txt {
    color: #fff;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button {
    background-color: #EDF2FF;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm1-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm1-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm1-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm1-4:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_4.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm2-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm2-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button.ico-itm2-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li:last-child > dl > dt.on button:after {
    background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided_gray.webp) 0 0/cover no-repeat;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .exellens .built_guided_cont > ul > li > .tit {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .exellens .built_guided_cont > ul > li > dl {
    margin-top: 20px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .exellens .built_guided_cont > ul > li > dl:has(.on) {
    padding-bottom: 0;
  }
  .exellens .built_guided_cont > ul > li > dl > dt {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    z-index: 2;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button {
    padding: 27px 80px 27px 100px;
    min-height: 100px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover, .exellens .built_guided_cont > ul > li > dl > dt button:focus, .exellens .built_guided_cont > ul > li > dl > dt button:active {
    background-color: #041c59;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover .btn-txt, .exellens .built_guided_cont > ul > li > dl > dt button:focus .btn-txt, .exellens .built_guided_cont > ul > li > dl > dt button:active .btn-txt {
    color: #fff;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm1-4:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm1-4:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm1-4:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_1_4.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-1:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-2:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover.ico-itm2-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:focus.ico-itm2-3:before, .exellens .built_guided_cont > ul > li > dl > dt button:active.ico-itm2-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_off_2_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:hover:after, .exellens .built_guided_cont > ul > li > dl > dt button:focus:after, .exellens .built_guided_cont > ul > li > dl > dt button:active:after {
    background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided.webp) 0 0/cover no-repeat;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-1:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-2:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-3:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm1-4:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-1:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-2:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button.ico-itm2-3:before {
    top: calc(50% - 25px);
    left: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button:after {
    bottom: auto;
    top: calc(50% - 12px);
    left: auto;
    right: 25px;
  }
  .exellens .built_guided_cont > ul > li > dl > dt button .btn-txt {
    line-height: 1.33;
    text-align: left;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button {
    background-color: #EDF2FF;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm1-4:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_1_4.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-1:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_1.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-2:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_2.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button.ico-itm2-3:before {
    background: url(/resources/front/en/images/aboutUs/exellens/ico_built_guided_itm_on_2_3.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button:after {
    background: url(/resources/front/en/images/aboutUs/exellens/arrow_built_guided_gray.webp) 0 0/cover no-repeat;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on button .btn-txt {
    color: #041c59;
  }
  .exellens .built_guided_cont > ul > li > dl > dt.on + dd {
    display: block;
    height: auto;
  }
  .exellens .built_guided_cont > ul > li > dl > dd {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    padding: 5px 25px 35px;
    display: none;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    opacity: 1;
    overflow: hidden;
    background: #EDF2FF;
    -webkit-transition: none;
    transition: none;
  }
  .exellens .built_guided_cont > ul > li > dl > dd p {
    font-size: 14px;
  }
  .exellens .built_guided_cont > ul > li > dl > dd + dt {
    margin-top: 10px;
  }
  .exellens .accelerate-itm-list {
    margin-top: 30px;
  }
  .exellens .accelerate-itm-list > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .exellens .accelerate-itm-list > ul > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .exellens .accelerate-itm-list > ul > li + li {
    margin-top: 40px;
  }
  .exellens .accelerate-itm-list > ul > li > dl > dd {
    margin-top: 16px;
  }
  .exellens .future-box {
    display: block;
    margin-top: 0;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .exellens .future-box .photo-cont {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    font-size: 0;
    line-height: 0;
  }
  .exellens .future-box .photo-cont img {
    max-width: none;
    width: 100%;
  }
  .exellens .future-box .txt-cont {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 20px;
    /* .future-btn {margin-top:40px;} */
  }
  .exellens .future-box .txt-cont p {
    font-size: 14px;
    line-height: 1.71;
  }
}
/* E : exellens */
/*------------------------------------------------------------------

# CDO

------------------------------------------------------------------*/
.bg_cdo {
  line-height: 0;
}
.bg_cdo.bg {
  width: 100%;
  height: 720px;
  background: url(../../images/aboutUs/img_location.jpg) no-repeat left center;
  background-size: cover;
}
.bg_cdo img {
  width: 100%;
}

@media (max-width: 1023px) {
  .bg_cdo .itm-box {
    text-align: center;
  }
  .bg_cdo .itm-box img {
    max-width: 600px;
    margin: 0 auto;
  }
  .bg_cdo .itm-box .txt {
    padding: 20px 0 30px 0;
    font-size: 14px;
    line-height: 1.4;
    font-style: oblique;
  }
}
.dlList {
  padding-top: 25px;
}
.dlList:after {
  content: "";
  display: block;
  clear: both;
}
.dlList.cdoOverview > li:nth-child(1) {
  padding-left: 106px;
  width: calc(50% - 106px);
  background-image: url(../../images/ourServices/icon_cdo4.png);
  background-position: left 7px;
}
.dlList.cdoOverview > li:nth-child(2) {
  padding-left: 87px;
  width: calc(50% - 87px);
  background-image: url(../../images/ourServices/icon_cdo3.png);
  background-position: 4px 4px;
}
.dlList.cdoOverview > li:nth-child(3) {
  padding-left: 106px;
  width: calc(50% - 106px);
  background-image: url(../../images/ourServices/icon_cdo2.png);
  background-position: 2px 12px;
}
.dlList.cdoOverview > li:nth-child(4) {
  padding-left: 87px;
  width: calc(50% - 87px);
  background-image: url(../../images/ourServices/icon_cdo1.png);
}
.dlList.croOverview > li:nth-child(1) {
  padding-left: 84px;
  width: calc(50% - 84px);
  background-image: url(../../images/ourServices/icon_cro1.png);
  background-position: left 6px;
}
.dlList.croOverview > li:nth-child(2) {
  padding-left: 106px;
  width: calc(50% - 106px);
  background-image: url(../../images/ourServices/icon_cro2.png);
  background-position: left 9px;
}
.dlList.croOverview > li:nth-child(3) {
  padding-left: 84px;
  width: calc(50% - 84px);
  background-image: url(../../images/ourServices/icon_cro3.png);
  background-position: left 6px;
}
.dlList.croOverview > li:nth-child(4) {
  padding-left: 106px;
  width: calc(50% - 106px);
  min-height: 80px;
  background-image: url(../../images/ourServices/icon_cro4.png);
  background-position: 3px 6px;
}
.dlList.qualityOverview > li {
  position: relative;
  padding-right: 50px;
}
.dlList.qualityOverview > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../../images/ourServices/icon_qualityOverview.png);
}
.dlList.qualityOverview > li:nth-child(1) {
  padding-left: 115px;
  width: calc(50% - 165px);
}
.dlList.qualityOverview > li:nth-child(1):after {
  width: 74px;
  height: 62px;
  background-position: left top;
}
.dlList.qualityOverview > li:nth-child(2) {
  padding-left: 100px;
  width: calc(50% - 150px);
}
.dlList.qualityOverview > li:nth-child(2):after {
  width: 72px;
  height: 66px;
  background-position: right top;
}
.dlList.qualityOverview > li:nth-child(3) {
  padding-left: 115px;
  width: calc(50% - 165px);
}
.dlList.qualityOverview > li:nth-child(3):after {
  width: 86px;
  height: 64px;
  background-position: left bottom;
}
.dlList.qualityOverview > li:nth-child(4) {
  padding-left: 100px;
  width: calc(50% - 150px);
}
.dlList.qualityOverview > li:nth-child(4):after {
  width: 64px;
  height: 64px;
  background-position: right bottom;
}
.dlList.cdoBanner > li {
  position: relative;
  padding: 50px 50px 50px 218px;
  background: #e9f2fa;
}
.dlList.cdoBanner > li:nth-child(1) {
  margin-top: 25px;
  padding-left: 218px;
  width: calc(100% - 218px);
}
.dlList.cdoBanner > li:nth-child(1):after {
  content: "";
  position: absolute;
  left: 60px;
  top: 27px;
  width: 132px;
  height: 132px;
  background-image: url(../../images/ourServices/icon_cdo5.png);
}
.dlList.cdoBanner > li dt {
  font-size: 26px;
  color: #222edd;
}
.dlList.cdoBanner > li dd {
  font-size: 16px;
  color: #000;
}
.dlList.cdoBanner + .cdoOverview {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlList.cdoBanner + .cdoOverview > li {
  float: none;
}
.dlList > li {
  float: left;
  margin-top: 50px;
  min-height: 105px;
  background-repeat: no-repeat;
  background-position: left 10px;
}
.dlList > li dt {
  font-size: 18px;
  font-weight: 500;
}
.dlList > li dd {
  padding-top: 8px;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 300;
}
.dlList > li dd strong {
  font-weight: 500;
}

.manufacturing:after {
  content: "";
  display: block;
  clear: both;
}
.manufacturing li {
  float: left;
  width: calc(50% - 10px);
}
.manufacturing li + li {
  float: right;
}
.manufacturing li img {
  width: 100%;
}

.ProcessDevelopment {
  padding: 30px 0;
}
.ProcessDevelopment dt button, .ProcessDevelopment dt a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 19.5%;
  width: 100%;
  min-height: 69px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.ProcessDevelopment dt.ProcessDevelopment1.on button, .ProcessDevelopment dt.ProcessDevelopment1.on a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment1_on.png);
}
.ProcessDevelopment dt.ProcessDevelopment1 button, .ProcessDevelopment dt.ProcessDevelopment1 a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment1.png);
}
.ProcessDevelopment dt.ProcessDevelopment2.on button, .ProcessDevelopment dt.ProcessDevelopment2.on a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment2_on.png);
}
.ProcessDevelopment dt.ProcessDevelopment2 button, .ProcessDevelopment dt.ProcessDevelopment2 a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment2.png);
}
.ProcessDevelopment dt.ProcessDevelopment3.on button, .ProcessDevelopment dt.ProcessDevelopment3.on a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment3_on.png);
}
.ProcessDevelopment dt.ProcessDevelopment3 button, .ProcessDevelopment dt.ProcessDevelopment3 a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment3.png);
}
.ProcessDevelopment dt.ProcessDevelopment4.on button, .ProcessDevelopment dt.ProcessDevelopment4.on a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment4_on.png);
}
.ProcessDevelopment dt.ProcessDevelopment4 button, .ProcessDevelopment dt.ProcessDevelopment4 a {
  background-image: url(../../images/ourServices/m_img_cdo_ProcessDevelopment4.png);
}
.ProcessDevelopment dd {
  padding: 11px 30px 20px;
  display: none;
}

:lang(ko) .ProcessDevelopment dt.ProcessDevelopment1.on button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment1.on a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment1_on.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment1 button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment1 a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment1.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment2.on button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment2.on a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment2_on.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment2 button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment2 a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment2.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment3.on button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment3.on a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment3_on.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment3 button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment3 a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment3.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment4.on button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment4.on a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment4_on.png);
}
:lang(ko) .ProcessDevelopment dt.ProcessDevelopment4 button, :lang(ko) .ProcessDevelopment dt.ProcessDevelopment4 a {
  background-image: url(../../../kr/images/ourServices/m_img_cdo_ProcessDevelopment4.png);
}

:lang(en) .foot-menu {
  font-family: "ssl-gilroy";
}

.foot-menu { /* background-color: $defColor08; */
  padding: 50px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.foot-menu .pix-in > dl > dt {
  font-size: 24px;
  font-weight: 400;
  color: #666;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.foot-menu .pix-in > dl > dd {
  margin-top: 30px;
}
.foot-menu .pix-in > dl > dd > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.foot-menu .pix-in > dl > dd > ul > li dl a span:hover, .foot-menu .pix-in > dl > dd > ul > li dl a span:focus, .foot-menu .pix-in > dl > dd > ul > li dl a span:active {
  text-decoration: underline;
  color: #222edd;
}
.foot-menu .pix-in > dl > dd > ul > li dl dt a span {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
.foot-menu .pix-in > dl > dd > ul > li dl dd {
  margin-top: 20px;
}
.foot-menu .pix-in > dl > dd > ul > li dl dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.foot-menu .pix-in > dl > dd > ul > li dl dd ul li a span {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.timelineText {
  padding-top: 16px;
}

@media (max-width: 1045px) {
  .dlList.qualityOverview li:nth-child(1) {
    padding-left: 90px;
    width: calc(50% - 140px);
  }
  .dlList.qualityOverview li:nth-child(3) {
    padding-left: 90px;
    width: calc(50% - 140px);
  }
}
/* @media (max-width: 1024px) {
	.dlList li{padding-left:85px !important;}
} */
@media (max-width: 767px) {
  p.blueLine,
  h4.blueLine {
    line-height: 1.4;
    font-size: 20px;
  }
  .dlList.cdoOverview > li:nth-child(1) { /* padding-bottom:0; */
    background-position: center top;
  }
  .dlList.cdoOverview > li:nth-child(2) {
    background-position: center top;
    background-size: 35px;
  }
  .dlList.cdoOverview > li:nth-child(3) {
    background-position: center top;
    background-size: 52px;
  }
  .dlList.cdoOverview > li:nth-child(4) {
    background-position: 51% top;
    background-size: 40px;
  }
  .dlList.croOverview > li:nth-child(1) {
    background-position: center top;
    background-size: 40px;
  }
  .dlList.croOverview > li:nth-child(2) {
    background-position: center top;
    background-size: 56px;
  }
  .dlList.croOverview > li:nth-child(3) {
    background-position: center top;
    background-size: 37px;
  }
  .dlList.croOverview > li:nth-child(4) {
    background-position: center top;
  }
  .dlList.cdoOverview .dashList li, .dlList.croOverview .dashList li {
    padding-left: 0px;
  }
  .dlList.cdoOverview .dashList li:before, .dlList.croOverview .dashList li:before {
    position: relative;
    display: inline;
    top: auto;
    left: auto;
    margin-right: 5px;
  }
  .dlList.cdoBanner > li {
    position: relative;
    padding: 144px 30px 20px;
    background: #e9f2fa;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .dlList.cdoBanner > li:nth-child(1) {
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  .dlList.cdoBanner > li:nth-child(1):after {
    left: 50%;
    top: 20px;
    width: 102px;
    height: 102px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-size: 102px;
  }
  .dlList.cdoBanner > li dl {
    margin: 0 30px;
  }
  .dlList.cdoBanner > li dl dt {
    font-size: 21px;
  }
  .dlList.cdoBanner > li dl dd {
    font-size: 14px;
  }
  .dlList.cdoBanner > li dl dd .dashList li:before {
    position: static;
    padding-right: 8px;
  }
  .dlList.cdoBanner + .cdoOverview {
    padding-top: 0;
  }
  .dlList.qualityOverview li {
    padding-right: 0;
  }
  .dlList.qualityOverview li:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-image: url(../../images/ourServices/m_icon_qualityOverview.png);
    background-size: 200px;
  }
  .dlList.qualityOverview li:nth-child(1):after {
    width: 70px;
    height: 56px;
  }
  .dlList.qualityOverview li:nth-child(1) dl dd {
    padding-top: 25px;
  }
  .dlList.qualityOverview li:nth-child(2):after {
    width: 66px;
    height: 62px;
  }
  .dlList.qualityOverview li:nth-child(3):after {
    width: 80px;
    height: 60px;
  }
  .dlList.qualityOverview li:nth-child(4):after {
    width: 60px;
    height: 60px;
  }
  .dlList.qualityOverview li dl dt {
    padding-top: 20px;
  }
  .dlList > li {
    margin-top: 30px;
    float: none;
    padding-top: 60px;
    padding-left: 0 !important;
    padding-bottom: 30px;
    width: 100% !important;
    min-height: auto;
    text-align: center;
    border-bottom: 2px solid #ddd;
    background-position: center top;
    background-size: 48px;
  }
  .dlList > li:last-child {
    border-bottom: none !important;
  }
  .ProcessDevelopment dd img {
    width: 80%;
  }
  .manufacturing li {
    float: none;
    width: 100%;
  }
  .timelineText {
    font-size: 18px;
  }
  .btn_link {
    margin: 20px auto 0;
    width: 144px;
    height: 50px;
    line-height: 3;
    font-size: 17px;
    font-weight: 500;
    color: #222edd;
    text-align: center;
    border: 1px solid #222edd;
  }
}
@media (max-width: 480px) {
  .ProcessDevelopment dd img {
    width: 100%;
  }
  .timelineText {
    font-size: 16px;
  }
}
/*------------------------------------------------------------------

# CMO

------------------------------------------------------------------*/
.cmoOverview {
  position: relative;
}
.cmoOverview ul {
  display: block;
}
.cmoOverview ul:after {
  content: "";
  display: block;
  clear: both;
}
.cmoOverview ul li {
  position: relative;
  float: left;
  margin-left: 10px;
  width: calc((50% + 86px) / 2);
  height: 252px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cmoOverview ul li[data-img="0"] {
  margin-left: 0;
  width: calc(50% - 106px);
  height: 514px;
  background-image: url(../../images/ourServices/img_cmo_overview1.jpg);
}
.cmoOverview ul li[data-img="0"] p {
  line-height: 1.5;
  font-size: 24px;
}
.cmoOverview ul li[data-img="1"] {
  background-image: url(../../images/ourServices/img_cmo_overview2.jpg);
}
.cmoOverview ul li[data-img="2"] {
  background-image: url(../../images/ourServices/img_cmo_overview3.jpg);
}
.cmoOverview ul li[data-img="3"] {
  margin-top: 10px;
  background-image: url(../../images/ourServices/img_cmo_overview4.jpg);
}
.cmoOverview ul li[data-img="4"] {
  margin-top: 10px;
  background-image: url(../../images/ourServices/img_cmo_overview5.jpg);
}
.cmoOverview ul li p {
  position: absolute;
  bottom: 0;
  padding: 20px 30px;
  line-height: 1.3;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

#container .cmoList .pix-in {
  padding-top: 30px;
  padding-bottom: 90px;
}

.cmoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cmoList.len4 dl {
  width: calc(25% - 2px);
}
.cmoList.drugSubstance .pix-in {
  padding-top: 70px !important;
}
.cmoList.drugSubstance dl {
  background: url(../../images/ourServices/icon_cdo1.png) no-repeat center top;
}
.cmoList.drugSubstance dl.sw1 {
  background-image: url(../../images/ourServices/icon_cro1.png);
}
.cmoList.drugSubstance dl.sw2 {
  background-image: url(../../images/ourServices/icon_cmo6.png);
  background-position: center top;
}
.cmoList.drugSubstance dl.sw3 {
  background-image: url(../../images/ourServices/icon_cmo_overview3.png);
  background-position: center top;
}
.cmoList.drugSubstance dl dd {
  width: calc(100% - 58px) !important;
}
.cmoList dl {
  margin-left: auto;
  margin-right: auto;
  width: calc(20% - 2px);
  display: inline-block;
  vertical-align: top;
  background: url(../../images/ourServices/icon_cmo1.png) no-repeat center top;
}
.cmoList dl.sw0 {
  margin-top: 14px;
}
.cmoList dl.sw1 {
  margin-top: 15px;
  background-image: url(../../images/ourServices/icon_cmo2.png);
}
.cmoList dl.sw2 {
  margin-top: 20px;
  background-image: url(../../images/ourServices/icon_cmo3.png);
  background-position: 61% top;
}
.cmoList dl.sw2 dt {
  padding-top: 91px;
}
.cmoList dl.sw2 dd {
  width: 160px;
}
.cmoList dl.sw3 {
  margin-top: 23px;
  background-image: url(../../images/ourServices/icon_cmo4.png);
}
.cmoList dl.sw3 dt {
  padding-top: 88px;
}
.cmoList dl.sw3 dd {
  width: 162px;
}
.cmoList dl.sw4 {
  margin-top: 27px;
  margin-right: 0;
  max-width: 185px;
  background-image: url(../../images/ourServices/icon_cmo5.png);
}
.cmoList dl.sw4 dt {
  padding-top: 85px;
}
.cmoList dl.sw4 dd {
  width: 169px;
}
.cmoList dl dt {
  padding-top: 96px;
  height: 80px;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  vertical-align: top;
}
.cmoList dl dd {
  position: relative;
  margin: 0 auto;
  padding-left: 14px;
  width: 148px;
  line-height: 1.5;
  text-align: left;
}
.cmoList dl dd:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 50%;
  background-color: #8b8b8b;
}

#container .cmoSlide .cmoItm .pix-in {
  margin-top: 270px;
  padding-top: 0;
  padding-left: 20px;
  border-left: 2px solid #0d4d9d;
}

.cmoSlide {
  position: relative;
  height: 756px;
  overflow: hidden;
}
.cmoSlide .cmoItm {
  position: relative;
  width: 100%;
  height: 756px;
  overflow: hidden;
  background-size: cover !important;
}
.cmoSlide .cmoItm.itm1 {
  background: url(../../images/ourServices/bg_cmo.jpg) center center no-repeat;
}
.cmoSlide .cmoItm.itm2 {
  background: url(../../images/ourServices/bg_cmo2.jpg) center center no-repeat;
}
.cmoSlide .cmoItm.itm3 {
  background: url(../../images/ourServices/bg_cmo3.jpg) center center no-repeat;
}
.cmoSlide .cmoItm .bigTxt {
  padding-bottom: 40px;
  line-height: 1;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
.cmoSlide .cmoItm .smallTxt {
  line-height: 1.7;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
.cmoSlide .slide-control {
  position: absolute;
  bottom: 177px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 1200px;
  z-index: 1;
}
.cmoSlide .slide-control .play,
.cmoSlide .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.cmoSlide .slide-control .play {
  background: url(../../images/btn/slide_play.png) center center no-repeat;
}
.cmoSlide .slide-control .pause {
  background: url(../../images/btn/slide_pause.png) center center no-repeat;
}
.cmoSlide .slide-control .swiper-button-next,
.cmoSlide .slide-control .swiper-button-prev {
  width: 14px;
  height: 26px;
  margin-top: -500px;
}
.cmoSlide .slide-control .swiper-button-next {
  right: 0px;
  background: url(../../images/arrow/swiper_next_white.png) 0 0 no-repeat;
}
.cmoSlide .slide-control .swiper-button-prev {
  left: 0px;
  background: url(../../images/arrow/swiper_prev_white.png) 0 0 no-repeat;
}
.cmoSlide .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
.cmoSlide .slide-control .swiper-pagination span:first-child {
  margin-left: 0;
}

.cmo {
  position: relative;
}
.cmo .cmoItm {
  position: relative;
  width: 100%; /* height:530px; */
  overflow: hidden;
  background: url(../../images/ourServices/bg_cmo_DS1.jpg) 0 0 no-repeat;
  background-size: cover;
}
.cmo .cmoItm .pix-in {
  margin-top: 90px;
  margin-bottom: 90px;
  padding-top: 0 !important;
  padding-left: 20px;
  border-left: 2px solid #0d4d9d;
}
.cmo .cmoItm .pix-in .bigTxt {
  padding-bottom: 40px;
  line-height: 1;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
.cmo .cmoItm .pix-in .smallTxt {
  line-height: 1.7;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

@media (max-width: 1023px) {
  .cmoOverview {
    padding-bottom: 20px;
  }
  .cmoOverview ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cmoOverview ul li {
    float: none;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    height: 300px !important;
  }
  .cmoOverview ul li[data-img="0"] {
    background-image: url(../../images/ourServices/m_img_cmo_overview1.jpg);
  }
  .cmoOverview ul li[data-img="0"] p {
    line-height: 1.4;
    font-size: 18px;
  }
  .cmoOverview ul li[data-img="1"] {
    background-image: url(../../images/ourServices/m_img_cmo_overview2.jpg);
  }
  .cmoOverview ul li[data-img="2"] {
    background-image: url(../../images/ourServices/m_img_cmo_overview3.jpg);
  }
  .cmoOverview ul li[data-img="3"] {
    background-image: url(../../images/ourServices/m_img_cmo_overview4.jpg);
  }
  .cmoOverview ul li[data-img="4"] {
    background-image: url(../../images/ourServices/m_img_cmo_overview5.jpg);
  }
  .cmoOverview ul li p {
    line-height: 1.4;
    font-size: 18px;
  }
  .cmoOverview .swiper-pagination .swiper-pagination-bullet {
    border-color: #222edd;
  }
  .cmoOverview .swiper-pagination .swiper-pagination-bullet-active {
    background: #222edd;
  }
  .cmoOverview .sideControl .swiper-pagination {
    left: 50%;
    -webkit-transform: translate(-50%, 11px);
            transform: translate(-50%, 11px);
  }
  .cmoOverview .swiper-button-prev, .cmoOverview .swiper-button-next {
    width: 17px;
    height: 32px;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }
  .cmoOverview .swiper-button-next {
    left: auto;
    right: 20px;
    background-image: url(../../images/arrow/white_next.png);
  }
  .cmoOverview .swiper-button-prev {
    left: 20px;
    background-image: url(../../images/arrow/white_prev.png);
  }
  .cmoList.len4 dl {
    width: 100%;
  }
  .cmoList dl {
    width: 100%;
    display: block;
  }
  .cmoList dl.sw0 {
    margin-top: 0;
  }
  .cmoList dl.sw1 {
    margin-top: 0;
    background-position: center top;
  }
  .cmoList dl.sw2 {
    margin-top: 0;
    background-position: 53% top;
  }
  .cmoList dl.sw3 {
    margin-top: 0;
  }
  .cmoList dl.sw4 {
    margin-top: 0;
    max-width: none;
  }
  .cmoList dl dt {
    padding-top: 88px;
    padding-bottom: 20px;
    height: auto;
  }
  .cmoList dl dd {
    padding-left: 9px;
    width: 124px;
    font-size: 14px;
  }
  .cmoList dl dd:before {
    top: 10px;
    width: 3px;
    height: 3px;
  }
  #container .cmoList .pix-in {
    padding-bottom: 45px;
  }
  .cmoList .swiper-button-prev {
    left: 0;
  }
  .cmoList .swiper-button-next {
    right: 0;
  }
  .cmoList .swiper-pagination {
    position: static;
    margin-top: 24px;
    font-size: 18px;
  }
  .cmoList .swiper-pagination .swiper-pagination-current {
    color: #075bb4;
  }
  #container .cmoSlide .cmoItm .pix-in {
    margin-top: 66px;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 0;
  }
  .cmoSlide {
    height: auto;
  }
  .cmoSlide .cmoItm {
    height: 567px;
  }
  .cmoSlide .cmoItm.itm1 {
    background-position: center bottom;
  }
  .cmoSlide .cmoItm.itm2 {
    background-position: center bottom;
  }
  .cmoSlide .cmoItm .bigTxt {
    position: relative;
    font-size: 20px;
  }
  .cmoSlide .cmoItm .bigTxt:after {
    content: "";
    position: absolute;
    left: 0;
    top: -65px;
    width: 1px;
    height: 54px;
    background-color: #075bb4;
  }
  .cmoSlide .cmoItm .smallTxt {
    font-size: 14px;
    line-height: 1.6;
  }
  .cmoSlide .slide-control {
    left: auto;
    bottom: 64px;
    text-align: center;
    -webkit-transform: translate(-1%, 0);
            transform: translate(-1%, 0);
  }
  .cmoSlide .swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
  }
  .cmoSlide .swiper-pagination .swiper-pagination-bullet-active:after {
    top: 2px;
    left: 2px;
    width: 3px;
    height: 3px;
  }
  .cmo .cmoItm {
    height: auto;
    background: url(../../images/ourServices/m_bg_cmo_DS1.png) 0 0 no-repeat;
    background-size: cover;
  }
  .cmo .cmoItm .pix-in {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 60px 30px !important;
    border-left: 0;
  }
  .cmo .cmoItm .pix-in:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 30px;
    display: block;
    width: 2px;
    height: 50px;
    background: #0d4d9d;
  }
  .cmo .cmoItm .pix-in .bigTxt {
    padding-bottom: 60px;
    line-height: 1.4;
    font-size: 20px;
  }
  .cmo .cmoItm .pix-in .smallTxt {
    line-height: 1.6;
    font-size: 14px;
  }
  .foot-menu .pix-in > dl > dt {
    font-size: 22px;
    padding-bottom: 0px;
    border-bottom: 0;
  }
  .foot-menu .pix-in > dl > dd {
    margin-top: 50px;
  }
  .foot-menu .pix-in > dl > dd > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .foot-menu .pix-in > dl > dd > ul > li dl dt {
    padding-bottom: 20px;
    border-bottom: 1px solid #747474;
  }
  .foot-menu .pix-in > dl > dd > ul > li dl dd ul {
    gap: 20px;
  }
}
.dlList2:after {
  content: "";
  display: block;
  clear: both;
}
.dlList2 li {
  float: left;
  padding-top: 90px;
  width: 33.3333333333%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
}
.dlList2 li:nth-child(1) {
  background-image: url(../../images/ourServices/icon_cmo_overview1.png);
}
.dlList2 li:nth-child(2) {
  background-image: url(../../images/ourServices/icon_cmo_overview2.png);
}
.dlList2 li:nth-child(3) {
  background-image: url(../../images/ourServices/icon_cmo_overview3.png);
}
.dlList2 li:nth-child(4) {
  background-image: url(../../images/ourServices/icon_cmo_overview4.png);
}
.dlList2 li:nth-child(5) {
  background-image: url(../../images/ourServices/icon_cmo_overview5.png);
}
.dlList2 li:nth-child(6) {
  background-image: url(../../images/ourServices/icon_cmo_overview6.png);
}
.dlList2 li dt {
  font-size: 18px;
  font-weight: 500;
}
.dlList2 li dd {
  padding-top: 8px;
  padding-bottom: 70px;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 300;
}
.dlList2 li dd strong {
  font-weight: 500;
}

.drugSubstance1 {
  padding-top: 60px;
}
.drugSubstance1 .swiper-container {
  margin: 0 auto;
  padding: 20px 77px 120px;
  max-width: 1046px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide {
  padding: 40px 60px 0;
  max-width: 926px;
  height: 576px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
.drugSubstance1 .swiper-wrapper .swiper-slide h4 {
  font-size: 26px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide p {
  padding-top: 10px;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 300;
}
.drugSubstance1 .swiper-wrapper .swiper-slide p.pdt13 {
  padding-top: 13px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo {
  padding-top: 28px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo:after {
  content: "";
  display: block;
  clear: both;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl {
  float: left;
  width: calc(33.33% - 27px);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:first-child dt {
  background-color: #7f89c6;
  border-radius: 5px 5px 0 0;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:first-child dd {
  color: #7f89c6;
  background-color: #d9dcee;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:first-child dd li:first-child {
  border-top: 0;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:last-child {
  float: right;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:last-child dt {
  background-color: #65b5a0;
  border-radius: 5px 5px 0 0;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:last-child dd {
  color: #65b5a0;
  background-color: #d2eae3;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dt {
  height: 60px;
  line-height: 3.3;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li {
  position: relative;
  height: 80px;
  line-height: 1.3;
  font-size: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul {
  float: left;
  padding-top: 60px;
  padding-left: 24px;
  width: calc(33.33% - 17px);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li {
  position: relative;
  padding: 28px 0 28px 125px;
  border-bottom: 1px solid #ddd;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:before {
  content: "";
  position: absolute;
  left: 71px;
  top: 24px;
  background-repeat: no-repeat;
  background-position: left center;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(1):before {
  width: 31px;
  height: 31px;
  background-image: url(../../images/ourServices/ico_drugSubstance1.png);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(2):before {
  left: 73px;
  width: 27px;
  height: 43px;
  background-image: url(../../images/ourServices/ico_drugSubstance2.png);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(3):before {
  left: 68px;
  width: 37px;
  height: 37px;
  background-image: url(../../images/ourServices/ico_drugSubstance3.png);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(4) {
  border-bottom: 0;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(4):before {
  left: 79px;
  width: 15px;
  height: 38px;
  background-image: url(../../images/ourServices/ico_drugSubstance4.png);
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 {
  padding-top: 40px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 img {
  clear: both;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail {
  float: left;
  margin-top: 30px;
  padding: 25px 23px;
  width: calc(50% - 49px);
  min-height: 152px;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail + .scmo2Detail {
  margin-left: 5px;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail p {
  padding-bottom: 20px;
  line-height: 1.6;
  font-weight: 400;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail li {
  position: relative;
  padding-left: 10px;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 300;
}
.drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail li:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #545454;
}
.drugSubstance1 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 80px;
}
.drugSubstance1 .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #222edd;
  background: transparent;
}
.drugSubstance1 .swiper-pagination .swiper-pagination-bullet-active {
  background: #222edd;
}
.drugSubstance1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.drugSubstance1 .swiper-button-next,
.drugSubstance1 .swiper-button-prev {
  margin-top: -40px;
  width: 27px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: left top;
}
.drugSubstance1 .swiper-button-next {
  background-image: url(../../images/arrow/blue_next.png);
}
.drugSubstance1 .swiper-button-next.swiper-button-disabled {
  background-image: url(../../images/arrow/black_next.png);
}
.drugSubstance1 .swiper-button-prev {
  background-image: url(../../images/arrow/blue_prev.png);
}
.drugSubstance1 .swiper-button-prev.swiper-button-disabled {
  background-image: url(../../images/arrow/black_prev.png);
}

.cellCulture .pix-in .pageInfo {
  padding-bottom: 0;
}

.mRnaImg .pix-in {
  padding-top: 60px;
}
.mRnaImg .mobile.block {
  padding: 30px 0;
}

.plants {
  background: url(../../images/ourServices/img_drugsubstance_240927.jpg) no-repeat left bottom;
  background-size: cover;
}
.plants .pix-in {
  padding-top: 90px !important;
}
.plants .pix-in > p {
  position: relative;
  padding-left: 20px;
  margin-bottom: 100px;
  line-height: 1.3;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
.plants .pix-in > p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: calc(100% - 16px);
  background-color: #222edd;
}

.plantsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.plantsList dt {
  line-height: 1.3;
  font-size: 30px;
  font-weight: 300;
  color: #fff;
}
.plantsList dt strong {
  font-weight: 500;
  display: block;
}
.plantsList dd {
  padding-top: 30px;
}

.plantsEtc {
  padding-top: 60px;
  padding-bottom: 100px;
}
.plantsEtc.etc-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plantsEtc.etc-btns li .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 400px;
  min-height: 75px;
  border: 1px solid #fff;
  color: #fff;
}
.plantsEtc.etc-btns li .btn-box:after {
  content: "";
  display: block;
  width: 18px;
  height: 22px;
  margin-left: 10px;
  background: url(../../images/ourServices/btn_arrow.png) 0 0 no-repeat;
}
.plantsEtc.etc-btns li .btn-box span {
  font-size: 22px;
}
.plantsEtc li {
  line-height: 1.6;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}

.drugSubstance2 {
  background: url(../../images/ourServices/img_slide1.jpg) no-repeat left top;
  background-size: cover;
}
.drugSubstance2 .swiper-slide {
  padding-top: 146px;
  padding-bottom: 111px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center 60px;
}
.drugSubstance2 .swiper-slide[data-slide="0"] {
  background-image: url(../../images/ourServices/ico_drugSubstance2_1.png);
}
.drugSubstance2 .swiper-slide[data-slide="1"] {
  background-image: url(../../images/ourServices/ico_drugSubstance2_2.png);
}
.drugSubstance2 .swiper-slide[data-slide="2"] {
  background-image: url(../../images/ourServices/ico_drugSubstance2_3.png);
}
.drugSubstance2 .swiper-slide[data-slide="3"] {
  background-image: url(../../images/ourServices/ico_drugSubstance2_4.png);
}
.drugSubstance2 .swiper-slide h4 {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
.drugSubstance2 .swiper-slide p {
  padding-top: 10px;
  line-height: 1.4;
  font-weight: 300;
  color: #fff;
}
.drugSubstance2 .swiper-container-horizontal > .swiper-pagination-bullets, .drugSubstance2 .swiper-pagination-custom, .drugSubstance2 .swiper-pagination-fraction {
  bottom: 56px;
}
.drugSubstance2 .swiper-button-next {
  background-image: url(../../images/arrow/white_next.png);
}
.drugSubstance2 .swiper-button-prev {
  background-image: url(../../images/arrow/white_prev.png);
}

.biopharma-manufacturing .section + .pix-in {
  margin-top: 80px;
}
.biopharma-manufacturing .pageInfo {
  padding-bottom: 0;
}
.biopharma-manufacturing .pageInfo.pageInfoWTyp10 {
  margin-top: 50px;
}
.biopharma-manufacturing .btn-line {
  position: relative;
  width: 100%;
  padding: 55px 0 0;
}
.biopharma-manufacturing .btn-line p {
  font-weight: 500;
  font-size: 22px;
}
.biopharma-manufacturing .btn-line .btn-arg {
  padding-top: 15px;
}
.biopharma-manufacturing .btn-line .btn-arg a {
  position: relative;
  display: block;
  width: 190px;
  height: 50px;
  padding: 13px 50px 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #000;
}
.biopharma-manufacturing .btn-line .btn-arg a::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 21px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(./../../images/ourServices/btn_cdosequence.png) 0 0 no-repeat;
}

.mammalian-cell-culture .section.plants .blueLine {
  color: #fff;
}
.mammalian-cell-culture .section.plants .desc {
  margin: 20px 0 0;
  line-height: 1.5;
  padding-left: 0;
  font-weight: 300;
}
.mammalian-cell-culture .section.plants .desc::after {
  display: none;
}
.mammalian-cell-culture .section.plants .subDesc {
  margin: 50px 0 30px;
  line-height: 1.5;
  font-size: 22px;
  padding-left: 0;
  font-weight: 400;
}
.mammalian-cell-culture .section.plants .subDesc::after {
  display: none;
}
.mammalian-cell-culture .pix-in.btnLine {
  padding-top: 50px;
}
.mammalian-cell-culture .pix-in .pageInfoWTyp7 {
  margin-top: 50px;
}
.mammalian-cell-culture .pix-in .desc {
  margin: 20px 0 70px;
  font-size: 18px;
}
.mammalian-cell-culture .btn-line {
  position: relative;
  width: 100%;
}
.mammalian-cell-culture .btn-line p {
  font-weight: 500;
  font-size: 22px;
}
.mammalian-cell-culture .btn-line .btn-arg {
  padding-top: 15px;
}
.mammalian-cell-culture .btn-line .btn-arg a {
  position: relative;
  display: block;
  width: 190px;
  height: 50px;
  padding: 13px 50px 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #000;
}
.mammalian-cell-culture .btn-line .btn-arg a::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 21px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(./../../images/ourServices/btn_cdosequence.png) 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .dlList2 li {
    margin-top: 30px;
    float: none;
    padding-top: 60px;
    padding-left: 0 !important;
    padding-bottom: 30px;
    width: 100% !important;
    min-height: auto;
    text-align: center;
    border-bottom: 2px solid #ddd;
    background-position: center top;
    background-size: 48px;
  }
  .dlList2 li:last-child {
    border-bottom: none !important;
  }
  .dlList2 li dt {
    font-size: 18px;
    font-weight: 500;
  }
  .dlList2 li dd {
    padding-top: 8px;
    padding-bottom: 0;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 300;
  }
  .dlList2 li dd strong {
    font-weight: 500;
  }
  .drugSubstance1 {
    padding-top: 30px;
  }
  .drugSubstance1 .swiper-container {
    padding: 15px 48px 120px;
    max-width: none;
    width: calc(100% - 120px);
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide {
    padding: 20px 30px;
    height: auto;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide h4 {
    font-size: 20px;
    text-align: center;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide p {
    line-height: 1.5;
    font-size: 12px;
    text-align: center;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dt {
    height: 30px;
    line-height: 2.1;
    font-size: 16px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li {
    padding: 11px 0 10px 8px;
    height: auto;
    min-height: 33px;
    line-height: normal;
    font-size: 16px;
    text-align: center;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li:first-child {
    min-height: auto;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li:first-child span {
    position: static;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl:last-child {
    margin-top: 15px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul {
    padding-top: 31px;
    padding-left: 31px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li {
    padding: 10px 0 10px 48%;
    font-size: 12px;
    font-weight: 400;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:before {
    top: 6px;
    left: 26%;
    background-size: cover;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(1):before {
    width: 25px;
    height: 25px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(2):before {
    top: 11px;
    left: 27%;
    width: 21px;
    height: 34px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(3):before {
    top: 15px;
    left: 25%;
    width: 31px;
    height: 30px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:nth-child(4):before {
    top: 14px;
    left: 30%;
    width: 12px;
    height: 30px;
  }
  .drugSubstance1 .swiper-button-prev,
  .drugSubstance1 .swiper-button-next {
    display: block;
  }
  .plantsList dl {
    margin-top: 28px;
  }
  .plantsList dl:first-child {
    margin-top: 0;
  }
  .plantsList dt {
    line-height: 1.4;
    font-size: 20px;
  }
  .plantsList dd {
    padding-top: 20px;
  }
  .plantsList dd img {
    width: 85%;
  }
  .plantsList.oldList dl {
    float: left;
    padding-left: 20px;
    width: calc(33.3333% - 14px);
  }
  .plantsList.oldList dl:first-child {
    padding-left: 0;
    width: 100%;
  }
  .plantsList.oldList dl:first-child dt {
    text-align: center;
  }
  .plantsList.oldList dl:first-child dd img {
    margin: 0 auto;
    width: 372px;
  }
  .plantsList.oldList dl:nth-child(2) {
    padding-left: 0;
  }
  .plantsList.oldList dt {
    line-height: 1.4;
    font-size: 16px;
  }
  .plantsList.oldList dt strong {
    font-size: 20px;
  }
  .plantsList.oldList dd img {
    width: 142px;
  }
  .plants {
    background-image: url(../../images/ourServices/m_img_drugsubstance_240927.jpg);
  }
  .plants .pix-in {
    padding-top: 45px !important;
  }
  .plants .pix-in > p {
    margin-bottom: 50px;
    line-height: 1.3;
    font-size: 20px;
  }
  .plants .pix-in > p:after {
    top: 0;
    height: 100%;
  }
  .plantsEtc {
    padding: 33px 0 36px;
  }
  .plantsEtc.etc-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .plantsEtc.etc-btns li {
    width: 100%;
  }
  .plantsEtc.etc-btns li + li {
    margin-top: 20px;
  }
  .plantsEtc.etc-btns li .btn-box {
    width: 100%;
    min-width: auto;
    min-height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .plantsEtc.etc-btns li .btn-box:after {
    content: "";
    display: block;
    width: 13px;
    height: 16px;
    margin-left: 6px;
    background: url(../../images/ourServices/btn_arrow.png) 0 0/cover no-repeat;
  }
  .plantsEtc.etc-btns li .btn-box span {
    font-size: 13px;
  }
  .plantsEtc li {
    font-size: 12px;
  }
  .drugSubstance2 {
    background-size: cover;
  }
  .drugSubstance2 .swiper-button-prev {
    left: 28px;
    width: 15px;
    height: 26px;
    display: block;
    background-image: url(../../images/arrow/swiper_prev_white.png);
    background-size: 15px 26px;
  }
  .drugSubstance2 .swiper-button-next {
    right: 28px;
    width: 15px;
    height: 26px;
    display: block;
    background-image: url(../../images/arrow/swiper_next_white.png);
    background-size: 15px 26px;
  }
}
@media (max-width: 768px) {
  .drugSubstance1 .swiper-container {
    padding: 15px 40px 120px;
    width: calc(100% - 90px);
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide {
    padding: 20px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide h4 {
    font-size: 14px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl {
    float: right;
    width: 55%;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li {
    text-align: left;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo dl dd li span {
    position: static;
    left: 8px;
    top: auto;
    -webkit-transform: none;
            transform: none;
    font-size: 14px;
    text-align: left;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul {
    padding-top: 34px;
    padding-left: 0;
    width: calc(45% - 21px);
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li {
    padding: 10px 0 8px 8px;
    font-size: 12px;
    font-weight: 400;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul li:before {
    display: none;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo > ul + ul {
    margin-top: 22px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 {
    text-align: center;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .m_img {
    margin: 0 auto;
    width: 180px;
  }
  .drugSubstance1 .swiper-wrapper .swiper-slide .scmo2 .scmo2Detail {
    display: none;
  }
  .drugSubstance1 .swiper-button-next,
  .drugSubstance1 .swiper-button-next.swiper-button-disabled {
    width: 36px;
    height: 36px;
    background-image: url(../../images/arrow/swiper_next_radius2.png);
    background-size: 36px;
  }
  .drugSubstance1 .swiper-button-prev,
  .drugSubstance1 .swiper-button-prev.swiper-button-disabled {
    width: 36px;
    height: 36px;
    background-image: url(../../images/arrow/swiper_prev_radius2.png);
    background-size: 36px;
  }
  .plantsList {
    margin: 0 auto;
    width: 100%;
    display: block;
  }
  .plantsList:after {
    content: "";
    display: block;
    clear: both;
  }
  .plantsList.oldList dt {
    display: block;
  }
  .plantsList dl {
    float: left;
    width: 100%;
    /* &:nth-child(odd){padding-left:20px;
    	&.scmo{padding-left:0; width:100%;
    		dd img{width:368px;}
    	}
    	&.p2{padding-right:33.333%;}
    	&.p4{width:calc(66.666% - 14px);
    		dd img{width:281px;}
    	}
    } */
  }
  .plantsList dl.p4 {
    display: none !important;
  }
  .plantsList dt {
    line-height: 1.4;
    font-size: 16px;
    display: none;
  }
  .plantsList dt strong {
    font-size: 20px;
  }
  .plantsList dd img {
    width: 100%;
  }
  .drugSubstance2 .pix-in {
    padding: 0 !important;
  }
  .drugSubstance2 .swiper-container-horizontal > .swiper-pagination-bullets,
  .drugSubstance2 .swiper-pagination-custom, .drugSubstance2 .drugSubstance2 .swiper-pagination-fraction {
    bottom: 32px;
  }
  .drugSubstance2 .swiper-slide {
    padding-top: 112px;
    padding-bottom: 68px;
    background-size: 50px;
    background-position: center 36px;
  }
  .drugSubstance2 .swiper-slide h4 {
    padding: 0 68px;
    line-height: 1.3;
    font-size: 20px;
  }
  .drugSubstance2 .swiper-slide p {
    padding: 25px 68px 0;
    line-height: 1.6;
    font-size: 14px;
  }
}
/* S : 200423 */
/* S : quality control */
.quality_control .border_box {
  padding: 80px 0 70px;
  border-top: 1px solid #e8e8e8;
}
.quality_control .border_box.blue {
  border-top: 4px solid #222edd;
}
.quality_control .border_box strong {
  color: #222;
  font-size: 30px;
}
.quality_control .border_box p {
  padding: 40px 0 0 0;
  color: #222;
  font-size: 20px;
  line-height: 1.7;
}
.quality_control .border_box p + p {
  padding: 40px 0 0 0;
}
.quality_control .border_box dl:after {
  content: "";
  display: block;
  clear: both;
}
.quality_control .border_box dl dt {
  float: left;
  width: 35%;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 500;
}
.quality_control .border_box dl dd {
  float: left;
  width: 65%;
  color: #222;
}
.quality_control .border_box dl dd ul li {
  position: relative;
  padding: 5px 0 0 20px;
  font-size: 20px;
}
.quality_control .border_box dl dd ul li span {
  position: absolute;
  left: 0;
}
.quality_control .border_box .img_box {
  padding: 35px 0 0 0;
}

@media (max-width: 1024px) {
  .quality_control .border_box {
    padding: 65px 0 60px;
  }
  .quality_control .border_box.strong {
    margin: 0 0 50px 0;
    border-bottom: 1px solid #ddd;
  }
  .quality_control .border_box.blue {
    padding: 50px 0;
  }
  .quality_control .border_box.methods {
    border: 0;
    padding-top: 0;
  }
  .quality_control .border_box strong {
    color: #222;
    font-size: 20px;
    line-height: 1.3;
  }
  .quality_control .border_box p {
    padding: 30px 0 0 0;
    font-size: 13px;
    line-height: 1.6;
  }
  .quality_control .border_box p + p {
    padding: 25px 0 0 0;
  }
  .quality_control .border_box dl dt {
    float: none;
    width: 100%;
    color: #222;
    font-size: 20px;
    line-height: 1.3;
  }
  .quality_control .border_box dl dd {
    float: none;
    width: 100%;
    padding: 30px 0 0 0;
  }
  .quality_control .border_box dl dd ul li {
    padding: 5px 0 0 15px;
    font-size: 14px;
  }
}
.quality_compliance .border_box {
  padding: 90px 0;
  border-top: 1px solid #ddd;
}
.quality_compliance .border_box:after {
  content: "";
  display: block;
  clear: both;
}
.quality_compliance .border_box.text {
  padding: 90px 0 0 0;
}
.quality_compliance .border_box strong {
  float: left;
  width: 35%;
  color: #222;
  font-size: 30px;
  line-height: 1.4;
}
.quality_compliance .border_box dl {
  float: left;
  width: 65%;
}
.quality_compliance .border_box dl dt {
  color: #666;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
}
.quality_compliance .border_box dl dd {
  padding: 20px 0 0 0;
  color: #222;
  font-size: 20px;
  line-height: 1.8;
}
.quality_compliance .border_box dl dd .img_box {
  padding: 85px 0 0 0;
}
.quality_compliance .border_box p {
  color: #222;
  font-size: 20px;
  line-height: 1.7;
}
.quality_compliance .border_box p + p {
  padding: 40px 0 0 0;
}

@media (max-width: 1024px) {
  .quality_compliance .border_box {
    padding: 75px 0;
  }
  .quality_compliance .border_box.text {
    padding: 75px 0 0 0;
  }
  .quality_compliance .border_box strong {
    float: none;
    width: 100%;
    font-size: 20px;
    line-height: 1;
  }
  .quality_compliance .border_box dl {
    float: none;
    width: 100%;
  }
  .quality_compliance .border_box dl dt {
    padding: 30px 0 0 0;
    font-size: 12px;
    line-height: 1.3;
  }
  .quality_compliance .border_box dl dd {
    font-size: 12px;
    line-height: 1.6;
  }
  .quality_compliance .border_box dl dd .img_box {
    width: 41%;
    max-width: 250px;
    padding: 30px 0 0 0;
    margin: 0 auto;
  }
  .quality_compliance .border_box dl dd .img_box.pyramid {
    width: 100%;
    max-width: 500px;
  }
  .quality_compliance .border_box p {
    color: #222;
    font-size: 12px;
    line-height: 1.7;
  }
  .quality_compliance .border_box p + p {
    padding: 25px 0 0 0;
  }
}
/* E : quality control */
/* E : 200423 */
.process-development .img-box {
  margin-top: 100px;
}
.process-development .img-box img {
  width: 100%;
}
.process-development .process-box {
  position: relative;
  width: 100%;
}
.process-development .process-box.pc { /* margin-top:100px; */ }
.process-development .process-box.pc ul {
  margin-top: 50px;
}
.process-development .process-box.pc ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.process-development .process-box.pc ul li + li {
  margin-top: 80px;
}
.process-development .process-box.pc ul li dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.process-development .process-box.pc ul li dl + dl {
  margin-left: 60px;
}
.process-development .process-box.pc ul li dl dt {
  position: relative;
}
.process-development .process-box.pc ul li dl dt:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  z-index: 0;
  height: 1px;
  background: #dbdbdb;
}
.process-development .process-box.pc ul li dl dt .txt-box {
  position: relative;
  padding-right: 15px;
  display: inline-block;
  font-size: 28px;
  font-style: italic;
  font-weight: 600;
  background: #fff;
  z-index: 1;
}
.process-development .process-box.pc ul li dl dd {
  margin-top: 20px;
}
.process-development .process-box.pc ul li dl dd .txt {
  font-size: 18px;
  line-height: 1.6;
  color: #222;
}
.process-development .process-box.pc ul li dl dd .img-box {
  margin-top: 60px;
  width: 100%;
  font-size: 0;
}
.process-development .process-s_glyn {
  position: relative;
  width: 100%;
}
.process-development .process-s_glyn + .process-box ul {
  margin-top: 40px;
}
.process-development .process-s_glyn .point em {
  font-style: italic;
}
.process-development .process-s_glyn .txtstrong {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 700;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.process-development .process-s_glyn .txtstrong img {
  margin-right: 10px;
  display: inline-block;
  width: 96px;
}
.process-development .process-s_glyn .txtstrong .normal {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}
.process-development .process-s_glyn .text {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 300;
  color: #222;
}
.process-development .process-s_glyn .moreBtns {
  margin-top: 40px;
}
.process-development .process-s_glyn .moreContent {
  margin-top: 0;
}
.process-development .process-s_glyn .moreContent.on {
  display: block;
}
.process-development .process-s_glyn .moreContent .txtstrong {
  margin-top: 40px;
}
.process-development .process-s_glyn .moreContent .box {
  width: auto;
  border: 0;
}
.process-development .process-s_glyn .dot-list ul {
  margin-top: 10px;
}
.process-development .process-s_glyn .dot-list ul li {
  position: relative;
  padding-left: 14px;
  line-height: 1.8;
}
.process-development .process-s_glyn .dot-list ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #222;
}
.process-development .process-s_glyn .dot-list ul li + li {
  margin-top: 0;
}
.process-development .process-s_glyn .dot-list ul li strong {
  font-style: italic;
  font-weight: 700;
}
.process-development .process-s_glyn .etc {
  margin-top: 20px;
  font-style: italic;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.process-development .process-s_glyn .cdoList {
  margin-top: 30px;
}
.process-development .process-s_glyn .btn-line {
  position: relative;
  padding: 30px 0 0;
  width: 100%;
}
.process-development .process-s_glyn .btn-line p {
  font-size: 22px;
  font-weight: 500;
}
.process-development .process-s_glyn .btn-line .btn-arg {
  padding-top: 15px;
}
.process-development .process-s_glyn .btn-line .btn-arg a {
  position: relative;
  padding: 13px 50px 12px 20px;
  width: 190px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #000;
}
.process-development .process-s_glyn .btn-line .btn-arg a:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 21px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(./../../images/ourServices/btn_cdosequence.png) 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .process-development .img-box {
    margin-top: 40px;
  }
  .process-development .img-box img {
    width: 100%;
  }
  .process-development .process-box { /* position:relative; width:100%; */ }
  .process-development .process-box.mobile { /* margin-top:50px; */ }
  .process-development .process-box.mobile dl dd .txt {
    font-size: 14px;
    line-height: 1.6;
    color: #222;
  }
  .process-development .process-box.mobile dl dd .img-box {
    width: 100%;
    margin: 0;
    padding: 0 20px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f8f8f8;
  }
  .process-development .process-box.mobile dl dd .img-box img {
    width: 100%;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn + .process-box ul {
    margin-top: 100px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .txtstrong {
    margin-top: 40px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -1px;
    display: block;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .txtstrong img {
    margin-right: 5px;
    width: 20%;
    vertical-align: middle;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .txtstrong .normal {
    font-size: 14px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .text {
    margin-top: 16px;
    font-size: 14px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .dot-list ul {
    margin-top: 16px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .dot-list ul li + li {
    margin-top: 10px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .dot-list ul li strong {
    font-weight: 600;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .etc {
    font-style: italic;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .cdoList {
    margin-top: 38px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .btn-line {
    padding: 30px 0 0;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .btn-line p {
    font-style: italic;
    font-size: 16px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .btn-line .btn-arg {
    padding-top: 20px;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .btn-line .btn-arg a {
    padding: 16px 48px 12px 20px;
    width: 160px;
    font-size: 14px;
    text-transform: uppercase;
  }
  .process-development .process-box.mobile dl dd .process-s_glyn .btn-line .btn-arg a:after {
    right: 18px;
  }
}
/* new 2023 company */
.cdo2023 {
  position: relative;
  width: 100%;
}
.cdo2023 .pix-in {
  padding: 150px 0 232px;
}
.cdo2023 .pix-in.nopt {
  padding-top: 0px;
}
.cdo2023 .pix-in.nopb {
  padding-bottom: 0px;
}
.cdo2023 .pix-in .video {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  max-width: 900px;
  width: 68vw;
  max-height: 506px;
  height: 38.3vw;
  background: transparent;
}
.cdo2023 .pix-in .video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 5px solid #fff;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdo2023 .pix-in .video video {
  width: 100%;
}
.cdo2023 .pix-in .right-step {
  position: relative;
  z-index: 1;
}
.cdo2023 .pix-in .right-step .text {
  position: relative;
}
.cdo2023 .pix-in .right-step .text h3 img {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.cdo2023 .pix-in .right-step .text h3 img.ani1 + .ani1 {
  margin-top: 15px;
}
.cdo2023 .pix-in .right-step .text h3 img.ani1 + .ani1 + .ani1 {
  margin-top: 27px;
}
.cdo2023 .pix-in .right-step .text h3 img.ani2 {
  margin-top: 15px;
}
.cdo2023 .pix-in .right-step .text h3 img.ani3 {
  margin-top: 27px;
}
.cdo2023 .pix-in .right-step .text h3 img.action {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.cdo2023 .pix-in .right-step .text .subText {
  margin-top: 17px;
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.cdo2023 .pix-in .right-step .text .subText.action {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.overview-new-arg .txtstrong {
  padding: 10px 0 30px 0;
  font-size: 26px;
  font-weight: 700;
}
.overview-new-arg .txtstrong span {
  color: #0077c8;
}
.overview-new-arg .txtstrong span.italic {
  font-style: italic;
}

.cdoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cdoList.bgBlue {
  background: #e9f2fa;
}
.cdoList.bgBlue .swiper-pagination,
.cdoList.bgBlue .swiper-button-prev,
.cdoList.bgBlue .swiper-button-next {
  display: none;
}
.cdoList.bgBlue .txt {
  text-align: center;
  margin-top: 50px;
  font-size: 18px;
}
.cdoList.bgGray {
  background: #f4f4f4;
}
.cdoList.bgGray .swiper-pagination,
.cdoList.bgGray .swiper-button-prev,
.cdoList.bgGray .swiper-button-next {
  display: none;
}
.cdoList.hover .pix-in {
  padding: 30px 0;
}
.cdoList.hover .btn-features:hover dl dt {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.cdoList.hover .btn-features dl {
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-transition: background-size 0.1s;
  transition: background-size 0.1s;
}
.cdoList.hover .btn-features dl.sw0 {
  background: none;
}
.cdoList.hover .btn-features dl.sw0 dt:before {
  background-image: url(../../images/ourServices/icon_cdo_overview1_230721.png);
  background-size: 98px auto;
}
.cdoList.hover .btn-features dl.sw1 {
  background: none;
}
.cdoList.hover .btn-features dl.sw1 dt:before {
  background-image: url(../../images/ourServices/icon_cdo_overview2_230721.png);
  background-size: 75px auto;
}
.cdoList.hover .btn-features dl.sw2 {
  background: none;
}
.cdoList.hover .btn-features dl.sw2 dt:before {
  background-image: url(../../images/ourServices/icon_cdo_overview3_230721.png);
  background-size: 69px auto;
}
.cdoList.hover .btn-features dl dt {
  position: relative;
  padding-top: 106px;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  text-align: center;
  vertical-align: top;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.cdoList.hover .btn-features dl dt:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 96px;
  background-repeat: no-repeat;
  background-position: center top;
}
.cdoList.flex .pix-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.cdoList.kr dl {
  width: calc(21% - 2px);
}
.cdoList.kr dl dd {
  text-align: center;
}
.cdoList.kr dl dd ul > li {
  padding: 0; /* line-height:1.4; */
  /* & + li {padding-top:8px;} */
}
.cdoList.kr dl dd ul > li:before {
  display: none;
}
.cdoList .pix-in {
  padding: 40px 0;
}
.cdoList dl {
  max-width: 320px;
  margin: 0 auto; /* width:calc(25% - 2px); display:inline-block; */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center top;
  /* &.sw0{background-image:url(../../images/ourServices/icon_cdo_overview1.png);}
  &.sw1{background-image:url(../../images/ourServices/icon_cdo_overview2.png);}
  &.sw2{background-image:url(../../images/ourServices/icon_cdo_overview3.png); background-position:center 4px;} */
}
.cdoList dl.sw0 {
  background-image: url(../../images/ourServices/icon_cdo_overview1_230721.png);
}
.cdoList dl.sw1 {
  background-image: url(../../images/ourServices/icon_cdo_overview2_230721.png);
}
.cdoList dl.sw2 {
  background-image: url(../../images/ourServices/icon_cdo_overview3_230721.png);
}
.cdoList dl.sw3 {
  background-image: url(../../images/ourServices/icon_cdo_process1.png);
}
.cdoList dl.sw4 {
  background-image: url(../../images/ourServices/icon_cdo_process2.png);
  background-position: center 4px;
}
.cdoList dl.sw5 {
  background-image: url(../../images/ourServices/icon_cdo_process3.png);
  background-position: center 4px;
}
.cdoList dl dt {
  padding-top: 96px;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  text-align: center;
  vertical-align: top;
}
.cdoList dl dd {
  padding-top: 22px;
  position: relative;
  margin: 0 auto;
  line-height: 1.5;
  text-align: left;
}
.cdoList dl dd ul li {
  position: relative; /* padding-left:8px; */
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 1.6;
  text-align: center;
  /* &:before{content:'-'; position:absolute; left:0; top:-1px; font-size:14px; color:$c222;} */
}

:lang(ko) .cdoList dl dd ul li { /* text-align:center; padding:0px;  */
  font-size: 16px;
  /* &:before {content:'';} */
}

.cdoSequence {
  margin-top: -80px;
}
.cdoSequence.txt {
  margin-top: -50px;
}
.cdoSequence + .img-box {
  margin-top: 60px;
}
.cdoSequence + .img-box img {
  width: 100%;
}
.cdoSequence .tit {
  font-size: 40px;
  font-weight: 600;
  font-style: italic;
}
.cdoSequence .tit.kr {
  font-size: 34px;
  font-style: normal;
}
.cdoSequence .tit span {
  display: inline-block; /* opacity:0; transform:translateY(-20px); transition:transform .5s ease-in-out, opacity .5s ease-in-out; */
}
.cdoSequence .tit span.action {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.cdoSequence .tit span.point {
  color: #0077c8;
}
.cdoSequence .text { /* padding-top:30px; */
  font-size: 18px;
  color: #222; /* font-weight:400; */
  line-height: 1.5;
}
.cdoSequence .text p + p {
  padding-top: 35px;
}
.cdoSequence .text p.italic {
  font-size: 16px;
  font-style: italic;
  color: #666;
}
.cdoSequence .text p .sup {
  color: #0077c8;
}
.cdoSequence .btn-line {
  position: relative;
  width: 100%;
  padding: 50px 0 0; /*  border-bottom:1px solid #ededed; */
}
.cdoSequence .btn-line p {
  font-weight: 500;
  font-size: 22px;
}
.cdoSequence .btn-line .btn-arg {
  padding-top: 15px;
}
.cdoSequence .btn-line .btn-arg a {
  position: relative;
  display: block;
  width: 190px;
  height: 50px;
  padding: 13px 50px 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #000;
}
.cdoSequence .btn-line .btn-arg a:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 21px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(./../../images/ourServices/btn_cdosequence.png) 0 0 no-repeat;
}
.cdoSequence .clinicalStep {
  position: relative; /* padding-top:60px; */
}
.cdoSequence .clinicalStep + .ind-txt {
  margin-top: 30px;
  font-size: 18px;
  color: #222;
}
.cdoSequence .clinicalStep + .ind-txt .sup {
  color: #0077c8;
}
.cdoSequence .clinicalStep + .ind-txt .italic {
  font-size: 16px;
  font-style: italic;
  color: #666;
}
.cdoSequence .clinicalStep h4 {
  margin-bottom: 35px;
  font-size: 26px;
  font-weight: 700; /* font-style:italic; */
  color: #000;
  line-height: 1.4;
}
.cdoSequence .clinicalStep h4.ko {
  font-style: normal; /* font-size:34px; */ /* font-weight:600; */
}
.cdoSequence .clinicalStep h4.ko span {
  font-style: normal;
}
.cdoSequence .clinicalStep h4 span {
  color: #0077c8;
  font-style: italic;
}
.cdoSequence .clinicalStep .box {
  position: relative;
  width: calc(100% - 190px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* &:before{content:''; position:absolute; bottom:8px; left:0; right:0; height:6px; background:#d2d2d2;}
  &:after{content:''; position:absolute; bottom:-1px; right:-20px; width:0; height:0; border-bottom:12px solid transparent; border-top:12px solid transparent; border-left:12px solid #d2d2d2; border-right:12px solid transparent;} */
}
.cdoSequence .clinicalStep .box [class^=step] {
  position: relative; /* margin-bottom:60px; */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 7px;
  /* &:before{content:''; position:absolute; bottom:-34px; left:50%; margin-left:1px; width:3px; height:24px; background:url(../../images/ourServices/bg_step_dot.png) repeat-y center/100% auto;}
  &:after{content:''; position:absolute; bottom:-60px; left:50%; margin-left:-9px; width:17px; height:17px; border-radius:50%; border-width:3px; border-style:solid;  background:$cfff;} */
  /* dl {padding:22px 15px;
  	dt{min-height:54px; font-size:18px; color:$cfff; font-weight:600; display:flex; justify-content:flex-start; align-items:flex-start;}
  	dd{margin-top:25px;
  		ul{
  			li{position:relative; padding-left:10px; font-size:13px; font-weight:500; color:$cfff; line-height:1.6; letter-spacing:-0.5px;
  				&:before{content:''; position:absolute; top:10px; left:0; width:2px; height:2px; border-radius:50%; background:$cfff;}
  			}
  		}
  	}
  } */
}
.cdoSequence .clinicalStep .box [class^=step] + [class^=step] {
  margin-left: 10px;
}
.cdoSequence .clinicalStep .box [class^=step].step1 {
  background: #a080ea;
}
.cdoSequence .clinicalStep .box [class^=step].step1:after {
  border-color: #a080ea;
}
.cdoSequence .clinicalStep .box [class^=step].step2 {
  background: #8a63e3;
}
.cdoSequence .clinicalStep .box [class^=step].step2:after {
  border-color: #8a63e3;
}
.cdoSequence .clinicalStep .box [class^=step].step3 {
  background: #715bda;
}
.cdoSequence .clinicalStep .box [class^=step].step3:after {
  border-color: #715bda;
}
.cdoSequence .clinicalStep .box [class^=step].step4 {
  background: #4942c0;
}
.cdoSequence .clinicalStep .box [class^=step].step4:after {
  border-color: #4942c0;
}
.cdoSequence .clinicalStep .box [class^=step].step5 {
  background: #3139bb;
}
.cdoSequence .clinicalStep .box [class^=step].step5:after {
  border-color: #3139bb;
}
.cdoSequence .clinicalStep .box [class^=step].step6 {
  background: #0e2195;
}
.cdoSequence .clinicalStep .box [class^=step].step6:after {
  border-color: #0e2195;
}
.cdoSequence .clinicalStep .box [class^=step] a {
  display: block;
  width: 100%;
  height: 100%;
}
.cdoSequence .clinicalStep .box [class^=step] .txt {
  height: 100px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cdoSequence .clinicalStep .box [class^=step] .txt p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.cdoSequence .clinicalStep .bgArrow {
  position: absolute;
  bottom: 35px;
  right: 0;
  width: 190px;
  padding-left: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 26px;
  font-weight: 500;
  color: #222;
  line-height: 1;
  letter-spacing: -1px;
}
.cdoSequence .clinicalStep .bgArrow:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: block;
  width: 50px;
  height: 20px;
  background: url(./../../images/ourServices/bg_clinical_step_arror.png) 0 0 no-repeat;
}

.gallerySlide { /* margin-top:140px; */
  margin-top: 80px;
  padding-bottom: 100px;
  background: #fafafc;
  display: none;
}
.gallerySlide.mgT0 {
  margin-top: 0;
}
.gallerySlide.pc-pagination-none .swiper-pagination {
  display: none;
}
.gallerySlide .pix-in .box-slide-arg {
  margin: 45px 12px 0;
  opacity: 0;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container { /* margin:45px 12px 0; */ }
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide { /* max-width:384px; */
  /* .box{border:1px solid $cddd;
  	a{position:relative; width:100%; height:100%; display:block;
  		.img{padding-top:56.3%; width:100%; display:block; background-repeat:no-repeat; background-position:center; background-size:cover;}

  		.part{padding:30px 30px 0; font-size:14px; font-weight:500; color:$defColor01;}
  		.title{padding:5px 30px 0; font-size:18px; font-weight:500; color:$c222; line-height:1.6;}
  		.date{padding:0 30px; font-size:14px; font-weight:500; color:$c666;}
  		.detail{margin:30px 30px 44px; height:64px; font-size:14px; font-weight:400; line-height:1.5; overflow:hidden; box-sizing:border-box;}
  	}
  } */
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box { /* float:left;width:32.33333%; */
  width: 100%;
  height: auto; /* padding:0 0.5% 15px; */
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a {
  display: block;
  width: 100%;
  background: #fff;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img {
  position: relative;
  width: 100%; /* min-height:193px; */ /* height:188px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom: 0;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img img { /* position:absolute; */
  width: 100%;
  display: block;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt {
  width: 100%;
  padding: 30px 30px;
  border: 1px solid #eee;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt strong {
  color: #222edd;
  font-size: 14px;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl { /* padding:25px 0 0 0; */
  padding: 30px 0 0 0;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dt {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dt > p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.55;
  height: 56px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dt span {
  display: block;
  padding: 10px 0 0 0;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dd {
  padding: 30px 0 0 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.7;
  height: 72px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dd .btn-down {
  display: block; /* width:100%; */ /* width:228px; */ /* max-width:228px; */
  height: 54px; /* padding:15px 0; */
  padding: 12px 30px;
  border: 1px solid #222edd;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  color: #222edd;
  /* &:focus, &:hover, &:active {color:$cfff; background:$defColor01;
  	&:after{background-position-y:-15px;}
  } */
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dd .btn-down:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/related_download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:focus .img img, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:active .img img, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:focus .txt dl dt, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:active .txt dl dt, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:hover .txt dl dt {
  text-decoration: underline;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:focus .txt dl dd .btn-down, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:active .txt dl dd .btn-down, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:hover .txt dl dd .btn-down {
  color: #fff;
  background: #222edd;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:focus .txt dl dd .btn-down:after, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:active .txt dl dd .btn-down:after, .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a:hover .txt dl dd .btn-down:after {
  background-position-y: -15px;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .slide-control {
  position: relative;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .slide-control .swiper-pagination {
  bottom: 0;
  line-height: 0;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .slide-control .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border: 2px solid #222edd;
  background: transparent;
}
.gallerySlide .pix-in .box-slide-arg .swiper-container .slide-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #222edd;
}

/* S : 230503 */
.v230503 .section.ani .pix-in .ani-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 53px;
}
.v230503 .section.ani .pix-in .ani-box [class^=ani] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.v230503 .section.ani .pix-in .ani-box > .ani__left > div {
  line-height: 0;
}
.v230503 .section.ani .pix-in .ani-box > .ani__left > div + div {
  margin-top: 38px;
}
.v230503 .section.ani .pix-in .ani-box > .ani__right > .video {
  position: relative;
  line-height: 0;
  text-align: right;
}
.v230503 .section.ani .pix-in .ani-box > .ani__right > .video > .vide__cover {
  position: absolute;
  top: 0;
  right: 0;
}
.v230503 .section.ani .pix-in .ani-box .fadeIn {
  opacity: 0;
  -webkit-animation: fadeIn 1.5s forwards;
          animation: fadeIn 1.5s forwards;
}
.v230503 .section.ani .pix-in .ani-box .fadeIn2 {
  opacity: 0;
  -webkit-animation: fadeIn 3s forwards;
          animation: fadeIn 3s forwards;
}
.v230503 .section.ani .pix-in .ani-box .fadeOut {
  -webkit-animation: fadeOut 1.5s forwards;
          animation: fadeOut 1.5s forwards;
}
.v230503 .section.ani .pix-in .ani-box .del1 {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
.v230503 .section.ani .pix-in .ani-box .del2 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
.v230503 .section.ani .pix-in .ani-box .del3 {
  -webkit-animation-delay: 3s !important;
          animation-delay: 3s !important;
}
.v230503 .section.ani .pix-in .ani-box .del4 {
  -webkit-animation-delay: 4s !important;
          animation-delay: 4s !important;
}
.v230503 .section.ani .pix-in .ani-box .del5 {
  -webkit-animation-delay: 4.2s !important;
          animation-delay: 4.2s !important;
}
.v230503 .section.slide {
  margin-top: 100px;
  background-color: #e9f2fa;
}
.v230503 .section.slide .pix-in {
  padding-top: 60px;
  padding-bottom: 60px;
}
.v230503 .section.slide .pix-in .swiper-container .swiper-wrapper {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.v230503 .section.slide .pix-in .swiper-container .swiper-wrapper .swiper-slide {
  width: auto;
  text-align: center;
}
.v230503 .section.slide .pix-in .swiper-container .swiper-wrapper .swiper-slide > p {
  margin-top: 12px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}
.v230503 .section.slide .pix-in .swiper-container [class^=swiper-button] {
  display: none;
}
.v230503 .section.desc .pix-in > .tit {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  font-style: italic;
}
.v230503 .section.desc .pix-in > .tit > span {
  color: #0077c8;
}
.v230503 .section.desc .pix-in > .txt {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 1023px) {
  .cdo2023 .pix-in {
    padding: 52px 30px;
  }
  .cdo2023 .pix-in .video {
    position: relative;
    top: auto;
    right: 15vw;
    left: auto;
    margin-top: 5px;
    width: 94.8vw;
    height: 53.3vw;
  }
  .cdo2023 .pix-in .right-step {
    position: relative;
    z-index: 1;
  }
  .cdo2023 .pix-in .right-step .text {
    position: relative;
  }
  .cdo2023 .pix-in .right-step .text h3 img {
    width: 55.5vw;
    -webkit-transform: translateY(-4.6vw);
            transform: translateY(-4.6vw);
    margin-top: 5px !important;
  }
  .cdo2023 .pix-in .right-step .text h3 img.mobile.ani1 + .ani1 {
    margin-top: 8px;
    width: 64vw;
    margin-bottom: 40px;
  }
  .cdo2023 .pix-in .right-step .text h3 img.mobile.ani1 + .ani1 + .ani1 {
    margin-top: 13px;
    width: 54vw;
  }
  .cdo2023 .pix-in .right-step .text h3 img.ani2 {
    margin-top: 8px;
    width: 45vw;
  }
  .cdo2023 .pix-in .right-step .text h3 img.ani3 {
    margin-top: 13px;
    width: 54vw;
  }
  .cdo2023 .pix-in .right-step .text .subText {
    margin-top: 13px;
    -webkit-transform: translateY(-4.6vw);
            transform: translateY(-4.6vw);
  }
  .cdo2023 .pix-in .right-step .text .subText img {
    width: 51vw;
  }
  .overview-new-arg .txtstrong {
    font-size: 18px;
  }
  .cdoList.bgBlue .swiper-pagination,
  .cdoList.bgBlue .swiper-button-prev,
  .cdoList.bgBlue .swiper-button-next {
    display: block;
  }
  .cdoList.bgBlue .txt {
    font-size: 16px;
  }
  .cdoList .pix-in {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .cdoList dl {
    max-width: none;
  }
  .cdoList dl dt {
    padding-top: 96px;
    font-size: 21px;
  }
  .cdoList dl dd {
    padding-top: 42px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    margin: 0 auto;
    line-height: 1.5;
    text-align: left;
  }
  .cdoList dl dd ul li {
    position: relative; /* padding-left:8px; */
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 1.6;
    /* &:before{content:'-'; position:absolute; left:0; top:-1px; font-size:14px; color:$c222;} */
  }
  .cdoList .swiper-container .swiper-pagination {
    position: relative;
    bottom: auto;
    padding-top: 28px;
  }
  .cdoList .swiper-container .swiper-pagination span {
    font-weight: 400;
  }
  .cdoList .swiper-container .swiper-pagination span.swiper-pagination-current {
    color: #075bb4;
  }
  .cdoList .swiper-container .swiper-pagination span.swiper-pagination-total {
    color: #222;
  }
  .cdoList .swiper-button-prev {
    top: 160px;
    margin-top: 0;
  }
  .cdoList .swiper-button-next {
    top: 160px;
    margin-top: 0;
  }
  :lang(ko) .cdoList dl dd ul li {
    font-size: 14px;
  }
  .cdoSequence {
    margin-top: 0px;
  }
  .cdoSequence.txt {
    margin-top: -10px;
  }
  .cdoSequence + .img-box {
    margin-top: 40px;
  }
  .cdoSequence .tit {
    font-size: 26px;
  }
  .cdoSequence .tit.kr {
    font-size: 26px;
  }
  .cdoSequence .text { /* padding-top:20px; */
    font-size: 14px;
  }
  .cdoSequence .text p + p {
    padding-top: 25px;
  }
  .cdoSequence .text p.italic {
    font-size: 14px;
  }
  .cdoSequence .btn-line {
    padding: 30px 0 0;
    border-bottom: none;
  }
  .cdoSequence .btn-line p {
    font-style: italic;
    font-size: 16px;
  }
  .cdoSequence .btn-line .btn-arg {
    padding-top: 15px;
  }
  .cdoSequence .btn-line .btn-arg a {
    position: relative;
    display: block;
    width: 160px;
    height: 50px;
    padding: 16px 50px 13px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #000;
  }
  .cdoSequence .btn-line .btn-arg a:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 21px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(./../../images/ourServices/btn_cdosequence.png) 0 0 no-repeat;
  }
  .cdoSequence .clinicalStep { /* padding-top:40px; */ }
  .cdoSequence .clinicalStep + .ind-txt {
    margin-top: 50px;
    font-size: 14px;
  }
  .cdoSequence .clinicalStep + .ind-txt .italic {
    font-size: 14px;
  }
  .cdoSequence .clinicalStep h4 {
    font-size: 26px;
  }
  .cdoSequence .clinicalStep .box {
    margin-left: 21px;
    width: calc(100% - 21px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .cdoSequence .clinicalStep .box:before {
    content: "";
    position: absolute;
    bottom: auto;
    top: 0;
    left: -15px;
    bottom: 0;
    right: auto;
    width: 3px;
    height: auto;
    background: #d2d2d2;
  }
  .cdoSequence .clinicalStep .box:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: -21px;
    right: auto;
    border-bottom: 8px solid transparent;
    border-top: 8px solid #d2d2d2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .cdoSequence .clinicalStep .box [class^=step] {
    margin-bottom: 30px;
    border-radius: 3px;
    /* &:before{display:none;} */
  }
  .cdoSequence .clinicalStep .box [class^=step]:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: auto;
    left: -19px;
    margin-left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border-style: solid;
    background: #fff;
    border-width: 2px;
  }
  .cdoSequence .clinicalStep .box [class^=step] + [class^=step] {
    margin-left: 0;
  }
  .cdoSequence .clinicalStep .box [class^=step] dl {
    padding: 18px 12px;
  }
  .cdoSequence .clinicalStep .box [class^=step] dl dt {
    min-height: auto;
    font-size: 19px;
  }
  .cdoSequence .clinicalStep .box [class^=step] dl dd {
    margin-top: 10px;
  }
  .cdoSequence .clinicalStep .box [class^=step] dl dd ul li {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400;
  }
  .cdoSequence .clinicalStep .bgArrow {
    position: relative;
    bottom: 0;
    right: auto;
    width: auto;
    padding-left: 0px;
    margin-top: 12px;
    font-size: 20px;
  }
  .cdoSequence .clinicalStep .bgArrow:after {
    display: none;
  }
  .gallerySlide {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .gallerySlide.pc-pagination-none .swiper-pagination {
    display: block;
  }
  .gallerySlide .pix-in .box-slide-arg {
    margin: 20px 0px 0;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide {
    max-width: none;
    /* .box{
    	a{
    		.img{padding-top:56.3%;}

    		.part{padding:20px 14px 0;}
    		.title{display:none;}
    		.date{padding:10px 14px 0;}
    		.detail{margin:12px 14px 29px; height:auto; font-size:18px;}
    	}
    } */
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box { /* float:left;width:50%; */
    width: 100%;
    height: auto;
    padding: 0 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box:nth-child(2n-1) {
    padding-right: 1%;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box:nth-child(2n-2) {
    padding-left: 1%;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img {
    width: 100%;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img img {
    width: 100%;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt { /* padding:37px 21px; */
    padding: 24px;
    border: 1px solid #eee;
    border-top: 0;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl {
    padding: 24px 0 0 0;
    /* dt {
    	& > p {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.7; height:auto; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: unset; -webkit-box-orient: vertical;}
    } */
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dd {
    padding-top: 24px;
    line-height: 1.57;
    height: 65px;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dd .btn-down { /* max-width:210px; */
    height: 50px;
    font-size: 17px;
    padding: 11px 25px;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .slide-control .swiper-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border-width: 1px;
  }
  .v230503 .section.ani .pix-in {
    padding: 50px 0 0;
  }
  .v230503 .section.ani .pix-in .ani-box {
    display: block;
    padding: 0;
  }
  .v230503 .section.ani .pix-in .ani-box > .ani__left {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    width: 360px;
  }
  .v230503 .section.ani .pix-in .ani-box > .ani__left > div + div {
    margin-top: 18px;
  }
  .v230503 .section.ani .pix-in .ani-box > .ani__right > .video {
    margin-top: 52px;
    background-color: #e9f2fa;
  }
  .v230503 .section.ani .pix-in .ani-box > .ani__right > .video > video {
    width: 100%;
  }
  .v230503 .section.slide {
    margin-top: 0;
  }
  .v230503 .section.slide .pix-in {
    padding: 40px 0 0;
  }
  .v230503 .section.slide .pix-in .swiper-container {
    padding-bottom: 108px;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-wrapper {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-wrapper .swiper-slide > img {
    margin: auto;
    width: 94px;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-wrapper .swiper-slide > p {
    display: inline-block;
    margin-top: 20px;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-pagination {
    bottom: 42px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -2px;
    font-size: 18px;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-pagination .swiper-pagination-current {
    color: #075bb4;
  }
  .v230503 .section.slide .pix-in .swiper-container [class^=swiper-button] {
    display: block;
    margin-top: -37px;
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-color: transparent;
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-button-prev {
    left: 30px;
    background-image: url(/resources/front/en/images/ourServices/biopharma_slide_img_prev.png);
  }
  .v230503 .section.slide .pix-in .swiper-container .swiper-button-next {
    right: 30px;
    background-image: url(/resources/front/en/images/ourServices/biopharma_slide_img_next.png);
  }
  .v230503 .section.desc .pix-in > .tit {
    font-size: 26px;
    letter-spacing: -1px;
  }
  .v230503 .section.desc .pix-in > .tit span {
    display: block;
  }
  .v230503 .section.desc .pix-in > .txt {
    font-size: 14px;
  }
  .biopharma-manufacturing .pageInfo.pageInfoWTyp10 {
    margin-top: 40px;
  }
  .biopharma-manufacturing .btn-line {
    padding: 30px 0 0;
    border-bottom: none;
  }
  .biopharma-manufacturing .btn-line p {
    font-style: italic;
    font-size: 16px;
  }
  .biopharma-manufacturing .btn-line .btn-arg {
    padding-top: 15px;
  }
  .biopharma-manufacturing .btn-line .btn-arg a {
    padding: 16px 50px 13px 20px;
    width: 160px;
    height: 50px;
    font-size: 14px;
  }
  .biopharma-manufacturing .btn-line .btn-arg a:after {
    right: 21px;
  }
  .mammalian-cell-culture .section.plants .desc {
    margin: 15px 0 0px;
  }
  .mammalian-cell-culture .section.plants .subDesc {
    margin: 30px 0 15px;
    font-size: 16px;
  }
  .mammalian-cell-culture .pix-in.btnLine {
    padding-top: 35px;
  }
  .mammalian-cell-culture .pix-in .desc {
    margin: 25px 0 40px;
    font-size: 14px;
  }
  .mammalian-cell-culture .btn-line {
    border-bottom: none;
  }
  .mammalian-cell-culture .btn-line p {
    font-style: italic;
    font-size: 16px;
  }
  .mammalian-cell-culture .btn-line .btn-arg {
    padding-top: 15px;
  }
  .mammalian-cell-culture .btn-line .btn-arg a {
    padding: 16px 50px 13px 20px;
    width: 160px;
    height: 50px;
    font-size: 14px;
  }
  .mammalian-cell-culture .btn-line .btn-arg a:after {
    right: 21px;
  }
}
@media (max-width: 640px) {
  .cdo2023 .pix-in .video {
    right: auto;
    left: -15vw;
    max-width: 640px;
    max-height: 360px;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box {
    width: 100%;
    height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important; /* padding:0 8.33333% 15px; */
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box.noImg .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 168px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a {
    display: block;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img {
    height: auto;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt dl dt > p {
    white-space: normal;
    height: auto;
    -webkit-line-clamp: unset;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .img {
    width: 100%;
    height: auto;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .img img {
    display: block;
    width: 100%;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .txt {
    padding: 37px 30px;
    border: 1px solid #eee;
    border-top: 0;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .txt dl {
    padding: 20px 0 0 0;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .txt dl dt {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }
  .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 96px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
/* discovery */
.discovery-cont {
  position: relative;
  width: 100%;
}
.discovery-cont .more-txt {
  width: 100%;
  margin-top: 30px;
  font-size: 18px;
  color: #222;
  line-height: 1.5;
  font-weight: 400;
}
.discovery-cont .more-txt + .tabBox {
  margin-top: 80px;
}
.discovery-cont .tab_cont {
  margin-top: 55px;
}
.discovery-cont .tab_cont .s-dual-box {
  width: 100%;
}
.discovery-cont .tab_cont .s-dual-box .tit {
  margin-bottom: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discovery-cont .tab_cont .s-dual-box .tit span {
  margin-left: 12px;
  font-size: 36px;
  font-weight: 500;
  color: #222;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > a {
  display: block;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div + a, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a + a {
  margin-left: 70px;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 { /* min-width:600px; */ }
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dt {
  text-align: center;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dt .tit, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dt .tit {
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: left;
  font-size: 25px;
  font-weight: 500;
  color: #222;
  line-height: 1.2;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dd, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dd {
  margin-top: 55px;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  color: #666;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 {
  min-width: 540px;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 8px;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dt {
  font-size: 20px;
  color: #222;
  font-weight: 700;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd {
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd + dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd + dt {
  margin-top: 25px;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd ul li, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd ul li {
  position: relative;
  padding-left: 12px;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd ul li:before, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0px;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 100%;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 p.more, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 p.more {
  margin-top: 20px;
  text-align: right;
  color: #222edd;
}
.discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 p.more u, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 p.more u {
  text-decoration: none;
  border-bottom: 1px solid #222edd;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}
.discovery-cont .tab_cont .s-dual-box .img-box {
  margin-top: 80px;
  width: 100%;
  text-align: center;
}
.discovery-cont .tab_cont .s-dual-box .img-box img {
  width: 100%;
}
.discovery-cont .tab_cont .developick {
  width: 100%;
}
.discovery-cont .tab_cont .developick .tit {
  margin-bottom: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discovery-cont .tab_cont .developick .tit span {
  margin-left: 12px;
  font-size: 36px;
  font-weight: 500;
  color: #222;
}
.discovery-cont .tab_cont .developick .cont-box-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div + div {
  margin-left: 70px;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 { /* min-width:600px; */ }
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box {
  max-width: 500px;
  padding: 28px 30px; /* margin-top:45px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl {
  position: relative;
  width: 100%;
  padding-left: 108px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl + dl {
  margin-top: 30px;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm1:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 72px;
  height: 55px;
  background: url(/resources/front/en/images/ourServices/ico_developick_itm1.png) 0 0 no-repeat;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm2:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 72px;
  height: 55px;
  background: url(/resources/front/en/images/ourServices/ico_developick_itm2.png) 0 0 no-repeat;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm3:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 72px;
  height: 55px;
  background: url(/resources/front/en/images/ourServices/ico_developick_itm3.png) 0 0 no-repeat;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dt {
  font-size: 20px;
  color: #222;
  font-weight: 700;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd {
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd + dt {
  margin-top: 25px;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd ul li {
  position: relative;
  padding-left: 12px;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0px;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 100%;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-img {
  margin-top: 30px;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt {
  margin-top: 25px;
  max-width: 500px;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 400;
  color: #666;
}
.discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box2 .img-box {
  margin: 0px;
}
.discovery-cont .tab_cont .developick .img-box {
  margin-top: 100px;
  width: 100%;
  text-align: center;
  font-size: 0px;
}
.discovery-cont .tab_cont .developick .img-box img {
  width: 100%;
}
.discovery-cont .tab_cont .developick .cont-txt {
  width: 100%;
  margin-top: 100px;
}
.discovery-cont .tab_cont .developick .cont-txt h3 {
  font-size: 40px;
  font-weight: 500;
  color: #222;
}
.discovery-cont .tab_cont .developick .cont-txt h3 + p {
  margin-top: 5px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: #222;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box {
  margin-top: 20px;
  width: 100%;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box {
  min-width: 740px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box ul li {
  position: relative;
  padding: 2px 0 2px 35px;
  font-size: 18px;
  color: #9169ed;
  font-weight: 400;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box ul li + li {
  margin-top: 8px;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box ul li span.num {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 28px;
  height: 28px;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #9169ed;
  border-radius: 100%;
  font-size: 17px;
  color: #fff;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .txt {
  margin-left: 20px;
  font-weight: 500;
  font-size: 14px;
  color: #222;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num {
  padding-left: 10px;
  margin-top: 8px;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num li {
  position: relative;
  padding: 2px 0 2px 35px;
  font-size: 18px;
  color: #222;
  font-weight: 400;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num li + li {
  margin-top: 8px;
}
.discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num li span.num {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 28px;
  height: 28px;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #888;
  border-radius: 100%;
  font-size: 17px;
  color: #fff;
}
.discovery-cont .tab_cont .developick .developability-box {
  width: 100%;
  margin-top: 55px;
}
.discovery-cont .tab_cont .developick .developability-box h3 {
  font-size: 30px;
  color: #222;
}
.discovery-cont .tab_cont .developick .developability-box > ul {
  width: 100%;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.discovery-cont .tab_cont .developick .developability-box > ul li {
  position: relative; /* flex:1; */
  /* &:nth-child(2):before {left:-40px;} */
  /* &:nth-child(4):before {left:-40px;}
  &:nth-child(5):before {left:-40px;}
  &:nth-child(6):before {left:-40px;} */
}
.discovery-cont .tab_cont .developick .developability-box > ul li + li {
  margin-left: 40px;
}
.discovery-cont .tab_cont .developick .developability-box > ul li + li:before {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: -40px;
  width: 8px;
  height: 15px;
  background: url(/resources/front/en/images/ourServices/arrow_developability.png) 0 0 no-repeat;
}
.discovery-cont .tab_cont .developick .developability-box > ul li:nth-child(3):before {
  left: -25px;
}
.discovery-cont .tab_cont .developick .developability-box > ul li dl dt {
  font-size: 0px;
  text-align: center;
}
.discovery-cont .tab_cont .developick .developability-box > ul li dl dd {
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
  color: #222;
  font-weight: 500;
}
.discovery-cont .tab_cont .developick .developability-box p {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 300;
  color: #888;
}
.discovery-cont .tab_cont .s-cho-sient-box {
  margin-top: 90px;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con.moreContent {
  margin-top: 60px;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con.moreContent.on {
  display: block;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImg {
  display: inline-block;
  vertical-align: middle;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  margin-left: 5px;
  font-weight: 500;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .desc {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 5px;
  margin-top: 20px;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImgWith {
  font-size: 20px;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImgWith img {
  margin-right: 5px;
}
.discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--con {
  margin-top: 40px;
}
.discovery-cont .tab_cont .s-cho-sient-box .moreBtns.pc {
  display: block;
}

@media (max-width: 1023px) {
  .discovery-cont .more-txt {
    margin-top: 20px;
    font-size: 14px;
  }
  .discovery-cont .more-txt + .tabBox {
    margin-top: 40px;
  }
  .discovery-cont .tab_cont {
    margin-top: 35px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex {
    padding-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div + a, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a + a {
    margin-left: 0px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dt {
    text-align: center;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dd, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dd {
    margin-top: 25px;
    font-size: 16px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box1 dl dd img, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box1 dl dd img {
    max-width: 143px;
    width: 39.81vw;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 {
    min-width: auto;
    width: 100%;
    padding: 30px 20px;
    margin-top: 40px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dt {
    font-size: 20px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd {
    font-size: 16px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd + dt, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd + dt {
    margin-top: 30px;
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 dl dd ul li, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 dl dd ul li { /* position:relative; padding-left:12px;  */
    /* &:before {content:''; position:absolute; top:calc(50% - 2px); left:0px; width:4px; height:4px; background:$c666; border-radius:100%;} */
  }
  .discovery-cont .tab_cont .s-dual-box .cont-box-flex > div.itm-box2 p.more, .discovery-cont .tab_cont .s-dual-box .cont-box-flex > a.itm-box2 p.more {
    margin-top: 30px;
    text-align: left;
    /* u {text-decoration:none; border-bottom:1px solid $defColor01; font-size:16px; font-weight:400; font-style:italic;} */
  }
  .discovery-cont .tab_cont .s-dual-box .img-box {
    margin-top: 50px;
  }
  .discovery-cont .tab_cont .s-dual-box .img-box img {
    width: 100%;
  }
  .discovery-cont .tab_cont .developick { /* width:100%; */ }
  .discovery-cont .tab_cont .developick .tit {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .discovery-cont .tab_cont .developick .tit span {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 25px;
    line-height: 1.2;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex { /* width:100%; display:flex; justify-content:space-between; align-items:flex-start; box-sizing:border-box; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div + div {
    margin-left: 0px;
    margin-top: 30px;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 { /* min-width:600px; */ }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box {
    max-width: 100%;
    padding: 20px 20px;
    margin-top: 0px; /* box-sizing:border-box; background:$defColor04; */
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl { /* position:relative; width:100%; */
    padding-left: 70px; /* box-sizing:border-box; */
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl + dl {
    margin-top: 20px;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm1:before { /* content:''; position:absolute; */
    top: calc(50% - 20px); /* left:0px; display:block; */
    width: 50px;
    height: 38px;
    background: url(/resources/front/en/images/ourServices/ico_developick_itm1.png) 0 0/cover no-repeat;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm2:before { /* content:''; position:absolute; */
    top: calc(50% - 20px); /* left:0px; display:block; */
    width: 50px;
    height: 38px;
    background: url(/resources/front/en/images/ourServices/ico_developick_itm2.png) 0 0/cover no-repeat;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl.ico-itm3:before { /* content:''; position:absolute; */
    top: calc(50% - 20px); /* left:0px; display:block; */
    width: 50px;
    height: 38px;
    background: url(/resources/front/en/images/ourServices/ico_developick_itm3.png) 0 0/cover no-repeat;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dt {
    font-size: 18px; /* color:$c222; font-weight:700; */
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd {
    font-size: 16px; /* line-height:1.4; color:$c222; font-weight:400; */
    /* ul {
    	li {position:relative; padding-left:12px; 
    		&:before {content:''; position:absolute; top:9px; left:0px; width:4px; height:4px; background:$c666; border-radius:100%;}
    	}
    } */
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt-box dl dd + dt {
    margin-top: 20px;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box1 .txt {
    margin-top: 25px;
    max-width: auto;
    font-size: 16px;
  }
  .discovery-cont .tab_cont .developick .cont-box-flex > div.itm-box2 .img-box {
    margin: 0px;
  }
  .discovery-cont .tab_cont .developick .img-box {
    margin-top: 50px; /* width:100%; text-align:center; font-size:0px; */
    /* img {width:100%;} */
  }
  .discovery-cont .tab_cont .developick .cont-txt { /* width:100%; */
    margin-top: 50px;
  }
  .discovery-cont .tab_cont .developick .cont-txt h3 {
    font-size: 20px;
    line-height: 2; /* font-weight:500; color:$c222; */
  }
  .discovery-cont .tab_cont .developick .cont-txt h3 img {
    width: 220px;
  }
  .discovery-cont .tab_cont .developick .cont-txt h3 + p { /* margin-top:5px; font-weight:400; */
    font-size: 16px; /* line-height:1.5; color:$c222; */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box {
    margin-top: 20px; /* width:100%; */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex { /* width:100%; display:flex; justify-content:space-between; align-items:center; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box {
    min-width: 100%;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box ul li {
    position: relative;
    padding: 2px 0 2px 35px;
    font-size: 16px;
    color: #9169ed;
    font-weight: 400;
    /* & + li {margin-top:8px;} */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .num-point-box ul li span.num { /* position:absolute; */
    top: 3px; /* left:0px; display:block; */
    width: 22px;
    height: 22px;
    padding: 1px; /* box-sizing:border-box; text-align:center; background:$defColor13; border-radius:100%; */
    font-size: 15px; /* color:$cfff; */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box .etc-flex .txt {
    margin-left: 20px;
    padding-top: 15px;
    font-size: 12px; /* font-weight:500; color:$c222; */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num {
    padding-left: 10px;
    margin-top: 20px;
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num li {
    position: relative;
    padding: 2px 0 2px 35px;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    /* & + li {margin-top:8px;} */
  }
  .discovery-cont .tab_cont .developick .cont-txt .list-num-box ul.num li span.num { /* position:absolute; */
    top: 3px; /* left:0px; display:block; */
    width: 22px;
    height: 22px;
    padding: 1px; /* box-sizing:border-box; text-align:center; background:$c888; border-radius:100%; */
    font-size: 15px; /* color:$cfff; */
  }
  .discovery-cont .tab_cont .developick .developability-box { /* width:100%; */
    margin-top: 35px;
  }
  .discovery-cont .tab_cont .developick .developability-box h3 {
    font-size: 17px; /*  color:$c222; */
  }
  .discovery-cont .tab_cont .developick .developability-box > ul {
    width: 100%;
    margin-top: 30px; /* display:flex; justify-content:space-between; align-items:flex-start; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li {
    position: relative;
    width: 100%;
    /* &:nth-child(2):before {left:-40px;} */
    /* &:nth-child(4):before {left:-40px;}
    &:nth-child(5):before {left:-40px;}
    &:nth-child(6):before {left:-40px;} */
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li + li {
    margin-left: 0px;
    margin-top: 65px;
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li + li:before {
    content: "";
    position: absolute;
    top: -30px;
    left: calc(50% - 11px);
    width: 22px;
    height: 13px;
    background: url(/resources/front/en/images/ourServices/mo_arrow_developability.png) 0 0/cover no-repeat;
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li:nth-child(3):before {
    left: calc(50% - 11px);
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li dl {
    /* dd {margin-top:15px; font-size:14px; text-align:center; color:$c222; font-weight:500;} */
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li dl dt {
    font-size: 0px;
    text-align: center;
  }
  .discovery-cont .tab_cont .developick .developability-box > ul li dl dt img {
    max-width: 150px;
    width: 100%;
  }
  .discovery-cont .tab_cont .s-cho-sient-box {
    margin-top: 40px;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con.moreContent {
    margin-top: 60px;
    display: block !important;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImg {
    display: block;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .strong {
    display: block;
    font-size: 20px;
    margin-left: 0px;
    margin-top: 10px;
    line-height: 1.2;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .desc {
    display: block;
    font-size: 16px;
    margin-left: 0px;
    line-height: 1.44;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImgWith {
    font-size: 16px;
    line-height: 1.44;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--top .logoImgWith img {
    width: 156px;
  }
  .discovery-cont .tab_cont .s-cho-sient-box .s-cho-sient__con--con {
    margin-top: 25px;
  }
}
/* adc */
.adc-cont {
  position: relative;
  width: 100%;
  padding-top: 40px;
  /* .adc-slide {
  	.swiper-pagination{display: none;}
  } */
}
.adc-cont .pix-in .pageTitle p {
  padding-bottom: 50px;
}
.adc-cont .bgBlue {
  background-color: #e9f2fa;
}
.adc-cont .top-contact-us { /*padding-top:100px; background:url(../../images/ourServices/img_adc_top.png) no-repeat center top/100% auto; */
  /* .btn-arg{padding-top:40px; display: flex;
  	a{position:relative; padding:11px 50px 12px 20px; width:190px; height:50px; font-size:18px; font-weight:400; color:$defColor01; text-align:center; display:block; box-sizing:border-box; border:1px solid $defColor01;
  		&:after{content:""; position:absolute; top:13px; right:33px; display:block; width:18px; height:18px; background:url(./../../images/ourServices/icon_contactus_blue.svg) 0 0 / 100% no-repeat;}
  		& + a{margin-left: 20px;}
  		&.down{
  			&::after{top: 14px; right: 40px; width: 18px; height: 18px; background:url(./../../images/ourServices/icon_download_blue.svg) 0 0 / 100% no-repeat;}
  			&:hover,
  			&:active,
  			&:focus{
  				&::after{ background:url(./../../images/ourServices/icon_download_wt.svg) 0 0 / 100% no-repeat;}
  			}
  		}
  		&:hover,
  		&:active,
  		&:focus{background-color: $defColor01; color: $cfff;
  			&::after{ background:url(./../../images/ourServices/icon_contactus_wt.svg) 0 0 / 100% no-repeat;}
  		}
  	}
  } */
  /* .btn-arg{padding-top:40px; display: flex;
  	a{position:relative; padding:13px 50px 12px 20px; width:190px; height:50px; font-size:18px; font-weight:400; color:$defColor01; text-align:center; display:block; box-sizing:border-box; border:1px solid $defColor01;
  		&:after{content:""; position:absolute; top:17px; right:33px; display:block; width:17px; height:17px; background:url(./../../images/common/icon_contactus_blue_2.png) 0 0 / 100% no-repeat;}
  		& + a{margin-left: 20px;}
  		&.down{
  			&::after{top: 17px; right: 40px; width: 17px; height: 15px; background:url(./../../images/btn/download.png) 0 0 no-repeat;}
  			&:active, &:focus, &:hover {
  				&::after{ background:url(./../../images/btn/download.png) 0 -15px no-repeat;}
  			}
  		}
  		&:active, &:focus, &:hover {background-color: $defColor01; color: $cfff;
  			&::after{ background:url(./../../images/common/icon_contactus.png) 0 0 / 100% no-repeat;}
  		}
  	}
  } */
}
.adc-cont .top-contact-us .over {
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.adc-cont .top-contact-us .over:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.adc-cont .top-contact-us .tit {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  font-size: 40px;
  color: #001c5a;
  letter-spacing: -0.7px;
}
.adc-cont .top-contact-us .text {
  padding-top: 35px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}
.adc-cont .top-contact-us .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.adc-cont .visual-box {
  position: relative;
}
.adc-cont .visual-box .video-set-box {
  margin-top: 80px;
}
.adc-cont .visual-box .swiper-box {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0;
}
.adc-cont .visual-box .swiper-box + .pix-in {
  padding-top: 60px;
}
.adc-cont .visual-box .swiper-box .swiper-wrapper {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.adc-cont .visual-box .swiper-box .swiper-itm-box {
  font-size: 0;
}
.adc-cont .visual-box .swiper-box .swiper-itm-box img {
  width: 100%;
}
.adc-cont .visual-box .swiper-box .sideControl {
  position: absolute;
  left: 0px;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}
.adc-cont .visual-box .swiper-box .sideControl .swiper-pagination {
  position: relative;
  z-index: unset;
  font-size: 0;
}
.adc-cont .visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.adc-cont .visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0px;
}
.adc-cont .visual-box .swiper-box .sideControl .controlBtn {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.adc-cont .visual-box .swiper-box .sideControl .controlBtn.stop {
  background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
}
.adc-cont .visual-box .swiper-box .sideControl .controlBtn.play {
  background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
}
.adc-cont .adc-location-box {
  position: relative;
  width: 100%;
  margin-top: 60px;
}
.adc-cont .adc-location-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f8ff;
}
.adc-cont .adc-location-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box {
  position: relative;
  width: 100%;
  font-size: 0;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box > .pc, .adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box > .mobile {
  width: 100%;
  height: 100%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm1, .adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm2, .adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm3 {
  position: absolute;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm1 svg, .adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm2 svg, .adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm3 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); /* width:100%; */
  height: 100%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm1 {
  top: 16.825%;
  left: 22.16667%; /* width:22.333333%; */
  height: 15.25%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm2 {
  top: 13.25%;
  left: 82.666667%; /* width:23.333333%; */
  height: 15.25%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > .ico-box .itm3 {
  top: 43.6%;
  left: 50%; /* width:8%; */
  height: 15.25%;
}
.adc-cont .adc-location-box > ul > li .location-box-img-box > img {
  width: 100%;
}
.adc-cont .adc-location-box > ul > li .txt-box {
  padding: 44px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.adc-cont .adc-location-box > ul > li .txt-box .tit {
  font-size: 24px;
  color: #041c59;
  font-weight: 500;
}
.adc-cont .adc-location-box > ul > li .txt-box .txt {
  margin-top: 24px;
}
.adc-cont .adc-location-box > ul > li .txt-box .txt p {
  font-size: 16px;
  color: #222;
  font-weight: 400;
}
.adc-cont .adc-location-box > ul > li .txt-box .txt > ul {
  margin-top: 20px;
}
.adc-cont .adc-location-box > ul > li .txt-box .txt > ul > li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  color: #222;
  font-weight: 400;
}
.adc-cont .adc-location-box > ul > li .txt-box .txt > ul > li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.adc-cont .adc-location {
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.adc-cont .adc-location .img-box {
  max-width: 564px;
  max-height: 333px;
  border-radius: 10px;
  overflow: hidden;
}
.adc-cont .adc-location .img-box img {
  width: 100%;
}
.adc-cont .adc-location .text-box {
  max-width: 600px;
}
.adc-cont .adc-location .text-box .box + .box {
  padding-top: 30px;
}
.adc-cont .adc-location .text-box .box dl dt {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.adc-cont .adc-location .text-box .box dl dt .blueLine {
  font-weight: 500;
}
.adc-cont .adc-location .text-box .box dl dd {
  margin-top: 25px;
  font-size: 18px;
}
.adc-cont .adc-location .text-box .box dl dd ul li {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 1.7;
}
.adc-cont .adc-location .text-box .box dl dd ul li:before {
  content: "-";
  position: absolute;
  top: 0px;
  left: 1px;
}
.adc-cont .assemble_potential {
  margin-top: 120px;
  text-align: center;
}
.adc-cont .assemble_potential .pix-in {
  padding-top: 70px;
}
.adc-cont .assemble_potential .pix-in h3 {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  color: #001c5a;
}
.adc-cont .assemble_potential .pix-in .flex-wrap {
  padding-top: 46px;
  padding-bottom: 67px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box {
  margin: 10px;
  padding: 24px 40px;
  max-width: 256px;
  width: 100%;
  text-align: left;
  border-radius: 30px;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(1, 1, 1, 0.15);
          box-shadow: 0px 6px 15px 0px rgba(1, 1, 1, 0.15);
  background-color: #fff;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .tit {
  font-size: 18px;
  font-weight: 500;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list {
  padding-top: 14px;
  font-size: 18px;
  color: #666;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li {
  position: relative;
  padding-left: 8px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.4;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #666;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li + li {
  margin-top: 8px;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li .etc {
  padding-top: 3px;
  padding-left: 70px;
  font-family: "ssl-gilroy", "ssl-font";
  font-style: italic;
  font-size: 13px;
  font-weight: 300;
  color: #a6a6a6;
  letter-spacing: 0.2px;
  display: block;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .img-box {
  max-width: 466px;
  max-height: 252px;
}
.adc-cont .assemble_potential .pix-in .flex-wrap .img-box img {
  width: 100%;
}
.adc-cont .adc-features {
  width: 100%;
  height: 571px;
  margin-top: 80px;
  background: url(../../images/ourServices/adc_features_bg.jpg?v=250611) center/cover no-repeat;
}
.adc-cont .adc-features .text-box {
  padding-top: 80px;
}
.adc-cont .adc-features .text-box dl {
  color: #001c5a;
  font-weight: 400;
}
.adc-cont .adc-features .text-box dl dt {
  font-size: 28px;
  font-weight: 500;
}
.adc-cont .adc-features .text-box dl dt > h2 {
  font-size: 28px;
  font-weight: 500;
}
.adc-cont .adc-features .text-box dl dd {
  margin-top: 25px;
}
.adc-cont .adc-features .text-box dl dd > p {
  font-size: 16px;
}
.adc-cont .adc-features .text-box dl dd ul li {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
}
.adc-cont .adc-features .text-box dl dd ul li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.adc-cont .flow-info {
  padding-top: 80px;
}
.adc-cont .flow-info .adc-flow .gryLine {
  position: relative;
}
.adc-cont .flow-info .adc-flow .gryLine::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 1px;
  margin-top: 3px;
  background-color: #dbdbdb;
  z-index: -1;
}
.adc-cont .flow-info .adc-flow .gryLine p {
  display: inline-block;
  padding-right: 10px;
  font-size: 28px;
  font-weight: 700; /* font-style: italic; */
  background-color: #fff;
}
.adc-cont .flow-info .adc-flow .pageTitle {
  margin-top: 15px;
}
.adc-cont .flow-info .adc-flow .pageTitle p {
  padding-bottom: 35px;
}
.adc-cont .flow-info .adc-flow-img {
  font-size: 0;
}
.adc-cont .flow-info .adc-flow-img svg + svg {
  margin-top: 40px;
}
.adc-cont .flow-info .adc-flow img {
  width: 100%;
  max-width: 1200px;
}
.adc-cont .flow-info .adc-flow + .adc-flow {
  margin-top: 100px;
}
.adc-cont .flow-info + .flow-info {
  padding-top: 100px;
}
.adc-cont .adc-with {
  margin-top: 100px;
  padding: 50px 0;
  text-align: center;
}
.adc-cont .adc-with .pix-in {
  padding-top: 0;
}
.adc-cont .adc-with .cont-box {
  width: 100%;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 165px;
}
.adc-cont .adc-with .cont-box > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.adc-cont .adc-with .cont-box .slogan {
  font-family: "ssl-gilroy", "ssl-font"; /* font-style:italic; */
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #001c5a;
}
.adc-cont .adc-with .cont-box .flex-wrap { /* padding-top:40px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.adc-cont .adc-with .cont-box .flex-wrap .box .img-box {
  min-height: 58px;
}
.adc-cont .adc-with .cont-box .flex-wrap .box .text-box {
  margin-top: 10px;
  font-weight: 300;
  font-family: "ssl-gilroy", "ssl-font";
}

/* :lang(ko) {
	.adc-cont{
		.top-contact-us{
			.btn-arg {
				a{
					&::after{right: 48px;}
					&.down{
						&::after{right: 40px;}
					}
				}
			}
		}
		.adc-with {
			.slogan{font-family: "ssl-font";}
			.flex-wrap{
				.box{
					.text-box{font-weight: 300; font-family:"ssl-font";}
				}
			}
		}
	}
} */
:lang(en) .adc-cont h2.blueLine,
:lang(en) .adc-cont h4.blueLine {
  font-size: 30px;
}

@media (max-width: 1023px) {
  .adc-cont {
    padding-top: 20px;
    /* .adc-slide {
    	.swiper-pagination{display: block;}
    } */
  }
  .adc-cont .top-contact-us { /*padding-top:53px;*/
    background: none;
    /* .btn-arg{padding-top:29px; display: block;
    	a{margin:0 auto; padding:0; width:160px; font-size:14px; color:$cfff; display:flex; justify-content:center; align-items:center; border:0; border-radius:3px; background-color:$defColor23;
    		&:after{display:none;}
    		& + a{margin: 20px auto 0;}
    		&.down{background-color: $defColor24;}
    	}
    } */
  }
  .adc-cont .top-contact-us .over {
    display: none;
  }
  .adc-cont .top-contact-us .tit {
    font-size: 20px;
  }
  .adc-cont .top-contact-us .text {
    padding-top: 0;
    font-size: 14px;
  }
  .adc-cont .top-contact-us .img-box { /* margin:-38px auto 0; */
    margin: 0 auto 0;
    max-width: 640px;
  }
  .adc-cont .top-contact-us .dft-btn-contactus-brochure-box {
    margin-top: 29px;
  }
  .adc-cont .visual-box .video-set-box {
    margin-top: 50px;
  }
  .adc-cont .visual-box .swiper-box {
    margin: 50px auto 0;
    /* & + .pix-in {padding-top:40px;} */
  }
  .adc-cont .adc-location-box {
    margin-top: 50px;
  }
  .adc-cont .adc-location-box > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .adc-cont .adc-location-box > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .adc-cont .adc-location-box > ul > li > img {
    width: 100%;
  }
  .adc-cont .adc-location-box > ul > li .txt-box {
    padding: 40px 30px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .adc-cont .adc-location-box > ul > li .txt-box .tit {
    font-size: 18px;
  }
  .adc-cont .adc-location-box > ul > li .txt-box .txt {
    margin-top: 20px;
  }
  .adc-cont .adc-location-box > ul > li .txt-box .txt p {
    font-size: 14px;
  }
  .adc-cont .adc-location-box > ul > li .txt-box .txt > ul {
    margin-top: 20px;
  }
  .adc-cont .adc-location-box > ul > li .txt-box .txt > ul > li {
    font-size: 14px;
  }
  .adc-cont .adc-location {
    margin: 0 -30px;
    padding-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .adc-cont .adc-location .img-box {
    max-width: none;
    max-height: none;
    border-radius: 0;
  }
  .adc-cont .adc-location .text-box {
    padding: 40px 30px 0;
    width: 100%;
    max-width: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .adc-cont .adc-location .text-box .box dl dt {
    font-size: 16px;
  }
  .adc-cont .adc-location .text-box .box dl dd {
    font-size: 14px;
  }
  .adc-cont .adc-location .text-box .box dl dd ul li {
    font-size: 14px;
  }
  .adc-cont .adc-location .text-box .box dl dd ul li:before {
    top: 0px;
  }
  .adc-cont .adc-features {
    margin-top: 45px;
    height: 600px;
    background: url(../../images/ourServices/m_adc_features_bg.jpg?v=250611) bottom center/cover no-repeat;
  }
  .adc-cont .adc-features .text-box {
    padding-top: 40px;
  }
  .adc-cont .adc-features .text-box dl dt {
    font-size: 18px;
  }
  .adc-cont .adc-features .text-box dl dt > h2 {
    font-size: 18px;
  }
  .adc-cont .adc-features .text-box dl dd {
    margin-top: 10px;
  }
  .adc-cont .adc-features .text-box dl dd > p {
    font-size: 14px;
  }
  .adc-cont .adc-features .text-box dl dd ul li {
    padding-left: 9px;
    font-size: 14px;
  }
  .adc-cont .assemble_potential {
    margin-top: 50px;
  }
  .adc-cont .assemble_potential .pix-in {
    padding-top: 40px;
  }
  .adc-cont .assemble_potential .pix-in h3 {
    font-size: 22px;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    max-width: 640px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box {
    position: relative;
    margin: 5px;
    padding: 20px;
    max-width: none;
    width: calc(100% - 40px);
    border-radius: 10px;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 11px;
    background: url(../../images/ourServices/icon_adc_triangle.png) no-repeat center/100% auto;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box.col1:before {
    bottom: -11px;
    left: 22%;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box.col1 .tit {
    color: #7357f5;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box.col2:before {
    top: -11px;
    right: 22%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box.col2 .tit {
    color: #0077ff;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box .tit {
    line-height: 1.3;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li {
    font-size: 14px;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li:before {
    top: 10px;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .text-box .list ul li + li {
    margin-top: 3px;
  }
  .adc-cont .assemble_potential .pix-in .flex-wrap .img-box {
    margin: 28px 0;
    max-width: none;
    max-height: none;
  }
  .adc-cont .flow-info {
    padding-top: 50px;
  }
  .adc-cont .flow-info .pageTitle p {
    padding-bottom: 40px;
  }
  .adc-cont .flow-info .adc-flow {
    margin: 0 auto;
  }
  .adc-cont .flow-info .adc-flow .gryLine::after {
    margin-top: 0px;
  }
  .adc-cont .flow-info .adc-flow .gryLine p {
    font-size: 18px;
  }
  .adc-cont .flow-info .adc-flow .pageTitle {
    margin-top: 5px;
  }
  .adc-cont .flow-info .adc-flow .pageTitle p {
    padding-bottom: 20px;
  }
  .adc-cont .flow-info .adc-flow-img {
    font-size: 0;
    margin: 10px auto 0;
    max-width: 640px;
  }
  .adc-cont .flow-info .adc-flow-img svg + svg {
    margin-top: 30px;
  }
  .adc-cont .flow-info .adc-flow + .adc-flow {
    margin-top: 40px;
  }
  .adc-cont .flow-info + .flow-info {
    padding-top: 40px;
  }
  .adc-cont .adc-with {
    margin-top: 50px;
    padding: 50px 0;
  }
  .adc-cont .adc-with .cont-box {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: unset;
  }
  .adc-cont .adc-with .cont-box .slogan {
    font-size: 14px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap {
    padding-top: 30px;
    display: block;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box + .box {
    margin-top: 25px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box {
    min-height: auto;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box.icon_araris img {
    width: 90px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box.icon_aimedbio img {
    width: 110px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box.icon_legochembiosciences img {
    width: 93px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box.icon_brickbio img {
    width: 86px;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .img-box img {
    margin: auto;
  }
  .adc-cont .adc-with .cont-box .flex-wrap .box .text-box {
    margin: 0; /* margin: 10px auto 0; width:90%; */
  }
  :lang(en) .adc-cont h2.blueLine,
  :lang(en) .adc-cont h4.blueLine {
    font-size: 20px;
  }
}
/* S : cdo-overview-test */
/* S : cdo renewal */
.cdoRenewal2024 {
  /* S : 2025 변경 영역 */
  /* E : 2025 변경 영역 */
}
.cdoRenewal2024 .tabBox {
  margin-top: 60px;
}
.cdoRenewal2024 h4.blueLine sup {
  font-size: 20px;
}
.cdoRenewal2024 h3.purpleLine {
  font-size: 30px; /* padding-top: 8px; */
  font-weight: 400;
  line-height: 1.4;
}
.cdoRenewal2024 h3.purpleLine::before {
  left: 0;
}
.cdoRenewal2024 h3.purpleLine sup {
  font-size: 20px;
}
.cdoRenewal2024 h3.purpleLine2 {
  font-size: 16px;
}
.cdoRenewal2024 .btn-arg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cdoRenewal2024 .btn-arg a {
  position: relative;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 400;
  background-color: #fff;
  width: 190px;
  text-align: center;
}
.cdoRenewal2024 .btn-arg a + a {
  margin-left: 20px;
}
.cdoRenewal2024 .btn-arg a.contact {
  padding: 11px 60px 11px 28px;
  color: #222edd;
  border: 1px solid #222edd;
}
.cdoRenewal2024 .btn-arg a.contact::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 13px;
  right: 29px;
  background: url(./../../images/ourServices/icon_contactus_blue.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.contact:hover {
  color: #fff;
  background-color: #222edd;
}
.cdoRenewal2024 .btn-arg a.contact:hover::after {
  background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.brochure {
  padding: 11px 67px 11px 37px;
}
.cdoRenewal2024 .btn-arg a.brochure::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 14px;
  right: 39px;
}
.cdoRenewal2024 .btn-arg a.brochure.purple {
  color: #222edd;
  border: 1px solid #222edd;
}
.cdoRenewal2024 .btn-arg a.brochure.purple::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 16px;
  top: 16px;
  right: 39px;
  background: url(./../../images/ourServices/icon_brochure_purple.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.brochure.purple:hover {
  background-color: #222edd;
}
.cdoRenewal2024 .btn-arg a.brochure.purple:hover::after {
  background: url(./../../images/ourServices/icon_brochure_purple_wt.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.brochure.blue {
  color: #222edd;
  border: 1px solid #222edd;
}
.cdoRenewal2024 .btn-arg a.brochure.blue::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 14px;
  right: 39px;
  background: url(./../../images/ourServices/icon_download_blue.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.brochure.blue:hover {
  background-color: #222edd;
}
.cdoRenewal2024 .btn-arg a.brochure.blue:hover::after {
  background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024 .btn-arg a.brochure:hover {
  color: #fff;
}
.cdoRenewal2024 .more-txt {
  width: 100%;
  margin-top: 20px;
  font-size: 18px;
  color: #222;
  line-height: 1.5;
  font-weight: 400;
}
.cdoRenewal2024 .tabBox .listType .tab_area li a p {
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024 .tabBox .listType .tab_area li a p:hover {
  font-weight: 600;
}
.cdoRenewal2024 .col2_cont {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin-top: 20px;
}
.cdoRenewal2024 .col2_cont.weight .cont-box-flex .itm-box1 dl dt {
  font-weight: 400;
}
.cdoRenewal2024 .col2_cont.weight .cont-box-flex .itm-box1 dl dd {
  font-weight: 300;
}
.cdoRenewal2024 .col2_cont.weight .cont-box-flex .itm-box2 .desc {
  font-weight: 300;
}
.cdoRenewal2024 .col2_cont.weight .cont-box > .desc {
  font-weight: 300;
}
.cdoRenewal2024 .col2_cont > .tit {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cdoRenewal2024 .col2_cont > .tit h2, .cdoRenewal2024 .col2_cont > .tit span {
  margin-left: 30px;
  font-size: 26px;
  font-weight: 400;
}
.cdoRenewal2024 .col2_cont .cont-box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 {
  padding: 0 30px 0 0;
  border-right: 1px solid #f2f2f2;
}
.cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 dl dt {
  font-size: 0;
}
.cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 dl dd {
  margin-top: 20px;
}
.cdoRenewal2024 .col2_cont .cont-box-flex .itm-box2 {
  padding: 25px 0 0 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* &.purpleLine {
  	&::before{content: ""; position: absolute; top: 0; left:30px; width: 30px; height: 2px; background-color: rgba(85, 48, 244, 1);}
  } */
}
.cdoRenewal2024 .col2_cont .cont-box-flex .itm-box2 .desc {
  font-size: 16px;
  font-weight: 400;
}
.cdoRenewal2024 .col2_cont .cont-box {
  margin-top: 30px;
}
.cdoRenewal2024 .col2_cont .cont-box + .cont-box {
  margin-top: 40px;
}
.cdoRenewal2024 .col2_cont .cont-box.purpleLine {
  /* &::before{display:none;} */
}
.cdoRenewal2024 .col2_cont .cont-box.purpleLine > .title {
  font-size: 26px;
  font-weight: 400; /* padding-top: 6px; */
}
.cdoRenewal2024 .col2_cont .cont-box > .desc {
  margin-top: 10px; /* font-size: 18px; */
  font-size: 16px;
  font-weight: 400;
}
.cdoRenewal2024 .imgHoverBtn {
  position: relative;
}
.cdoRenewal2024 .imgHoverBtn > a {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-right: 26px;
  z-index: 1;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background: url(./../../images/ourServices/icon_brochure_purple_wt.png) right 6px/16px no-repeat;
}
.cdoRenewal2024 .imgHoverBtn:hover > a {
  display: inline-block;
}
.cdoRenewal2024 .imgHoverBtn:hover::before {
  opacity: 1;
}
.cdoRenewal2024 .imgHoverBtn::before {
  content: "";
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.cdoRenewal2024 .gray-list-box {
  padding: 26px 30px;
  background-color: #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 24px;
}
.cdoRenewal2024 .gray-list-box.weight .subTit {
  font-weight: 500;
}
.cdoRenewal2024 .gray-list-box.weight ul li {
  font-weight: 300;
}
.cdoRenewal2024 .gray-list-box .subTit { /* font-size: 20px; */
  font-size: 16px;
  font-weight: 600;
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024 .gray-list-box ul {
  margin-top: 10px;
}
.cdoRenewal2024 .gray-list-box ul li { /* font-size: 18px; */
  font-size: 16px;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024 .gray-list-box ul li.dot {
  position: relative;
  padding-left: 10px;
}
.cdoRenewal2024 .gray-list-box ul li.dot::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
}
.cdoRenewal2024 .purpleLine {
  position: relative;
  /* &::before{content: ""; position: absolute; top: 0; left:30px; width: 30px; height: 2px; background-color: rgba(85, 48, 244, 1);} */
}
.cdoRenewal2024 .purple-box._bgGray > li {
  border-width: 0 0 0 5px;
  border-left-color: #222edd;
  border-style: solid;
  background-color: #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024 .purple-box._bgGray > li dl dt {
  text-align: left;
  font-size: 24px;
  font-weight: 600;
  font-family: "ssl-gilroy", "ssl-font";
  color: #222edd;
}
.cdoRenewal2024 .purple-box._bgGray > li dl dd {
  margin-top: 10px; /* font-size: 18px; */
  font-size: 16px;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024 .purple-box._bgGray > li dl dd ul li {
  position: relative;
  padding-left: 10px;
  color: #222;
}
.cdoRenewal2024 .purple-box._bgGray > li dl dd ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #222;
  border-radius: 50%;
  top: 11px;
  left: 0;
}
.cdoRenewal2024 .purple-box._border > li {
  border-width: 1px 1px 1px 5px;
  border-color: #dcdcdc;
  border-style: solid;
  border-left-color: #222edd;
}
.cdoRenewal2024 .purple-box._border > li dd {
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024 .purple-box._border > li dd.blue {
  margin-top: 12px;
  font-size: 16px;
  color: #222edd;
}
.cdoRenewal2024 .purple-box._border > li dd.gilroy {
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024 .purple-box.process-type {
  margin-top: 40px;
}
.cdoRenewal2024 .purple-box.process-type li {
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024 .purple-box.process-type li + li {
  margin-top: 20px;
}
.cdoRenewal2024 .purple-box.process-type li dl dt + dd {
  margin-top: 10px;
}
.cdoRenewal2024 [class^=tab-cont-] {
  padding: 30px 15px 0;
}
.cdoRenewal2024 [class^=tab-cont-] > .tit {
  font-size: 30px;
  font-weight: 400;
}
.cdoRenewal2024 [class^=tab-cont-] > .desc {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}
.cdoRenewal2024 [class^=tab-cont-] > .desc .blue {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #222edd;
}
.cdoRenewal2024 [class^=tab-cont-] .sub-box {
  margin-top: 60px;
}
.cdoRenewal2024 [class^=tab-cont-] .sub-box .subDesc {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}
.cdoRenewal2024 [class^=tab-cont-] .sub-box .subDesc .blue {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  color: #222edd;
}
.cdoRenewal2024 .development-common-tit {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.cdoRenewal2024 .development-common-tit.aling-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cdoRenewal2024 .development-common-tit.weight > .comment > h3, .cdoRenewal2024 .development-common-tit.weight > .comment > h2, .cdoRenewal2024 .development-common-tit.weight > .comment > .tit {
  font-weight: 400;
}
.cdoRenewal2024 .development-common-tit.weight > .comment > p {
  font-weight: 300;
}
.cdoRenewal2024 .development-common-tit > .comment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cdoRenewal2024 .development-common-tit > .comment > h3, .cdoRenewal2024 .development-common-tit > .comment > h2, .cdoRenewal2024 .development-common-tit > .comment > .tit {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  color: #001c5a;
}
.cdoRenewal2024 .development-common-tit > .comment > h3 + p, .cdoRenewal2024 .development-common-tit > .comment > h2 + p, .cdoRenewal2024 .development-common-tit > .comment > .tit + p {
  margin-top: 30px;
}
.cdoRenewal2024 .development-common-tit > .comment > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}
.cdoRenewal2024 .development-common-tit > .comment .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.cdoRenewal2024 .development-common-tit > .photo {
  width: 480px;
}
.cdoRenewal2024 .development-common-tit + .blueLine, .cdoRenewal2024 .development-common-tit + .img-box {
  margin-top: 60px;
}
.cdoRenewal2024.cdo-overview {
  position: relative;
}
.cdoRenewal2024.cdo-overview .agile-box { /*background-color: #eaedf2;*/ }
.cdoRenewal2024.cdo-overview .agile-box .pix-in {
  position: relative;
  padding-top: 0px;
}
.cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box {
  position: absolute;
  top: 50%;
  right: 94px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box:hover {
  -webkit-transform: translateY(-50%) scale(1.05);
          transform: translateY(-50%) scale(1.05);
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .tit {
  font-family: "ssl-gilroy", "ssl-font";
  color: #001c5a;
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .desc {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 40px;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a {
  position: relative;
  font-size: 18px;
  color: #222edd;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 400;
  background-color: #fff;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a + a {
  margin-left: 20px;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.contact {
  padding: 10px 60px 10px 28px;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.contact::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 13px;
  right: 29px;
  background: url(./../../images/ourServices/icon_contactus_blue.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.contact:hover {
  color: #fff;
  background-color: #222edd;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.contact:hover::after {
  background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.down {
  padding: 10px 67px 10px 38px;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.down::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 14px;
  right: 39px;
  background: url(./../../images/ourServices/icon_download_blue.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.down:hover {
  color: #fff;
  background-color: #222edd;
}
.cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a.down:hover::after {
  background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in > .desc {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li {
  width: calc(20% - 12px);
  background-color: #f2f2f2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li h3 {
  padding: 20px 18px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 22px;
  font-weight: 500;
  color: #222edd;
  line-height: 1.2;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li h3::after {
  content: "";
  display: block;
  margin-top: 30px;
  width: 100%;
  height: 14px;
  background: url(/resources/front/en/images/ourServices/ico_overview_01.png?v=250527) right center/18px no-repeat;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li:hover {
  background-color: #222edd;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li:hover h3 {
  color: #fff;
}
.cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li:hover h3::after {
  background: url(/resources/front/en/images/ourServices/ico_overview_01_over.png?v=250527) right center/18px no-repeat;
}
.cdoRenewal2024.cdo-overview .accelerate-box .pix-in {
  padding-top: 60px;
}
.cdoRenewal2024.cdo-overview .accelerate-box .pix-in > .desc {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024.cdo-overview .accelerate-box .pix-in > .img-box {
  margin-top: 30px;
  font-size: 0;
}
.cdoRenewal2024.cdo-overview .accelerate-box .pix-in > .img-box img {
  width: 100%;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in {
  padding-top: 60px;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in > .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  font-size: 22px;
  font-weight: 400;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in > .desc span {
  margin-right: 40px;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box {
  margin-top: 30px;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li {
  background-color: #f2f2f2;
  padding: 26px 29px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 230px;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li + li {
  margin-left: 15px;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dt {
  font-size: 24px;
  color: #222edd;
  font-weight: 600;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dt h4 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dd {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024.discovery-cont .more-txt + .tabBox {
  margin-top: 60px;
}
.cdoRenewal2024.discovery-cont .tab_cont {
  margin-top: 0;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont {
  margin-top: 0;
  padding: 40px 15px 0;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex {
  margin-top: 30px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  border: 0;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 514px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 26px 30px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li + li {
  margin-top: 20px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li dl dt {
  font-size: 24px;
  line-height: 1;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box2 {
  min-width: auto;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 20px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box2 .img-box {
  margin-top: 0;
  text-align: center;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.developability .img-box {
  margin-top: 40px;
}
.cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.process .img-box {
  margin-top: 40px;
}
.cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab1] {
  width: 145px;
}
.cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab2] {
  width: 182px;
}
.cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab3] {
  width: 177px;
}
.cdoRenewal2024.cellLineDevelopment .col2_cont {
  margin-top: 60px;
}
.cdoRenewal2024.cellLineDevelopment .col2_cont .cont-box .cont-box-flex .itm-box2 .btn-arg {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: absolute;
  bottom: 0;
  left: 30px;
}
.cdoRenewal2024.cellLineDevelopment .section.workflow .pix-in {
  padding-top: 60px;
}
.cdoRenewal2024.cellLineDevelopment .section.workflow .img-box {
  margin-top: 40px;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .pix-in {
  padding-top: 60px;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li + li {
  margin-left: 8px;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /*display: flex; align-items: center; justify-content: flex-start;*/
  padding-left: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
}
.cdoRenewal2024.process-development .tab-cont-process .img-box {
  margin-top: 40px;
  font-size: 0;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns {
  margin: 40px auto 0;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on {
  background: #fff;
  border: 1px solid #909090;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on span {
  color: #909090;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on span::before {
  background: #909090;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on:hover {
  background-color: #E8E8E8;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore span {
  font-weight: 500;
}
.cdoRenewal2024.process-development .tab-cont-process .sub-box .moreContent {
  margin-top: 0;
}
.cdoRenewal2024.process-development .tab-cont-process .purple-box {
  margin-top: 30px;
}
.cdoRenewal2024.process-development .tab-cont-process .purple-box li {
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024.process-development .tab-cont-process .purple-box li + li {
  margin-top: 20px;
}
.cdoRenewal2024.process-development .tab-cont-process .purple-box li dl dt + dd {
  margin-top: 10px;
}
.cdoRenewal2024.process-development .tab-cont-process._dpd .sub-box .moreContent .img-box {
  width: 100%;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li {
  position: relative;
  padding-right: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 140px;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
  background: url(/resources/front/en/images/ourServices/ico_process_development_arrw.png) center/100% no-repeat;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li:last-child {
  padding-right: 0;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li:last-child::after {
  display: none;
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li p {
  height: 100%;
  padding: 15px 0 15px 20px;
  border: 1px solid #222edd;
  color: #222edd;
  font-size: 20px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024.process-development .tab-cont-process._fdpd .sub-box .moreContent .img-box {
  width: 580px;
  margin: 40px auto 0;
}
.cdoRenewal2024.process-development .tabBox .listType .tab_area li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab1] {
  width: 322px;
}
.cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab2] {
  width: 347px;
}
.cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab3] {
  width: 307px;
}
.cdoRenewal2024.analytical-development .more-txt + .img-box {
  margin-top: 40px;
  font-size: 0;
}
.cdoRenewal2024.analytical-development .tabBox {
  margin-top: 60px;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab1] {
  width: 210px;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab2] {
  width: 151px;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab3] {
  width: 260px;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab4] {
  width: 127px;
}
.cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab5] {
  width: 214px;
}
.cdoRenewal2024.analytical-development .gray-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.cdoRenewal2024.analytical-development .gray-box li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 174px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f2f2;
}
.cdoRenewal2024.analytical-development .gray-box li + li {
  margin-left: 11px;
}
.cdoRenewal2024.analytical-development .gray-box li dl dt,
.cdoRenewal2024.analytical-development .gray-box li dl dd {
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024.analytical-development .gray-box li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: #222edd;
}
.cdoRenewal2024.analytical-development .gray-box li dl dd {
  font-size: 16px;
  font-weight: 400;
  margin-top: 14px;
}
.cdoRenewal2024.analytical-development .purple-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.cdoRenewal2024.analytical-development .purple-box + .purple-box {
  margin-top: 20px;
}
.cdoRenewal2024.analytical-development .purple-box li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 198px;
  padding: 25px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cdoRenewal2024.analytical-development .purple-box li + li {
  margin-left: 8px;
}
.cdoRenewal2024.analytical-development .purple-box li dl dt,
.cdoRenewal2024.analytical-development .purple-box li dl dd {
  font-family: "ssl-gilroy", "ssl-font";
}
.cdoRenewal2024.analytical-development .purple-box li dl dt {
  font-size: 22px;
  font-weight: 600;
  color: #222edd;
}
.cdoRenewal2024.analytical-development .purple-box li dl dd {
  font-size: 18px;
  font-weight: 400;
  margin-top: 12px;
}
.cdoRenewal2024.analytical-development .tab-cont-analytical._cba .desc + .sub-box {
  margin-top: 0;
}
.cdoRenewal2024.analytical-development .tab-cont-analytical._cba .sub-box .purple-box li {
  min-height: 136px;
}
.cdoRenewal2024.analytical-development .tab-cont-analytical._cba .sub-box .purple-box li dl dd.blue {
  font-size: 14px;
  color: #222edd;
}
.cdoRenewal2024.analytical-development .tab-cont-analytical._ccs .desc + .sub-box {
  margin-top: 0;
}
.cdoRenewal2024.clinical-manufacturing .section + .section .pix-in {
  padding-top: 60px;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box + [class$=txt] {
  margin-top: 10px;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit {
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit.weight {
  font-weight: 400;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit + .purple-box {
  margin-top: 20px;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box > li {
  padding: 28px 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box > li + li {
  margin-left: 20px;
}
.cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .img-box {
  margin-top: 20px;
}
.cdoRenewal2024 .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .img {
  border: 0;
}
.cdoRenewal2024 .swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cdoRenewal2024 .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box {
  height: 100%;
}
.cdoRenewal2024 .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.cdoRenewal2024 .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box a .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

:lang(ko) .cdoRenewal2024 .btn-arg a.brochure {
  padding: 11px 74px 11px 49px;
}
:lang(ko) .cdoRenewal2024 .btn-arg a.contact {
  padding: 11px 76px 11px 47px;
}
:lang(ko) .cdoRenewal2024 .btn-arg a.brochure.purple::after {
  right: 49px;
}
:lang(ko) .cdoRenewal2024 .btn-arg a.contact::after {
  right: 47px;
}
:lang(ko) .cdoRenewal2024 .purple-box._bgGray > li dl dt,
:lang(ko) .cdoRenewal2024 .purple-box._bgGray > li dl dd {
  font-family: "ssl-font-en", "ssl-font";
}
:lang(ko) .cdoRenewal2024 .purple-box._bgGray > li dl dt {
  font-size: 22px;
}
:lang(ko) .cdoRenewal2024.clinical-manufacturing .purple-box._bgGray > li dl dd {
  font-family: "ssl-gilroy", "ssl-font";
}
:lang(ko) .cdoRenewal2024 .gray-list-box .subTit,
:lang(ko) .cdoRenewal2024 .gray-list-box ul li {
  font-family: "ssl-font-en", "ssl-font";
}
:lang(ko) .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dt {
  font-family: "ssl-gilroy", "ssl-font";
}
:lang(ko) .cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a {
  padding: 10px 60px 10px 40px;
}
:lang(ko) .cdoRenewal2024.cdo-overview .agile-box .text-box .btn-arg a::after {
  right: 40px;
}
:lang(ko) .cdoRenewal2024.analytical-development .tab-cont-analytical._ccs .purple-box li dl dd {
  font-family: "ssl-font-en", "ssl-font";
}
:lang(ko) .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit {
  font-family: "ssl-font-en", "ssl-font";
  font-size: 22px;
}
:lang(ko) .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li dl dt {
  line-height: 1.5;
  font-size: 22px;
}

:lang(en) {
  /* .cdoRenewal2024 h3.blueLine{font-size: 30px;} */
}
:lang(en) .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dt,
:lang(en) .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dd {
  font-family: "ssl-gilroy", "ssl-font";
}

/* E : cdo renewal */
@media (max-width: 1100px) {
  .cdoRenewal2024.cdo-overview .agile-box .pix-in {
    padding: 0px 30px 30px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box {
    right: 10px;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .list-box li h3 {
    padding: 15px;
  }
}
@media (max-width: 1023px) {
  .cdoRenewal2024 {
    /* S : 2025 변경 영역 */
    /* E : 2025 변경 영역 */
  }
  .cdoRenewal2024 svg {
    display: block;
    margin: auto;
    max-width: 580px;
  }
  .cdoRenewal2024 h4.blueLine { /* margin-top: 12px; */
    /* &::before{top: -12px;} */
  }
  .cdoRenewal2024 h4.blueLine sup {
    font-size: 12px;
  }
  .cdoRenewal2024 h3.purpleLine {
    font-size: 20px; /* padding-top: 12px; */
  }
  .cdoRenewal2024 h3.purpleLine2 {
    font-size: 14px;
  }
  .cdoRenewal2024 .btn-arg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
  .cdoRenewal2024 .btn-arg a {
    font-size: 16px;
    width: 100%;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cdoRenewal2024 .btn-arg a:hover {
    color: #fff;
    background-color: #000;
  }
  .cdoRenewal2024 .btn-arg a.brochure {
    padding: 13px 0;
  }
  .cdoRenewal2024 .btn-arg a.brochure.purple {
    color: #fff;
    border: 0;
  }
  .cdoRenewal2024 .btn-arg a.brochure.purple:hover, .cdoRenewal2024 .btn-arg a.brochure.purple:focus {
    background-color: #000;
  }
  .cdoRenewal2024 .btn-arg a.brochure.purple::after {
    position: initial;
    margin-left: 12px;
    background: url(./../../images/ourServices/icon_brochure_purple_wt.svg) 0 0/100% no-repeat;
  }
  .cdoRenewal2024 .btn-arg a.contact {
    color: #fff;
    padding: 12px 0;
    border: 0;
  }
  .cdoRenewal2024 .btn-arg a.contact:hover, .cdoRenewal2024 .btn-arg a.contact:focus {
    background-color: #000;
  }
  .cdoRenewal2024 .btn-arg a.contact::after {
    position: initial;
    margin-left: 12px;
    background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;
  }
  .cdoRenewal2024 .btn-arg a + a {
    margin-left: 0;
    margin-top: 10px;
  }
  .cdoRenewal2024 .more-txt {
    margin-top: 20px;
    font-size: 14px;
  }
  .cdoRenewal2024 .tabBox {
    margin-top: 50px;
  }
  .cdoRenewal2024 .tabBox .listType .tab_area li a p:hover {
    font-weight: 500;
  }
  .cdoRenewal2024 .col2_cont > .tit h2, .cdoRenewal2024 .col2_cont > .tit span {
    margin-left: 0;
    font-size: 18px;
    font-weight: 500;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 {
    border: 0;
    padding: 0;
    width: 100%;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 dl dt a {
    display: block;
    position: relative;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 dl dt a img {
    width: 100%;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box1 dl dt a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "ssl-gilroy", "ssl-font";
    font-weight: 800;
    font-size: 8.33334vw;
    color: #fff;
    width: 100%;
    text-align: center;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box2 {
    padding: 25px 0 0;
    margin-top: 40px;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box2.purpleLine::before {
    left: 0;
  }
  .cdoRenewal2024 .col2_cont .cont-box-flex .itm-box2 .desc {
    font-size: 14px;
  }
  .cdoRenewal2024 .col2_cont .cont-box {
    margin-top: 25px;
  }
  .cdoRenewal2024 .col2_cont .cont-box.purpleLine > .title {
    font-size: 20px;
    padding-top: 10px;
  }
  .cdoRenewal2024 .col2_cont .cont-box > .desc {
    font-size: 14px;
  }
  .cdoRenewal2024 .purpleLine::before {
    left: 0;
    width: 37px;
  }
  .cdoRenewal2024 .tabBox .listType .tab_area li a {
    height: auto;
    padding: 12px 0;
  }
  .cdoRenewal2024 .gray-list-box {
    padding: 20px;
    margin-top: 24px;
  }
  .cdoRenewal2024 .gray-list-box .subTit {
    font-size: 16px;
  }
  .cdoRenewal2024 .gray-list-box ul li {
    font-size: 14px;
  }
  .cdoRenewal2024 .gray-list-box ul li.dot::before {
    width: 3px;
    height: 3px;
    top: 9px;
  }
  .cdoRenewal2024 [class^=tab-cont-] {
    padding: 20px 0px 0;
  }
  .cdoRenewal2024 [class^=tab-cont-] > .tit {
    font-size: 18px;
    font-weight: 500;
  }
  .cdoRenewal2024 [class^=tab-cont-] > .desc {
    font-size: 14px;
    font-weight: 400;
  }
  .cdoRenewal2024 [class^=tab-cont-] > .desc .blue {
    font-size: 14px;
  }
  .cdoRenewal2024 [class^=tab-cont-] .sub-box {
    margin-top: 40px;
  }
  .cdoRenewal2024 [class^=tab-cont-] .sub-box .subDesc {
    font-size: 14px;
  }
  .cdoRenewal2024 [class^=tab-cont-] .sub-box .subDesc .blue {
    font-size: 14px;
  }
  .cdoRenewal2024 .purple-box._bgGray > li dl dt {
    font-size: 18px;
  }
  .cdoRenewal2024 .purple-box._bgGray > li dl dd {
    font-size: 14px;
  }
  .cdoRenewal2024 .purple-box._bgGray > li dl dd ul li::before {
    width: 3px;
    height: 3px;
    top: 9px;
  }
  .cdoRenewal2024 .purple-box._border > li dl dd {
    font-size: 14px;
  }
  .cdoRenewal2024 .purple-box._border > li dl dd + dd {
    margin-top: 10px;
  }
  .cdoRenewal2024 .purple-box._border > li dl dd.blue {
    font-size: 14px;
  }
  .cdoRenewal2024 .purple-box.process-type {
    margin-top: 30px;
  }
  .cdoRenewal2024 .development-common-tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    gap: 50px;
  }
  .cdoRenewal2024 .development-common-tit > .comment {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .cdoRenewal2024 .development-common-tit > .comment > h2, .cdoRenewal2024 .development-common-tit > .comment > h3, .cdoRenewal2024 .development-common-tit > .comment > .tit {
    font-size: 20px;
  }
  .cdoRenewal2024 .development-common-tit > .comment > h2 + p, .cdoRenewal2024 .development-common-tit > .comment > h3 + p, .cdoRenewal2024 .development-common-tit > .comment > .tit + p {
    margin-top: 26px;
  }
  .cdoRenewal2024 .development-common-tit > .comment > p {
    font-size: 14px;
  }
  .cdoRenewal2024 .development-common-tit > .photo {
    width: 100%;
    overflow: unset;
  }
  .cdoRenewal2024 .development-common-tit > .photo img {
    max-width: none;
  }
  .cdoRenewal2024 .development-common-tit + .blueLine, .cdoRenewal2024 .development-common-tit + .img-box {
    margin-top: 50px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in::after {
    display: none;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .tit {
    font-size: 34px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .desc {
    margin-top: 16px;
    font-size: 14px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a {
    width: 190px;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-size: 16px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a + a {
    margin-left: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a.contact {
    padding: 10px 61px 11px 34px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a.contact::after {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 34px;
    background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a.down {
    padding: 10px 66px 11px 43px;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a.down::after {
    width: 17px;
    height: 17px;
    top: 12px;
    right: 40px;
    background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a:hover, .cdoRenewal2024.cdo-overview .agile-box .pix-in .text-box .btn-arg a:focus {
    background-color: #000;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box {
    max-width: 280px;
    margin: 30px auto 0;
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    right: 0;
    -webkit-transition: none;
    transition: none;
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box:hover {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  .cdoRenewal2024.cdo-overview .agile-box .pix-in .img-box img {
    width: 100%;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in {
    padding: 40px 30px 0;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in > .desc {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box {
    display: block;
    margin-top: 20px;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li {
    width: 100%;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li + li {
    margin-top: 8px;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li h3 {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 19px;
    width: 100%;
    min-height: 90px;
  }
  .cdoRenewal2024.cdo-overview .dedicated-box .pix-in .list-box li h3::after {
    margin-top: 0;
    -webkit-box-flex: 0.25;
        -ms-flex: 0.25;
            flex: 0.25;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in {
    padding-top: 40px;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in > .desc {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box {
    margin-top: 24px;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .tit {
    position: relative;
    font-family: "ssl-gilroy", "ssl-font";
    padding: 9px 20px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #508EFF;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .tit::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    width: 9px;
    height: 14px;
    background: url(/resources/front/en/images/ourServices/timeline-arrow.png) 0 0/100% no-repeat;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .tit span {
    font-size: 13px;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .moImg {
    overflow-x: scroll;
    text-align: center;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .moImg svg {
    width: 1200px;
    max-width: 1200px;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .zoomBtn-box {
    text-align: center;
  }
  .cdoRenewal2024.cdo-overview .accelerate-box .pix-in .img-box.mobile .zoomBtn-box .zoomBtn {
    display: inline-block;
    margin-top: 24px;
    padding: 16px 56px;
    line-height: 1;
    font-size: 17px;
    font-weight: 500;
    color: #222edd;
    border: 1px solid #222edd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in > .desc {
    font-size: 17px;
    font-weight: 700;
    display: block;
    margin-top: 20px;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in > .desc span {
    color: #222edd;
    font-style: italic;
    display: block;
    margin-right: 0;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li {
    padding: 18px 20px;
    min-height: auto;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li + li {
    margin-left: 0;
    margin-top: 10px;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dt {
    font-size: 18px;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc li dl dd {
    font-size: 14px;
    margin-top: 10px;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc + .btn-arg.mobile {
    margin: 30px auto 0;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box.cmc + .btn-arg a.contact {
    padding: 12px 35px;
  }
  .cdoRenewal2024.cdo-overview .customized-box .pix-in .col2_cont .cont-box .cont-box-flex .itm-box2 {
    margin-top: 30px;
  }
  .cdoRenewal2024.cdo-overview .col2_cont {
    text-align: center;
  }
  .cdoRenewal2024.cdo-overview .col2_cont .cont-box {
    text-align: left;
  }
  .cdoRenewal2024.discovery-cont .more-txt + .tabBox {
    margin-top: 40px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont {
    padding: 25px 0 0;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box + .cont-box {
    margin-top: 40px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.developability .img-box {
    margin-top: 24px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.process .img-box {
    margin-top: 24px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.purpleLine > .title {
    font-size: 20px;
    padding-top: 0;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex {
    margin-top: 20px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box {
    min-height: auto;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li {
    padding: 22px 25px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box1 .purple-box > li dl dt {
    font-size: 18px;
  }
  .cdoRenewal2024.discovery-cont .tab_cont .col2_cont .cont-box.bispecific .cont-box-flex .itm-box2 {
    margin-top: 8px;
    margin-left: 0;
  }
  .cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab1] {
    width: auto;
  }
  .cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab2] {
    width: auto;
  }
  .cdoRenewal2024.discovery-cont .tabBox .listType .tab_area li a[data-tab=tab3] {
    width: auto;
  }
  .cdoRenewal2024.cellLineDevelopment .col2_cont {
    margin-top: 50px;
  }
  .cdoRenewal2024.cellLineDevelopment .col2_cont > .tit {
    position: relative; /* padding-top: 10px; */
    /* &::before{content: ""; position: absolute; width: 37px; height: 2px; top: 0; left: 0; background-color: $defColor26;} */
  }
  .cdoRenewal2024.cellLineDevelopment .col2_cont > .tit span {
    font-size: 20px;
    font-weight: 400;
  }
  .cdoRenewal2024.cellLineDevelopment .btn-arg {
    margin-top: 0;
  }
  .cdoRenewal2024.cellLineDevelopment .section.workflow .pix-in {
    padding: 40px 30px 0;
  }
  .cdoRenewal2024.cellLineDevelopment .section.workflow .img-box {
    margin-top: 24px;
  }
  .cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .pix-in {
    padding: 40px 30px 0;
  }
  .cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
  .cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li + li {
    margin-left: 0;
    margin-top: 24px;
  }
  .cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.cellLineDevelopment .section.singleCellCloning .singleCellCloning-list li dl dd {
    padding-left: 0;
    margin-top: 20px;
    font-size: 14px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box {
    /* .moreBtns{
    	.btnMore{
    		&.on{
    			&:hover{background-color: $cfff;}
    		}
    	}
    } */
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreContent {
    margin-top: 0;
  }
  .cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li {
    padding-right: 0;
    padding-bottom: 20px;
    min-height: auto;
  }
  .cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li:last-child {
    padding-bottom: 0;
  }
  .cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li::after {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  .cdoRenewal2024.process-development .tab-cont-process._fdpd .list-box li p {
    padding: 15px 18px;
    font-size: 17px;
    min-height: 76px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .purple-box {
    margin-top: 25px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .purple-box li dl dt + dd {
    margin-top: 20px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .purple-box li dl dd {
    font-size: 14px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore {
    width: 186px;
    height: 50px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore span {
    font-size: 17px;
    font-weight: 500;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore:hover {
    background: #fff;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore:hover span {
    color: #041c59;
    padding-right: 30px;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore:hover span::before, .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore:hover span::after {
    background: #041c59;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on span {
    color: #909090;
  }
  .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on span::before, .cdoRenewal2024.process-development .tab-cont-process .sub-box .moreBtns .btnMore.on span::after {
    background: #909090;
  }
  .cdoRenewal2024.process-development .tabBox .listType .tab_area li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab1] {
    width: auto;
  }
  .cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab2] {
    width: auto;
  }
  .cdoRenewal2024.process-development .tabBox .listType .tab_area li a[data-tab=tab3] {
    width: auto;
  }
  .cdoRenewal2024.analytical-development .tab-cont-analytical {
    padding: 25px 0 0;
  }
  .cdoRenewal2024.analytical-development .tab-cont-analytical._cba .desc + .sub-box {
    margin-top: 40px;
  }
  .cdoRenewal2024.analytical-development .tab-cont-analytical._cba .sub-box .purple-box li {
    min-height: 96px;
  }
  .cdoRenewal2024.analytical-development .tab-cont-analytical._cba .sub-box .purple-box li dl dd.blue {
    font-size: 12px;
  }
  .cdoRenewal2024.analytical-development .gray-box {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.analytical-development .gray-box li {
    padding: 20px;
    min-height: auto;
  }
  .cdoRenewal2024.analytical-development .gray-box li + li {
    margin-left: 0;
    margin-top: 8px;
  }
  .cdoRenewal2024.analytical-development .gray-box li dl dt {
    font-size: 18px;
  }
  .cdoRenewal2024.analytical-development .gray-box li dl dd {
    font-size: 14px;
    margin-top: 12px;
  }
  .cdoRenewal2024.analytical-development .purple-box {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.analytical-development .purple-box + .purple-box {
    margin-top: 8px;
  }
  .cdoRenewal2024.analytical-development .purple-box li {
    padding: 20px;
    min-height: auto;
  }
  .cdoRenewal2024.analytical-development .purple-box li + li {
    margin-left: 0;
    margin-top: 8px;
  }
  .cdoRenewal2024.analytical-development .purple-box li dl dt {
    font-size: 18px;
  }
  .cdoRenewal2024.analytical-development .purple-box li dl dd {
    font-size: 14px;
    margin-top: 10px;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab1] {
    width: auto;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab2] {
    width: auto;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab3] {
    width: auto;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab4] {
    width: auto;
  }
  .cdoRenewal2024.analytical-development .tabBox .listType .tab_area li a[data-tab=tab5] {
    width: auto;
  }
  .cdoRenewal2024.clinical-manufacturing .section + .section .pix-in {
    padding-top: 40px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit {
    font-size: 18px;
    margin-top: 40px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .subTit + .purple-box {
    margin-top: 10px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box {
    margin-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box._border > li {
    padding: 30px 20px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box._bgGray > li {
    padding: 22px 20px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box._bgGray > li + li {
    margin-left: 0px;
    margin-top: 8px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .purple-box._bgGray > li dl dd ul li + li {
    margin-top: 12px;
  }
  .cdoRenewal2024.clinical-manufacturing .section .pix-in .sub-box .img-box {
    margin-top: 10px;
  }
  .cdoRenewal2024 .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .zoomIn-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50000;
    width: 100%;
    height: 100%;
    display: none;
  }
  .zoomIn-popup::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.7;
    background: #000;
  }
  .zoomIn-popup .zoomIn-box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    padding: 10px;
    width: 90%;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .zoomIn-popup .zoomIn_cont {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .zoomIn-popup .zoomIn_cont .img-box .img {
    width: 100%;
  }
  .zoomIn-popup .close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
  }
  :lang(ko) .cdoRenewal2024 .btn-arg a.brochure {
    padding: 13px 0;
  }
  :lang(ko) .cdoRenewal2024 .btn-arg a.contact {
    padding: 12px 0;
  }
  /* :lang(en){
  	.cdoRenewal2024 h3.blueLine{font-size: 20px;}
  } */
}
/* E : cdo-overview-test  */
/* S : mRNARenewal2024 */
.mRNARenewal2024 {
  padding-top: 40px;
}
.mRNARenewal2024 .section._bgImg1 {
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_01_bg.png) center top/1920px no-repeat;
}
.mRNARenewal2024 .section._bgImg2 {
  padding-bottom: 100px;
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section7_01_bg.png) center bottom/1920px no-repeat;
}
.mRNARenewal2024 .section._bggray {
  background-color: #f8f8f8;
  margin-top: 80px;
}
.mRNARenewal2024 .section._bggray .pix-in {
  padding-top: 0;
}
.mRNARenewal2024 .section.gallerySlide {
  margin-top: 0;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit {
  font-size: 30px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit.purpleLine {
  position: relative; /* margin-top: 6px; */
  font-weight: 400;
  font-size: 28px;
  /* &::before{ content: ""; position: absolute; left: 0; top: -6px; width: 30px; height: 2px; background-color: $defColor26;} */
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .desc {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.67;
  font-weight: 400;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .img-box,
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .col-box,
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box {
  margin-top: 40px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .img-box {
  font-size: 0;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-width: 1px 1px 1px 5px;
  border-color: #dcdcdc;
  border-style: solid;
  border-left-color: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori {
  gap: 22px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li {
  padding: 30px 35px 36px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li dl dt {
  font-size: 28px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  line-height: 1.2;
  color: #222edd;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li dl dd {
  font-size: 20px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  line-height: 1.5;
  margin-top: 24px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori + .etc {
  text-align: right;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori + .etc span {
  font-style: italic;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot {
  gap: 15px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li {
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl + dl {
  margin-top: 24px;
  border-top: 1px solid #d2d2d2;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dt {
  font-size: 24px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  line-height: 1.25;
  color: #222edd;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dd {
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  line-height: 1.5;
  margin-top: 24px;
  min-height: 80px;
}
.mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .etc {
  margin-top: 10px;
  font-size: 16px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  opacity: 0.5;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0px 0 80px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* .btn-box{margin-top: 40px; display: flex; justify-content: flex-start; align-items: center; gap: 18px;
  	a{position: relative; font-size: 18px; font-weight: 500; color: $defColor01; border: 1px solid $defColor01;
  		&.contentUs{padding: 11px 60px 11px 28px;
  			&::after{content: ""; position: absolute; width: 18px; height: 18px; top: 13px; right: 29px; background: url(./../../images/ourServices/icon_contactus_blue.svg) 0 0/100% no-repeat}
  			&:hover{color: $cfff; background-color: $defColor01;
  				&::after{ background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;}
  			}
  		}
  		&.brochure{padding: 11px 67px 11px 38px;
  			&::after{content: ""; position: absolute; width: 18px; height: 18px; top: 14px; right: 39px; background: url(./../../images/ourServices/icon_download_blue.svg) 0 0/100% no-repeat;}
  			&:hover{color: $cfff;background-color: $defColor01;
  				&::after{ background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat}
  			}
  		}
  	}
  } */
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .tit {
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  color: #001c5a;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .desc {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box {
  -ms-flex-preferred-size: 470px;
      flex-basis: 470px;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  border-radius: 48%;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a {
  display: block;
  width: 100%;
  height: 100%;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .wtCircle {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EDF2FF;
  border-radius: 50%;
  top: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1.01);
          transform: translateX(-50%) scale(1.01);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > div:not(.book4, .downBtn) {
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > div.book1 {
  left: calc(50% - 45px);
  width: 234px;
  height: 294px;
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_ani_01.png) center/100% no-repeat;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > div.book2 {
  left: calc(50% - 15px);
  width: 211px;
  height: 278px;
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_ani_02.png) center/100% no-repeat;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > div.book3 {
  left: calc(50% + 15px);
  width: 211px;
  height: 278px;
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_ani_03.png) center/100% no-repeat;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > div.book4 {
  position: relative;
  left: calc(50% + 45px);
  width: 233px;
  height: 293px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_ani_04.png) center/100% no-repeat;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .bookBox > .downBtn {
  position: relative;
  margin: 5px auto 0;
  text-align: center;
  width: 59px;
  height: 59px;
  background: url(/resources/front/en/images/ourServices/mRNARenewal2024_section1_ani_05.svg) center/100% no-repeat;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani {
  top: 500px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.wtCircle {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.3s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.3s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.book1 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.25s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.25s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.book2 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.2s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.2s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.book3 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.15s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.15s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.book4 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.1s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.1s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a .ani-box .ani.downBtn {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani {
  top: 0 !important;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.wtCircle, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.wtCircle, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.wtCircle {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01);
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01);
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.book1, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.book1, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.book1 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.1s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.1s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.book2, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.book2, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.book2 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.15s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.15s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.book3, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.book3, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.book3 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.2s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.2s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.book4, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.book4, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.book4 {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.25s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.25s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a.mouseEnter .ani-box .ani.downBtn, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.downBtn, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.downBtn {
  -webkit-transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.3s;
  transition: top 0.5s cubic-bezier(0.625, 0, 0.31, 1.01) 0.3s;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus .ani-box .ani.wtCircle, .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box .afterImg > a:focus-visible .ani-box .ani.wtCircle {
  border: 4px solid #000;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless {
  padding: 60px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .tit {
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 34px;
  font-weight: 600;
  color: #011c5a;
  line-height: 1.175;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .purpleTit {
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 26px;
  font-weight: 600;
  color: #222edd;
  line-height: 1.15;
  margin-top: 12px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .desc {
  font-family: "ssl-gilroy", "ssl-font";
  margin-top: 30px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f2f2f2;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 16px;
  background-color: #fff;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top dt {
  -ms-flex-preferred-size: 98px;
      flex-basis: 98px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #dcdcdc;
  font-size: 0;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #dcdcdc;
  padding-left: 30px;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 22px;
  font-weight: 600;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-bot {
  padding: 32px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-bot > li {
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

:lang(ko) {
  /* .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .btn-box a.contentUs{padding: 11px 63px 11px 49px;}
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .btn-box a.brochure{padding: 11px 60px 11px 41px;} */
}
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dt,
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dd,
:lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .tit,
:lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .purpleTit,
:lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .desc {
  font-family: "ssl-font-en", "ssl-font";
}
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dt {
  font-size: 22px;
}
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dd {
  min-height: auto;
  margin-top: 18px;
}
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit {
  font-size: 28px;
}
:lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit.purpleLine {
  font-size: 26px;
}
:lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .tit {
  font-size: 60px;
}
:lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .purpleTit {
  font-weight: 500;
  font-size: 24px;
}

@media (max-width: 1023px) {
  .mRNARenewal2024 {
    padding-top: 20px;
  }
  .mRNARenewal2024 .section._bgImg1 {
    padding-bottom: 70px;
    background: url(/resources/front/en/images/ourServices/mo_mRNARenewal2024_section1_01_bg.png) center bottom/cover no-repeat;
  }
  .mRNARenewal2024 .section._bgImg2 {
    padding-bottom: 40px;
    background: url(/resources/front/en/images/ourServices/mo_mRNARenewal2024_section7_01_bg.png) center bottom/cover no-repeat;
  }
  .mRNARenewal2024 .section._bggray {
    background-color: #f8f8f8;
    margin-top: 50px;
  }
  .mRNARenewal2024 .section .pix-in { /*padding: 40px 30px 0;*/ }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit {
    font-size: 20px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .desc {
    font-size: 14px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .img-box,
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .col-box,
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box {
    margin-top: 24px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .img-box {
    font-size: 50px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .img-box svg {
    display: block;
    margin: auto;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-width: 1px 1px 1px 3px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori {
    gap: 8px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li {
    padding: 22px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li dl dt {
    font-size: 18px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._ori li dl dd {
    font-size: 14px;
    margin-top: 12px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot {
    gap: 8px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li {
    padding: 22px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl + dl {
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dt {
    font-size: 18px;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dd {
    font-size: 14px;
    margin-top: 18px;
    min-height: initial;
  }
  .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .etc {
    margin-top: 8px;
    font-size: 14px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 70px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    /* .btn-box{margin-top: 40px; flex-direction: column; gap: 10px;
    	a{width: 190px; background-color: $c000; color: $cfff; border: 1px solid $c000; font-size: 16px; box-sizing: border-box;
    		&.contentUs{ padding: 10px 61px 11px 34px;
    			&::after{width: 20px; height: 20px; top: 10px; right: 34px; background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;}
    			&:hover,
    			&:focus{background-color: $c000;}
    		}
    		&.brochure{ padding: 10px 66px 11px 43px;
    			&::after{width: 17px; height: 17px; top: 12px; right: 40px; background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;}
    			&:hover,
    			&:focus{background-color: $c000;}
    		}
    	}
    } */
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .tit {
    font-size: 34px;
    padding-top: 0;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    padding-right: 0;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .img-box {
    width: 300px;
    margin: 50px auto 0;
    font-size: 0;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub {
    padding: 0;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless {
    padding: 40px 0px 50px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .tit {
    font-size: 26px;
    line-height: 40px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .purpleTit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-top: 20px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .desc {
    margin-top: 24px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top {
    padding-bottom: 8px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top dt {
    -ms-flex-preferred-size: 98px;
        flex-basis: 98px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top dd {
    padding-left: 24px;
    font-size: 18px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-top dd .etc {
    margin-top: 0;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-bot {
    padding: 20px;
  }
  .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.inHouse .col-box > li .col-con-bot > li {
    font-size: 14px;
  }
  :lang(ko) {
    /* .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .btn-box a.contentUs{padding: 10px 61px 11px 50px;}
    .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .btn-box a.brochure{padding: 10px 54px 11px 45px;} */
  }
  :lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit {
    font-size: 20px;
  }
  :lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont.mainTitle .txt-box .tit {
    font-size: 34px;
  }
  :lang(ko) .mRNARenewal2024 .section .pix-in .mRNA-cont-sub.seamless .txt-box .purpleTit {
    font-size: 20px;
  }
  :lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .txt-box .tit.purpleLine {
    font-size: 20px;
  }
  :lang(ko) .mRNARenewal2024 .section .pix-in [class^=mRNA-cont] .purple-box._dot li dl dt {
    font-size: 18px;
  }
}
/* E : mRNARenewal2024 */
/* S : oganoid */
.oganoid .desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oganoid .purpleLine {
  position: relative;
  margin-top: 8px;
  font-weight: 400;
  font-size: 30px;
}
.oganoid .purpleLine::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 30px;
  height: 2px;
  background-color: #222edd;
}
.oganoid .subTit {
  font-size: 26px;
  line-height: 1.27;
  font-weight: 400;
}
.oganoid .oganoid-cont.mainTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  /* .img-box{
  	&.pc{
  		img{transition: all 0.5s;
  			&:hover{transform: scale(1.075);}
  		}
  	}
  } */
}
.oganoid .oganoid-cont.mainTitle .txt-box {
  /* .btn-box{margin-top: 40px; display: flex; justify-content: flex-start; align-items: center; gap: 18px;
  	a{position: relative; width:190px; display:block; box-sizing:border-box; padding:11px 0 10px; text-align:center; font-size: 18px; font-weight: 500; color: $defColor01; border: 1px solid $defColor01;
  		&.contentUs{/
  			&::after{content: ""; display:inline-block; margin:-4px 0 0 10px; vertical-align:middle; width: 18px; height: 18px; background: url(./../../images/ourServices/icon_contactus_blue.svg) 0 0/100% no-repeat}
  			&:hover{color: $cfff; background-color: $defColor01;
  				&::after{ background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;}
  			}
  		}
  		&.flyer{color: $defColor26; border: 1px solid $defColor26;
  			&::after{content: "";  display:inline-block; margin:-2px 0 0 10px; vertical-align:middle; width: 18px; height: 18px; background: url(./../../images/ourServices/icon_flyer_purple.svg) 0 0/100% no-repeat;}
  			&:hover{color: $cfff;background-color: $defColor26;
  				&::after{ background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat}
  			}
  		}
  	}
  } */
}
.oganoid .oganoid-cont.mainTitle .txt-box .tit {
  font-size: 50px;
  font-weight: 600;
  line-height: 58px;
  color: #001c5a;
  font-family: "ssl-gilroy", "ssl-font";
}
.oganoid .oganoid-cont.mainTitle .txt-box .desc {
  margin-top: 30px;
  padding-right: 40px;
}
.oganoid .oganoid-cont.mainTitle .txt-box .dft-btn-contactus-brochure-box {
  margin-top: 50px;
}
.oganoid .oganoid-cont.avanoids .txt-box .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.oganoid .oganoid-cont.avanoids .txt-box .tit span {
  font-size: 0;
}
.oganoid .oganoid-cont.avanoids .txt-box .tit span + span {
  font-size: 30px;
  font-weight: 400;
}
.oganoid .oganoid-cont.avanoids .txt-box .desc {
  margin-top: 23px;
}
.oganoid .oganoid-cont.avanoids .txt-box .purple-box {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 12px;
}
.oganoid .oganoid-cont.avanoids .txt-box .purple-box li {
  border-left: 3px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 30px 28px;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dt {
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  line-height: 1.3;
  color: #222edd;
}
.oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dd {
  margin-top: 30px;
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  line-height: 1.71;
}
.oganoid .oganoid-cont-sub { /*padding: 0 15px;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .txt-box .desc {
  margin-top: 20px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box { /* margin-top:50px; padding:28px 0 20px 0; */
  margin-top: 40px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box p.itm-tit {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  color: #222;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 19px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li {
  padding: 29px; /* border: 1px solid #d8d8d8; */
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure {
  position: relative;
  font-size: 0;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  text-align: center;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .tit {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
  color: #222edd;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box {
  position: relative;
  width: 100%;
  padding-right: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul {
  width: 100%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul:before {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 0px;
  display: block;
  width: 100%;
  height: 2px;
  background-image: -webkit-gradient(linear, right top, left top, from(#222edd), to(#cec3ff));
  background-image: linear-gradient(to left, #222edd, #cec3ff);
  z-index: 1;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul:after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(./../../images/ourServices/organoid/arrow.png) 0 0/cover no-repeat;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 40px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  display: block;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:after {
  width: 1px;
  height: calc(100% - 10px);
  background: #ddd;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:before {
  top: auto;
  left: 1px;
  bottom: 10px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #ddd;
  z-index: 2;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1):after {
  background: #222edd;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1):before {
  left: 0px;
  width: 9px;
  height: 9px;
  background: #222edd;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box {
  position: relative;
  display: block;
  width: 100%;
  min-height: 140px;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a {
  background: #f2f2f2;
  color: #222edd;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:focus, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  background: #222edd;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:focus:before, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover:before, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active:before {
  opacity: 1;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:focus:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active:after {
  background: url(./../../images/ourServices/organoid/ico_cdmo_arrow_on.png) 0 0/cover no-repeat;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:focus .txt, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover .txt, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active .txt {
  color: #fff;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:before {
  content: "Learn more";
  position: absolute;
  bottom: 20px;
  right: 80px;
  font-size: 16px;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 42px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(./../../images/ourServices/organoid/ico_cdmo_arrow_off.png) 0 0/cover no-repeat;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a .txt {
  font-size: 18px;
  color: #222edd;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box {
  background: #222edd;
  /* & + .etc-txt {position:absolute; bottom:0px; left:20px;
  	.tit {font-size:15px; font-family:'ssl-gilroy','ssl-font'; color:$c222; font-weight:600; letter-spacing:-1px;}
  	.txt {margin-top:4px; font-size:15px; font-family:'ssl-gilroy','ssl-font'; color:$c222; font-weight:400;}
  } */
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box .txt {
  font-size: 18px;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box .stxt {
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list {
  position: relative;
  width: 100%;
  margin-top: 24px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt:before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt.ico-itm1:before {
  background: url(./../../images/ico_svg/services/organoid/ico_organoid_itm1.svg) 0 0/cover no-repeat;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt.ico-itm2:before {
  background: url(./../../images/ico_svg/services/organoid/ico_organoid_itm2.svg) 0 0/cover no-repeat;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt.ico-itm3:before {
  background: url(./../../images/ico_svg/services/organoid/ico_organoid_itm3.svg) 0 0/cover no-repeat;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt.ico-itm4:before {
  background: url(./../../images/ico_svg/services/organoid/ico_organoid_itm4.svg) 0 0/cover no-repeat;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt h3 {
  width: calc(100% - 112px);
  font-size: 18px;
  color: #222;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dd {
  margin-top: 24px;
  width: 100%;
  min-height: 140px;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f2f2f2;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dd > ul > li {
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}
.oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dd > ul > li:before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0px;
}

:lang(ko) {
  /* .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dt{font-weight: 400; font-size: 22px;} */
  /* .oganoid .oganoid-cont.mainTitle .txt-box .tit{font-weight: 500;} */
  /* .oganoid .desc{font-weight: 300;} */
  /* .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer {padding:11px 58px 10px 28px;}
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer::after {right:25px;} */
}
:lang(ko) .oganoid .oganoid-cont.avanoids {
  margin-top: 5px;
}
:lang(ko) .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dt,
:lang(ko) .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dd,
:lang(ko) .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure figcaption {
  font-family: "ssl-font-en", "ssl-font";
}
:lang(ko) .oganoid .purpleLine {
  font-weight: 300;
}
:lang(ko) .oganoid .oganoid-cont.avanoids .txt-box .tit span {
  font-weight: 300;
}
:lang(ko) .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dd {
  font-weight: 300;
}
:lang(ko) .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure figcaption {
  font-weight: 400;
}
:lang(ko) .oganoid .oganoid-cont-sub.ourTherapeuticAreas .smc-box dl dd {
  font-weight: 300;
}

@media (max-width: 1023px) {
  /* :lang(ko){
  	.oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.contentUs {padding:10px 61px 11px 56px;}
  	.oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer {padding:10px 61px 11px 56px;}
  	.oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer::after {right:38px;}
  } */
  .oganoid .blueLine {
    margin-top: 14px;
  }
  .oganoid .blueLine::before {
    top: -14px;
  }
  .oganoid .desc {
    font-size: 14px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 400;
  }
  .oganoid .purpleLine {
    font-size: 20px;
  }
  .oganoid .purpleLine::before {
    width: 28px;
  }
  .oganoid .subTit {
    font-size: 20px;
  }
  .oganoid .oganoid-cont.mainTitle {
    display: block;
    padding-top: 0;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .tit {
    font-size: 30px;
    line-height: 1.5;
    color: #000;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .desc {
    margin-top: 20px;
    padding-right: 0;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .img-box {
    margin: 40px auto 0;
    width: 214px;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a {
    display: block;
    width: 190px;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-size: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.contentUs {
    padding: 10px 61px 11px 34px;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.contentUs::after {
    position: absolute;
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 34px;
    background: url(./../../images/ourServices/icon_contactus_wt.svg) 0 0/100% no-repeat;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.contentUs:hover, .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.contentUs:focus {
    background-color: #000;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer { /* padding: 10px 87px 11px 58px; */
    padding: 10px 61px 11px 34px;
    color: #fff;
    border: 1px solid #000;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer::after {
    position: absolute;
    display: block;
    margin: 0;
    width: 17px;
    height: 17px;
    top: 12px;
    right: 40px;
    background: url(./../../images/ourServices/icon_download_wt.svg) 0 0/100% no-repeat;
  }
  .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer:hover, .oganoid .oganoid-cont.mainTitle .txt-box .btn-box a.flyer:focus {
    background-color: #000;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .tit span {
    font-size: 0;
    display: block;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .tit span + span {
    font-size: 16px;
    margin-top: 10px;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .desc {
    margin-top: 20px;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .purple-box {
    margin-top: 30px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .purple-box li {
    padding: 30px 28px 38px 27px;
    min-height: 153px;
    border-left: 3px solid #222edd;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .purple-box li + li {
    margin-top: 12px;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dt {
    font-size: 18px;
  }
  .oganoid .oganoid-cont.avanoids .txt-box .purple-box li dl dd {
    margin-top: 20px;
    font-size: 14px;
  }
  .oganoid .oganoid-cont-sub {
    padding: 0;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box {
    margin-top: 30px;
    padding: 0px;
    border: none;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box p.itm-tit {
    margin-bottom: 12px;
    font-size: 18px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul {
    display: block;
    font-size: 0;
    width: 300px;
    margin: auto;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li {
    padding: 21px 0;
    width: 143px;
    display: inline-block;
    border: 1px solid #d8d8d8;
    vertical-align: top;
    margin-top: 14px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li:nth-child(2n) {
    margin-left: 14px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li:nth-child(1), .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li:nth-child(2) {
    margin-top: 0;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure {
    text-align: center;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .img-box ul li figure figcaption {
    font-size: 14px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .tit {
    font-size: 18px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box {
    padding-right: 0;
    padding-left: 43px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul {
    margin-top: 26px;
    padding-bottom: 22px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul:before {
    bottom: auto;
    top: 0px;
    left: 10px;
    width: 2px;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#222edd), to(#cec3ff));
    background-image: linear-gradient(to top, #222edd, #cec3ff);
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul:after {
    bottom: -1px;
    right: auto;
    left: 0px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-bottom: 0px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li + li {
    margin-top: 16px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -31px;
    display: block;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:after {
    width: 100%;
    height: 1px;
    background: #ddd;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:before {
    top: calc(50% - 3px);
    left: -36px;
    width: 8px;
    height: 8px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1):after {
    top: 32px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li:nth-child(1):before {
    top: 29px;
    left: -36px;
    width: 8px;
    height: 8px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box {
    min-height: 90px;
    padding: 22px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a {
    padding-right: 86px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* background:$defColor53; color:$defColor26; transform: translateY(0); transition:all .2s ease-in-out; */
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a.focus, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #f2f2f2;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a.focus:before, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover:before, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a.focus:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover:after, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active:after {
    background: url(./../../images/ourServices/organoid/ico_cdmo_arrow_on.png) 0 0/cover no-repeat;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a.focus .txt, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:hover .txt, .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:active .txt {
    color: #222edd;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:before {
    content: "";
    position: absolute;
    display: block;
    width: 86px;
    height: 100%;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    background: #222edd;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a:after {
    content: "";
    position: absolute;
    bottom: calc(50% - 10px);
    right: 33px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(./../../images/ourServices/organoid/ico_cdmo_arrow_on.png) 0 0/cover no-repeat;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > a .txt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10px;
    font-size: 16px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box {
    /* & + .etc-txt {position:relative; bottom:auto; left:auto; padding:16px 0 10px 0; box-sizing:border-box;
    	&:after, &:before {content:''; position:absolute; top:27px; left:-31px; display:block;}
    	&:after {width:20px; height:1px; background:$defColor26;}
    	&:before {top:23px; left:-15px; width:9px; height:9px; border-radius:100%; background:$defColor26;}

    	.tit {font-size:16px;}
    	.txt {margin-top:6px; font-size:15px;}
    } */
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .sos-cdmo .list-box ul li > .box .txt {
    font-size: 16px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list {
    margin-top: 30px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li {
    position: relative; /* padding:20px 0; */
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li + li {
    margin-top: 30px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dt h3 {
    width: calc(100% - 104px);
    font-size: 16px;
  }
  .oganoid .oganoid-cont-sub.ourTherapeuticAreas .ico-row-list > ul > li > dl > dd {
    min-height: auto;
    margin-top: 10px;
    font-size: 14px;
  }
  :lang(ko) .oganoid .oganoid-cont.avanoids {
    margin-top: 0px;
  }
}
/* E : oganoid */
.new-2025-manufacturing, .new-2025-mammalian-cell-culture, .new-2025-drug-product {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.new-2025-manufacturing .tit, .new-2025-mammalian-cell-culture .tit, .new-2025-drug-product .tit {
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
.new-2025-manufacturing .tit.mt, .new-2025-mammalian-cell-culture .tit.mt, .new-2025-drug-product .tit.mt {
  margin-top: 80px;
}
.new-2025-manufacturing .txt-arg, .new-2025-mammalian-cell-culture .txt-arg, .new-2025-drug-product .txt-arg {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}
.new-2025-manufacturing .cdmo-txt-list, .new-2025-mammalian-cell-culture .cdmo-txt-list, .new-2025-drug-product .cdmo-txt-list {
  position: relative;
  margin-top: 80px;
}
.new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt {
  width: 220px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt {
  width: 140px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt {
  width: 160px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt {
  width: 360px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt {
  width: 134px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list > ul, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul, .new-2025-drug-product .cdmo-txt-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-manufacturing .cdmo-txt-list > ul.sb, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul.sb, .new-2025-drug-product .cdmo-txt-list > ul.sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(1) > dl > dt {
  width: 59px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(3) > dl > dt {
  width: 160px;
  text-align: right;
}
.new-2025-manufacturing .cdmo-txt-list > ul > li > dl, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl, .new-2025-drug-product .cdmo-txt-list > ul > li > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-manufacturing .cdmo-txt-list > ul > li > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li > dl > dt {
  font-size: 60px;
  line-height: 1;
  color: #041c59;
  font-weight: 600;
}
.new-2025-manufacturing .cdmo-txt-list > ul > li > dl > dd, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl > dd, .new-2025-drug-product .cdmo-txt-list > ul > li > dl > dd {
  margin-left: 26px;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
}
.new-2025-manufacturing .cdmo-txt-list span.etc, .new-2025-mammalian-cell-culture .cdmo-txt-list span.etc, .new-2025-drug-product .cdmo-txt-list span.etc {
  font-size: 14px;
  color: #888;
}

@media (max-width: 1023px) {
  .new-2025-manufacturing .tit, .new-2025-mammalian-cell-culture .tit, .new-2025-drug-product .tit {
    font-size: 20px;
    color: #000;
  }
  .new-2025-manufacturing .tit.mt, .new-2025-mammalian-cell-culture .tit.mt, .new-2025-drug-product .tit.mt {
    margin-top: 50px;
  }
  .new-2025-manufacturing .txt-arg, .new-2025-mammalian-cell-culture .txt-arg, .new-2025-drug-product .txt-arg {
    font-size: 14px;
  }
  .new-2025-manufacturing .pix-in .cdmo-txt-list, .new-2025-mammalian-cell-culture .pix-in .cdmo-txt-list, .new-2025-drug-product .pix-in .cdmo-txt-list {
    padding: 0px;
  }
  .new-2025-manufacturing .cdmo-txt-list, .new-2025-mammalian-cell-culture .cdmo-txt-list, .new-2025-drug-product .cdmo-txt-list {
    margin-top: 40px;
    padding: 0 30px;
  }
  .new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list.facility > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list.drug > ul > li:nth-child(3) > dl > dt {
    width: 100%;
    text-align: left;
  }
  .new-2025-manufacturing .cdmo-txt-list > ul, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul, .new-2025-drug-product .cdmo-txt-list > ul { /* display:flex; justify-content:space-between; */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-manufacturing .cdmo-txt-list > ul > li:nth-child(3) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li:nth-child(3) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li:nth-child(3) > dl > dt {
    width: 100%;
    text-align: left;
  }
  .new-2025-manufacturing .cdmo-txt-list > ul > li + li, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li + li, .new-2025-drug-product .cdmo-txt-list > ul > li + li {
    margin-top: 40px;
  }
  .new-2025-manufacturing .cdmo-txt-list > ul > li > dl, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl, .new-2025-drug-product .cdmo-txt-list > ul > li > dl { /* display:flex; justify-content:space-between; */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-manufacturing .cdmo-txt-list > ul > li > dl > dt, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl > dt, .new-2025-drug-product .cdmo-txt-list > ul > li > dl > dt {
    font-size: 40px; /* line-height:1; color:$defColor151; font-weight:600; */
  }
  .new-2025-manufacturing .cdmo-txt-list > ul > li > dl > dd, .new-2025-mammalian-cell-culture .cdmo-txt-list > ul > li > dl > dd, .new-2025-drug-product .cdmo-txt-list > ul > li > dl > dd {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 14px; /* line-height:1.4; color:$c222; font-weight:400; */
  }
}
/* S : new-2025-manufacturing */
.new-2025-manufacturing {
  padding-top: 20px;
}
.new-2025-manufacturing .key-box-arg {
  position: relative;
  margin-top: 20px;
}
.new-2025-manufacturing .key-box-arg + .txt-arg {
  margin-top: 40px;
}
.new-2025-manufacturing .key-box-arg > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-manufacturing .key-box-arg > ul + ul {
  margin-top: 20px;
}
.new-2025-manufacturing .key-box-arg > ul > li {
  width: 100%;
  max-width: 288px;
}
.new-2025-manufacturing .key-box-arg > ul > li + li {
  margin-left: 16px;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box {
  position: relative;
  display: block;
  width: 100%;
  min-height: 188px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dcdcdc;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:before {
  content: "";
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../../images/ico_svg/btn_arrow.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover, .new-2025-manufacturing .key-box-arg > ul > li > .box:active {
  background: #222edd;
  border: 1px solid #222edd;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active:before {
  background: url(../../images/ico_svg/btn_arrow_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm]:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm]:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 90px;
  height: 90px;
  text-indent: -9999px;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm1:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm1:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm1:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm1_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm2:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm2:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm2:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm2_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm3:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm3:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm3:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm3_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm4:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm4:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm4:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm4_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm5:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm5:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm5:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm5_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm6:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm6:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm6:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm6_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl[class^=itm].itm7:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl[class^=itm].itm7:before, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl[class^=itm].itm7:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm7_on.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl > dt, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl > dt, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl > dt {
  color: #fff; /* text-decoration:underline; */
}
.new-2025-manufacturing .key-box-arg > ul > li > .box:focus > dl > dd, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover > dl > dd, .new-2025-manufacturing .key-box-arg > ul > li > .box:active > dl > dd {
  color: #fff;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 26px 26px 45px;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 90px;
  height: 90px;
  text-indent: -9999px;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm1:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm1.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm2:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm2.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm3:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm3.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm4:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm4.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm5:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm5.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm6:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm6.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl[class^=itm].itm7:before {
  background: url(../../images/ico_svg/services/ico_manufacturing_itm7.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl > dt {
  font-size: 20px;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
}
.new-2025-manufacturing .key-box-arg > ul > li > .box > dl > dd {
  margin-top: 20px;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: #222;
}
.new-2025-manufacturing .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-manufacturing .swiper-box, .new-2025-manufacturing .manufacturing-box {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0;
}
.new-2025-manufacturing .swiper-box + .pix-in, .new-2025-manufacturing .manufacturing-box + .pix-in {
  padding-top: 60px;
}
.new-2025-manufacturing .swiper-box .swiper-wrapper, .new-2025-manufacturing .manufacturing-box .swiper-wrapper {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.new-2025-manufacturing .swiper-box .swiper-itm-box, .new-2025-manufacturing .manufacturing-box .swiper-itm-box {
  font-size: 0;
}
.new-2025-manufacturing .swiper-box .swiper-itm-box img, .new-2025-manufacturing .manufacturing-box .swiper-itm-box img {
  width: 100%;
}
.new-2025-manufacturing .swiper-box .sideControl, .new-2025-manufacturing .manufacturing-box .sideControl {
  position: absolute;
  left: 0px;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}
.new-2025-manufacturing .swiper-box .sideControl .swiper-pagination, .new-2025-manufacturing .manufacturing-box .sideControl .swiper-pagination {
  position: relative;
  z-index: unset;
  font-size: 0;
}
.new-2025-manufacturing .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet, .new-2025-manufacturing .manufacturing-box .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.new-2025-manufacturing .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child, .new-2025-manufacturing .manufacturing-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0px;
}
.new-2025-manufacturing .swiper-box .sideControl .controlBtn, .new-2025-manufacturing .manufacturing-box .sideControl .controlBtn {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.new-2025-manufacturing .swiper-box .sideControl .controlBtn.stop, .new-2025-manufacturing .manufacturing-box .sideControl .controlBtn.stop {
  background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
}
.new-2025-manufacturing .swiper-box .sideControl .controlBtn.play, .new-2025-manufacturing .manufacturing-box .sideControl .controlBtn.play {
  background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
}
.new-2025-manufacturing .drug-box-arg {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.new-2025-manufacturing .drug-box-arg > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-manufacturing .drug-box-arg > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-manufacturing .drug-box-arg > ul > li + li {
  margin-left: 16px;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box {
  position: relative;
  display: block;
  width: 100%;
  min-height: 254px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  overflow: hidden;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 10px;
  display: block;
  width: 84px;
  height: 84px;
  background: url(../../images/ico_svg/services/ico_btn_drug_off.svg) 0 0/cover no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box:focus, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:hover, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:active {
  background: #222edd;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box:focus:before, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:hover:before, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:active:before {
  background: url(../../images/ico_svg/services/ico_btn_drug_on.svg) 0 0/cover no-repeat;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box:focus > dl > dt h3, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:hover > dl > dt h3, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:active > dl > dt h3 {
  color: #fff; /* text-decoration:underline; */
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box:focus > dl > dd, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:hover > dl > dd, .new-2025-manufacturing .drug-box-arg > ul > li > a.box:active > dl > dd {
  color: #fff;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box > dl > dt h3 {
  padding-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 24px;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.new-2025-manufacturing .drug-box-arg > ul > li > a.box > dl > dd {
  padding-top: 23px;
  line-height: 1.5;
  font-size: 18px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #222;
}
.new-2025-manufacturing .total-img-box {
  position: relative;
  margin-top: 50px;
  width: 100%;
  height: 562px; /* padding:100px 60px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f8f8fa;
}
.new-2025-manufacturing .total-img-box:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../images/ourServices/bg_manufacturing_total.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.new-2025-manufacturing .total-img-box.bg-itm1:before {
  background-image: url(../../images/ourServices/bg_manufacturing_total_itm1.jpg);
}
.new-2025-manufacturing .total-img-box.bg-itm2:before {
  background-image: url(../../images/ourServices/bg_manufacturing_total_itm2.jpg);
}
.new-2025-manufacturing .total-img-box.bg-itm3:before {
  background-image: url(../../images/ourServices/bg_manufacturing_total_itm3.jpg);
}
.new-2025-manufacturing .total-img-box .total-arg {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding-bottom: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt {
  position: relative;
  padding-left: 60px;
  z-index: 4;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl > dt {
  font-size: 24px;
  line-height: 1;
  color: #222;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl > dd {
  font-size: 100px;
  line-height: 1;
  color: #222edd;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl > dd.change {
  color: #00dfca;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 50px;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li + li {
  margin-left: 18px;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li .op {
  opacity: 0.5;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li span.sup, .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li a {
  font-size: 20px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #041c59;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li span.sup:is(a), .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li a:is(a) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li span.sup:is(a):after, .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li a:is(a):after {
  content: "";
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  background: url(../../images/ico_svg/services/btn_facility.svg) 0 0 no-repeat;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li p {
  padding-top: 10px;
  font-size: 50px;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  color: #041c59;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li p.plus {
  opacity: 0.3;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li p.etc {
  position: absolute;
  bottom: -15px;
  white-space: nowrap;
  font-size: 14px;
}
.new-2025-manufacturing .total-img-box .total-arg .total-info-txt > p {
  padding-top: 15px;
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  color: #747474;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm1 {
  top: 13%; /* left:65%; */
  left: calc(50% + 180px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm2 {
  top: 11%; /* left:74%; */
  left: calc(50% + 280px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm3 {
  top: 7.5%; /* left:77.6%; */
  left: calc(50% + 330px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm4 {
  top: 14%; /* left:86%; */
  left: calc(50% + 430px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm5 {
  top: 17.7%; /* left:82.6%; */
  left: calc(50% + 385px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm6 {
  top: 41.5%; /* left:82.5%; */
  left: calc(50% + 390px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm7 {
  top: 63.5%; /* left:65.5%; */
  left: calc(50% + 180px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm7 .text-balloon > dl > dd > sup {
  color: #222edd;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm7 .text-balloon > .etc-txt {
  color: #222edd;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 {
  top: 56.5%; /* left:76.5%; */
  left: calc(50% + 320px);
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 button {
  background: #00dfca;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 .text-balloon > dl > dd > sup {
  color: #00dfca;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 .text-balloon > .etc-txt {
  color: #00dfca;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button {
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #222edd;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button:before, .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 2px;
  height: 14px;
  background: #fff;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button:after {
  width: 14px;
  height: 2px;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button:focus, .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] button:hover {
  width: 28px;
  height: 28px;
  opacity: 1;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] p.txt {
  position: absolute;
  top: 32px;
  left: 50%;
  min-width: 150px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: 14px;
  line-height: 22px;
  color: #222;
  font-weight: 500;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] p.txt + .text-balloon {
  top: 74px;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon {
  position: absolute;
  top: 48px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: none;
  min-width: 160px;
  padding: 18px 21px;
  background: #fff;
  border-radius: 10px; /* box-shadow:0px 10px 15px 0px rgba(0,0,0,0.16); */
  -webkit-box-shadow: 0px -4px 20px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -4px 20px 2px rgba(0, 0, 0, 0.16);
  z-index: 3;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon:before {
  content: "";
  position: absolute;
  top: -15px;
  left: calc(50% - 8px);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 15px 8px;
  border-color: transparent transparent #fff transparent; /* box-shadow:0px 0px 10px 0px rgba(0,0,0,0.16) */
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon > dl > dt {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #222;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon > dl > dd {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #222;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon > dl > dd > sup {
  vertical-align: text-top;
}
.new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] .text-balloon > .etc-txt {
  margin-top: 13px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}

@media (max-width: 1023px) {
  .new-2025-manufacturing {
    padding-top: 0;
  }
  .new-2025-manufacturing .tit {
    font-size: 20px;
    color: #000;
  }
  .new-2025-manufacturing .tit.mt {
    margin-top: 50px;
  }
  .new-2025-manufacturing .key-box-arg {
    position: relative;
    margin-top: 20px;
    /* & + .txt-arg {margin-top:40px;} */
  }
  .new-2025-manufacturing .key-box-arg > ul { /* display:flex; justify-content:flex-start; align-items:flex-start; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-manufacturing .key-box-arg > ul + ul {
    margin-top: 10px;
  }
  .new-2025-manufacturing .key-box-arg > ul > li {
    width: 100%;
    max-width: unset;
  }
  .new-2025-manufacturing .key-box-arg > ul > li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .new-2025-manufacturing .key-box-arg > ul > li > .box {
    min-height: 145px; /* box-sizing:border-box; border:1px solid $defColor89; */
  }
  .new-2025-manufacturing .key-box-arg > ul > li > .box:focus, .new-2025-manufacturing .key-box-arg > ul > li > .box:hover, .new-2025-manufacturing .key-box-arg > ul > li > .box:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .new-2025-manufacturing .key-box-arg > ul > li > .box > dl {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* padding:26px 26px; */
    padding: 26px 60px 26px 26px;
    /* &[class^=itm] {
    	&:before {content:''; position:absolute; top:0px; right:0px; display:block; width:90px; height:90px; text-indent:-9999px;}
    	&.itm1 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm1.svg) 0 0 no-repeat;}
    	}
    	&.itm2 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm2.svg) 0 0 no-repeat;}
    	}
    	&.itm3 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm3.svg) 0 0 no-repeat;}
    	}
    	&.itm4 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm4.svg) 0 0 no-repeat;}
    	}
    	&.itm5 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm5.svg) 0 0 no-repeat;}
    	}
    	&.itm6 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm6.svg) 0 0 no-repeat;}
    	}
    	&.itm7 {
    		&:before{background:url(../../images/ico_svg/services/ico_manufacturing_itm7.svg) 0 0 no-repeat;}
    	}
    } */
  }
  .new-2025-manufacturing .key-box-arg > ul > li > .box > dl > dt {
    font-size: 18px; /* font-family:'ssl-gilroy','ssl-font'; font-size:20px; line-height:1.5; font-weight:500; color:$c222; */
  }
  .new-2025-manufacturing .key-box-arg > ul > li > .box > dl > dd {
    margin-top: 24px; /* font-family:'ssl-gilroy','ssl-font'; font-size:16px; line-height:1.3; font-weight:400; color:$c222; */
  }
  .new-2025-manufacturing .swiper-box, .new-2025-manufacturing .manufacturing-box {
    margin: 50px auto 0;
    /* & + .pix-in {padding-top:40px;} */
  }
  .new-2025-manufacturing .drug-box-arg > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-manufacturing .drug-box-arg > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .new-2025-manufacturing .drug-box-arg > ul > li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .new-2025-manufacturing .drug-box-arg > ul > li > a.box {
    min-height: auto;
    padding: 25px 22px;
    /* &:focus, &:hover, &:active {background:$defColor26;
    	& > dl {
    		& > dt {color:$cfff; text-decoration:underline;}
    		& > dd {color:$cfff;}
    	}
    } */
  }
  .new-2025-manufacturing .drug-box-arg > ul > li > a.box:before {
    width: 66px;
    height: 66px;
  }
  .new-2025-manufacturing .drug-box-arg > ul > li > a.box > dl > dt h3 {
    font-size: 16px;
  }
  .new-2025-manufacturing .drug-box-arg > ul > li > a.box > dl > dd {
    padding-top: 20px;
    line-height: 1.7;
    font-size: 14px;
  }
  .new-2025-manufacturing .total-img-box {
    margin-top: 40px;
    height: calc(84vw + 350px);
    padding: 0px; /* padding-top:210px; */
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    background: #f8f8fa;
  }
  .new-2025-manufacturing .total-img-box:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/ourServices/mo_bg_manufacturing_total.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
  }
  .new-2025-manufacturing .total-img-box.bg-itm1:before {
    background-image: url(../../images/ourServices/mo_bg_manufacturing_total.jpg);
  }
  .new-2025-manufacturing .total-img-box.bg-itm2:before {
    background-image: url(../../images/ourServices/mo_bg_manufacturing_total.jpg);
  }
  .new-2025-manufacturing .total-img-box.bg-itm3:before {
    background-image: url(../../images/ourServices/mo_bg_manufacturing_total_itm1.jpg);
  }
  .new-2025-manufacturing .total-img-box .total-arg {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    padding-bottom: 0;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt {
    padding-left: 0;
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl {
    padding: 35px 0 0 30px;
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl > dt {
    font-size: 16px; /* line-height:1; color:$c222; font-family:'ssl-gilroy','ssl-font'; font-weight:400; */
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > dl > dd {
    font-size: 70px; /* list-style:1; color:$defColor26; font-family:'ssl-gilroy','ssl-font'; font-weight:500; */
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul {
    padding: 16px 0 0 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; /* display:flex; justify-content:flex-start; align-items:flex-end; */
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li:last-child {
    margin-left: 0px;
    margin-top: 16px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li + li {
    margin-left: 13px;
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li span.sup {
    font-size: 16px; /* font-family:'ssl-gilroy','ssl-font'; font-weight:400; color:$c222; */
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > ul > li p {
    padding-top: 4px;
    font-size: 20px; /* line-height:1; font-family:'ssl-gilroy','ssl-font'; font-weight:500; color:$c222; */
  }
  .new-2025-manufacturing .total-img-box .total-arg .total-info-txt > p {
    padding: 10px 30px 0;
    font-size: 11px;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] {
    display: none;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] p.txt {
    font-size: 12px;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm] p.txt + .text-balloon {
    top: 48px;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm1, .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm1 {
    top: 46%;
    left: calc(50% + 42px);
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm1 p.txt {
    top: 2px;
    left: 93px;
    text-align: left;
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 {
    top: 67%;
    left: calc(50% + 20px);
  }
  .new-2025-manufacturing .total-img-box .total-arg .hand-box > [class^=hand-itm].hand-itm8 p.txt {
    top: 2px;
    left: -93px;
    text-align: right;
  }
}
/* E : new-2025-manufacturing */
/* S : new-2025-mammalian-cell-culture */
.new-2025-mammalian-cell-culture .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-mammalian-cell-culture .mammalian-list {
  position: relative;
  margin-top: 40px;
  padding-top: 54px;
}
.new-2025-mammalian-cell-culture .mammalian-list > .txt-bar {
  position: absolute;
  top: 34px;
  left: calc((100% - 840px) / 6 / 2 + 70px);
  display: block;
  width: calc((100% - 840px) / 6 * 3 + 420px);
  height: 20px;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-mammalian-cell-culture .mammalian-list > .txt-bar span {
  position: absolute;
  top: -40px;
  left: 0px;
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #959595;
  text-align: center;
}
.new-2025-mammalian-cell-culture .mammalian-list > .txt-bar span:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 1px;
  height: 10px;
  background: #dbdbdb;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li {
  position: relative;
  width: 140px;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a {
  display: block;
  width: 100%;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:hover > .box > [class^=photo-itm]:after, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:focus > .box > [class^=photo-itm]:after, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:active > .box > [class^=photo-itm]:after {
  opacity: 1;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:hover > .box > [class^=photo-itm] > .more, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:focus > .box > [class^=photo-itm] > .more, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:active > .box > [class^=photo-itm] > .more {
  opacity: 1;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box {
  width: 100%;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] {
  position: relative;
  width: 140px;
  height: 140px;
  /* &:after {content:''; position:absolute; top:95px; left:calc(50% + 40px); display:block; width:28px; height:28px; background:url(../../images/ico_svg/btn_more_arrow_off.svg) 0 0 / cover no-repeat; transition:all .3s ease-in-out;} */
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm]:after {
  content: "";
  position: absolute;
  top: 95px;
  left: calc(50% - 14px);
  display: block;
  width: 28px;
  height: 28px;
  background: url(../../images/ico_svg/btn_more_arrow2_on.svg) 0 0/cover no-repeat;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm1]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm1.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm2]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm2.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm3]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm3.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm4]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm4.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm5]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm5.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm][class$=itm6]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm6.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] > .more {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] > .more:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #222edd;
  opacity: 0.5;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] > .more p {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1.25px;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > p {
  margin-top: 18px;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
  color: #222;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link {
  display: block;
  width: 100%;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box {
  width: 100%;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm] {
  position: relative;
  width: 140px;
  height: 140px;
  /* &:after {content:''; position:absolute; top:95px; left:calc(50% - 14px); display:block; width:28px; height:28px; background:url(../../images/ico_svg/btn_more_arrow_on.svg) 0 0 / cover no-repeat; opacity:0; transition:all .3s ease-in-out;} */
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm1]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm1.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm2]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm2.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm3]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm3.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm4]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm4.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm5]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm5.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm][class$=itm6]:before {
  background: url(../../images/ico_svg/services/ico_mammalian_itm6.png) 0 0/cover no-repeat;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm] > .more {
  display: none;
}
.new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > p {
  margin-top: 18px;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
  color: #222;
}
.new-2025-mammalian-cell-culture .box-txt-list {
  margin-top: 40px;
}
.new-2025-mammalian-cell-culture .box-txt-list > ul > li {
  padding: 30px 35px 45px;
  border-left: 5px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
}
.new-2025-mammalian-cell-culture .box-txt-list > ul > li + li {
  margin-top: 20px;
}
.new-2025-mammalian-cell-culture .box-txt-list > ul > li > dl > dt {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  font-size: 24px;
  line-height: 1.33;
  color: #222edd;
}
.new-2025-mammalian-cell-culture .box-txt-list > ul > li > dl > dt h3 {
  all: unset;
}
.new-2025-mammalian-cell-culture .box-txt-list > ul > li > dl > dd {
  padding-top: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.66;
  color: #222;
}
.new-2025-mammalian-cell-culture .facility-arg {
  position: relative;
  width: 100%; /* padding:0 15px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box {
  margin-top: 24px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul + ul {
  margin-top: 30px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li {
  width: 100%; /* max-width:222px; */
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a {
  position: relative;
  display: block;
  padding-bottom: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):hover:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):focus:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):active:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):hover:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):focus:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):active:after {
  background: url(../../images/ico_svg/services/btn_facility_on.svg) 0 0 no-repeat;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):hover .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):focus .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):active .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):hover .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):focus .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):active .objarg {
  top: calc(100% - 160px);
  background: #222edd;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):hover .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):hover .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):focus .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):focus .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):active .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):active .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):hover .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):hover .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):focus .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):focus .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):active .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):active .objarg .txt {
  color: #fff;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on:after {
  background: url(../../images/ico_svg/services/btn_facility_active_off.svg) 0 0 no-repeat;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on:hover:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on:focus:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on:active:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on:hover:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on:focus:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on:active:after {
  background: url(../../images/ico_svg/services/btn_facility_active_on.svg) 0 0 no-repeat;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on .objarg {
  top: 0;
  background: #222edd;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on .objarg .txt {
  color: #fff;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box).on .on-act-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box).on .on-act-txt {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box:not(.box):after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a:not(.box):after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../images/ico_svg/services/btn_facility2_off.svg) 0 0 no-repeat;
  z-index: 5;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on:after {
  background: url(../../images/ico_svg/services/btn_facility_more_on.svg) 0 0 no-repeat;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .photo .hide-txt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .photo .hide-txt:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  opacity: 0.7;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .objarg { /* top:0; */
  background: #222edd;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .objarg .etc {
  color: #fff;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc.on .objarg:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc.on .objarg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc:after, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: block;
  width: 40px;
  height: 40px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc .photo .hide-txt {
  display: none;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc .photo .hide-txt p, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc .photo .hide-txt p {
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc .objarg .tit,
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc .objarg .tit,
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc .objarg .txt {
  color: #888;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box.etc .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a.etc .objarg .etc {
  font-size: 14px;
  color: #888;
  line-height: 2.14;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .photo, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .photo {
  position: relative;
  width: 100%;
  font-size: 0;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .photo > img, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .photo > img {
  width: 100%;
  height: 222px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .photo > .op, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .photo > .op {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .photo > .op:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .photo > .op:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.96;
  background-color: rgba(20, 45, 70, 0.5);
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .photo > .op .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .photo > .op .txt {
  position: relative;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-family: "ssl-gilroy", "ssl-font";
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
  color: #fff;
  opacity: 0.96;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .objarg {
  position: absolute;
  top: calc(100% - 140px);
  width: 100%;
  height: 100%;
  padding: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .objarg .tit {
  font-size: 26px;
  color: #222edd;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .objarg .txt {
  font-size: 20px;
  color: #222edd;
  line-height: 1.5;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .on-act-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .on-act-txt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .on-act-txt > ul, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .on-act-txt > ul {
  width: 100%;
  height: 100%;
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .on-act-txt > ul > li, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .on-act-txt > ul > li {
  width: 100%;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .on-act-txt > ul > li + li, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .on-act-txt > ul > li + li {
  margin-top: 9px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > .box .on-act-txt p.etc-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li > a .on-act-txt p.etc-txt {
  position: absolute;
  left: 20px;
  bottom: 22px;
  font-size: 14px;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #fff;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type {
  position: relative;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .objarg, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .objarg {
  z-index: 4;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .objarg .tit, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .objarg .txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .objarg .etc {
  color: #888;
  letter-spacing: -0.5px;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .photo .hide-txt {
  display: none;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .photo .hide-txt p, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .photo .hide-txt p {
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box.on .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:hover .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:focus .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:active .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.on .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:hover .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:focus .photo .hide-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:active .photo .hide-txt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-transition: opacity 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box.on .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:hover .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:focus .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:active .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.on .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:hover .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:focus .photo .hide-txt:before, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:active .photo .hide-txt:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  opacity: 0.7;
  z-index: 1;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box.on .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:hover .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:focus .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box:active .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.on .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:hover .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:focus .objarg .etc, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a:active .objarg .etc {
  display: none;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type .box .on-act-txt, .new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a .on-act-txt {
  z-index: 6;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.btn {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 40px;
  height: 40px;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-size: 0;
  z-index: 10;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.btn::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../images/ico_svg/services/icon-learn-more.svg) 0 0 no-repeat;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.btn::after {
  display: none;
}
.new-2025-mammalian-cell-culture .facility-arg .list-box > ul > li.other-type a.on + a {
  display: none;
}

@media (max-width: 1023px) {
  .new-2025-mammalian-cell-culture .mammalian-list {
    margin-top: 30px;
    padding-top: 0px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .txt-bar {
    top: 190px;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
    display: block;
    width: calc((100% - 280px) / 2 + 280px);
    max-width: 390px;
    border: 1px solid #dbdbdb;
    border-top: none;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .txt-bar.mobile {
    top: 440px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .txt-bar span {
    top: 20px;
    padding-top: 12px;
    height: auto;
    font-size: 14px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .txt-bar span:before {
    bottom: auto;
    top: 0px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list {
    display: block;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul {
    margin: 0 auto;
    max-width: 520px;
    /* &:nth-child(2) {flex-flow:row-reverse;} */
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul + ul {
    margin-top: 30px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul:nth-child(2), .new-2025-mammalian-cell-culture .mammalian-list > .list > ul:nth-child(3) {
    margin-top: 60px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:hover > .box > [class^=photo-itm], .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:focus > .box > [class^=photo-itm], .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:active > .box > [class^=photo-itm] {
    /* &:after {left:calc(50% + 40px); background:url(../../images/ico_svg/btn_more_arrow_on.svg) 0 0 / cover no-repeat;} */
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:hover > .box > [class^=photo-itm] > .more, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:focus > .box > [class^=photo-itm] > .more, .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a:active > .box > [class^=photo-itm] > .more {
    opacity: 1;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box {
    width: 100%;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] {
    /* &:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; border-radius:100%; overflow:hidden;} */
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm]:after { /* display:none; */
    width: 28px;
    height: 28px;
    left: calc(100% - 28px);
    opacity: 1;
    background: url(../../images/ico_svg/mo_btn_more_arrow.svg) 0 0/cover no-repeat;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > [class^=photo-itm] > .more {
    display: none;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > a > .box > p {
    margin-top: 12px;
    font-size: 14px;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box {
    width: 100%;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > [class^=photo-itm] > .more {
    display: none;
  }
  .new-2025-mammalian-cell-culture .mammalian-list > .list > ul > li > .heap-link > .box > p {
    margin-top: 12px;
    font-size: 14px;
  }
  .new-2025-mammalian-cell-culture .box-txt-list {
    margin-top: 30px;
  }
  .new-2025-mammalian-cell-culture .box-txt-list > ul > li {
    padding: 24px 22px 30px;
    border-left: 3px solid #222edd;
  }
  .new-2025-mammalian-cell-culture .box-txt-list > ul > li + li {
    margin-top: 12px;
  }
  .new-2025-mammalian-cell-culture .box-txt-list > ul > li > dl > dt {
    font-size: 18px;
  }
  .new-2025-mammalian-cell-culture .box-txt-list > ul > li > dl > dd {
    font-size: 14px;
  }
  .new-2025-mammalian-cell-culture .facility-arg {
    padding: 0;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile {
    margin-top: 20px; /* mobile 버전 */
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box {
    position: relative;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    background: #222edd;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc {
    background: #f7f7f7;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc:is(a):after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../images/ico_svg/services/btn_facility_more_off.svg) 0 0 no-repeat;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc .objarg {
    background: #f7f7f7;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc .objarg .tit,
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc .objarg .txt {
    color: #888;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.etc .on-act-txt p.etc-txt {
    color: #888;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo {
    position: relative;
    width: 100%;
    font-size: 0;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > img {
    width: 100%;
    max-width: none;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > .op {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > .op:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background-color: rgba(20, 45, 70, 0.5);
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > .op .txt {
    position: relative;
    padding: 0 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-family: "ssl-gilroy", "ssl-font";
    font-size: 24px;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
    opacity: 0.96;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > a.btn {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    width: 40px;
    height: 40px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    font-size: 0;
    z-index: 3;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .photo > a.btn::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../images/ico_svg/services/icon-learn-more.svg) 0 0 no-repeat;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .objarg {
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 26px 26px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #222edd;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .objarg .tit {
    font-size: 26px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
    font-family: "ssl-gilroy", "ssl-font";
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .objarg .txt {
    padding-top: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    font-family: "ssl-gilroy", "ssl-font";
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt {
    position: relative;
    width: 100%;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul {
    width: 100%;
    height: 100%;
    min-height: 273px;
    padding: 10px 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li {
    width: 100%;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li + li {
    margin-top: 9px;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt > ul > li svg {
    width: 100%;
    max-width: 248px;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box .on-act-txt p.etc-txt {
    position: absolute;
    left: 24px;
    bottom: 10px;
    font-size: 14px;
    font-family: "ssl-gilroy", "ssl-font";
    font-weight: 400;
    color: #fff;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.other-type .on-act-txt > ul {
    min-height: 243px;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .itm-box.other-type .on-act-txt > ul li {
    padding-bottom: 35px;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl {
    position: relative;
    margin-top: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .swiper-pagination {
    position: relative;
    z-index: unset;
    font-size: 0;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    border-color: #222edd;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0px;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .controlBtn {
    margin-left: 6px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .controlBtn.stop {
    background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
  }
  .new-2025-mammalian-cell-culture .facility-arg .swiper-box.mobile .sideControl .controlBtn.play {
    background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
  }
}
/* E : new-2025-mammalian-cell-culture */
/* S : new-2025-drug-product */
.new-2025-drug-product .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-drug-product .drug-visual-box {
  position: relative;
}
.new-2025-drug-product .drug-visual-box .swiper-box {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 80px auto 0;
}
.new-2025-drug-product .drug-visual-box .swiper-box + .pix-in {
  padding-top: 60px;
}
.new-2025-drug-product .drug-visual-box .swiper-box .swiper-wrapper {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.new-2025-drug-product .drug-visual-box .swiper-box .swiper-itm-box {
  font-size: 0;
}
.new-2025-drug-product .drug-visual-box .swiper-box .swiper-itm-box img {
  width: 100%;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl {
  position: absolute;
  left: 0px;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .swiper-pagination {
  position: relative;
  z-index: unset;
  font-size: 0;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0px;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .controlBtn {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .controlBtn.stop {
  background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
}
.new-2025-drug-product .drug-visual-box .swiper-box .sideControl .controlBtn.play {
  background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
}
.new-2025-drug-product .drug-list-box {
  position: relative;
  margin-top: 50px;
}
.new-2025-drug-product .drug-list-box > .list-box {
  width: 100%;
}
.new-2025-drug-product .drug-list-box > .list-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 230px;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl { /* min-height:383px; padding:24px 20px; border:1px solid $defColor89; box-sizing:border-box; */ }
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt {
  position: relative;
  width: 100%;
  padding: 24px 20px;
  padding-top: 124px;
  border: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm]:before {
  content: "";
  position: absolute;
  top: 24px;
  left: calc(50% - 50px);
  display: block;
  width: 100px;
  height: 100px;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm].photo-itm1:before {
  background: url(../../images/ico_svg/services/ico_drug_product_itm1.svg) 0 0 no-repeat;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm].photo-itm2:before {
  background: url(../../images/ico_svg/services/ico_drug_product_itm2.svg) 0 0 no-repeat;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm].photo-itm3:before {
  background: url(../../images/ico_svg/services/ico_drug_product_itm3.svg) 0 0 no-repeat;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm].photo-itm4:before {
  background: url(../../images/ico_svg/services/ico_drug_product_itm4.svg) 0 0 no-repeat;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt[class^=photo-itm].photo-itm5:before {
  background: url(../../images/ico_svg/services/ico_drug_product_itm5.svg) 0 0 no-repeat;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dt > .tit {
  padding-top: 18px;
  font-size: 20px;
  line-height: 1.3;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  color: #222;
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dd {
  position: relative;
  min-height: 340px;
  padding: 30px 20px 20px;
  font-size: 15px;
  line-height: 1.6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #222;
  background: #f8f8f8;
  /* &:before {content:''; position:absolute; top:0px; left:calc(50% - 16px); display:block; width:32px; height:2px; background:$c222; opacity:.2;} */
}
.new-2025-drug-product .drug-list-box > .list-box > ul > li > dl > dd.kr {
  min-height: 150px;
}
.new-2025-drug-product .drug-list-box2 {
  position: relative;
  margin-top: 50px;
}
.new-2025-drug-product .drug-list-box2 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.new-2025-drug-product .drug-list-box2 > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 390px;
  min-height: 252px;
  padding: 26px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f2f2f2;
}
.new-2025-drug-product .drug-list-box2 > ul > li.kr {
  min-height: 200px;
}
.new-2025-drug-product .drug-list-box2 > ul > li > dl > dt {
  font-size: 20px;
  line-height: 1.5;
  color: #222edd;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
}
.new-2025-drug-product .drug-list-box2 > ul > li > dl > dt h3 {
  font-size: inherit;
  font-weight: inherit;
}
.new-2025-drug-product .drug-list-box2 > ul > li > dl > dd {
  padding-top: 24px;
  font-size: 15px;
  line-height: 1.6;
  color: #222;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}

@media (max-width: 1023px) {
  .new-2025-drug-product .drug-visual-box .swiper-box {
    margin: 50px auto 0;
    /* & + .pix-in {padding-top:40px;} */
  }
  .new-2025-drug-product .drug-list-box {
    position: relative;
    margin-top: 50px;
  }
  .new-2025-drug-product .drug-list-box .swiper-box {
    width: 100%;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl { /* min-height:356px; padding:22px; border:1px solid $defColor89; box-sizing:border-box; */ }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt {
    position: relative;
    padding: 122px 22px 22px 22px;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm]:before {
    content: "";
    position: absolute;
    top: 22px;
    left: calc(50% - 50px);
    display: block;
    width: 100px;
    height: 100px;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm].photo-itm1:before {
    background: url(../../images/ico_svg/services/ico_drug_product_itm1.svg) 0 0 no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm].photo-itm2:before {
    background: url(../../images/ico_svg/services/ico_drug_product_itm2.svg) 0 0 no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm].photo-itm3:before {
    background: url(../../images/ico_svg/services/ico_drug_product_itm3.svg) 0 0 no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm].photo-itm4:before {
    background: url(../../images/ico_svg/services/ico_drug_product_itm4.svg) 0 0 no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt[class^=photo-itm].photo-itm5:before {
    background: url(../../images/ico_svg/services/ico_drug_product_itm5.svg) 0 0 no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dt > .tit {
    padding-top: 18px;
    font-size: 18px;
    line-height: 1.44;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dd {
    position: relative;
    min-height: 270px; /* margin-top:22px; padding-top:22px; */
    padding: 30px 20px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    line-height: 1.71;
    background: #f8f8f8;
    /* &:before {content:''; position:absolute; top:0px; left:calc(50% - 16px); display:block; width:32px; height:2px; background:$c222; opacity:.2;} */
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dd.kr {
    min-height: 270px;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .swiper-slide > dl > dd:lang(ko) {
    min-height: 120px;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl {
    position: relative;
    margin-top: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .swiper-pagination {
    position: relative;
    z-index: unset;
    font-size: 0;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet {
    margin-left: 6px;
    border-color: #222edd;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0px;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .controlBtn {
    margin-left: 6px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .controlBtn.stop {
    background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
  }
  .new-2025-drug-product .drug-list-box .swiper-box .sideControl .controlBtn.play {
    background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
  }
  .new-2025-drug-product .drug-list-box2 {
    margin-top: 40px;
  }
  .new-2025-drug-product .drug-list-box2 > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 12px;
  }
  .new-2025-drug-product .drug-list-box2 > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 22px 22px;
  }
  .new-2025-drug-product .drug-list-box2 > ul > li.kr {
    min-height: auto;
  }
  .new-2025-drug-product .drug-list-box2 > ul > li > dl > dt {
    font-size: 18px;
    line-height: 1.66;
  }
  .new-2025-drug-product .drug-list-box2 > ul > li > dl > dd {
    padding-top: 24px;
    font-size: 14px;
    line-height: 1.57;
  }
}
/* E : new-2025-drug-product */
/* S : new-2025-quality-services */
.new-2025-quality-services {
  position: relative;
  width: 100%;
  padding-top: 40px;
  /* & > .section:not(:first-child) {
  	& > .pix-in {padding-top:60px;}
  } */
}
.new-2025-quality-services:lang(en) {
  padding-top: 0px;
}
.new-2025-quality-services .tit {
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
.new-2025-quality-services .tit.mt {
  margin-top: 80px;
}
.new-2025-quality-services .txt-arg {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}
.new-2025-quality-services .overview-tit-arg {
  position: relative;
  width: 100%;
  padding-bottom: 300px;
}
.new-2025-quality-services .overview-tit-arg:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 240px;
  background: url(../../images/ourServices/quality-services/img_overview_tit_bg.jpg) center center/cover no-repeat;
}
.new-2025-quality-services .overview-tit-arg + * {
  margin-top: 80px;
}
.new-2025-quality-services .overview-tit-arg > dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-quality-services .overview-tit-arg > dl > dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 70px;
  line-height: 1.2;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  color: #041c59;
}
.new-2025-quality-services .overview-tit-arg > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-quality-services .overview-tit-arg > dl > dd > p {
  font-size: 18px;
  font-weight: 400;
}
.new-2025-quality-services .overview-tit-arg > dl > dd > p + .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-quality-services .overview-tit-arg .def-h-txt + .dft-btn-contactus-brochure-box {
  margin-top: 40px;
}
.new-2025-quality-services .quality-system {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.new-2025-quality-services .quality-system .itm-list {
  width: 100%;
}
.new-2025-quality-services .quality-system .itm-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one {
  width: 180px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one.itm1 {
  background: #17129e;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one.itm2 {
  background: #3700d5;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one.itm3 {
  background: #4e26f8;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one.itm4 {
  background: #5f4aff;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one.itm5 {
  background: #6a6eff;
}
.new-2025-quality-services .quality-system .itm-list > ul li .one span {
  font-family: "ssl-gilroy", "ssl-font";
  color: #fff;
  line-height: 1.4;
  font-size: 20px;
}
.new-2025-quality-services .quality-system .txt-list-box {
  width: 100%;
  margin-top: 60px;
  padding: 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-quality-services .quality-system .txt-list-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 20px;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f4f2ff;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li > dl {
  width: 100%;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt {
  text-align: center;
  background-color: #fff;
  padding-bottom: 30px;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt .tit {
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  font-family: "ssl-gilroy", "ssl-font";
  color: #222edd;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt .txt {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  font-family: "ssl-gilroy", "ssl-font";
  color: #222edd;
}
.new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dd .box {
  width: 100%;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-quality-services .analytical-system {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.new-2025-quality-services .analytical-system .itm-list {
  width: 100%;
}
.new-2025-quality-services .analytical-system .itm-list > ul {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-quality-services .analytical-system .itm-list > ul:before {
  content: "";
  position: absolute;
  top: 75px;
  left: 75px;
  display: block;
  width: calc(100% - 150px);
  height: 1px;
  background: rgba(85, 48, 244, 0.2);
  z-index: 1;
}
.new-2025-quality-services .analytical-system .itm-list > ul li {
  position: relative;
  min-width: 150px;
  max-width: 170px;
  z-index: 2;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one {
  position: relative;
  padding-top: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one:before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(50% - 75px);
  display: block;
  width: 150px;
  height: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  border: solid 2px rgba(85, 48, 244, 0.2);
  background: #fff;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one:after {
  content: "";
  position: absolute;
  top: 25px;
  left: calc(50% - 50px);
  display: block;
  width: 100px;
  height: 100px;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm1:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm1.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm2:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm2.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm3:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm3.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm4:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm4.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm5:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm5.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one.itm6:after {
  background: url(../../images/ico_svg/services/quality/analytical_testing_services_list_itm6.svg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-system .itm-list > ul li .one span {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  line-height: 1.375;
  font-size: 16px;
  text-align: center;
}
.new-2025-quality-services .analytical-list-accordion {
  position: relative;
  width: 100%;
  margin-top: 70px;
}
.new-2025-quality-services .analytical-list-accordion > ul {
  width: 100%;
}
.new-2025-quality-services .analytical-list-accordion > ul > li {
  width: 100%;
}
.new-2025-quality-services .analytical-list-accordion > ul > li + li {
  margin-top: 40px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box {
  position: relative;
  width: 100%;
  padding-right: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
  overflow: hidden;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  width: 50%;
  height: 100%;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box.itm1:before {
  background: url(../../images/ourServices/quality-services/analytical_testing_services_accordion_list_itm1.jpg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box.itm2:before {
  background: url(../../images/ourServices/quality-services/analytical_testing_services_accordion_list_itm2.jpg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box.itm3:before {
  background: url(../../images/ourServices/quality-services/analytical_testing_services_accordion_list_itm3.jpg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box.itm4:before {
  background: url(../../images/ourServices/quality-services/analytical_testing_services_accordion_list_itm4.jpg) 0 0/cover no-repeat;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .cont {
  width: 100%;
  padding: 40px;
  min-height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .cont .tit {
  font-size: 28px;
  line-height: 1.4;
  font-weight: 500;
  color: #222edd;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .cont .txt {
  padding-top: 30px;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box {
  position: absolute;
  top: 0px;
  left: 600px;
  width: 600px;
  height: 100%;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more {
  position: absolute;
  bottom: 0px;
  left: -50px;
  display: block;
  width: 50px;
  height: 50px;
  background: #222edd;
  text-indent: -9999px;
  overflow: hidden;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:before, .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 9px);
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:before {
  top: calc(50% - 9px);
  left: calc(50% - 1px);
  width: 2px;
  height: 18px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:hover {
  background: #3a5be8;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on:before {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont {
  position: absolute;
  display: none;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #222edd;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 > ul > li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 > ul > li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 {
  width: 100%;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit {
  font-size: 20px;
  font-family: "ssl-gilroy", "ssl-font";
  color: #fff;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit + ul {
  margin-top: 12px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit strong {
  font-weight: 600;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 > ul + .tit {
  margin-top: 30px;
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 > ul > li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 > ul > li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.new-2025-quality-services .read-more-banner {
  position: relative;
  width: 100%;
  margin-top: 80px;
  background: #050720;
}
.new-2025-quality-services .read-more-banner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(50% - 690px);
  display: block;
  width: 700px;
  height: 100%;
  background: url(../../images/ourServices/quality-services/bg_read_more_banner.png) center center/cover no-repeat;
}
.new-2025-quality-services .read-more-banner .cont {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: 290px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.new-2025-quality-services .read-more-banner .cont .box {
  max-width: 540px;
}
.new-2025-quality-services .read-more-banner .cont .box .txt {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.new-2025-quality-services .read-more-banner .cont .box .txt + * {
  margin-top: 40px;
}
.new-2025-quality-services .quality-culture {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.new-2025-quality-services .quality-culture > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
.new-2025-quality-services .quality-culture > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.new-2025-quality-services .quality-culture > ul > li > dl {
  width: 100%;
  min-height: 340px;
  padding: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7f7f7;
}
.new-2025-quality-services .quality-culture > ul > li > dl:lang(en) {
  min-height: 415px;
}
.new-2025-quality-services .quality-culture > ul > li > dl > dt {
  font-size: 24px;
  line-height: 1.25;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.new-2025-quality-services .quality-culture > ul > li > dl > dd {
  margin-top: 24px;
}
.new-2025-quality-services .quality-culture > ul > li > dl > dd > ul > li {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  line-height: 1.6;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}
.new-2025-quality-services .quality-culture > ul > li > dl > dd > ul > li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.new-2025-quality-services .quality-culture > ul > li > dl > dd p {
  font-size: 18px;
  line-height: 1.6;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
}
.new-2025-quality-services .approvals-txt-list {
  position: relative;
}
.new-2025-quality-services .approvals-txt-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-quality-services .approvals-txt-list > ul.sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.new-2025-quality-services .approvals-txt-list > ul > li:nth-child(1) > dl > dt {
  width: 160px;
  text-align: right;
}
.new-2025-quality-services .approvals-txt-list > ul > li:nth-child(2) > dl > dt {
  width: 140px;
  text-align: right;
}
.new-2025-quality-services .approvals-txt-list > ul > li > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-2025-quality-services .approvals-txt-list > ul > li > dl > dt {
  font-size: 60px;
  line-height: 1;
  color: #041c59;
  font-weight: 600;
}
.new-2025-quality-services .approvals-txt-list > ul > li > dl > dd {
  margin-left: 26px;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  font-weight: 400;
}
.new-2025-quality-services .approvals-txt-list span.etc {
  font-size: 14px;
  color: #888;
}

@media (max-width: 1023px) {
  .new-2025-quality-services {
    padding-top: 20px;
    /* & > .section:not(:first-child) {
    	& > .pix-in {padding-top:50px;}
    } */
  }
  .new-2025-quality-services .tit {
    font-size: 20px;
    color: #000;
  }
  .new-2025-quality-services .tit.mt {
    margin-top: 50px;
  }
  .new-2025-quality-services .txt-arg {
    font-size: 14px;
  }
  .new-2025-quality-services .overview-tit-arg {
    position: relative;
    width: 100%;
    padding-bottom: 0;
  }
  .new-2025-quality-services .overview-tit-arg:after {
    display: none;
  }
  .new-2025-quality-services .overview-tit-arg + * {
    margin-top: 50px;
  }
  .new-2025-quality-services .overview-tit-arg > dl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-quality-services .overview-tit-arg > dl > dt {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    font-size: 50px;
    line-height: 1.2;
  }
  .new-2025-quality-services .overview-tit-arg > dl > dd {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    margin-top: 30px;
  }
  .new-2025-quality-services .overview-tit-arg > dl > dd > p {
    position: relative;
    font-size: 14px;
  }
  .new-2025-quality-services .overview-tit-arg > dl > dd > p:after {
    content: "";
    position: relative;
    margin-top: 40px;
    left: -30px;
    display: block;
    width: calc(100% + 60px);
    height: 66vw;
    background: url(../../images/ourServices/quality-services/mo_img_overview_tit_bg.jpg) center center/cover no-repeat;
  }
  .new-2025-quality-services .overview-tit-arg > dl > dd > p + .dft-btn-contactus-brochure-box {
    margin-top: 30px;
  }
  .new-2025-quality-services .quality-system { /* position:relative; width:100%; margin-top:40px; */ }
  .new-2025-quality-services .quality-system .scroll {
    width: 100%;
    padding-bottom: 30px;
    overflow-x: scroll;
  }
  .new-2025-quality-services .quality-system .itm-list {
    min-width: 750px;
    padding: 0 40px;
  }
  .new-2025-quality-services .quality-system .itm-list > ul {
    gap: 12px;
  }
  .new-2025-quality-services .quality-system .itm-list > ul li .one {
    width: 140px;
    height: 140px;
  }
  .new-2025-quality-services .quality-system .itm-list > ul li .one span {
    font-size: 18px;
  }
  .new-2025-quality-services .quality-system .txt-list-box {
    margin-top: 50px;
    padding: 0;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li > dl {
    width: 100%;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt {
    text-align: center;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt .tit {
    font-size: 40px;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dt .txt {
    font-size: 16px;
  }
  .new-2025-quality-services .quality-system .txt-list-box > ul > li > dl > dd .box {
    font-size: 14px;
  }
  .new-2025-quality-services .analytical-system .scroll {
    width: 100%;
    padding: 0 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-x: scroll;
  }
  .new-2025-quality-services .analytical-system .itm-list {
    min-width: 740px;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul:before {
    top: 45px;
    left: 45px;
    width: calc(100% - 90px);
  }
  .new-2025-quality-services .analytical-system .itm-list > ul li {
    min-width: 90px;
    max-width: 110px;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul li .one {
    padding-top: 103px;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul li .one:before {
    left: calc(50% - 45px);
    width: 90px;
    height: 90px;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul li .one:after {
    top: 15px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
  }
  .new-2025-quality-services .analytical-system .itm-list > ul li .one span {
    line-height: 1.5;
    font-size: 12px;
  }
  .new-2025-quality-services .analytical-list-accordion {
    margin-top: 50px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li + li {
    margin-top: 40px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box {
    position: relative;
    width: 100%;
    padding: 56.1vw 0 0 0;
    background: #fff;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box:before {
    top: 0px;
    left: 0%;
    width: 100%;
    height: 56.1vw;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .cont {
    padding: 40px 30px;
    min-height: auto;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .cont .tit {
    font-size: 20px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .cont .txt {
    padding-top: 20px;
    font-size: 14px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
    height: auto;
    padding: 20px 80px 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f2f2f2;
    text-indent: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:before, .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: unset;
    right: 30px;
    display: block;
    width: 18px;
    height: 2px;
    background: #222edd;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more:before {
    top: calc(50% - 9px);
    left: unset;
    right: 38px;
    width: 2px;
    height: 18px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on {
    background: #222edd;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on.before, .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on:after {
    background: #fff;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on:before {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more.on .txt {
    color: #fff;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box a.more .txt {
    font-size: 14px;
    font-weight: 400;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont {
    position: relative;
    display: none;
    bottom: unset;
    left: unset;
    width: 100%;
    height: auto;
    padding: 30px 30px 60px 30px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 > ul {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ1 > ul > li {
    font-size: 14px;
    line-height: 1.7;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 {
    width: 100%;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit {
    font-size: 16px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit + ul {
    margin-top: 16px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 .tit strong {
    font-weight: 600;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 > ul + .tit {
    margin-top: 30px;
  }
  .new-2025-quality-services .analytical-list-accordion > ul > li .box .more-box .box-cont .list-typ2 > ul > li {
    font-size: 14px;
    line-height: 1.5;
  }
  .new-2025-quality-services .read-more-banner {
    margin-top: 50px;
  }
  .new-2025-quality-services .read-more-banner:before {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 37.2vw;
    background: url(../../images/ourServices/quality-services/m_bg_read_more_banner.png) center center/cover no-repeat;
  }
  .new-2025-quality-services .read-more-banner .cont {
    max-width: unset;
    min-height: unset;
    margin: 0 auto;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .new-2025-quality-services .read-more-banner .cont .box {
    width: 100%;
    max-width: unset;
    padding: 50px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .new-2025-quality-services .read-more-banner .cont .box .txt {
    font-size: 14px;
  }
  .new-2025-quality-services .read-more-banner .cont .box .txt + * {
    margin-top: 40px;
  }
  .new-2025-quality-services .quality-culture {
    margin-top: 40px;
  }
  .new-2025-quality-services .quality-culture > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 20px;
  }
  .new-2025-quality-services .quality-culture > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl {
    width: 100%;
    min-height: auto;
    padding: 24px;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl:lang(en) {
    min-height: auto;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl > dt {
    font-size: 18px;
    line-height: 1.6;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl > dd {
    margin-top: 14px;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl > dd > ul > li {
    padding-left: 10px;
    font-size: 12px;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl > dd > ul > li:before {
    content: "•";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .new-2025-quality-services .quality-culture > ul > li > dl > dd p {
    font-size: 12px;
  }
  .new-2025-quality-services .approvals-txt-list > ul { /* display:flex; justify-content:space-between; */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-quality-services .approvals-txt-list > ul > li:nth-child(1) > dl > dt, .new-2025-quality-services .approvals-txt-list > ul > li:nth-child(2) > dl > dt, .new-2025-quality-services .approvals-txt-list > ul > li:nth-child(3) > dl > dt {
    width: 100%;
    text-align: left;
  }
  .new-2025-quality-services .approvals-txt-list > ul > li + li {
    margin-top: 40px;
  }
  .new-2025-quality-services .approvals-txt-list > ul > li > dl { /* display:flex; justify-content:space-between; */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .new-2025-quality-services .approvals-txt-list > ul > li > dl > dt {
    font-size: 40px; /* line-height:1; color:$defColor151; font-weight:600; */
  }
  .new-2025-quality-services .approvals-txt-list > ul > li > dl > dd {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 14px; /* line-height:1.4; color:$c222; font-weight:400; */
  }
}
/* E : new-2025-quality-services */
/*------------------------------------------------------------------

# Careers

------------------------------------------------------------------*/
.grayBox {
  position: relative;
  width: 100%;
  background: #f8f8f8;
}

.onePageTit {
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
}

.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  opacity: 1;
  margin-left: 10px;
  background: none;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.fullOnePage { /*position:relative;*/
  width: 100%;
  overflow: hidden;
}
.fullOnePage .grayBox {
  position: relative;
  width: 100%;
  background: #f8f8f8;
}
.fullOnePage .whiteBox {
  position: relative;
  width: 100%;
  background: #fff;
}
.fullOnePage #meetOurPeople .sub_visual:after {
  background: none;
  opacity: 1;
}
.fullOnePage .sub_visual {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding-top: 110px;
  height: 300px;
  z-index: 2;
}
.fullOnePage .sub_visual:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #142136;
  opacity: 0.75;
}
.fullOnePage .sub_visual .text_area {
  position: relative;
  z-index: 1;
}
.fullOnePage .sub_visual .text_area h2 {
  line-height: 1.2;
}
.fullOnePage .list dt > a .pageTitle {
  border-bottom: 1px solid #ddd;
}
.fullOnePage dl.txtArg {
  width: 100%;
}
.fullOnePage dl.txtArg:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.fullOnePage dl.txtArg dt {
  float: left;
  width: 35%;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
}
.fullOnePage dl.txtArg dd {
  float: left;
  width: 65%;
}
.fullOnePage dl.txtArg dd .t {
  font-size: 20px;
  color: #666;
  font-weight: 500;
}
.fullOnePage dl.txtArg dd .s {
  font-size: 18px;
  padding-top: 25px;
}
.fullOnePage #meetOurPeople {
  position: static;
  width: 100%; /* height:1100px; */
  /*
  .people2022 {position:relative; width:100%; min-height:1120px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; background:url(../../images/careers/bg_people.jpg) center center / cover no-repeat;
  	a {display:block; width:100%; max-width:1200px;
  		&.video-cover{position: absolute; top: 223px;left: 0;right: 0;margin: auto; z-index: 1;}
  		.pc {display:block;}
  		.mo {display:none;}
  	}
  	video{width: 1200px;position: relative; z-index: -1;}
  	video.on{z-index: 1;}
  }
  @media (max-width: 1023px) {
  	.people2022 {min-height:auto; box-sizing:border-box; background:none;
  		a {display:block; width:100%; max-width:1200px;
  			&.video-cover{top: 0;}
  			.pc {display:none;}
  			.mo {display:block;}
  		}

  		video{width: 100%;}
  	}
  }
  */
}
.fullOnePage #meetOurPeople .meetItm {
  position: relative;
  width: 100%;
  height: 1180px;
  overflow: hidden;
  background-size: cover !important;
}
.fullOnePage #meetOurPeople .meetItm.itm1 {
  background: url(../../images/careers/img_careers_slide_meet_itm1.jpg) center center no-repeat;
}
.fullOnePage #meetOurPeople .meetItm.itm2 {
  background: url(../../images/careers/img_careers_slide_meet_itm2.jpg) center center no-repeat;
}
.fullOnePage #meetOurPeople .meetItm.itm3 {
  background: url(../../images/careers/img_careers_slide_meet_itm3.jpg) center center no-repeat;
}
.fullOnePage #meetOurPeople .meetItm .memo {
  position: absolute;
  bottom: 435px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 1040px;
}
.fullOnePage #meetOurPeople .meetItm .memo .tit {
  position: relative;
  padding-bottom: 30px;
  font-size: 30px;
  line-height: 1.2;
  text-indent: -25px;
  color: #fff;
}
.fullOnePage #meetOurPeople .meetItm .memo .txt {
  position: relative;
  padding-top: 30px;
  color: #fff;
}
.fullOnePage #meetOurPeople .meetItm .memo .txt:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  opacity: 0.2;
}
.fullOnePage #meetOurPeople .meetItm .memo .txt p {
  font-size: 14px;
  text-transform: uppercase;
}
.fullOnePage #meetOurPeople .meetItm .memo .txt p .unm {
  font-size: 18px;
  text-transform: capitalize;
}
.fullOnePage #meetOurPeople .meetItm .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -270px;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../../images/btn/movie_layer_open.png) 0 0 no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.fullOnePage #meetOurPeople .slide-control {
  position: absolute;
  bottom: 360px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 1040px;
  z-index: 1;
}
.fullOnePage #meetOurPeople .slide-control .play, .fullOnePage #meetOurPeople .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.fullOnePage #meetOurPeople .slide-control .play {
  background: url(../../images/btn/slide_play.png) center center no-repeat;
}
.fullOnePage #meetOurPeople .slide-control .pause {
  background: url(../../images/btn/slide_pause.png) center center no-repeat;
}
.fullOnePage #meetOurPeople .slide-control .swiper-button-next, .fullOnePage #meetOurPeople .slide-control .swiper-button-prev {
  width: 14px;
  height: 26px;
  margin-top: -500px;
}
.fullOnePage #meetOurPeople .slide-control .swiper-button-next {
  right: 0px;
  background: url(../../images/arrow/swiper_next_white.png) 0 0 no-repeat;
}
.fullOnePage #meetOurPeople .slide-control .swiper-button-prev {
  left: 0px;
  background: url(../../images/arrow/swiper_prev_white.png) 0 0 no-repeat;
}
.fullOnePage #meetOurPeople .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
.fullOnePage #workingwithUs {
  position: relative;
  width: 100%;
  padding: 140px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fullOnePage #workingwithUs .career, .fullOnePage #workingwithUs .benefits, .fullOnePage #workingwithUs .diversity, .fullOnePage #workingwithUs .model {
  padding-top: 90px;
  margin-top: 140px;
  border-top: 1px solid #d9d9d9;
}
.fullOnePage #workingwithUs .career {
  margin-top: 70px;
}
.fullOnePage #workingwithUs .career .ico_list {
  width: 100%;
  padding-top: 70px;
  font-size: 0px;
  overflow: hidden;
}
.fullOnePage #workingwithUs .career .ico_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fullOnePage #workingwithUs .career .ico_list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
.fullOnePage #workingwithUs .career .ico_list ul li:first-child {
  margin-left: 0px;
}
.fullOnePage #workingwithUs .career .ico_list ul li div[class*=itm] {
  display: block;
  width: 100%;
  height: 100%;
  padding: 160px 10px 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
}
.fullOnePage #workingwithUs .career .ico_list ul li .itm1 {
  background: url(../../images/careers/ico_career_itm1.png) center 60px no-repeat;
}
.fullOnePage #workingwithUs .career .ico_list ul li .itm2 {
  background: url(../../images/careers/ico_career_itm2.png) center 60px no-repeat;
}
.fullOnePage #workingwithUs .career .ico_list ul li .itm3 {
  background: url(../../images/careers/ico_career_itm3.png) center 60px no-repeat;
}
.fullOnePage #workingwithUs .career .ico_list ul li .itm4 {
  background: url(../../images/careers/ico_career_itm4.png) center 60px no-repeat;
}
.fullOnePage #workingwithUs .career .more {
  display: block;
  margin: 90px auto 0;
  padding: 20px;
  max-width: 400px;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  color: #222edd;
  font-family: "ssl-font";
  font-weight: 600;
}
.fullOnePage #workingwithUs .career .more:hover, .fullOnePage #workingwithUs .career .more:focus, .fullOnePage #workingwithUs .career .more:active {
  background: #222edd;
  color: #fff;
}
.fullOnePage #workingwithUs .benefits .linkArg {
  position: relative;
  width: 100%;
  padding: 60px 0 0 0;
}
.fullOnePage #workingwithUs .benefits .linkArg .pc {
  display: block;
}
.fullOnePage #workingwithUs .benefits .linkArg .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0px;
  overflow: hidden;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a:hover:after, .fullOnePage #workingwithUs .benefits .linkArg .list li a:after:after, .fullOnePage #workingwithUs .benefits .linkArg .list li a:active:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.65;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a:hover img, .fullOnePage #workingwithUs .benefits .linkArg .list li a:after img, .fullOnePage #workingwithUs .benefits .linkArg .list li a:active img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a:hover .txt .more, .fullOnePage #workingwithUs .benefits .linkArg .list li a:after .txt .more, .fullOnePage #workingwithUs .benefits .linkArg .list li a:active .txt .more {
  display: block;
  white-space: nowrap;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a img {
  width: 100%;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a .txt {
  position: absolute;
  top: calc(50% - 50px);
  left: 0%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
  display: block;
  text-align: center;
  font-size: 36px;
  font-family: "ssl-font";
  font-weight: 400;
  color: #fff;
  z-index: 1;
}
.fullOnePage #workingwithUs .benefits .linkArg .list li a .txt .more {
  position: absolute;
  left: 50%;
  bottom: -100px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: none;
  max-width: 150px;
  padding: 10px 50px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
}
.fullOnePage #workingwithUs .benefits .linkArg .mobile .swiper-container a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0px;
  overflow: hidden;
}
.fullOnePage #workingwithUs .benefits .linkArg .mobile .swiper-container a:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.65;
}
.fullOnePage #workingwithUs .benefits .linkArg .mobile .swiper-container a img {
  width: 100%;
}
.fullOnePage #workingwithUs .benefits .linkArg .mobile .swiper-container a .txt {
  position: absolute;
  top: calc(50% - 50px);
  left: 0%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100%;
  display: block;
  text-align: center;
  font-size: 36px;
  font-family: "ssl-font";
  font-weight: 400;
  color: #fff;
  z-index: 1;
}
.fullOnePage #workingwithUs .benefits .linkArg .mobile .swiper-container a .txt .more {
  position: absolute;
  left: 50%;
  bottom: -100px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  max-width: 180px;
  min-width: 150px;
  padding: 10px 50px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
}
.fullOnePage #workingwithUs .diversity {
  position: relative;
  width: 100%;
}
.fullOnePage #workingwithUs .diversity .box {
  position: relative;
  width: 100%; /* padding-right:532px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fullOnePage #workingwithUs .diversity .txt { /* position: absolute; bottom:0px; right:0px; width:532px; */
  padding-bottom: 60px;
}
.fullOnePage #workingwithUs .diversity .txt dl {
  width: 100%; /* padding:0 180px 0 60px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fullOnePage #workingwithUs .diversity .txt dl:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.fullOnePage #workingwithUs .diversity .txt dl dt {
  float: left;
  width: 350px;
}
.fullOnePage #workingwithUs .diversity .txt dl dt strong {
  font-size: 30px;
  line-height: 1.2;
}
.fullOnePage #workingwithUs .diversity .txt dl dd {
  float: right;
  width: calc(100% - 350px);
}
.fullOnePage #workingwithUs .diversity .txt dl dd p {
  font-size: 18px;
}
.fullOnePage #workingwithUs .diversity .txt dl dd p + p {
  padding-top: 20px;
}
.fullOnePage #workingwithUs .diversity .txt dl dd p strong {
  font-size: 20px;
  color: #666;
}
.fullOnePage #workingwithUs .diversity .more {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fullOnePage #workingwithUs .diversity .more:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.65;
}
.fullOnePage #workingwithUs .diversity .more:focus:after, .fullOnePage #workingwithUs .diversity .more:focus .memo, .fullOnePage #workingwithUs .diversity .more:active:after, .fullOnePage #workingwithUs .diversity .more:active .memo, .fullOnePage #workingwithUs .diversity .more:hover:after, .fullOnePage #workingwithUs .diversity .more:hover .memo {
  display: block;
}
.fullOnePage #workingwithUs .diversity .more:focus img, .fullOnePage #workingwithUs .diversity .more:active img, .fullOnePage #workingwithUs .diversity .more:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.fullOnePage #workingwithUs .diversity .more:focus .memo .more_ico, .fullOnePage #workingwithUs .diversity .more:active .memo .more_ico, .fullOnePage #workingwithUs .diversity .more:hover .memo .more_ico {
  display: block;
}
.fullOnePage #workingwithUs .diversity .more img {
  width: 100%;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.fullOnePage #workingwithUs .diversity .more .memo {
  position: absolute;
  display: block;
  min-height: 160px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 2;
}
.fullOnePage #workingwithUs .diversity .more .memo .txt {
  padding-bottom: 45px;
  font-family: "ssl-font";
  font-weight: 400;
  font-size: 36px;
}
.fullOnePage #workingwithUs .diversity .more .memo .more_ico {
  display: none;
  width: 100%;
  max-width: 150px;
  line-height: 2.8;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  font-size: 18px;
}
.fullOnePage #workingwithUs .model .sTit {
  font-size: 30px;
  line-height: 1.2;
}
.fullOnePage #workingwithUs .model .txtBg {
  display: block;
  width: 100%;
  height: 470px;
  margin-top: 70px;
  background: url(../../images/careers/img_model.png) center bottom no-repeat;
}
.fullOnePage #faq {
  position: relative;
  width: 100%;
  padding-top: 90px;
}
.fullOnePage #faq .tabBox {
  padding-top: 60px;
}
.fullOnePage #faq .faqList {
  padding-top: 60px;
}

@media (max-width: 1023px) {
  #howToApply .dft-pageTitle h1 {
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
  }
  #howToApply .onePageSTit {
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
  }
  .fullOnePage .sub_visual {
    height: 100px;
    padding-top: 90px;
  }
  .fullOnePage .sub_visual .text_area {
    position: absolute;
  }
  .fullOnePage dl.txtArg dt {
    float: none;
    width: 100%;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
  }
  .fullOnePage dl.txtArg dd {
    float: none;
    width: 100%;
    padding-top: 30px;
  }
  .fullOnePage dl.txtArg dd .t {
    display: inline;
    font-weight: 500;
    font-size: 14px;
  }
  .fullOnePage dl.txtArg dd .s {
    display: block;
    padding: 15px 0 0;
    color: #666;
    font-size: 14px;
  }
  .fullOnePage #meetOurPeople { /* padding:50px 0 80px 0; */ }
  .fullOnePage #meetOurPeople .meetItm {
    height: 670px;
  }
  .fullOnePage #meetOurPeople .meetItm.itm1 {
    background: url(../../images/careers/img_careers_slide_meet_itm1.jpg) 60% center no-repeat;
    background-size: auto 100%;
  }
  .fullOnePage #meetOurPeople .meetItm.itm2 {
    background: url(../../images/careers/img_careers_slide_meet_itm2.jpg) 60% center no-repeat;
    background-size: auto 100%;
  }
  .fullOnePage #meetOurPeople .meetItm.itm3 {
    background: url(../../images/careers/img_careers_slide_meet_itm3.jpg) 60% center no-repeat;
    background-size: auto 100%;
  }
  .fullOnePage #meetOurPeople .meetItm .memo {
    bottom: 160px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .fullOnePage #meetOurPeople .meetItm .memo .txt {
    padding-bottom: 15px;
    font-size: 30px;
    text-indent: -22px;
  }
  .fullOnePage #meetOurPeople .meetItm .memo .txt:after {
    margin-left: -30px;
    width: calc(100% + 60px);
  }
  .fullOnePage #meetOurPeople .meetItm .memo .txt p {
    font-size: 11px;
    font-weight: 500;
  }
  .fullOnePage #meetOurPeople .meetItm .memo .txt p .unm {
    font-size: 15px;
  }
  .fullOnePage #meetOurPeople .meetItm .play {
    margin-top: -150px;
    width: 50px;
    height: 50px;
    background-size: cover;
  }
  .fullOnePage #meetOurPeople .slide-control {
    bottom: 120px;
    text-align: center;
  }
  .fullOnePage #meetOurPeople .slide-control .swiper-button-next {
    right: 10px;
  }
  .fullOnePage #meetOurPeople .slide-control .swiper-button-prev {
    left: 10px;
  }
  .fullOnePage #meetOurPeople .slide-control .swiper-button-next, .fullOnePage #meetOurPeople .slide-control .swiper-button-prev {
    margin-top: -430px;
    display: none;
  }
  .fullOnePage #workingwithUs {
    padding: 80px 0;
  }
  .fullOnePage #workingwithUs .career, .fullOnePage #workingwithUs .benefits, .fullOnePage #workingwithUs .diversity, .fullOnePage #workingwithUs .model {
    padding-top: 80px;
    margin-top: 0px;
    border-top: none;
  }
  .fullOnePage #workingwithUs .career {
    padding-top: 40px;
    margin-top: 0px;
  }
  .fullOnePage #workingwithUs .career .ico_list {
    padding-top: 25px;
    max-width: 600px;
    margin: 0 auto;
  }
  .fullOnePage #workingwithUs .career .ico_list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li {
    width: calc(50% - 5px);
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    margin-left: 0px;
    margin-top: 10px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li:nth-child(1), .fullOnePage #workingwithUs .career .ico_list ul li:nth-child(2) {
    margin-top: 0px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li:nth-child(2n-1) {
    margin-right: 5px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li:nth-child(2n-2) {
    margin-left: 5px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li div[class*=itm] {
    padding: 120px 10px 30px;
    font-size: 14px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li .itm1 {
    background-position: center 30px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li .itm2 {
    background-position: center 30px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li .itm3 {
    background-position: center 30px;
  }
  .fullOnePage #workingwithUs .career .ico_list ul li .itm4 {
    background-position: center 30px;
  }
  .fullOnePage #workingwithUs .career .more {
    margin-top: 30px;
    max-width: 600px;
    line-height: 1.2;
  }
  .fullOnePage #workingwithUs .benefits .linkArg {
    padding: 20px 0 0 0;
  }
  .fullOnePage #workingwithUs .benefits .linkArg .slideMF {
    position: relative;
    margin-left: -30px;
    width: calc(100% + 60px);
    padding-bottom: 40px;
  }
  .fullOnePage #workingwithUs .slide-control {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding-left: 0px;
    text-align: center;
  }
  .fullOnePage #workingwithUs .slide-control .play, .fullOnePage #workingwithUs .slide-control .pause {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .fullOnePage #workingwithUs .slide-control .play:after, .fullOnePage #workingwithUs .slide-control .pause:after {
    display: none;
  }
  .fullOnePage #workingwithUs .slide-control .pause {
    background-image: url(../../images/btn/slide_pause_blue.png);
  }
  .fullOnePage #workingwithUs .slide-control .play {
    background-image: url(../../images/btn/slide_play_blue.png);
  }
  .fullOnePage #workingwithUs .slide-control .swiper-pagination {
    position: relative;
    display: inline-block;
  }
  .fullOnePage #workingwithUs .swiper-pagination .swiper-pagination-bullet {
    background: #222edd;
  }
  .fullOnePage #workingwithUs .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    border: 1px solid #222edd;
  }
  .fullOnePage #workingwithUs .swiper-pagination .swiper-pagination-bullet-active:after {
    background: #222edd;
  }
  .fullOnePage #workingwithUs .diversity .box {
    padding: 0px;
  }
  .fullOnePage #workingwithUs .diversity .txt {
    position: relative;
    bottom: unset;
    right: unset;
    width: 100%;
    padding-bottom: 30px;
  }
  .fullOnePage #workingwithUs .diversity .txt dl {
    padding: 0px;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dt {
    float: none;
    width: 100%;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dt strong {
    font-size: 20px;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dd {
    float: none;
    width: 100%;
    padding-top: 20px;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dd p {
    display: block;
    font-size: 14px;
    color: #666;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dd p + p {
    padding: 15px 0 0;
  }
  .fullOnePage #workingwithUs .diversity .txt dl dd p strong {
    font-family: "ssl-font";
    font-weight: 400;
    font-size: 14px;
  }
  .fullOnePage #workingwithUs .diversity .more:after, .fullOnePage #workingwithUs .diversity .more .memo {
    display: block;
    width: 100%;
    line-height: 1;
  }
  .fullOnePage #workingwithUs .diversity .more .memo .txt {
    padding-bottom: 20px;
  }
  .fullOnePage #workingwithUs .diversity .more .memo .more_ico {
    display: block;
  }
  .fullOnePage #workingwithUs .model {
    padding-bottom: 0px;
    background: none;
  }
  .fullOnePage #workingwithUs .model .sTit {
    font-size: 20px;
  }
  .fullOnePage #workingwithUs .model .txtBg {
    background: none;
    height: auto;
    margin-top: 30px;
  }
  .fullOnePage #workingwithUs .model .onePageTit {
    text-align: left;
  }
  .fullOnePage #workingwithUs .model .txt {
    width: 100%;
    padding-top: 25px;
  }
  .fullOnePage #workingwithUs .model .txt dl {
    margin-top: 10px;
    padding: 20px 30px;
    border: 1px solid #1a6987;
  }
  .fullOnePage #workingwithUs .model .txt dl dt {
    position: relative;
    padding-top: 20px;
    font-size: 17px;
    line-height: 1.2;
    color: #1a6987;
    font-weight: 500;
  }
  .fullOnePage #workingwithUs .model .txt dl dt .sim {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 10px;
    color: #bbb;
    font-weight: 500;
  }
  .fullOnePage #workingwithUs .model .txt dl dd {
    padding-top: 10px;
    font-size: 12px;
  }
  .fullOnePage #workingwithUs .model .txt dl dd ul li {
    padding-left: 7px;
    text-indent: -7px;
  }
  .fullOnePage #howToApply {
    padding-top: 80px;
  }
  .fullOnePage #howToApply .dft-pageTitle h1 {
    margin: 0;
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
  }
  .fullOnePage #howToApply .onePageSTit {
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
  }
  .fullOnePage #howToApply .field { /*margin-top:50px;*/
    padding-top: 50px;
  }
  .fullOnePage #howToApply .field .stepTab ul li:first-child strong.number:after, .fullOnePage #howToApply .field .stepTab ul li:last-child strong.number:after {
    width: 600%;
  }
  .fullOnePage #howToApply .field .stepTab ul li strong.txt {
    font-size: 13px;
  }
  .fullOnePage #howToApply .field .stepRadioBox {
    padding: 30px 0 0;
  }
  .fullOnePage #howToApply .field .stepRadioBox div[class*=step] ul li {
    margin-left: 5px;
  }
  .fullOnePage #howToApply .field .stepRadioBox .itm {
    height: 140px;
  }
  .fullOnePage #howToApply .field .stepRadioBox .itm label {
    padding: 0 10px;
    line-height: 1.2;
    font-size: 14px;
  }
  .fullOnePage #howToApply .field .stepRadioBox .itm label span {
    display: block;
    font-size: 12px;
  }
  .fullOnePage #howToApply .field .stepBtn {
    padding: 40px 0 20px;
  }
  .fullOnePage #howToApply .field .stepBtn a:after {
    top: calc(50% - 5px);
    width: 7px;
    height: 10px;
  }
  .fullOnePage #howToApply .field .stepBtn a.prev, .fullOnePage #howToApply .field .stepBtn a.next {
    font-size: 14px;
  }
  .fullOnePage #howToApply .field .stepBtn a.prev:after, .fullOnePage #howToApply .field .stepBtn a.next:after {
    background-size: cover;
  }
  .fullOnePage #howToApply .field .stepBtn a.prev {
    padding-left: 20px;
  }
  .fullOnePage #howToApply .field .stepBtn a.next {
    padding-right: 20px;
  }
  .fullOnePage #faq {
    padding-top: 80px;
  }
  .fullOnePage #faq .tabBox {
    padding-top: 45px;
  }
  .fullOnePage #faq .faqList {
    padding-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .fullOnePage .onePageTit {
    font-size: 24px;
  }
  .fullOnePage .meet {
    padding-top: 30px;
  }
}
.videoslide .videoArg {
  position: relative;
  width: 100%;
}
.videoslide .videoArg .videoControlBox {
  position: relative;
  width: 100%;
  height: 100%;
  background: #222;
  font-size: 0px;
}
.videoslide .videoArg .videoControlBox video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoslide .videoArg .videoControlBox video:focus ~ .btn.stop, .videoslide .videoArg .videoControlBox video:hover ~ .btn.stop, .videoslide .videoArg .videoControlBox video:active ~ .btn.stop {
  opacity: 1;
}
.videoslide .videoArg .videoControlBox .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 70px;
  height: 70px;
  color: #fff;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.videoslide .videoArg .videoControlBox .btn.play {
  background: url(../../images/common/videoControlBoxPlay.png) 0 0 no-repeat;
  background-size: cover;
}
.videoslide .videoArg .videoControlBox .btn.stop {
  opacity: 0;
  background: url(../../images/common/videoControlBoxStop.png) 0 0 no-repeat;
  background-size: cover;
}
.videoslide .videoArg .videoControlBox .btn.stop:hover {
  opacity: 1;
}
.videoslide .videoArg .videoControlBox .btn.stop ~ .txt {
  opacity: 0;
}
.videoslide .videoArg .txt {
  position: absolute;
  bottom: 10%;
  left: 30%;
  width: 55%;
  overflow: hidden;
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}
.videoslide .videoArg .videoTxt {
  position: relative;
  width: 100%;
  padding: 90px 50px 90px 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 2px solid #ddd;
}
.videoslide .videoArg .videoTxt:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.videoslide .videoArg .videoTxt .uNm {
  float: left;
  width: 30%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.videoslide .videoArg .videoTxt .txt {
  float: left;
  width: 70%;
}
.videoslide .videoArg .videoTxt .txt .tit {
  font-weight: 500;
  line-height: 2.4;
}
.videoslide .videoArg .videoTxt .txt .cont {
  font-size: 18px;
}
.videoslide .videoArg .slideArg {
  position: relative;
  width: 100%;
  padding: 0 35px;
  margin: 40px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.videoslide .videoArg .slideArg .swiper-pagination {
  display: none;
}
.videoslide .swiper-button-next {
  position: absolute;
  top: 0%;
  right: 0px;
  margin: 0px;
  display: block;
  width: 35px;
  height: 100%;
  background: url(../../images/arrow/swiper_next.png) center right no-repeat;
  text-indent: -9999px;
}
.videoslide .swiper-button-prev {
  position: absolute;
  top: 0%;
  left: 0px;
  margin: 0px;
  display: block;
  width: 35px;
  height: 100%;
  background: url(../../images/arrow/swiper_prev.png) center left no-repeat;
  text-indent: -9999px;
}
.videoslide a.video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0;
}
.videoslide a.video:hover:after, .videoslide a.video:focus:after, .videoslide a.video.active:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #222edd;
  opacity: 0.5;
}
.videoslide a.video > img {
  width: 100%;
}
.videoslide a.video + .actMov {
  display: none;
}
.videoslide a.video .txtBox {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.videoslide a.video .txtBox span {
  display: block;
  font-size: 14px;
  coLor: #fff;
}
.videoslide a.video .txtBox strong {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.videoslide + .benefits_list ul li:first-child {
  padding-top: 0px;
}

#whatWeValue {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#whatWeValue .cont {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#whatWeValue .cont > .tit {
  padding-bottom: 70px;
  border-bottom: 1px solid #ddd;
}
#whatWeValue .cont > .txt {
  width: 100%;
  min-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#whatWeValue .cont > .txt dl + dl {
  padding-top: 90px;
}
#whatWeValue .cont > .txt dl + .memo {
  border-top: 0;
}
#whatWeValue .cont > .txt dl + .memo dd li {
  line-height: 34px;
}
#whatWeValue .cont > .txt dl dt {
  font-size: 30px;
  font-weight: 500;
}
#whatWeValue .cont > .txt dl dd {
  padding-top: 55px;
  font-size: 18px;
}
#whatWeValue .cont > .txt dl dd.dd_full {
  margin-top: 65px;
  width: 100%;
}
#whatWeValue .cont > .txt dl dd .businessDNA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#whatWeValue .cont > .txt dl dd .businessDNA li {
  position: relative;
  padding-top: 136px;
  width: 126px;
  text-align: center;
}
#whatWeValue .cont > .txt dl dd .businessDNA li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 126px;
  height: 126px;
  background-position: left top;
  background-repeat: no-repeat;
}
#whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_1:after {
  background-image: url(../../images/careers/icon_business_dna_1.png);
}
#whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_2:after {
  background-image: url(../../images/careers/icon_business_dna_2.png);
}
#whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_3:after {
  background-image: url(../../images/careers/icon_business_dna_3.png);
}
#whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_4:after {
  background-image: url(../../images/careers/icon_business_dna_4.png);
}
#whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_5:after {
  background-image: url(../../images/careers/icon_business_dna_5.png);
}
#whatWeValue .cont > .txt dl dd .businessDNA li p {
  font-family: "ssl-font";
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
#whatWeValue .cont > .txt dl dd .businessDNA li span {
  font-size: 18px;
  font-weight: 100;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list {
  margin-right: -10px;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list:after {
  display: block;
  content: "";
  clear: both;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li {
  position: relative;
  float: left;
  width: calc(20% - 10px);
  height: 214px;
  margin-left: 10px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:first-child {
  margin-left: 0;
  margin-top: 0;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:before {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 35%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(1):before {
  background: url(../../images/careers/ico_bio_behaviors_list01.png) center center no-repeat;
  width: 70px;
  height: 70px;
  background-size: 100%;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(2):before {
  background: url(../../images/careers/ico_bio_behaviors_list02.png) center center no-repeat;
  width: 60px;
  height: 60px;
  background-size: 100%;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(3):before {
  background: url(../../images/careers/ico_bio_behaviors_list03.png) center center no-repeat;
  width: 64px;
  height: 66px;
  background-size: 100%;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(4):before {
  background: url(../../images/careers/ico_bio_behaviors_list04.png) center center no-repeat;
  width: 74px;
  height: 74px;
  background-size: 100%;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(5):before {
  background: url(../../images/careers/ico_bio_behaviors_list05.png) center center no-repeat;
  width: 68px;
  height: 62px;
  background-size: 100%;
}
#whatWeValue .cont > .txt dl dd .bio_behaviors_list li span {
  display: block;
  margin: 0 auto;
  padding-top: 121px;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  font-weight: 500;
}
#whatWeValue .cont > .txt dl dd .bioCreed {
  margin-top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#whatWeValue .cont > .txt dl dd .bioCreed li {
  margin-top: 10px;
  padding: 20px 0;
  min-height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  /* &.bioCreed_1{background:#4d5ab2;}
  &.bioCreed_2{background:#7468ae;}
  &.bioCreed_3{background:#e46d48;}
  &.bioCreed_4{background:#da5542;}
  &.bioCreed_5{background:#8b4700;}
  &.bioCreed_6{background:#bf7c2c;}
  &.bioCreed_7{background:#a543a0;}
  &.bioCreed_8{background:#818181;}
  &.bioCreed_9{background:#319989;}
  &.bioCreed_10{background:#539d71;} */
}
#whatWeValue .cont > .txt dl dd .bioCreed li strong {
  position: relative;
  font-family: "ssl-font";
  font-size: 50px;
  color: #222;
  padding: 0 37px 0 17px;
  width: 90px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#whatWeValue .cont > .txt dl dd .bioCreed li strong:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 1px;
  width: 1px;
  z-index: 1;
  height: 50%;
  background: #222edd;
}
#whatWeValue .cont > .txt dl dd .bioCreed li strong:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 1px;
  width: 1px;
  z-index: 0;
  height: calc(100% - 10px);
  background: #bbb;
}
#whatWeValue .cont > .txt dl dd .bioCreed li p {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 100px);
  font-family: "ssl-font";
  font-weight: 400;
  font-size: 16px;
  color: #222;
  line-height: 1.45;
}
#whatWeValue .cont > .txt dl dd .bioCreed li p span {
  font-size: 20px;
  display: block;
}
#whatWeValue .cont > .txt dl dd .new-bio-creed-list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#whatWeValue .cont > .txt dl dd .new-bio-creed-list .bioCreed {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#whatWeValue .cont > .txt dl dd .new-bio-creed-list .bioCreed li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
#whatWeValue .cont > .txt .memo {
  padding: 90px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#whatWeValue .cont > .txt .memo:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
#whatWeValue .cont > .txt .memo:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
#whatWeValue .cont > .txt .memo dt {
  float: left;
  width: 350px;
  line-height: 1.2;
}
#whatWeValue .cont > .txt .memo dd {
  float: right;
  width: calc(100% - 350px);
  padding: 0px;
}
#whatWeValue .cont .behavior {
  position: relative;
  width: 100%;
  height: auto;
}
#whatWeValue .cont .behavior .etc {
  position: absolute;
  bottom: 120px;
  left: 60px;
}
#whatWeValue .cont .behavior .etc .tit {
  font-size: 40px;
  color: #fff;
  font-family: "ssl-font";
  font-weight: 400;
}
#whatWeValue .cont .behavior .etc .txt {
  font-size: 18px;
  color: #fff;
}
#whatWeValue .slide-control {
  position: absolute;
  padding-left: 60px;
  bottom: 50px;
  width: 100%;
  max-width: 1040px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
#whatWeValue .slide-control .play, #whatWeValue .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
#whatWeValue .slide-control .play {
  background: url(../../images/btn/slide_play.png) center center no-repeat;
}
#whatWeValue .slide-control .pause {
  background: url(../../images/btn/slide_pause.png) center center no-repeat;
}
#whatWeValue .slide-control .swiper-button-next, #whatWeValue .slide-control .swiper-button-prev {
  width: 14px;
  height: 26px;
  margin-top: -500px;
}
#whatWeValue .slide-control .swiper-button-next {
  right: 0px;
  background: url(../../images/arrow/swiper_next_white.png) 0 0 no-repeat;
}
#whatWeValue .slide-control .swiper-button-prev {
  left: 0px;
  background: url(../../images/arrow/swiper_prev_white.png) 0 0 no-repeat;
}
#whatWeValue .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
#whatWeValue .people2022 {
  position: relative;
  width: 100%;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#whatWeValue .people2022 + .txt {
  margin-top: 100px;
}
#whatWeValue .people2022 a {
  display: block;
  width: 100%;
  max-width: 1200px;
}
#whatWeValue .people2022 a.video-cover {
  position: relative; /* position: absolute; top:0; left: 0; right: 0; */
  margin: auto;
  z-index: 1;
}
#whatWeValue .people2022 a .pc {
  display: block;
}
#whatWeValue .people2022 a .mo {
  display: none;
}
#whatWeValue .people2022 video {
  width: 1200px;
  max-height: 673px;
  position: relative;
  z-index: -1;
}
#whatWeValue .people2022 video.on {
  z-index: 1;
}
@media (max-width: 1023px) {
  #whatWeValue .people2022 {
    min-height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: none;
  }
  #whatWeValue .people2022 + .txt {
    margin-top: 50px;
  }
  #whatWeValue .people2022 a {
    display: block;
    width: 100%;
    max-width: 1200px;
    /* &.video-cover{top: 0;} */
  }
  #whatWeValue .people2022 a .pc {
    display: none;
  }
  #whatWeValue .people2022 a .mo {
    display: block;
  }
  #whatWeValue .people2022 video {
    width: 100%;
  }
}

:lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:before {
  top: 36%;
}
:lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li span {
  padding-top: 116px;
  font-size: 24px;
}
:lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li p {
  font-size: 16px;
  text-align: center;
  line-height: 22px;
}

#howToApply {
  position: relative;
  width: 100%;
}
#howToApply .dft-pageTitle h1 {
  margin: 0;
  padding: 0 0 70px;
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #666;
  text-align: center;
}
#howToApply .onePageSTit {
  padding: 0 0 70px;
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #666;
  text-align: center;
}

.field {
  position: relative;
  padding: 90px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ddd;
}
.field.step1 .stepTab ul li:nth-child(1) {
  /* strong {color:$defColor01; font-weight:500;} */
}
.field.step2 .stepTab ul:after {
  margin: 0 27%;
}
.field.step2 .stepTab ul li:nth-child(2) strong, .field .step2-1 .stepTab ul li:nth-child(2) strong, .field .step2-2 .stepTab ul li:nth-child(2) strong {
  color: #222edd;
  font-weight: 500;
}
.field.step3 .stepTab ul li:nth-child(3) strong {
  color: #222edd;
  font-weight: 500;
}
.field .stepTab {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}
.field .stepTab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.field .stepTab ul:after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  display: block;
  height: 4px;
  background: #ddd;
  z-index: 0;
  margin: 0 14%;
}
.field .stepTab ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  z-index: 2;
}
.field .stepTab ul li:first-child {
  z-index: 2;
}
.field .stepTab ul li:last-child {
  z-index: 1;
}
.field .stepTab ul li.on strong {
  color: #222edd;
  font-weight: 500;
}
.field .stepTab ul li strong {
  display: block;
  color: #666;
  font-family: "ssl-font";
  font-weight: 500;
}
.field .stepTab ul li strong.txt {
  font-size: 14px;
}
.field .stepTab ul li strong.number {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  width: 36px;
  height: 36px;
  line-height: 2.4;
  background: #fff;
  border: 4px solid #ddd;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.field .stepRadioBox {
  padding: 40px 0 0;
  border-bottom: 4px solid #222edd;
}
.field .stepRadioBox div[class*=step] {
  position: relative;
  width: 100%; /* max-width:550px; */
  margin: 0 auto;
}
.field .stepRadioBox div[class*=step] ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 550px;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field .stepRadioBox div[class*=step] ul li { /* flex:1; */
  min-width: 160px;
  max-width: 160px;
  margin-left: 35px;
}
.field .stepRadioBox div[class*=step] ul li:first-child {
  margin-left: 0px;
}
.field .stepRadioBox div[class*=step2] {
  display: none;
}
.field .stepRadioBox div[class*=step2] ul li {
  min-width: 260px;
  max-width: 260px;
}
.field .stepRadioBox .itm {
  position: relative;
  width: 100%;
  height: 160px;
  text-align: center;
}
.field .stepRadioBox .itm input[type=radio] {
  position: absolute;
  top: 0px;
  left: 0px;
}
.field .stepRadioBox .itm label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  border: 1px solid #cfcfcf;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  background: #fff;
}
.field .stepRadioBox .itm label:before {
  content: "";
  display: block;
  width: 100%;
  height: 90px;
}
.field .stepRadioBox .itm label:hover {
  color: #222edd;
  border: 1px solid #222edd;
  font-family: "ssl-font";
  font-weight: 600;
}
.field .stepRadioBox .itm label:focus + label, .field .stepRadioBox .itm label:active + label, .field .stepRadioBox .itm label:hover + label {
  text-decoration: underline;
}
.field .stepRadioBox .itm label[for=step1-1]:before {
  background: url(../../images/careers/ico_apply_step1-1.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step1-1]:hover:before {
  background: url(../../images/careers/ico_apply_step1-1_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step1-2]:before {
  background: url(../../images/careers/ico_apply_step1-2.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step1-2]:hover:before {
  background: url(../../images/careers/ico_apply_step1-2_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step1-3]:before {
  background: url(../../images/careers/ico_apply_step1-3.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step1-3]:hover:before {
  background: url(../../images/careers/ico_apply_step1-3_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-1-1]:before {
  background: url(../../images/careers/ico_apply_step2-1-1.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-1-1]:hover:before {
  background: url(../../images/careers/ico_apply_step2-1-1_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-1-2]:before {
  background: url(../../images/careers/ico_apply_step2-1-2.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-1-2]:hover:before {
  background: url(../../images/careers/ico_apply_step2-1-2_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-2-1]:before {
  background: url(../../images/careers/ico_apply_step2-2-1.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-2-1]:hover:before {
  background: url(../../images/careers/ico_apply_step2-2-1_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-2-2]:before {
  background: url(../../images/careers/ico_apply_step2-2-2.png) center center no-repeat;
}
.field .stepRadioBox .itm label[for=step2-2-2]:hover:before {
  background: url(../../images/careers/ico_apply_step2-2-2_hover.png?v=250527) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label {
  background: #222edd;
  color: #fff;
  font-weight: 500; /* text-decoration:underline; */
}
.field .stepRadioBox .itm input:checked + label[for=step1-1]:before {
  background: url(../../images/careers/ico_apply_step1-1_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step1-2]:before {
  background: url(../../images/careers/ico_apply_step1-2_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step1-3]:before {
  background: url(../../images/careers/ico_apply_step1-3_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step2-1-1]:before {
  background: url(../../images/careers/ico_apply_step2-1-1_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step2-1-2]:before {
  background: url(../../images/careers/ico_apply_step2-1-2_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step2-2-1]:before {
  background: url(../../images/careers/ico_apply_step2-2-1_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:checked + label[for=step2-2-2]:before {
  background: url(../../images/careers/ico_apply_step2-2-2_on.png) center center no-repeat;
}
.field .stepRadioBox .itm input:focus + label {
  text-decoration: underline;
}
.field .stepBtn {
  width: 100%;
  padding: 30px 50px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* border-top:4px solid $defColor01; border-bottom:1px solid $cddd; */
}
.field .stepBtn:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.field .stepBtn a {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
}
.field .stepBtn a:after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  display: block;
  width: 9px;
  height: 14px;
}
.field .stepBtn a.prev {
  float: left;
  padding-left: 40px;
  display: none;
}
.field .stepBtn a.prev:after {
  left: 0px;
  background: url(../../images/arrow/board_prev.png) 0 0 no-repeat;
}
.field .stepBtn a.next {
  float: right;
  padding-right: 40px;
}
.field .stepBtn a.next:after {
  right: 0px;
  background: url(../../images/arrow/board_next.png) 0 0 no-repeat;
}

@media (max-width: 1023px) {
  #howToApply .dft-pageTitle h1 {
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-family: "ssl-font";
    font-weight: 400;
  }
  #howToApply .onePageSTit {
    padding-top: 25px;
    font-size: 14px;
    color: #666;
    font-family: "ssl-font";
    font-weight: 400;
  }
  .field {
    padding-top: 50px;
  }
  .field .stepTab ul li:first-child strong.number:after, .field .stepTab ul li:last-child strong.number:after {
    width: 600%;
  }
  .field .stepTab ul li strong.txt {
    font-size: 13px;
  }
  .field .stepRadioBox {
    padding: 30px 0 0;
  }
  .field .stepRadioBox div[class*=step] ul li {
    margin-left: 5px;
  }
  .field .stepRadioBox .itm {
    height: 140px;
  }
  .field .stepRadioBox .itm label {
    padding: 0 10px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500;
  }
  .field .stepRadioBox .itm label span {
    display: block;
    font-size: 12px;
  }
  .field .stepBtn {
    padding: 40px 0 20px;
  }
  .field .stepBtn a:after {
    top: calc(50% - 5px);
    width: 7px;
    height: 10px;
  }
  .field .stepBtn a.prev, .field .stepBtn a.next {
    font-size: 14px;
  }
  .field .stepBtn a.prev, .field .stepBtn a.next {
    padding-right: 20px;
  }
  .field .stepBtn a.prev:after, .field .stepBtn a.next:after {
    background-size: cover;
  }
}
@media (max-width: 640px) {
  .field .stepRadioBox .itm label {
    font-size: 12px;
  }
}
/* Career Development */
/* use page:careers,benefits */
.careers_content {
  /* register in talent pool */
  /* How to Apply - overseas experienced, local_Experienced, New Hires, Intern */
}
.careers_content .tab_cont {
  margin-top: 60px;
}
.careers_content .videoslide {
  position: relative;
}
.careers_content .form_wrap {
  border-top: 1px solid #ddd;
}
.careers_content .form_wrap .cont_information {
  border-top: 1px solid #ddd;
}
.careers_content .form_wrap .cont_message {
  margin: 100px 0 0;
  padding: 40px 0 70px;
  border-top: 4px solid #222edd;
  border-bottom: 0;
}
.careers_content .form_wrap .cont_message ul {
  font-size: 0;
}
.careers_content .form_wrap .cont_message ul li {
  display: table-cell;
  float: none;
  white-space: nowrap;
}
.careers_content .form_wrap .cont_message ul li.inner_download_link {
  width: 100%;
}
.careers_content .form_wrap .cont_message ul li.inner_download_link .radio {
  margin: 0;
  width: 100%;
}
.careers_content .form_wrap .cont_message ul li.inner_download_link .radio input[type=radio]:checked + label + .checkbox_download_link {
  display: block;
}
.careers_content .form_wrap .cont_message ul li.inner_download_link .checkbox_download_link {
  display: none;
}
.careers_content .form_wrap .cont_message ul li .radio {
  margin: 0 85px 0 0;
}
.careers_content .form_wrap .cont_message ul li .radio label {
  width: auto;
}
.careers_content .field {
  padding: 90px 0;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
}
.careers_content .pageSubTit {
  padding: 135px 0 85px 0;
}
.careers_content .pageSubTit .tit {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}
.careers_content.v231030 .videoslide {
  margin-bottom: 100px;
  width: 100%;
}
.careers_content.v231030 .videoslide .videoArg .videoControlBox {
  position: relative;
  padding-bottom: 56.25%;
}
.careers_content.v231030 .videoslide .videoArg .videoControlBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.careers_content.v231030 .tab_cont {
  margin-top: 35px;
}
.careers_content.v231030 .benefits__con p { /* font-size: 18px; */
  font-weight: 400;
  line-height: 1.8;
}
.careers_content.v231030 .benefits__con p + p {
  margin-top: 20px;
}
.careers_content.v231030 .benefits__con > ul {
  margin-top: 12px;
}
.careers_content.v231030 .benefits__con > ul li {
  position: relative;
  padding-left: 20px;
  color: #666;
  line-height: 1.8;
}
.careers_content.v231030 .benefits__con > ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #666;
  top: 9px;
  left: 10px;
  border-radius: 50%;
}
.careers_content.v231030 .benefits__con .benefits__con--slide {
  position: relative;
  margin-top: 27px;
  padding: 40px 40px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f2f2;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-slide .box .img img {
  width: 100%;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-slide .box .popBtn {
  line-height: 0;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .slide-control {
  position: relative;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .slide-control .swiper-pagination {
  bottom: 0;
  line-height: 0;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .slide-control .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid #222edd;
  background: rgba(0, 0, 0, 0);
}
.careers_content.v231030 .benefits__con .benefits__con--slide .slide-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #222edd;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .slide-control .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-next,
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-prev {
  width: 45px;
  height: 43px;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: 45px;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-prev {
  background-image: url(/resources/front/en/images/careers/benefits_con_slide_prev.png);
  left: 40px;
  right: auto;
}
.careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-next {
  background-image: url(/resources/front/en/images/careers/benefits_con_slide_next.png);
  left: auto;
  right: 41px;
}

.pdf-layer-box.v231030 .frameBox.swiper-mode {
  max-height: 655px;
}

.carees_content .career_list > ul > li:last-child dl {
  padding-bottom: 0px;
}

.career_list.diversity_inclusion > ul > li { /* border-top:4px solid $cddd; */
  border-top: 1px solid #ddd;
  /* &:last-child {
  	dl {padding-bottom:30px;}
  } */
}
.career_list.diversity_inclusion > ul > li:first-child {
  border-top: 1px solid #ddd;
}
.career_list.diversity_inclusion > ul > li:first-child > dl:first-child {
  padding-top: 85px;
}
.career_list.diversity_inclusion > ul > li dd .thumb {
  margin-top: 60px;
}
.career_list.compliance_list .career_list_tit + ul li:first-child {
  border-top: 0;
}
.career_list .career_list_tit {
  border-top: 4px solid #222edd;
  padding-top: 120px;
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
}
.career_list > ul > li {
  border-top: 1px solid #ddd;
  font-size: 0;
  /* &:last-child {
  	dl {padding-bottom:0px;}
  } */
}
.career_list > ul > li:first-child {
  border-top: 0;
}
.career_list > ul > li:first-child > dl:first-child {
  padding-top: 20px;
}
.career_list > ul > li:nth-child(1) dt .thumb {
  width: 64px;
  height: 60px;
  background: url(../../images/careers/ico_career_dev_itm1.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 56px 0 0 6px;
}
.career_list > ul > li:nth-child(2) dt .thumb {
  width: 64px;
  height: 72px;
  background: url(../../images/careers/ico_career_dev_itm2.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 56px 0 0 12px;
}
.career_list > ul > li:nth-child(3) dt .thumb {
  width: 56px;
  height: 58px;
  background: url(../../images/careers/ico_career_dev_itm3.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
}
.career_list > ul > li:nth-child(4) dt .thumb {
  width: 56px;
  height: 56px;
  background: url(../../images/careers/ico_career_dev_itm4.png?v=250527) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 56px 0 0 10px;
}
.career_list > ul dl {
  padding: 85px 0;
}
.career_list > ul dl:after {
  display: block;
  content: "";
  clear: both;
}
.career_list > ul dt {
  display: inline-block;
  width: 33.8%;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  vertical-align: top;
}
.career_list > ul dt > span {
  display: block;
  color: #666;
  font-weight: 500;
}
.career_list > ul dt .thumb {
  margin: 56px 0 0 6px;
}
.career_list > ul dd {
  display: inline-block;
  width: 66.2%;
}
.career_list > ul dd .box_wrap {
  margin-top: 35px;
  padding: 30px;
}
.career_list > ul dd .box_wrap.box_white {
  background: inherit;
}
.career_list > ul dd .box_wrap .dot_list {
  list-style: height 1.8em;
  color: #666;
}
.career_list > ul dd .box_wrap .dot_list li {
  margin-top: 0;
}
.career_list > ul dd strong {
  display: block;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
}
.career_list > ul dd strong + p {
  margin-top: 10px;
}
.career_list > ul dd p {
  font-size: 18px;
  line-height: 1.8;
}
.career_list > ul dd p + strong {
  margin-top: 70px;
}
.career_list > ul dd .thumb {
  margin-top: 100px;
}
.career_list > ul dd .thumb img {
  display: block;
}
.career_list > ul dd .hidden + strong, .career_list > ul dd .thumb + strong {
  margin-top: 80px;
}
.career_list > ul dd .contact_wrap {
  font-size: 0;
  margin-top: 80px;
}
.career_list > ul dd .contact_wrap .row {
  margin-top: 25px;
}
.career_list > ul dd .contact_wrap .row:first-child {
  margin-top: 0;
}
.career_list > ul dd .contact_wrap .row .tit {
  display: inline-block;
  width: 125px;
  font-size: 20px;
  color: #666;
  font-weight: 500;
  line-height: 1.6;
  vertical-align: top;
}
.career_list > ul dd .contact_wrap .desc {
  display: inline-block;
  width: calc(100% - 125px);
  font-size: 18px;
  color: #666;
  line-height: 1.8;
  vertical-align: top;
}
.career_list > ul dd .contact_wrap .desc a {
  color: #222edd;
}
.career_list > ul dd .subTable {
  margin: 0;
  padding-left: 0;
  max-width: 694px;
}
.career_list > ul dd .subTable .col_table {
  margin-top: 20px;
}
.career_list > ul .space_typ dd p + strong {
  margin-top: 40px;
}
.career_list .btnArg {
  padding-top: 60px;
  text-align: center;
}
.career_list .btnArg a {
  display: inline-block;
  padding: 20px 45px;
  line-height: 1;
  border: 1px solid #222edd;
  text-align: center;
  font-size: 18px;
  color: #222edd;
}
.career_list .btnArg a:focus, .career_list .btnArg a:active, .career_list .btnArg a:hover {
  background: #222edd;
  color: #fff;
}

.groupsbox {
  position: relative;
  width: 100%;
  padding: 0 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
}
.groupsbox dl {
  padding: 60px 0;
}
.groupsbox dl:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.groupsbox dl + dl {
  border-top: 1px solid #ddd;
}
.groupsbox dl dt {
  float: left;
  width: 35%;
  font-size: 18px;
}
.groupsbox dl dd {
  float: left;
  width: 65%;
}
.groupsbox dl dd li {
  margin-top: 0px;
  font-size: 18px;
  color: #666;
}

@media (max-width: 1023px) {
  /* careers */
  /* Career Development */
  /* use page:careers,benefits */
  .careers_content .tab_cont {
    margin-top: 30px;
  }
  .careers_content .cont_information {
    margin-top: 40px;
  }
  .careers_content .form_wrap {
    border-top: 1px solid #ddd;
  }
  .careers_content .form_wrap .cont_information {
    margin-top: 0;
    border-top: 0;
  }
  .careers_content .form_wrap .cont_message {
    margin: 40px 0 0;
    padding: 10px;
  }
  .careers_content .form_wrap .cont_message ul {
    font-size: inherit;
  }
  .careers_content .form_wrap .cont_message ul li {
    display: block;
    float: none;
    white-space: normal;
    width: auto;
  }
  .careers_content .form_wrap .cont_message ul li.inner_download_link .radio input[type=radio]:checked + label + .checkbox_download_link {
    display: block;
  }
  .careers_content .form_wrap .cont_message ul li.inner_download_link .checkbox_download_link {
    display: none;
  }
  .careers_content .form_wrap .cont_message ul li .radio {
    margin: 0 85px 0 0;
  }
  .careers_content .form_wrap .cont_message ul li .radio label {
    width: 100%;
  }
  .careers_content.v231030 .tab_cont {
    overflow: initial;
  }
  .careers_content.v231030 .videoslide {
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .careers_content.v231030 .benefits__con > p + p {
    margin-top: 22px;
    line-height: 1.5;
  }
  .careers_content.v231030 .benefits__con > ul li { /* font-size: 17px; */
    padding-left: 11px;
  }
  .careers_content.v231030 .benefits__con > ul li::before {
    left: 0;
    width: 3px;
    height: 3px;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide {
    margin: 27px -30px;
    padding: 20px 30px 16px;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: -1;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide .slide-control {
    padding-top: 22px;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide .slide-control .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-left: 7px;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-next,
  .careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-size: 35px;
    display: block;
    top: 48%;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-prev {
    left: 30px;
  }
  .careers_content.v231030 .benefits__con .benefits__con--slide .swiper-button-next {
    right: 30px;
  }
  .pdf-layer-box.v231030 .frameBox.swiper-mode {
    width: 83.3339%;
    max-height: none;
    height: auto;
  }
  .pdf-layer-box.v231030 .frameBox .swiper-wrapper {
    line-height: 0;
  }
  .pdf-layer-box.v231030 .frameBox .swiper-button-next,
  .pdf-layer-box.v231030 .frameBox .swiper-button-prev {
    margin-top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .career_list.diversity_inclusion > ul > li {
    border-top: 4px solid #222edd;
  }
  .career_list.diversity_inclusion > ul > li:first-child dl:first-child {
    padding-top: 50px;
  }
  .career_list.diversity_inclusion > ul > li:last-child dl {
    padding-bottom: 0;
  }
  .career_list.diversity_inclusion > ul li:first-child {
    border-top: 1px solid #d0d0d0;
  }
  .career_list.diversity_inclusion > ul dl {
    padding: 50px 0 80px 0;
  }
  .career_list.diversity_inclusion > ul dd p {
    font-size: 14px;
    line-height: 1.6;
  }
  .career_list.compliance_list ul dl {
    padding-left: 0;
  }
  .career_list .career_list_tit {
    padding-top: 60px;
    font-size: 24px;
  }
  .career_list > ul > li {
    border-top: 1px solid #d0d0d0;
  }
  .career_list > ul > li:first-child > dl:first-child {
    padding-top: 0px;
  }
  .career_list > ul > li:nth-child(1) dt .thumb {
    width: 53px;
    height: 48px;
    background: url(../../images/careers/ico_career_dev_itm1.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 3px;
    top: 53px;
  }
  .career_list > ul > li:nth-child(2) dt .thumb {
    width: 50px;
    height: 56px;
    background: url(../../images/careers/ico_career_dev_itm2.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 8px;
  }
  .career_list > ul > li:nth-child(3) dt .thumb {
    width: 47px;
    height: 47px;
    background: url(../../images/careers/ico_career_dev_itm3.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    left: 8px;
  }
  .career_list > ul > li:nth-child(4) dt .thumb {
    width: 45px;
    height: 46px;
    background: url(../../images/careers/ico_career_dev_itm4.png?v=250527) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0;
    left: 2px;
    top: 54px;
  }
  .career_list > ul dl {
    position: relative;
    padding: 50px 0 50px 84px;
  }
  .career_list > ul dt {
    width: auto;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
  }
  .career_list > ul dt .thumb {
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
  }
  .career_list > ul dt > span {
    font-size: 14px;
    margin-top: 10px;
  }
  .career_list > ul dd {
    width: auto;
    margin-left: 0;
    display: block;
  }
  .career_list > ul dd .box_wrap {
    margin-top: 15px;
    padding: 15px 20px;
  }
  .career_list > ul dd .box_wrap.box_white {
    background: inherit;
  }
  .career_list > ul dd .box_wrap .dot_list {
    font-size: 11px;
    line-height: 1.9;
    color: #666;
  }
  .career_list > ul dd .box_wrap .dot_list li {
    margin-top: 0;
  }
  .career_list > ul dd strong {
    display: block;
    color: #222;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 12px;
  }
  .career_list > ul dd p {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 22px;
  }
  .career_list > ul dd p + strong {
    margin-top: 20px;
  }
  .career_list > ul dd .hidden + strong, .career_list > ul dd .thumb + strong {
    margin-top: 50px;
  }
  .career_list > ul dd .thumb {
    margin-top: 50px;
  }
  .career_list > ul dd .thumb img {
    display: block;
    max-width: 100%;
  }
  .career_list > ul dd .contact_wrap {
    margin-top: 40px;
  }
  .career_list > ul dd .contact_wrap .row {
    margin-top: 25px;
  }
  .career_list > ul dd .contact_wrap .tit {
    display: block;
    width: auto;
    font-size: 12px;
    line-height: 1.6;
    color: #222;
  }
  .career_list > ul dd .contact_wrap .desc {
    display: block;
    width: auto;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 10px;
  }
  .career_list > ul .space_typ dd p + strong {
    margin-top: 20px;
  }
  .career_list .btnArg a {
    padding: 20px 35px;
  }
  .groupsbox {
    padding: 0;
    background: none;
  }
  .groupsbox dl {
    padding: 30px;
    background: #f5f5f5;
  }
  .groupsbox dl + dl {
    margin-top: 5px;
    border-top: none;
  }
  .groupsbox dl dt {
    float: none;
    width: 100%;
    font-size: 14px;
  }
  .groupsbox dl dd {
    float: none;
    width: 100%;
    padding-top: 10px;
  }
  .groupsbox dl dd li {
    margin-top: 0px;
    font-size: 14px;
    color: #666;
  }
  .videoslide .videoArg .videoControlBox .btn {
    width: 40px;
    height: 40px;
  }
  .videoslide .videoArg .videoControlBox .txt {
    font-size: 16px;
  }
  .videoslide .videoArg .videoTxt {
    position: relative;
    width: 100%;
    padding: 40px 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid #ddd;
  }
  .videoslide .videoArg .videoTxt .uNm {
    float: none;
    width: 100%;
  }
  .videoslide .videoArg .videoTxt .txt {
    float: none;
    width: 100%;
  }
  .videoslide .videoArg .videoTxt .txt .tit {
    line-height: 1.2;
    padding-bottom: 20px;
  }
  .videoslide .slideArg {
    padding: 0px;
    margin: 20px 0 0;
  }
  .videoslide .slideArg .swiper-container {
    padding-bottom: 40px;
  }
  .videoslide .slideArg .swiper-pagination {
    display: block;
    width: 100%;
    bottom: 0px;
  }
  .videoslide .slideArg .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
  }
  .videoslide .slideArg .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0px;
  }
  .videoslide .swiper-pagination .swiper-pagination-bullet { /* border-radius:0; */
    background: #cecef2;
    opacity: 1;
  }
  .videoslide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #222edd;
    opacity: 1;
  }
  .videoslide .swiper-button-next, .videoslide .swiper-button-prev {
    display: none;
  }
  .videoslide a.video .txtBox {
    padding: 15px;
  }
  .videoslide a.video .txtBox span {
    font-size: 12px;
  }
  .videoslide a.video .txtBox strong {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  #whatWeValue { /* padding:50px 0; */ }
  #whatWeValue .cont { /* padding:0px 30px; */ }
  #whatWeValue .cont > .tit {
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    padding-bottom: 45px;
    border-bottom: none;
  }
  #whatWeValue .cont > .txt {
    padding-top: 0px;
  }
  #whatWeValue .cont > .txt dl + dl {
    padding-top: 75px;
  }
  #whatWeValue .cont > .txt dl + .memo {
    margin-top: 40px;
  }
  #whatWeValue .cont > .txt dl dt {
    font-size: 20px;
  }
  #whatWeValue .cont > .txt dl dd {
    padding-top: 25px;
    font-size: 14px;
  }
  #whatWeValue .cont > .txt dl dd.dd_full {
    margin-top: 0;
  }
  #whatWeValue .cont > .txt dl dd .businessDNA {
    margin-top: -18px;
    margin-left: -20px;
    margin-right: -20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li {
    margin-top: 18px;
    padding-top: 78px;
    width: 33.3333%;
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li:after {
    left: 50%;
    width: 70px;
    height: 70px;
    background-size: cover;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_1:after {
    background-image: url(../../images/careers/m_icon_business_dna_1.png);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_2:after {
    background-image: url(../../images/careers/m_icon_business_dna_2.png);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_3:after {
    background-image: url(../../images/careers/m_icon_business_dna_3.png);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_4:after {
    background-image: url(../../images/careers/m_icon_business_dna_4.png);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li.businessDNA_5:after {
    background-image: url(../../images/careers/m_icon_business_dna_5.png);
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li p {
    font-size: 14px;
  }
  #whatWeValue .cont > .txt dl dd .businessDNA li span {
    font-size: 14px;
    line-height: 1.9;
    display: block;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list {
    margin-right: 0;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list:after {
    display: block;
    content: "";
    clear: both;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li {
    float: none;
    width: auto;
    height: 80px;
    margin-left: 0;
    margin-top: 7px;
    border: 1px solid #ddd;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:first-child {
    margin-top: 0;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:before {
    display: block;
    content: "";
    position: absolute;
    left: 46px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(1):before {
    background: url(../../images/careers/m_ico_bio_behaviors_list01.png) center center no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(2):before {
    background: url(../../images/careers/m_ico_bio_behaviors_list02.png) center center no-repeat;
    width: 35px;
    height: 35px;
    background-size: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(3):before {
    background: url(../../images/careers/m_ico_bio_behaviors_list03.png) center center no-repeat;
    width: 37px;
    height: 38px;
    background-size: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(4):before {
    background: url(../../images/careers/m_ico_bio_behaviors_list04.png) center center no-repeat;
    width: 42px;
    height: 42px;
    background-size: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:nth-child(5):before {
    background: url(../../images/careers/m_ico_bio_behaviors_list05.png) center center no-repeat;
    width: 39px;
    height: 36px;
    background-size: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bio_behaviors_list li span {
    display: inline-block;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 102px;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
  }
  #whatWeValue .cont > .txt dl dd .bioCreed li {
    margin-top: 18px;
    padding: 0;
    min-height: auto;
    height: auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #whatWeValue .cont > .txt dl dd .bioCreed li strong { /* width:50px; */
    width: 0;
    font-size: 30px;
  }
  #whatWeValue .cont > .txt dl dd .bioCreed li p {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 50px);
    font-size: 13px;
  }
  #whatWeValue .cont > .txt dl dd .bioCreed li p span {
    font-size: 14px;
  }
  #whatWeValue .cont > .txt dl dd .new-bio-creed-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* .bioCreed {flex:1;
    	li {flex-basis:auto;}
    } */
  }
  #whatWeValue .cont > .txt .memo {
    padding: 0px;
    border-top: none;
    border-bottom: none;
  }
  #whatWeValue .cont > .txt .memo dt {
    float: none;
    width: 100%;
  }
  #whatWeValue .cont > .txt .memo dd {
    float: none;
    width: 100%;
    padding-top: 26px;
  }
  #whatWeValue .cont .behavior {
    position: relative;
    width: 100%;
    height: auto;
  }
  #whatWeValue .cont .behavior img {
    width: 100%;
  }
  #whatWeValue .cont .behavior .etc {
    position: absolute;
    bottom: 15%;
    left: 0px;
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #whatWeValue .cont .behavior .etc .tit {
    font-size: 31px;
    line-height: 1.2;
  }
  #whatWeValue .cont .behavior .etc .txt {
    font-size: 14px;
  }
  #whatWeValue .swiper-pagination {
    padding-left: 0px;
    bottom: 8%;
    text-align: center;
  }
  .field .stepRadioBox div[class*=step] ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: auto;
    max-width: none;
  }
  .field .stepRadioBox div[class*=step2] ul li {
    min-width: auto;
    max-width: none;
  }
  :lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li {
    /* p{margin-left:10px; font-size:14px; vertical-align:middle; display:inline-block;} */
  }
  :lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li:before {
    top: 50%;
  }
  :lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li span {
    padding-top: 0;
    min-width: 74px;
    font-size: 15px;
  }
  :lang(ko) #whatWeValue .cont > .txt dl dd .bio_behaviors_list li p {
    margin-left: 102px;
    font-size: 14px;
    vertical-align: middle;
    display: block;
    text-align: left;
  }
}
#homo-future .visual-swiper-arg {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}
#homo-future .visual-swiper-arg + .pix-in {
  padding-top: 60px;
}
#homo-future .visual-swiper-arg .swiper-wrapper {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
#homo-future .visual-swiper-arg .swiper-itm-box {
  font-size: 0;
}
#homo-future .visual-swiper-arg .swiper-itm-box img {
  width: 100%;
}
#homo-future .visual-swiper-arg .sideControl {
  position: absolute;
  left: 0px;
  bottom: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}
#homo-future .visual-swiper-arg .sideControl .swiper-pagination {
  position: relative;
  z-index: unset;
  font-size: 0;
}
#homo-future .visual-swiper-arg .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
}
#homo-future .visual-swiper-arg .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0px;
}
#homo-future .visual-swiper-arg .sideControl .controlBtn {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
#homo-future .visual-swiper-arg .sideControl .controlBtn.stop {
  background: url(../../images/careers/homo_future_swiper_stop.png) 0 0/cover no-repeat;
}
#homo-future .visual-swiper-arg .sideControl .controlBtn.play {
  background: url(../../images/careers/homo_future_swiper_play.png) 0 0/cover no-repeat;
}
#homo-future .blueLine + .more-txt {
  margin-top: 24px;
}
#homo-future .blueLine + .behavior-box-arg {
  margin-top: 30px;
}
#homo-future .more-txt + .blueLine, #homo-future .behavior-box-arg + .blueLine {
  margin-top: 80px;
}
#homo-future .more-txt {
  font-size: 18px;
  line-height: 1.6;
  color: #222;
  font-weight: 400;
}
#homo-future .more-txt .btn-arg {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#homo-future .more-txt .btn-arg .btn {
  padding: 10px 26px;
  border: 1px solid #222edd;
  color: #222edd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#homo-future .more-txt .btn-arg .btn:hover, #homo-future .more-txt .btn-arg .btn:focus, #homo-future .more-txt .btn-arg .btn:active {
  background: #222edd;
}
#homo-future .more-txt .btn-arg .btn:hover span, #homo-future .more-txt .btn-arg .btn:focus span, #homo-future .more-txt .btn-arg .btn:active span {
  color: #fff; /* text-decoration:underline; */
}
#homo-future .more-txt .btn-arg .btn:hover:after, #homo-future .more-txt .btn-arg .btn:focus:after, #homo-future .more-txt .btn-arg .btn:active:after {
  background: url(../../images/ico_svg/btn_icon1_on.svg?v=250527) 0 0/cover no-repeat;
}
#homo-future .more-txt .btn-arg .btn span {
  display: block;
  width: calc(100% - 26px);
  font-size: 18px;
  font-weight: 400;
}
#homo-future .more-txt .btn-arg .btn:after {
  content: "";
  position: relative;
  display: block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  background: url(../../images/ico_svg/btn_icon1.svg?v=250527) 0 0/cover no-repeat;
}
#homo-future .behavior-box-arg {
  position: relative;
  width: 100%; /* display:flex; justify-content:space-between; align-items:flex-start; */
}
#homo-future .behavior-box-arg > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#homo-future .behavior-box-arg > ul + ul {
  margin-top: 20px;
}
#homo-future .behavior-box-arg > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 200px;
  padding: 0 40px;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#homo-future .behavior-box-arg > ul > li + li {
  margin-left: 10px;
}
#homo-future .behavior-box-arg > ul > li > dl {
  position: relative;
  padding-left: 140px;
}
#homo-future .behavior-box-arg > ul > li > dl:before {
  content: "";
  position: absolute;
  top: calc(50% - 50px);
  left: 0px;
  display: block;
  width: 100px;
  height: 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box1:before {
  background: url(../../images/ico_svg/ico_homo_future_behavior_itm1.svg) center center no-repeat;
  background-size: 100px 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box1 > dt {
  color: #0089ff;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box2:before {
  background: url(../../images/ico_svg/ico_homo_future_behavior_itm2.svg) center center no-repeat;
  background-size: 100px 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box2 > dt {
  color: #222edd;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box3:before {
  background: url(../../images/ico_svg/ico_homo_future_behavior_itm3.svg) center center no-repeat;
  background-size: 100px 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box3 > dt {
  color: #a852ff;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box4:before {
  background: url(../../images/ico_svg/ico_homo_future_behavior_itm4.svg) center center no-repeat;
  background-size: 100px 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box4 > dt {
  color: #00a1a6;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box5:before {
  background: url(../../images/ico_svg/ico_homo_future_behavior_itm5.svg) center center no-repeat;
  background-size: 100px 100px;
}
#homo-future .behavior-box-arg > ul > li > dl.itm-box5 > dt {
  color: #0077ff;
}
#homo-future .behavior-box-arg > ul > li > dl > dt {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}
#homo-future .behavior-box-arg > ul > li > dl > dd {
  margin-top: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #222;
}

@media (max-width: 1023px) {
  #homo-future .visual-swiper-arg {
    margin: 0px auto;
  }
  #homo-future .visual-swiper-arg + .pix-in {
    padding-top: 40px;
  }
  #homo-future .blueLine + .more-txt {
    margin-top: 14px;
  }
  #homo-future .blueLine + .behavior-box-arg {
    margin-top: 20px;
  }
  #homo-future .more-txt + .blueLine, #homo-future .behavior-box-arg + .blueLine {
    margin-top: 40px;
  }
  #homo-future .more-txt {
    font-size: 14px;
    line-height: 2;
  }
  #homo-future .more-txt .btn-arg { /* margin-top:40px; */ }
  #homo-future .behavior-box-arg { /* display:flex; justify-content:space-between; align-items:flex-start; */ }
  #homo-future .behavior-box-arg > ul { /* width:100%; display:flex; justify-content:space-between; align-items:flex-start; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  #homo-future .behavior-box-arg > ul + ul {
    margin-top: 10px;
  }
  #homo-future .behavior-box-arg > ul > li {
    width: 100%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    height: auto;
    padding: 30px 20px;
    border-radius: 15px;
  }
  #homo-future .behavior-box-arg > ul > li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  #homo-future .behavior-box-arg > ul > li > dl {
    padding-left: 86px;
  }
  #homo-future .behavior-box-arg > ul > li > dl:before {
    top: calc(50% - 33px);
    width: 66px;
    height: 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl.itm-box1:before {
    background-size: 66px 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl.itm-box2:before {
    background-size: 66px 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl.itm-box3:before {
    background-size: 66px 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl.itm-box4:before {
    background-size: 66px 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl.itm-box5:before {
    background-size: 66px 66px;
  }
  #homo-future .behavior-box-arg > ul > li > dl > dt {
    font-size: 14px;
  }
  #homo-future .behavior-box-arg > ul > li > dl > dd {
    margin-top: 10px;
    font-size: 14px;
  }
}
/* benefits */
.benefits_list {
  padding-top: 20px;
}
.benefits_list li {
  border-top: 1px solid #ddd;
  padding: 70px 0;
  font-size: 0;
}
.benefits_list li:first-child {
  border-top: 0;
}
.benefits_list li:last-child {
  padding-bottom: 30px;
}
.benefits_list li:after {
  display: block;
  content: "";
  clear: both;
}
.benefits_list li strong {
  display: inline-block;
  width: 33.8%;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
  vertical-align: top;
}
.benefits_list li p {
  display: inline-block;
  width: 66.2%;
  font-size: 18px;
  line-height: 1.8;
}
.benefits_list .thumb {
  margin-top: 30px;
}
.benefits_list .thumb img {
  display: block;
}

@media (max-width: 1023px) {
  .benefits_list {
    padding-top: 0;
  }
  .benefits_list li {
    border-top: 0;
    padding: 72px 0 0;
  }
  .benefits_list li:after {
    display: block;
    content: "";
    clear: both;
  }
  .benefits_list li strong {
    width: auto;
    display: block;
    color: #222;
    font-size: 20px;
    line-height: 1.3;
  }
  .benefits_list li p {
    width: auto;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 26px;
  }
  .benefits_list .thumb {
    margin-top: 22px;
  }
  .benefits_list .thumb img {
    display: block;
    max-width: 100%;
  }
}
/*form_wrap*/
/*use page : conatct us, careers*/
.form_wrap {
  width: 100%;
  height: auto;
  background: #fff;
}
.form_wrap p.contactAddress {
  padding: 30px 0 0 0;
  color: #666;
  font-size: 18px;
}
.form_wrap .form_title { /*padding:93px 0 0 0;*/
  color: #222;
  font-size: 24px;
  font-weight: 500; /* text-transform:uppercase; */
}
.form_wrap .cont_information {
  padding: 35px 0 0 0; /* border-bottom:4px solid $defColor01; */
}
.form_wrap .cont_information.contactUs {
  padding: 35px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.form_wrap .cont_information.contactUs > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form_wrap .cont_information.contactUs > *:first-child {
  margin-right: 40px;
}
.form_wrap .cont_information.contactUs .frm-field {
  position: relative;
}
.form_wrap .cont_information.contactUs .frm-field ul li {
  width: 100%;
  height: 50px;
  padding: 0px;
  float: none;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.form_wrap .cont_information.contactUs .frm-field ul li:nth-child(2n) {
  padding: 0px;
}
.form_wrap .cont_information.contactUs .frm-field ul li:last-child {
  margin-top: 20px;
  height: auto;
  border-bottom: 0px;
  display: block;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  text-align: right;
}
.form_wrap .cont_information.contactUs .frm-field ul li + li {
  margin-top: 25px;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceSelect label {
  width: 240px;
}
.form_wrap .cont_information.contactUs .frm-field ul li label {
  display: block;
  width: 150px;
  height: 50px;
  line-height: 3.1;
  color: #222;
  font-family: "ssl-font";
}
.form_wrap .cont_information.contactUs .frm-field ul li label:after {
  display: none;
}
.form_wrap .cont_information.contactUs .frm-field ul li input {
  width: calc(100% - 150px);
  height: 50px;
  font-family: "ssl-font";
  padding: 0 10px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap .cont_information.contactUs .frm-field ul li select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  border: none;
  background: url(../../images/ico/icon_select.png) center right 5px no-repeat;
}
.form_wrap .cont_information.contactUs .frm-field ul li .location_wrap {
  position: relative;
  width: calc(100% - 150px);
}
.form_wrap .cont_information.contactUs .frm-field ul li .location_wrap input {
  width: calc(100% - 44px);
}
.form_wrap .cont_information.contactUs .frm-field ul li .location_wrap .locationSearch {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk {
  height: auto;
  padding-bottom: 15px;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk > label {
  height: auto;
  line-height: normal;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list {
  width: calc(100% - 150px);
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li {
  display: block;
  border-bottom: 0;
  height: auto;
  text-align: left;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li + li {
  margin-top: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox {
  padding: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox input {
  width: auto;
  height: auto;
  padding: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox input:checked + label::before {
  display: block;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label {
  position: relative;
  min-height: 24px;
  padding-left: 24px;
  background: none;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  width: auto;
  height: auto;
  line-height: normal;
  text-align: left;
  display: inline-block;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label::before {
  content: "";
  position: absolute;
  display: none;
  top: 8px;
  left: 2px;
  width: 9px;
  height: 4px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label::after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list {
  width: calc(100% - 150px);
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li {
  display: block;
  border-bottom: 0;
  height: auto;
  text-align: left;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li + li {
  margin-top: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box {
  padding: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box input {
  width: auto;
  height: auto;
  padding: 0;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box input:focus + label, .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box input:hover + label {
  text-decoration: underline;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box input:checked + label::before {
  display: block;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label {
  position: relative;
  min-height: 24px;
  padding-left: 26px;
  background: none;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  width: auto;
  height: auto;
  line-height: normal;
  text-align: left;
  display: inline-block;
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::before {
  content: "";
  position: absolute;
  display: none;
  top: 10px;
  left: 5px;
  width: 9px;
  height: 4px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::after {
  content: "";
  position: absolute;
  display: block;
  top: 3px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}
.form_wrap .cont_information.contactUs .message {
  position: relative;
}
.form_wrap .cont_information.contactUs .message dt {
  width: 100%;
}
.form_wrap .cont_information.contactUs .message dt label {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 3.1;
  color: #222;
  font-weight: 500;
}
.form_wrap .cont_information.contactUs .message dd {
  width: 100%;
}
.form_wrap .cont_information.contactUs .message dd textarea {
  width: 100%;
  max-width: 100%;
  height: 533px;
  min-height: 533px;
  max-height: 533px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
}
.form_wrap .cont_information.contactUs .message dd p.text {
  padding-top: 20px;
  text-align: right;
}
.form_wrap .cont_information.contactUs .message dd p.text span {
  color: #222edd;
}
.form_wrap .cont_information.contactUs .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  text-indent: 9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.form_wrap .cont_information.contactUs label {
  position: relative;
}
.form_wrap .cont_information.contactUs label .ico-req {
  margin-left: 2px;
  margin-right: 0px;
  text-indent: -9999px;
}
.form_wrap .cont_information.talentPool {
  padding: 35px 0 0 0;
}
.form_wrap .cont_information.talentPool .frm-field {
  position: relative;
}
.form_wrap .cont_information.talentPool .frm-field ul li {
  margin-right: 20px;
  width: calc(50% - 20px);
  height: 50px;
  padding: 0px;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.form_wrap .cont_information.talentPool .frm-field ul li:nth-child(2n) {
  margin-right: 0;
  margin-left: 20px;
}
.form_wrap .cont_information.talentPool .frm-field ul li:last-child {
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  border-bottom: 0px;
  display: block;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  text-align: right;
}
.form_wrap .cont_information.talentPool .frm-field ul li + li + li {
  margin-top: 20px;
}
.form_wrap .cont_information.talentPool .frm-field ul li label {
  display: block;
  width: 184px;
  line-height: 1.2;
  color: #222;
  font-family: "ssl-font";
}
.form_wrap .cont_information.talentPool .frm-field ul li label:after {
  display: none;
}
.form_wrap .cont_information.talentPool .frm-field ul li input {
  width: calc(100% - 184px);
  height: 50px;
  font-family: "ssl-font";
  padding: 0 10px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location], .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume] {
  background: url(../../images/btn/input_location.png) center right no-repeat;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]::-webkit-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]::-webkit-input-placeholder {
  color: #222;
  opacity: 1;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]::-moz-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]::-moz-placeholder {
  color: #222;
  opacity: 1;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]:-ms-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]:-ms-input-placeholder {
  color: #222;
  opacity: 1;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]::-ms-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]::-ms-input-placeholder {
  color: #222;
  opacity: 1;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]::placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]::placeholder {
  color: #222;
  opacity: 1;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]:-webkit-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]:-webkit-input-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]:-moz-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]:-moz-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li input[id=location]:-ms-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li input[id=resume]:-ms-input-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li .national_wrap {
  position: relative;
  width: calc(100% - 184px);
}
.form_wrap .cont_information.talentPool .frm-field ul li .national_wrap input {
  width: calc(100% - 44px);
}
.form_wrap .cont_information.talentPool .frm-field ul li .national_wrap .recruitNationalSearch,
.form_wrap .cont_information.talentPool .frm-field ul li .national_wrap *[class^=search-btn] {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.form_wrap .cont_information.talentPool .frm-field ul li .select_box {
  padding: 0;
  width: calc(100% - 184px);
}
.form_wrap .cont_information.talentPool .frm-field ul li .select_box select {
  height: 50px;
  border: 0;
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap {
  margin-top: 0;
  width: calc(100% - 184px);
  height: 50px;
  line-height: 3.1;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap span {
  position: absolute;
  left: 10px;
  z-index: 0;
  line-height: 50px;
  font-family: "ssl-font";
  font-size: 16px;
  color: #aaa;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input {
  z-index: 1;
  width: 100%;
  height: 50px;
  font-family: "ssl-font";
  padding: 0 10px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input::-webkit-input-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input::-moz-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input:-ms-input-placeholder {
  color: #222;
}
.form_wrap .cont_information.talentPool .frm-field ul li .file_wrap .uploadFileSelect {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.form_wrap .cont_information.talentPool .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  text-indent: 9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.form_wrap .cont_information.talentPool label {
  position: relative;
}
.form_wrap .cont_information.talentPool label .ico-req {
  margin-left: 2px;
  margin-right: 0px;
  text-indent: -9999px;
}
.form_wrap .cont_information ul:after {
  content: "";
  display: block;
  clear: both;
}
.form_wrap .cont_information ul li {
  float: left;
  width: 50%;
  padding: 25px 30px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form_wrap .cont_information ul li:nth-child(2n) {
  padding: 25px 0 0 30px;
}
.form_wrap .cont_information ul li label {
  display: block;
  color: #878787;
  font-size: 16px;
  font-weight: 500;
}
.form_wrap .cont_information ul li label.nonNec:after {
  content: none;
}
.form_wrap .cont_information ul li label:after {
  content: "*";
  display: inline-block;
  padding: 0 0 0 5px;
}
.form_wrap .cont_information ul li input {
  width: 100%;
  padding: 10px 0 20px;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  border-bottom: 1px solid #ddd;
}
.form_wrap .cont_information ul li input::-webkit-input-placeholder {
  color: #aaa;
}
.form_wrap .cont_information ul li input::-moz-placeholder {
  color: #aaa;
}
.form_wrap .cont_information ul li input:-ms-input-placeholder {
  color: #aaa;
}
.form_wrap .cont_information ul li .select_box {
  display: inline-block;
  width: 100%;
  padding: 20px 0 0 0;
}
.form_wrap .cont_message {
  padding: 0 0 100px 0;
  border-bottom: 4px solid #222edd;
}
.form_wrap .cont_message strong {
  display: block;
  padding: 50px 0 0 0;
  color: #222;
  font-size: 20px;
}
.form_wrap .cont_message strong:after {
  content: "*";
  display: inline-block;
  padding: 0 0 0 5px;
}
.form_wrap .cont_message strong:first-child {
  padding: 60px 0 0 0;
}
.form_wrap .cont_message ul {
  padding: 25px 0 0 0;
}
.form_wrap .cont_message ul:after {
  content: "";
  display: block;
  clear: both;
}
.form_wrap .cont_message ul li {
  float: left;
  margin: 0 85px 0 0;
}
.form_wrap .cont_message ul li label {
  width: 100%;
  color: #222;
  font-size: 18px;
  font-weight: 500;
}
.form_wrap .cont_message .textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 262px;
  padding: 22px 0 0 0;
}
.form_wrap .cont_message .textarea p.text {
  position: absolute;
  right: 0;
  top: -10px;
  color: #959595;
}
.form_wrap .cont_agreement {
  padding: 30px 0 0 0;
}
.form_wrap .cont_agreement .info_box {
  width: 100%;
  height: auto;
  padding: 30px 35px 0;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 245px;
  overflow-x: hidden;
  overflow-y: auto;
  /* & > strong {display:block;padding:0 0 20px 0;color:$c222;border-bottom:1px dotted $cddd;}
  & > span {
  	&.tit {display:block;padding:0 0 20px 0;color:$c222;font-weight:500;border-bottom:1px dotted $cddd;}
  }
  span {display:block;padding:0 0 20px 0;color:$c777;
  	&:last-child {padding-bottom:30px;}
  	& + span {padding-top:5px;}
  }

  p{padding:20px 0 0 0;color:$c666; font-weight:400; 
  	& + p {padding-top:20px; font-family:'ssl-font'; font-weight:500; }
  }

  ul {padding:0 0 0 25px;
  	& > li{position:relative;padding-left:10px;margin-top:20px;color:$c666;
  		&:before{content:'';position:absolute;left:0;top:13px;width:2px;height:2px;background:$c666;border-radius:3px;}
  		ol{
  			li{padding:5px 0 0 0;} 
  		} 
  	} 
  }

  .cont_table {
  	table {width:100%;padding:10px 0 0 0;font-size:14px;
  		thead {
  			tr {
  				th {padding:15px;background:$defColor02;}
  			}
  		}
  		tbody {
  			tr {
  				td{padding:15px;background:$defColor08;
  					&.td_line{border-bottom:1px solid $cfff;}
  				}
  			}
  		}
  	}
  } */
}
.form_wrap .checkbox {
  display: block;
  padding: 20px 10px 20px; /* border-bottom:1px solid $cddd; */
}
.form_wrap .checkbox.plr {
  padding: 0 10px;
}
.form_wrap .checkbox .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  text-indent: 9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.form_wrap .checkbox label {
  color: #222;
  font-weight: 400;
  line-height: 1.7; /* font-family:'ssl-font'; font-weight:600; */
}
.form_wrap .checkbox input[type=checkbox]:active + label, .form_wrap .checkbox input[type=checkbox]:hover + label, .form_wrap .checkbox input[type=checkbox]:focus + label {
  text-decoration: underline;
}
.form_wrap .checkbox input[type=radio]:active + label, .form_wrap .checkbox input[type=radio]:hover + label, .form_wrap .checkbox input[type=radio]:focus + label {
  text-decoration: underline;
}
.form_wrap #locationEU.checkbox .txt, .form_wrap #locationUSA.checkbox .txt, .form_wrap #locationETC.checkbox .txt {
  display: block;
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.form_wrap #locationEU.checkbox .etc, .form_wrap #locationUSA.checkbox .etc, .form_wrap #locationETC.checkbox .etc {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.form_wrap .checkbox_download_link {
  position: absolute;
  right: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  color: #222edd;
  font-family: "ssl-font";
  font-weight: 600;
  line-height: 1.9;
  text-decoration: underline;
}
.form_wrap .submit {
  display: block;
  width: 171px;
  height: 61px;
  margin: 40px auto 0;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:lang(en) .form_wrap .cont_agreement .check_info {
  padding-top: 20px;
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line label {
  width: 200px;
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line input {
  width: calc(100% - 200px);
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk label {
  width: 250px;
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list {
  width: calc(100% - 250px);
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::after {
  top: 0px;
}
:lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::before {
  top: 7px;
}

@media (max-width: 1023px) {
  .radio label {
    padding: 5px 0 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .form_wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .form_wrap .form_title {
    padding: 43px 0 0 0;
    font-size: 20px;
  }
  .form_wrap .cont_information.contactUs {
    padding: 30px 0 0; /* padding: 0px 10px 0px; */ /* border-bottom:2px solid $defColor01; */
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
  }
  .form_wrap .cont_information.contactUs > * {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .form_wrap .cont_information.contactUs > *:first-child {
    margin-right: 0px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li {
    height: 40px;
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li:last-child {
    height: auto;
    margin-top: 5px;
    padding-right: 10px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.moEtc {
    display: block;
    height: auto;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.moEtc label {
    width: 100%;
    height: 20px;
    line-height: 1.3;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.moEtc input {
    width: 100%;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.companyType label {
    line-height: 1.5;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceSelect label {
    width: 110px;
    line-height: 1.5;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line label {
    width: 125px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line input {
    width: calc(100% - 125px);
  }
  .form_wrap .cont_information.contactUs .frm-field ul li label {
    width: 95px;
    height: 40px;
    line-height: 3;
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li input {
    width: calc(100% - 95px);
    height: 40px;
    line-height: 3;
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li input[id=location] {
    background-position: center right -20px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li input:-ms-input-placeholder {
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li select {
    font-size: 13px;
    height: 40px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li .location_wrap {
    width: calc(100% - 95px);
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk {
    padding-bottom: 10px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list {
    width: calc(100% - 95px);
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label {
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label::before {
    top: 5px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label::after {
    top: 1px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list {
    width: calc(100% - 95px);
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label {
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::before {
    top: 7px;
  }
  .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::after {
    top: 1px;
  }
  .form_wrap .cont_information.contactUs .message dt {
    padding-top: 10px;
  }
  .form_wrap .cont_information.contactUs .message dt label {
    font-size: 13px;
  }
  .form_wrap .cont_information.contactUs .message dd textarea {
    height: 140px;
    max-height: 140px;
    min-height: 140px;
  }
  .form_wrap .cont_information.contactUs .message dd p.text {
    padding-top: 5px;
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li {
    margin-right: 0;
    width: 100%;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li:nth-child(2) {
    margin-top: 10px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li:nth-child(2n) {
    margin-left: 0;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li + li + li {
    margin-top: 10px;
  }
  .form_wrap .cont_information ul li {
    float: none;
    width: 100%;
    padding: 18px 0 0 0;
  }
  .form_wrap .cont_information ul li:nth-child(2n) {
    padding: 18px 0 0 0;
  }
  .form_wrap .cont_information ul li label {
    font-size: 12px;
  }
  .form_wrap .cont_information ul li input {
    padding: 10px 0 10px;
    font-size: 16px;
  }
  .form_wrap .cont_information ul li input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .form_wrap .cont_information ul li input:-ms-input-placeholder {
    font-size: 16px;
  }
  .form_wrap .cont_information ul li .select_box {
    display: inline-block;
    width: 100%;
    padding: 20px 0 0 0;
  }
  .form_wrap .cont_information ul li .select_box select {
    font-size: 16px;
  }
  .form_wrap .cont_message {
    padding: 0 10px 40px 10px;
    border-bottom: 2px solid #222edd;
  }
  .form_wrap .cont_message strong {
    padding: 30px 0 0 0;
    font-size: 16px;
  }
  .form_wrap .cont_message strong:first-child {
    padding: 30px 0 0 0;
  }
  .form_wrap .cont_message ul {
    padding: 8px 0px 30px;
    border-bottom: 1px solid #ddd;
  }
  .form_wrap .cont_message ul li {
    width: 50%;
    margin: 10px 0 0 0;
  }
  .form_wrap .cont_message ul li label {
    font-size: 13px;
  }
  .form_wrap .cont_message .textarea {
    display: block;
    width: 100%;
    height: 130px;
    padding: 20px 0 0 0;
  }
  .form_wrap .cont_message .textarea p.text {
    position: absolute;
    right: 5px;
    bottom: 5px;
    top: auto;
    font-size: 11px;
  }
  .form_wrap .cont_agreement {
    padding: 30px 0 0;
  }
  .form_wrap .cont_agreement .info_box {
    padding: 30px 20px 0;
    /* strong{display:block;padding:0 0 21px 0;font-size:14px;}
    & > span {
    	.tit {padding:0 0 10px 0; font-size:13px;}
    }
    p {padding:10px 0 0 0;font-size:13px;
    	& + p {padding-top:10px; font-size:12px;}
    }
    ul {padding:0 0 0 0;
    	& > li {position:relative;padding-left:10px;margin-top:10px;color:$c777;font-size:13px;
    		&:before {content:'';position:absolute;left:0;top:7px;width:2px;height:2px;background:$c777;border-radius:3px;}
    		ol{
    			li {padding:5px 0 0 0;} 
    		} 
    	}
    }
    span {display:block;padding:20px 0 0 0;color:$c777;font-size:13px;
    	&:last-child {padding-top:20px;}
    }
    .cont_table{
    	table{
    		thead{
    			tr{
    				th{font-size:12px;}
    			}
    		}
    		tbody{
    			tr{
    				td{font-size:12px;}
    			}
    		}
    	}
    } */
  }
  .form_wrap .cont_agreement .checkbox {
    display: block;
    padding: 10px 0; /* talent pool 에서 font-size 조절 */
    /* talent pool 에서 조절 */
  }
  .form_wrap .cont_agreement .checkbox label {
    padding-left: 30px;
    height: auto;
    min-height: 20px;
    font-size: 13px;
    background-size: 20px 20px !important;
  }
  .form_wrap .checkbox label {
    padding-left: 30px;
    height: auto;
    min-height: 20px;
    font-size: 13px;
    line-height: 1.6;
    background-size: 20px;
  }
  .form_wrap .checkbox_download_link {
    display: block;
    color: #222edd;
    font-size: 14px;
    font-family: "ssl-font";
    font-weight: 600;
    margin-top: 20px;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .form_wrap .submit {
    display: block;
    margin: 30px auto 0;
    color: #222edd;
    font-size: 14px;
    font-family: "ssl-font";
    font-weight: 600;
    text-align: center;
    line-height: 4.4;
    border: 1px solid #222edd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .form_wrap p.contactAddress {
    padding: 20px 0 0 0;
    font-size: 13px;
  }
  :lang(en) .form_wrap .cont_agreement .info_box span.span_line2 {
    padding-top: 20px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line label {
    width: 115px;
    line-height: 1.5;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li#inquirySource_etc_line input {
    width: calc(100% - 115px);
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk {
    padding-bottom: 20px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk > label {
    width: 110px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list {
    width: calc(100% - 120px);
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li + li {
    margin-top: 10px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label {
    min-height: auto;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label:before {
    top: 5px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .checkbox-list li .checkbox label::after {
    top: 1px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list {
    width: calc(100% - 120px);
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li + li {
    margin-top: 10px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label {
    min-height: auto;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label:before {
    top: 6px;
  }
  :lang(en) .form_wrap .cont_information.contactUs .frm-field ul li.inquirySourceChk .radio-list li .radio-box label::after {
    top: -1px;
  }
}
@media (max-width: 640px) {
  .pageTitle + .form_wrap .form_title {
    padding-top: 0;
  }
  .form_wrap .cont_information.talentPool {
    padding: 20px 0 0 0;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li {
    font-size: 12px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li label {
    width: 120px;
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .select_box, .form_wrap .cont_information.talentPool .frm-field ul li input, .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap, .form_wrap .cont_information.talentPool .frm-field ul li .national_wrap {
    width: calc(100% - 124px);
  }
  .form_wrap .cont_information.talentPool .frm-field ul li input {
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li input:-ms-input-placeholder {
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .select_box select {
    padding-left: 9px;
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap span {
    line-height: 49px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap span, .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input {
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap span::-webkit-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap span:-ms-input-placeholder, .form_wrap .cont_information.talentPool .frm-field ul li .file_wrap input:-ms-input-placeholder {
    font-size: 13px;
  }
}
.process_list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.process_list li {
  position: relative;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  padding: 0 0 40px;
}
.process_list li:first-child {
  margin-left: 0;
}
.process_list li:first-child:after {
  display: none;
}
.process_list li:after {
  display: block;
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6px;
  height: 9px;
  background: url(../../images/arrow/process_list.png) 0 0 no-repeat;
}
.process_list li span {
  line-height: 1.4;
  font-weight: 500;
  height: 100%;
}
.process_list li i {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
}
.process_list li i:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 100% !important;
}

/* process_list icon variation */
.employment_list {
  margin-top: 70px;
}
.employment_list li {
  margin-left: 30px;
}
.employment_list .step01 i:after {
  background: url(../../images/careers/ico_employment_list01.png?v250527) center center no-repeat;
  width: 54px;
  height: 54px;
}
.employment_list .step02 i:after {
  background: url(../../images/careers/ico_employment_list02.png?v250527) center center no-repeat;
  width: 48px;
  height: 48px;
}
.employment_list .step03 i:after {
  background: url(../../images/careers/ico_employment_list03.png?v250527) center center no-repeat;
  width: 38px;
  height: 46px;
}
.employment_list .step04 i:after {
  background: url(../../images/careers/ico_employment_list04.png?v250527) center center no-repeat;
  width: 50px;
  height: 50px;
}
.employment_list .step05 i:after {
  background: url(../../images/careers/ico_employment_list05.png?v250527) center center no-repeat;
  width: 46px;
  height: 50px;
}

.internship_list .step05 i:after {
  background: url(../../images/careers/ico_employment_list06.png?v250527) center center no-repeat;
  width: 46px;
  height: 46px;
}
.internship_list .step06 i:after {
  background: url(../../images/careers/ico_employment_list07.png?v250527) center center no-repeat;
  width: 54px;
  height: 54px;
}

@media (max-width: 1023px) {
  .careers_content .field {
    margin-top: 0;
    padding: 48px 0;
  }
  .careers_content .pageSubTit {
    padding: 75px 0 45px;
  }
  .careers_content .pageSubTit .tit {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
  }
  .process_list li {
    position: relative;
    display: block;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    text-align: left;
    margin: 22px 0 0;
    font-size: 0;
    height: 80px;
  }
  .process_list li:first-child {
    margin: 0;
  }
  .process_list li:after {
    left: 50%;
    top: -15px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 8px;
    height: 5px;
    background: url(../../images/arrow/m_process_list.png) 0 0 no-repeat;
    background-size: 100%;
  }
  .process_list li span {
    display: inline-block;
    font-size: 11px;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 100px);
    height: auto;
  }
  .process_list li i {
    display: inline-block;
    width: 100px;
    height: 100%;
    vertical-align: middle;
  }
  .employment_list {
    margin-top: 50px;
    display: block;
  }
  .employment_list .step01 i:after {
    width: 43px;
    height: 43px;
  }
  .employment_list .step02 i:after {
    width: 39px;
    height: 39px;
  }
  .employment_list .step03 i:after {
    width: 33px;
    height: 39px;
  }
  .employment_list .step04 i:after {
    width: 43px;
    height: 43px;
  }
  .employment_list .step05 i:after {
    width: 40px;
    height: 42px;
  }
  .internship_list .step05 i:after {
    width: 37px;
    height: 37px;
  }
  .internship_list .step06 i:after {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1023px) {
  .faqList dl.list.chapterList > dt a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
  }
  .faqList dl.list.chapterList > dt a span {
    margin-right: 0;
    min-width: 86px;
  }
  .faqList dl.list.chapterList dt:before {
    display: none;
  }
  .faqList dl.list.chapterList .txt-cont {
    padding: 15px 30px;
  }
  .faqList dl.list.chapterList .txt-cont .stit {
    font-size: 13px;
    line-height: 1.6;
  }
  .faqList dl.list.chapterList .txt-cont .stit + ul {
    margin-top: 12px;
  }
  .faqList dl.list.chapterList .txt-cont > ul {
    font-size: 12px;
    line-height: 1.7;
  }
  .faqList dl.list.chapterList .txt-cont > ul + .stit {
    margin-top: 22px;
    padding-top: 17px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list {
    margin: 8px 0 0 21px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ2 {
    margin-left: 0;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ2 > li {
    margin-top: 10px;
    padding-left: 16px;
    text-indent: -16px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list.typ2 > li:first-child {
    margin-top: 0;
  }
  .faqList dl.list.chapterList .txt-cont .num-list > li {
    position: relative;
    padding-left: 15px;
    text-indent: -15px;
  }
  .faqList dl.list.chapterList .txt-cont .num-list > li .num {
    margin-right: 5px;
  }
  .faqList dl.list.chapterList .txt-cont .dot_list {
    margin-left: 0;
  }
  .faqList dl.list.chapterList .txt-cont .dot_list > li {
    margin-top: 0;
  }
  .faqList dl.list.chapterList .txt-cont .dot_list > li:before {
    top: 8px;
  }
  .faqList dl.list.chapterList .txt-cont .promoter {
    margin-top: 15px;
  }
  .faqList dl.list.chapterList .txt-cont .promoter li {
    padding-left: 20px;
    margin-top: 10px;
  }
  .faqList dl.list.chapterList .txt-cont .promoter li p {
    position: relative;
  }
  .faqList dl.list.chapterList .txt-cont .promoter li p:first-child {
    font-weight: 500;
    color: #222;
  }
  .faqList dl.list.chapterList .txt-cont .promoter li p:first-child:after {
    display: block;
    content: "";
    position: absolute;
    left: -13px;
    top: 13px;
    background: #222;
    width: 3px;
    height: 3px;
    border-radius: 50%;
  }
  .faqList dl.list > dt:before {
    top: 17px;
    left: 0px;
    font-size: 14px;
  }
  .faqList dl.list > dt a {
    padding: 20px 20px 20px 30px;
    font-size: 14px;
  }
  .faqList dl.list > dt a:before, .faqList dl.list > dt a:after {
    top: 28px;
    right: 0px;
    width: 10px;
    height: 2px;
  }
  .faqList dl.list > dd .txt {
    padding: 20px;
    font-size: 12px;
    overflow: hidden;
  }
  .box_wrap + .faqList {
    margin-top: 50px;
  }
}
@media (max-width: 1040px) {
  .jsOverAct {
    margin-left: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 450px) {
  .fullOnePage #howToApply .field .stepTab ul li:first-child strong.number:after, .fullOnePage #howToApply .field .stepTab ul li:last-child strong.number:after {
    width: 300%;
  }
  .fullOnePage #howToApply .field .stepTab ul li strong.txt {
    font-size: 12px;
  }
  .fullOnePage #meetOurPeople .meetItm .memo .tit {
    font-size: 20px;
    text-indent: -14px;
  }
}
/* 채용지원 */
.recruitment-support {
  position: relative;
  width: 100%; /* padding-bottom:50px; */
}
.recruitment-support .dft-pageTitle h1 {
  margin: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
  text-align: center;
}
.recruitment-support .dft-pageTitle + p {
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
}
.recruitment-support .title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
  text-align: center;
}
.recruitment-support .title + p {
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
}
.recruitment-support .ground-type {
  position: relative;
  width: 100%;
  margin-top: 100px;
}
.recruitment-support .ground-type > ul {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.recruitment-support .ground-type > ul + ul {
  margin-top: 10px;
}
.recruitment-support .ground-type > ul + ul > li .more-area .memo-box {
  top: auto;
  bottom: 240px;
}
.recruitment-support .ground-type > ul + ul > li .more-area .memo-box:before {
  top: auto;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.recruitment-support .ground-type > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 230px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.recruitment-support .ground-type > ul > li + li {
  margin-left: 10px;
}
.recruitment-support .ground-type > ul > li:nth-child(1) .more-area .memo-box:before {
  left: 25%;
  margin-left: -13%;
}
.recruitment-support .ground-type > ul > li:nth-child(2) .more-area .memo-box:before {
  left: 50%;
  margin-left: -13%;
}
.recruitment-support .ground-type > ul > li:nth-child(3) .more-area .memo-box:before {
  left: 75%;
  margin-left: -13%;
}
.recruitment-support .ground-type > ul > li:nth-child(4) .more-area .memo-box:before {
  left: 100%;
  margin-left: -13%;
}
.recruitment-support .ground-type > ul > li .more-area {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 135px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  outline: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon]:focus, .recruitment-support .ground-type > ul > li .more-area a[class^=icon]:active, .recruitment-support .ground-type > ul > li .more-area a[class^=icon]:hover {
  border: 1px solid #222edd;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon]:focus p, .recruitment-support .ground-type > ul > li .more-area a[class^=icon]:active p, .recruitment-support .ground-type > ul > li .more-area a[class^=icon]:hover p {
  text-decoration: underline;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on {
  background: #222edd;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon1:before {
  background: url(../../images/careers/recruitment-support/ground-icon-1-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon2:before {
  background: url(../../images/careers/recruitment-support/ground-icon-2-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon3:before {
  background: url(../../images/careers/recruitment-support/ground-icon-3-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon4:before {
  background: url(../../images/careers/recruitment-support/ground-icon-4-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon5:before {
  background: url(../../images/careers/recruitment-support/ground-icon-5-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon6:before {
  background: url(../../images/careers/recruitment-support/ground-icon-6-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon7:before {
  background: url(../../images/careers/recruitment-support/ground-icon-7-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon8:before {
  background: url(../../images/careers/recruitment-support/ground-icon-8-on.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].on p {
  color: #fff;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon]:before {
  content: "";
  position: absolute;
  top: 48px;
  left: calc(50% - 33px);
  display: block;
  width: 76px;
  height: 76px;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon1:before {
  background: url(../../images/careers/recruitment-support/ground-icon-1-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon2:before {
  background: url(../../images/careers/recruitment-support/ground-icon-2-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon3:before {
  background: url(../../images/careers/recruitment-support/ground-icon-3-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon4:before {
  background: url(../../images/careers/recruitment-support/ground-icon-4-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon5:before {
  background: url(../../images/careers/recruitment-support/ground-icon-5-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon6:before {
  background: url(../../images/careers/recruitment-support/ground-icon-6-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon7:before {
  background: url(../../images/careers/recruitment-support/ground-icon-7-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon8:before {
  background: url(../../images/careers/recruitment-support/ground-icon-8-off.png?v=250527) center center no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon] p {
  font-size: 16px;
  color: #222;
  line-height: 1.4;
}
.recruitment-support .ground-type > ul > li .more-area a[class^=icon] p strong {
  font-size: 24px;
}
.recruitment-support .ground-type > ul > li .more-area .memo-box {
  position: absolute;
  display: none;
  top: 240px;
  left: 0px;
  width: 100%;
  padding: 30px 20px;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f9ff;
  text-align: left;
  z-index: 3;
}
.recruitment-support .ground-type > ul > li .more-area .memo-box:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  display: block;
  width: 15px;
  height: 10px;
  background: url(../../images/careers/recruitment-support/ground-icon-memo.png?v=250527) 0 0 no-repeat;
}
.recruitment-support .ground-type > ul > li .more-area .memo-box .memo-close {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 19px;
  height: 19px;
  display: block;
  background: #f3f3f3;
  text-indent: -9999px;
}
.recruitment-support .ground-type > ul > li .more-area .memo-box .memo-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.recruitment-support .ground-type > ul > li .more-area .memo-box .memo-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.recruitment-support .ground-type > ul > li .more-area .memo-box ul li {
  text-indent: -10px;
  padding-left: 10px;
  font-size: 16px;
}
.recruitment-support .check-display {
  position: relative;
}
.recruitment-support .check-display input[type=checkbox] { /*display:none;*/
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.recruitment-support .check-display input[type=checkbox] + label {
  position: relative;
  padding: 0px 0 0px 34px; /* min-width:146px; */
  font-weight: 400;
  display: inline-block;
  font-size: 18px;
}
.recruitment-support .check-display input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff url(../../images/ico/icon_chk.png?v=250527) no-repeat left bottom;
}
.recruitment-support .check-display input[type=checkbox] + label p {
  font-size: 16px;
  font-weight: 400;
}
.recruitment-support .check-display input[type=checkbox]:focus + label {
  color: #222edd;
  text-decoration: underline;
}
.recruitment-support .check-display input[type=checkbox]:focus + label:after {
  background-position: 0 -28px;
}
.recruitment-support .check-display input[type=checkbox]:checked + label:after {
  background-position: left top;
}
.recruitment-support .check-display .tooltipWrap {
  position: absolute;
  top: 3px; /* top:-4px; */
  right: -22px;
  z-index: 2;
}
.recruitment-support .check-display .tooltipWrap button {
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 0;
  vertical-align: top;
  border: 0;
  background: url(../../images/common/icon_tooltip.png?v=250527) no-repeat left top;
}
.recruitment-support .check-display .tooltipWrap button.on {
  background-position: left bottom;
}
.recruitment-support .check-display .tooltipWrap .tooltipText {
  display: none;
  position: absolute;
  top: 31px;
  left: 50%;
  z-index: 3;
  padding: 39px 20px;
  min-width: 412px;
  border: 1px solid #222edd;
  background: #fff;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.recruitment-support .check-display .tooltipWrap .tooltipText:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  width: 12px;
  height: 12px;
  display: block;
  border-top: 1px solid #222edd;
  border-right: 1px solid #222edd;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.recruitment-support .check-display .tooltipWrap .tooltipText strong {
  font-size: 16px;
  color: #002222;
  display: block;
}
.recruitment-support .check-display .tooltipWrap .tooltipText p + strong,
.recruitment-support .check-display .tooltipWrap .tooltipText strong + strong,
.recruitment-support .check-display .tooltipWrap .tooltipText ul + strong {
  padding-top: 20px;
}
.recruitment-support .check-display .tooltipWrap .tooltipText p { /* padding-left:7px; text-indent:-7px; */ }
.recruitment-support .check-display .tooltipWrap .tooltipText ul {
  border: 0;
}
.recruitment-support .check-display .tooltipWrap .tooltipText ul li {
  float: none;
  margin-top: 5px;
  padding-left: 20px;
  width: auto;
  height: auto;
  text-indent: -20px;
}
.recruitment-support .check-display .tooltipWrap .tooltipClose {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 17px;
  height: 19px;
  display: block;
  background: #f3f3f3;
}
.recruitment-support .check-display .tooltipWrap .tooltipClose:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.recruitment-support .check-display .tooltipWrap .tooltipClose:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.recruitment-support .stitle {
  margin-top: 100px;
  font-size: 26px;
  line-height: 1.2;
}
.recruitment-support .tbl {
  margin-top: 20px;
  border-top: 3px solid #222edd;
}
.recruitment-support .tbl table {
  width: 100%;
}
.recruitment-support .tbl table th, .recruitment-support .tbl table td {
  height: 80px;
  border-bottom: 1px solid #ddd;
}
.recruitment-support .tbl table th strong {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  font-size: 18px;
}
.recruitment-support .tbl table th strong:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #222edd;
}
.recruitment-support .tbl table td {
  border-left: 1px solid #ddd;
}
.recruitment-support .tbl table td .check-box-list {
  margin: 10px 20px;
}
.recruitment-support .tbl table td .check-box-list ul {
  max-width: 790px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.recruitment-support .tbl table td .check-box-list ul li {
  margin: 5px 30px 5px 0;
  /* & + li {margin-left:30px;} */
}
.recruitment-support .personal-information {
  position: relative;
  width: 100%;
}
.recruitment-support .personal-information .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  text-indent: 9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.recruitment-support .personal-information > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 25px;
}
.recruitment-support .personal-information > ul.last > li {
  padding-bottom: 25px;
}
.recruitment-support .personal-information > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #ddd;
}
.recruitment-support .personal-information > ul > li + li {
  margin-left: 40px;
}
.recruitment-support .personal-information > ul > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruitment-support .personal-information > ul > li dl dt {
  width: 100px;
}
.recruitment-support .personal-information > ul > li dl dt label {
  display: block;
  font-size: 16px;
  color: #222;
  font-family: "ssl-font";
  font-weight: 500;
  line-height: 1.2;
}
.recruitment-support .personal-information > ul > li dl dd {
  position: relative;
  width: calc(100% - 100px);
}
.recruitment-support .personal-information > ul > li dl dd input, .recruitment-support .personal-information > ul > li dl dd select {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ssl-font";
  padding: 0 10px;
  border: none;
  color: #222;
  font-size: 16px;
}
.recruitment-support .personal-information > ul > li dl dd select {
  color: #222;
  background: #fff url(../../images/careers/recruitment-support/select.png) right 19px center no-repeat;
}
.recruitment-support .personal-information > ul > li dl dd .recruitNationalSearch,
.recruitment-support .personal-information > ul > li dl dd *[class^=search-btn] {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.recruitment-support .personal-information > ul > li dl dd .etc-input {
  position: relative;
  width: 100%;
}
.recruitment-support .personal-information > ul > li dl dd .etc-input input {
  width: calc(100% - 75px);
}
.recruitment-support .personal-information > ul > li dl dd .etc-input span {
  font-size: 16px;
  font-family: "ssl-font";
  font-weight: 500;
}
.recruitment-support .personal-information > ul > li dl dd .checkbox-list {
  position: relative;
  width: 100%;
}
.recruitment-support .personal-information > ul > li dl dd .checkbox-list input {
  width: auto;
  height: auto;
}
.recruitment-support .personal-information > ul > li dl dd .checkbox-list ul {
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.recruitment-support .personal-information > ul > li dl dd .checkbox-list ul + ul {
  margin-top: 50px;
}
.recruitment-support .personal-information > ul > li dl dd .checkbox-list ul li {
  margin: 5px 30px 5px 0;
  /* & + li {margin-left:60px;} */
}
.recruitment-support .personal-information .required-info {
  margin-top: 20px;
  text-align: right;
  font-size: 16px;
}
.recruitment-support .agreement {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.recruitment-support .agreement .info-box {
  width: 100%;
  height: auto;
  padding: 30px 35px 0;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* max-height:245px; */
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  /* & > strong {display:block;padding:0 0 20px 0;color:$c222;border-bottom:1px dotted $cddd;}
  & > span {
  	&.tit {display:block;padding:0 0 20px 0;color:$c222;font-weight:500;border-bottom:1px dotted $cddd;}
  }
  span {display:block;padding:0 0 20px 0;color:$c777;
  	&:last-child {padding-bottom:30px;}
  	& + span {padding-top:5px;}
  }

  p{padding:20px 0 0 0;color:$c666; font-weight:400; 
  	& + p {padding-top:20px; font-family:'ssl-font'; font-weight:500; }
  }

  ul {padding:0 0 0 25px;
  	& > li{position:relative;padding-left:10px;margin-top:20px;color:$c666;
  		&:before{content:'';position:absolute;left:0;top:13px;width:2px;height:2px;background:$c666;border-radius:3px;}
  		ol{
  			li{padding:5px 0 0 0;} 
  		} 
  	} 
  }

  .cont_table {
  	table {width:100%;padding:10px 0 0 0;font-size:14px;
  		thead {
  			tr {
  				th {padding:15px;background:$defColor02;}
  			}
  		}
  		tbody {
  			tr {
  				td{padding:15px;background:$defColor08;
  					&.td_line{border-bottom:1px solid $cfff;}
  				}
  			}
  		}
  	}
  } */
}
.recruitment-support .agreement .agr-btn {
  margin-top: 20px;
}
.recruitment-support .agreement .agr-btn label {
  padding-top: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-family: "ssl-font";
}
.recruitment-support .job-posting-list {
  position: relative;
  width: 100%;
  margin-top: 100px;
  border-top: 2px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.recruitment-support .job-posting-list > ul {
  width: 100%;
}
.recruitment-support .job-posting-list > ul > li {
  width: 100%;
}
.recruitment-support .job-posting-list > ul > li + li {
  border-top: 1px solid #ddd;
}
.recruitment-support .job-posting-list > ul > li a.itm-box {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8f8f8;
}
.recruitment-support .job-posting-list > ul > li a.itm-box:hover, .recruitment-support .job-posting-list > ul > li a.itm-box:active, .recruitment-support .job-posting-list > ul > li a.itm-box:focus {
  background: #f5f9ff;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul {
  width: 100%;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li {
  width: 100%;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-group {
  width: 100%;
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-title {
  width: 100%;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc {
  width: 100%;
  margin-top: 5px;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul {
  width: 100%;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li {
  display: inline-block;
  margin-right: 40px;
  /* & + li {margin-left:40px;} */
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dt {
  position: relative;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 400;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dt:after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
  display: block;
  width: 1px;
  height: 12px;
  background: #aaa;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dd {
  font-size: 15px;
  color: #222edd;
  font-weight: 400;
}
.recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dd + dt {
  margin-left: 40px;
}
.recruitment-support .job-posting-no {
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #222;
  text-align: center;
}
.recruitment-support .job-posting-no .tit {
  padding-top: 100px;
  border-top: 3px solid #222edd;
  font-size: 30px;
  color: #222;
  font-weight: 500;
}
.recruitment-support .job-posting-no .txt {
  padding-top: 20px;
  font-size: 18px;
  line-height: 1.6;
  color: #666;
}
.recruitment-support .job-posting-view, .recruitment-support .job-posting-last {
  position: relative;
  width: 100%;
  margin-top: 100px;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text {
  font-size: 14pt;
  font-weight: 400;
  letter-spacing: -0.03rem;
  /* p {margin:1em 0;} */
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text *, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text * {
  font-size: inherit;
  font-weight: inherit;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text b, .recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text strong, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text b, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text strong {
  font-weight: 600;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text b *, .recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text strong *, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text b *, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text strong * {
  font-weight: inherit;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text ol, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text ol {
  list-style-type: decimal; /* margin:1em 0; */
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text ul, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text ul {
  list-style-type: disc; /* margin:1em 0; */
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text li, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text li {
  list-style: inherit;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text em, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text em {
  font-style: italic;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text blockquote p, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text blockquote p {
  color: inherit;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text .fr-video:after, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text .fr-video:after {
  pointer-events: none;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text .fr-view img, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text .fr-view img {
  cursor: auto;
  padding: 0px;
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text .fr-view img.fr-dii, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text .fr-view img.fr-dii {
  max-width: calc(100% - 10px);
}
.recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text .fr-view a img, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text .fr-view a img {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .recruitment-support .job-posting-view.froala-view .board_cont .board_cont_text, .recruitment-support .job-posting-last.froala-view .board_cont .board_cont_text {
    font-size: 12pt;
  }
}
.recruitment-support .job-posting-view > .memo, .recruitment-support .job-posting-last > .memo {
  margin-bottom: 80px;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
  text-align: center;
}
.recruitment-support .job-posting-view > .memo + .vita-write, .recruitment-support .job-posting-last > .memo + .vita-write {
  margin-top: 0px;
}
.recruitment-support .job-posting-view .itm-box, .recruitment-support .job-posting-last .itm-box {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.recruitment-support .job-posting-view .itm-box > ul, .recruitment-support .job-posting-last .itm-box > ul {
  width: 100%;
}
.recruitment-support .job-posting-view .itm-box > ul > li, .recruitment-support .job-posting-last .itm-box > ul > li {
  width: 100%;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-group, .recruitment-support .job-posting-last .itm-box > ul > li.job-group {
  width: 100%;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #222edd;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-title, .recruitment-support .job-posting-last .itm-box > ul > li.job-title {
  width: 100%;
  margin-top: 15px;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc {
  width: 100%;
  margin-top: 25px;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul {
  width: 100%;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li {
  display: inline-block;
  margin-right: 40px;
  /* & + li {margin-left:40px;} */
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dt, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dt {
  position: relative;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 400;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dt:after, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dt:after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  right: 10px;
  display: block;
  width: 1px;
  height: 15px;
  background: #aaa;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dd, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dd {
  font-size: 18px;
  color: #222edd;
  font-weight: 400;
}
.recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dd + dt, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dd + dt {
  margin-left: 40px;
}
.recruitment-support .job-posting-view .board_cont, .recruitment-support .job-posting-last .board_cont {
  padding: 60px 0 0 0;
  margin-top: 20px;
  border-top: 3px solid #222edd;
}
.recruitment-support .job-posting-view .board_cont .board_cont_img img, .recruitment-support .job-posting-last .board_cont .board_cont_img img {
  width: 100%;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text, .recruitment-support .job-posting-last .board_cont .board_cont_text {
  padding: 48px 0 50px; /* border-bottom:1px solid $c222; */
}
.recruitment-support .job-posting-view .board_cont .board_cont_text:first-child, .recruitment-support .job-posting-last .board_cont .board_cont_text:first-child {
  padding-top: 0px;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text p, .recruitment-support .job-posting-last .board_cont .board_cont_text p {
  color: #222;
  font-weight: 400;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text img, .recruitment-support .job-posting-last .board_cont .board_cont_text img {
  max-width: 100%;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube {
  position: relative;
  width: 100%;
  height: 590px;
  margin-top: 20px;
  font-size: 0;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube iframe, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube iframe {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  background: #333;
  color: #fff;
  z-index: 1;
}
.recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:focus, .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:hover, .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:active, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:focus, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:hover, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:active {
  position: relative;
  top: unset;
  left: unset;
  width: 100%;
  height: 150px;
  font-size: 16px;
}
.recruitment-support .job-posting-view .vita-write, .recruitment-support .job-posting-last .vita-write {
  padding-top: 60px;
  margin-top: 20px;
  border-top: 3px solid #222edd;
}
.recruitment-support .job-posting-view .vita-write .memo, .recruitment-support .job-posting-last .vita-write .memo {
  width: 100%;
  text-align: center;
}
.recruitment-support .job-posting-view .vita-write .memo .tit, .recruitment-support .job-posting-last .vita-write .memo .tit {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}
.recruitment-support .job-posting-view .vita-write .memo .txt, .recruitment-support .job-posting-last .vita-write .memo .txt {
  margin-top: 10px;
  font-size: 18px;
  color: #666;
}
.recruitment-support .job-posting-view .vita-write .memo .down-link, .recruitment-support .job-posting-last .vita-write .memo .down-link {
  margin-top: 30px;
}
.recruitment-support .job-posting-view .vita-write .memo .down-link a, .recruitment-support .job-posting-last .vita-write .memo .down-link a {
  font-size: 18px;
  font-weight: 400;
  color: #222edd;
  border-bottom: 1px solid #222edd;
}
.recruitment-support .job-posting-view .vita-write .file-box, .recruitment-support .job-posting-last .vita-write .file-box {
  position: relative;
  width: 100%;
  margin-top: 60px;
  padding: 60px 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}
.recruitment-support .job-posting-view .vita-write .file-box .txt, .recruitment-support .job-posting-last .vita-write .file-box .txt {
  font-size: 20px;
  line-height: 1.6;
  color: #222;
  font-weight: 400;
  text-align: center;
}
.recruitment-support .job-posting-view .vita-write .file-box .btn-down, .recruitment-support .job-posting-last .vita-write .file-box .btn-down {
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.recruitment-support .job-posting-view .vita-write .file-box .btn-down a, .recruitment-support .job-posting-last .vita-write .file-box .btn-down a {
  display: inline-block;
  padding: 14px 50px 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  border: 1px solid #222edd;
  background: #222edd;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
.recruitment-support .job-posting-view .vita-write .file-box .btn-down a:hover, .recruitment-support .job-posting-view .vita-write .file-box .btn-down a:focus, .recruitment-support .job-posting-view .vita-write .file-box .btn-down a:active, .recruitment-support .job-posting-last .vita-write .file-box .btn-down a:hover, .recruitment-support .job-posting-last .vita-write .file-box .btn-down a:focus, .recruitment-support .job-posting-last .vita-write .file-box .btn-down a:active {
  border: 1px solid #222edd;
  background: #fff;
  color: #222edd;
}
.recruitment-support .job-posting-view .vita-write .file-box .btn-down input[type=file], .recruitment-support .job-posting-last .vita-write .file-box .btn-down input[type=file] {
  position: absolute;
  top: 0px;
  left: 50%;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box {
  position: relative;
  width: 100%;
  margin-top: 60px;
  padding: 15px 10px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  text-align: center;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box:before, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 18px;
  background: url(../../images/careers/recruitment-support/file-text-icon.png) 0 0 no-repeat;
  vertical-align: middle;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box span, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box span {
  padding: 0 10px;
  font-size: 18px;
  color: #222;
  vertical-align: middle;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #aaa;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:after, .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:before, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:after, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 6px);
  display: block;
  width: 12px;
  height: 2px;
  background: #fff;
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:after, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:before, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.recruitment-support .job-posting-view .personal-information, .recruitment-support .job-posting-last .personal-information {
  padding: 30px 0 60px;
  border-bottom: 1px solid #222;
}
.recruitment-support .job-posting-view .personal-information > ul > li, .recruitment-support .job-posting-last .personal-information > ul > li {
  padding-bottom: 10px;
}
.recruitment-support .job-posting-view .personal-information > ul > li > dl > dt, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dt {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.recruitment-support .job-posting-view .personal-information > ul > li > dl > dd, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.recruitment-support .job-posting-view .personal-information > ul > li > dl > dd .etc-txt, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd .etc-txt {
  width: 100%;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruitment-support .job-posting-view .personal-information > ul > li > dl > dd .etc-txt strong, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd .etc-txt strong {
  color: #222;
}
.recruitment-support .btn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.recruitment-support .btn-center > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 175px;
  height: 100%;
  border: 1px solid #222edd;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-size: 20px;
  font-family: "ssl-font-en", "ssl-font";
}
.recruitment-support .btn-center > * + * {
  margin-left: 10px;
}
.recruitment-support .btn-center > *.back {
  background: #efefef;
  border-color: #efefef;
  color: #666;
}
.recruitment-support .btn-center > *.back:active, .recruitment-support .btn-center > *.back:focus, .recruitment-support .btn-center > *.back:hover {
  color: #fff;
  background: #222edd;
}
.recruitment-support .btn-center > *.next {
  background: #fff;
  border-color: #222edd;
  color: #222edd;
}
.recruitment-support .btn-center > *.next:active, .recruitment-support .btn-center > *.next:focus, .recruitment-support .btn-center > *.next:hover {
  color: #fff;
  background: #222edd;
}

.mail-layer {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 50000;
}
.mail-layer:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.mail-layer .box {
  position: absolute;
  top: 18%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  max-width: 800px;
  width: 100%; /*height:100%;*/
  max-height: 650px;
  padding: 60px 70px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.mail-layer .box .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}
.mail-layer .box .cont {
  position: relative;
  width: 100%;
}
.mail-layer .box .cont .title {
  padding-bottom: 35px;
  border-bottom: 1px solid #ddd;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.mail-layer .box .cont .txt {
  padding-top: 60px;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
}
.mail-layer .box .cont fieldset {
  position: relative;
  width: 460px;
  margin: 40px auto 0;
}
.mail-layer .box .cont fieldset > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.mail-layer .box .cont fieldset > dl > dt {
  width: 110px;
}
.mail-layer .box .cont fieldset > dl > dt label {
  font-size: 16px;
  font-weight: 500;
  font-family: "ssl-font-en", "ssl-font";
}
.mail-layer .box .cont fieldset > dl > dd {
  width: calc(100% - 110px);
}
.mail-layer .box .cont fieldset > dl > dd input {
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "ssl-font";
  padding: 0 10px;
  border: none;
  color: #222;
  font-size: 16px;
}
.mail-layer .box .cont fieldset > dl > dd .etc-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mail-layer .box .cont fieldset > dl > dd .etc-line input {
  width: calc(100% - 130px);
}
.mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line {
  position: relative;
  width: 120px;
  height: 40px;
  margin-left: 10px;
}
.mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line a, .mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #222edd;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line a.off, .mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line button.off {
  background: #747474;
}
.mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line button:disabled {
  background: #747474;
}
.mail-layer .box .cont fieldset .btn-extend {
  margin-top: 20px;
  display: none;
}
.mail-layer .box .cont fieldset .btn-extend + .btn-center {
  margin-top: 30px;
}
.mail-layer .box .cont fieldset .btn-extend a {
  display: inline-block;
  padding: 13px 21px;
  color: #fff;
  background-color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.mail-layer .box .cont fieldset .btn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mail-layer .box .cont fieldset .btn-center > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 175px;
  height: 100%;
  border: 1px solid #222edd;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-size: 20px;
  font-family: "ssl-font-en", "ssl-font";
}
.mail-layer .box .cont fieldset .btn-center > * + * {
  margin-left: 10px;
}
.mail-layer .box .cont fieldset .btn-center > *.back {
  background: #efefef;
  border-color: #efefef;
  color: #666;
}
.mail-layer .box .cont fieldset .btn-center > *.back:active, .mail-layer .box .cont fieldset .btn-center > *.back:focus, .mail-layer .box .cont fieldset .btn-center > *.back:hover {
  color: #fff;
  background: #222edd;
}
.mail-layer .box .cont fieldset .btn-center > *.next {
  background: #fff;
  border-color: #222edd;
  color: #222edd;
}
.mail-layer .box .cont fieldset .btn-center > *.next:active, .mail-layer .box .cont fieldset .btn-center > *.next:focus, .mail-layer .box .cont fieldset .btn-center > *.next:hover {
  color: #fff;
  background: #222edd;
}

@media (max-width: 1023px) {
  .recruitment-support .dft-pageTitle h1 {
    font-size: 24px;
  }
  .recruitment-support .dft-pageTitle + p {
    font-size: 13px;
  }
  .recruitment-support .title {
    font-size: 24px;
  }
  .recruitment-support .title + p {
    font-size: 13px;
  }
  .recruitment-support .ground-type {
    margin-top: 30px;
  }
  .recruitment-support .ground-type > ul {
    display: block;
  }
  .recruitment-support .ground-type > ul:after {
    content: "";
    display: block;
    height: 0;
    font: 0/0 arial;
    clear: both;
    visibility: hidden;
  }
  .recruitment-support .ground-type > ul + ul {
    margin-top: 0px;
    border-bottom: 1px solid #ccc;
  }
  .recruitment-support .ground-type > ul + ul > li .more-area .memo-box {
    top: 75px;
    bottom: auto;
  }
  .recruitment-support .ground-type > ul + ul > li .more-area .memo-box:before {
    top: -10px;
    bottom: auto;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .recruitment-support .ground-type > ul > li {
    float: left;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 65px; /* border:1px solid $cccc; border-bottom:0px; */
  }
  .recruitment-support .ground-type > ul > li:nth-child(2n+2) .more-area a[class^=icon] {
    border-left: 0px !important;
  }
  .recruitment-support .ground-type > ul > li + li {
    margin-left: 0px;
  }
  .recruitment-support .ground-type > ul > li:nth-child(1) .more-area .memo-box {
    top: 75px;
  }
  .recruitment-support .ground-type > ul > li:nth-child(1) .more-area .memo-box:before {
    left: 25%;
    margin-left: 0%;
  }
  .recruitment-support .ground-type > ul > li:nth-child(2) .more-area .memo-box {
    top: 75px;
  }
  .recruitment-support .ground-type > ul > li:nth-child(2) .more-area .memo-box:before {
    left: 75%;
    margin-left: 0%;
  }
  .recruitment-support .ground-type > ul > li:nth-child(3) .more-area .memo-box {
    top: 140px;
  }
  .recruitment-support .ground-type > ul > li:nth-child(3) .more-area .memo-box:before {
    left: 25%;
    margin-left: 0%;
  }
  .recruitment-support .ground-type > ul > li:nth-child(4) .more-area .memo-box {
    top: 140px;
  }
  .recruitment-support .ground-type > ul > li:nth-child(4) .more-area .memo-box:before {
    left: 75%;
    margin-left: 0%;
  }
  .recruitment-support .ground-type > ul > li .more-area {
    text-align: left;
    border: none;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon] {
    padding: 0 42px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border: 1px solid #ccc !important;
    border-bottom: 0px !important;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on {
    border-color: #ccc !important;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon1:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-1-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon2:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-2-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon3:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-3-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon4:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-4-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon5:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-5-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon6:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-6-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon7:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-7-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].on.icon8:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-8-on.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon]:before {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: auto;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon1:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-1-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon2:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-2-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon3:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-3-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon4:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-4-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon5:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-5-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon6:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-6-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon7:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-7-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon].icon8:before {
    background: url(../../images/careers/recruitment-support/m-ground-icon-8-off.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon] p {
    font-size: 11px;
  }
  .recruitment-support .ground-type > ul > li .more-area a[class^=icon] p strong {
    font-size: 14px;
  }
  .recruitment-support .ground-type > ul > li .more-area .memo-box {
    top: 75px;
    left: 0px;
    width: 100%;
    padding: 22px;
  }
  .recruitment-support .ground-type > ul > li .more-area .memo-box ul li {
    font-size: 12px;
  }
  .recruitment-support .check-display input[type=checkbox] + label {
    width: 100%;
    min-height: 23px;
    padding: 0px 0 0px 33px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 15px;
  }
  .recruitment-support .check-display input[type=checkbox] + label:after {
    top: 0px;
    width: 23px;
    height: 23px;
    background-image: url(../../images/ico/m_icon_chk.png?v=250527);
    background-size: 23px 76px;
  }
  .recruitment-support .check-display input[type=checkbox] + label p {
    font-size: 13px;
    font-weight: 500;
  }
  .recruitment-support .check-display input[type=checkbox] + label p:last-child {
    font-weight: 300;
    padding-top: 4px;
    padding-left: 7px;
    text-indent: -7px;
  }
  .recruitment-support .check-display input[type=checkbox]:focus + label {
    color: #222;
  }
  .recruitment-support .check-display input[type=checkbox]:focus + label:after {
    background-position: left bottom;
  }
  .recruitment-support .check-display input[type=checkbox]:checked + label:after {
    background-position: left top;
  }
  .recruitment-support .check-display .tooltipWrap { /* top:-2px; right:-16px; */
    display: none !important;
    /* button{width:15px; height:15px; background-image:url(../../images/common/m_icon_tooltip.png); background-size:15px 33px;}
    .tooltipText{display:none !important;} */
  }
  .recruitment-support .stitle {
    margin-top: 30px;
    font-size: 20px;
  }
  .recruitment-support .tbl {
    margin-top: 20px;
  }
  .recruitment-support .tbl table {
    width: 100%;
  }
  .recruitment-support .tbl table th, .recruitment-support .tbl table td {
    height: auto;
    padding: 15px 0;
  }
  .recruitment-support .tbl table th strong {
    padding-left: 10px;
    font-size: 15px;
  }
  .recruitment-support .tbl table th strong:before {
    top: 7px;
    left: 0px;
    width: 3px;
    height: 3px;
  }
  .recruitment-support .tbl table td {
    border-left: 1px solid #ddd;
  }
  .recruitment-support .tbl table td .check-box-list {
    margin: 0 10px;
  }
  .recruitment-support .tbl table td .check-box-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruitment-support .tbl table td .check-box-list ul li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .recruitment-support .personal-information {
    padding-top: 20px;
  }
  .recruitment-support .personal-information > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
  .recruitment-support .personal-information > ul.last > li {
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .recruitment-support .personal-information > ul.last > li > dl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .recruitment-support .personal-information > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
  .recruitment-support .personal-information > ul > li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .recruitment-support .personal-information > ul > li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .recruitment-support .personal-information > ul > li dl dt {
    width: 100px;
  }
  .recruitment-support .personal-information > ul > li dl dt label {
    font-size: 13px;
  }
  .recruitment-support .personal-information > ul > li dl dd {
    position: relative;
    width: calc(100% - 100px);
  }
  .recruitment-support .personal-information > ul > li dl dd input, .recruitment-support .personal-information > ul > li dl dd select {
    font-size: 13px;
  }
  .recruitment-support .personal-information > ul > li dl dd .etc-input input {
    width: 100%;
  }
  .recruitment-support .personal-information > ul > li dl dd .etc-input span {
    display: none;
  }
  .recruitment-support .personal-information > ul > li dl dd .checkbox-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruitment-support .personal-information > ul > li dl dd .checkbox-list ul + ul {
    margin-top: 10px;
  }
  .recruitment-support .personal-information > ul > li dl dd .checkbox-list ul li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .recruitment-support .personal-information .required-info {
    margin-top: 10px;
    font-size: 11px;
  }
  .recruitment-support .agreement {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .recruitment-support .agreement .info-box {
    padding: 30px 20px 0;
  }
  .recruitment-support .agreement .agr-btn {
    margin-top: 10px;
  }
  .recruitment-support .agreement .agr-btn label {
    min-height: 20px;
    padding: 0 0 0 30px;
    font-size: 13px;
    background-size: 20px 20px !important;
  }
  .recruitment-support .job-posting-list {
    margin-top: 30px;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-group {
    font-size: 12px;
    line-height: 1.4;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-title {
    font-size: 14px;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li {
    display: block;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li + li {
    margin-left: 0px;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dt {
    position: relative;
    padding-right: 15px;
    font-size: 12px;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dt:after {
    top: calc(50% - 4px);
    right: 7px;
    height: 8px;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dd {
    font-size: 12px;
    color: #222edd;
  }
  .recruitment-support .job-posting-list > ul > li a.itm-box > ul > li.job-etc > ul > li dl dd + dt {
    margin-left: 20px;
  }
  .recruitment-support .job-posting-no {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .recruitment-support .job-posting-no .tit {
    padding: 0px 0 20px;
    border-top: 0px;
    border-bottom: 3px solid #222edd;
    font-size: 18px;
  }
  .recruitment-support .job-posting-no .txt {
    padding-top: 30px;
    font-size: 14px;
  }
  .recruitment-support .job-posting-view, .recruitment-support .job-posting-last {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .recruitment-support .job-posting-view > .memo, .recruitment-support .job-posting-last > .memo {
    margin-bottom: 30px;
    font-size: 18px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-group, .recruitment-support .job-posting-last .itm-box > ul > li.job-group {
    font-size: 15px;
    line-height: 1.4;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-title, .recruitment-support .job-posting-last .itm-box > ul > li.job-title {
    margin-top: 5px;
    font-size: 20px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc {
    margin-top: 10px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li {
    display: block;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li + li, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li + li {
    margin-left: 0px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dt, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dt {
    position: relative;
    padding-right: 15px;
    font-size: 14px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dt:after, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dt:after {
    top: calc(50% - 4px);
    right: 7px;
    height: 8px;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dd, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dd {
    font-size: 14px;
    color: #222edd;
  }
  .recruitment-support .job-posting-view .itm-box > ul > li.job-etc > ul > li dl dd + dt, .recruitment-support .job-posting-last .itm-box > ul > li.job-etc > ul > li dl dd + dt {
    margin-left: 20px;
  }
  .recruitment-support .job-posting-view .board_cont, .recruitment-support .job-posting-last .board_cont {
    padding: 30px 0 0 0;
    margin-top: 20px;
    border-top: 3px solid #222edd;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_img img, .recruitment-support .job-posting-last .board_cont .board_cont_img img {
    width: 100%;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text, .recruitment-support .job-posting-last .board_cont .board_cont_text {
    padding-bottom: 30px;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text:first-child, .recruitment-support .job-posting-last .board_cont .board_cont_text:first-child {
    padding-top: 0px;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text p, .recruitment-support .job-posting-last .board_cont .board_cont_text p {
    color: #222;
    font-weight: 400;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text img, .recruitment-support .job-posting-last .board_cont .board_cont_text img {
    max-width: 100%;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube {
    position: relative;
    width: 100%;
    height: 590px;
    margin-top: 20px;
    font-size: 0;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube iframe, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube iframe {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
    background: #333;
    color: #fff;
    z-index: 1;
  }
  .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:focus, .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:hover, .recruitment-support .job-posting-view .board_cont .board_cont_text .board_youtube .movieCaption:active, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:focus, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:hover, .recruitment-support .job-posting-last .board_cont .board_cont_text .board_youtube .movieCaption:active {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: 150px;
    font-size: 16px;
  }
  .recruitment-support .job-posting-view .vita-write, .recruitment-support .job-posting-last .vita-write {
    padding-top: 20px;
    margin-top: 20px;
  }
  .recruitment-support .job-posting-view .vita-write .memo .tit, .recruitment-support .job-posting-last .vita-write .memo .tit {
    font-size: 20px;
  }
  .recruitment-support .job-posting-view .vita-write .memo .txt, .recruitment-support .job-posting-last .vita-write .memo .txt {
    font-size: 14px;
  }
  .recruitment-support .job-posting-view .vita-write .memo .down-link, .recruitment-support .job-posting-last .vita-write .memo .down-link {
    margin-top: 30px;
  }
  .recruitment-support .job-posting-view .vita-write .memo .down-link a, .recruitment-support .job-posting-last .vita-write .memo .down-link a {
    font-size: 14px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box, .recruitment-support .job-posting-last .vita-write .file-box {
    margin-top: 30px;
    padding: 30px 10px 10px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .txt, .recruitment-support .job-posting-last .vita-write .file-box .txt {
    font-size: 14px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .btn-down, .recruitment-support .job-posting-last .vita-write .file-box .btn-down {
    margin-top: 30px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .btn-down a, .recruitment-support .job-posting-last .vita-write .file-box .btn-down a {
    padding: 8px 30px 7px;
    font-size: 13px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box {
    margin-top: 20px;
    padding: 15px 10px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box:before, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box:before {
    display: block;
    width: 15px;
    height: 20px;
    margin: 0 auto 10px;
    background: url(../../images/careers/recruitment-support/m-file-text-icon.png) 0 0 no-repeat;
    background-size: cover;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box span, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box span {
    padding: 0 5px;
    font-size: 14px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear {
    width: 20px;
    height: 20px;
  }
  .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:after, .recruitment-support .job-posting-view .vita-write .file-box .file-txt-box .file-clear:before, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:after, .recruitment-support .job-posting-last .vita-write .file-box .file-txt-box .file-clear:before {
    left: calc(50% - 5px);
    width: 10px;
  }
  .recruitment-support .job-posting-view .personal-information, .recruitment-support .job-posting-last .personal-information {
    padding: 20px 0 0;
    border-bottom: 0;
  }
  .recruitment-support .job-posting-view .personal-information > ul + ul, .recruitment-support .job-posting-last .personal-information > ul + ul {
    margin-top: 30px;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li, .recruitment-support .job-posting-last .personal-information > ul > li {
    padding-bottom: 10px;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li + li, .recruitment-support .job-posting-last .personal-information > ul > li + li {
    margin-top: 30px;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li > dl > dt, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dt {
    font-size: 13px;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li > dl > dd, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd {
    font-size: 13px;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li > dl > dd .etc-txt, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd .etc-txt {
    padding-right: 0px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .recruitment-support .job-posting-view .personal-information > ul > li > dl > dd .etc-txt strong, .recruitment-support .job-posting-last .personal-information > ul > li > dl > dd .etc-txt strong {
    padding-left: 10px;
  }
  .recruitment-support .btn-center {
    height: 50px;
    margin-top: 30px;
  }
  .recruitment-support .btn-center > * {
    width: 150px;
    height: 100%;
    border: 1px solid #222edd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 17px;
  }
  .mail-layer .box {
    top: 10%;
    max-height: none;
    padding: 25px;
  }
  .mail-layer .box .cont .title {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
  }
  .mail-layer .box .cont .txt {
    padding-top: 30px;
    font-size: 13px;
  }
  .mail-layer .box .cont fieldset {
    width: 100%;
    margin: 30px auto 0;
  }
  .mail-layer .box .cont fieldset > dl {
    position: relative;
    padding: 10px 0;
  }
  .mail-layer .box .cont fieldset > dl + dl {
    margin-top: 80px;
  }
  .mail-layer .box .cont fieldset > dl > dt {
    width: 110px;
  }
  .mail-layer .box .cont fieldset > dl > dt label {
    padding-left: 10px;
    font-size: 13px;
  }
  .mail-layer .box .cont fieldset > dl > dd {
    width: calc(100% - 110px);
  }
  .mail-layer .box .cont fieldset > dl > dd input {
    font-size: 13px;
  }
  .mail-layer .box .cont fieldset > dl > dd .etc-line {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .mail-layer .box .cont fieldset > dl > dd .etc-line input {
    width: 100%;
  }
  .mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line {
    position: absolute;
    bottom: -40px;
    left: calc(50% - 55px);
    width: 110px;
    height: 30px;
    margin-left: 0px;
  }
  .mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line a, .mail-layer .box .cont fieldset > dl > dd .etc-line .btn-line button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    background: #222edd;
    color: #fff;
    font-size: 13px;
  }
  .mail-layer .box .cont fieldset .btn-extend {
    text-align: center;
    margin-top: 10px;
  }
  .mail-layer .box .cont fieldset .btn-extend + .btn-center {
    margin-top: 20px;
  }
  .mail-layer .box .cont fieldset .btn-extend a {
    padding: 9px 19px;
    font-size: 13px;
  }
  .mail-layer .box .cont fieldset .btn-center {
    height: 50px;
    margin-top: 20px;
  }
  .mail-layer .box .cont fieldset .btn-center > * {
    width: 150px;
    height: 100%;
    font-size: 17px;
  }
}
/* 준법경영 iso37001 */
.iso37001-cont {
  position: relative;
  width: 100%;
}
.iso37001-cont > .txt {
  font-size: 18px;
  line-height: 1.8;
}
.iso37001-cont > .txt + .pageInfo {
  margin-top: 100px;
}
.iso37001-cont .dashList li + li {
  margin-top: 40px;
}
.iso37001-cont .img-box {
  margin-top: 25px;
}
.iso37001-cont .img-box img {
  width: 160px;
}
.iso37001-cont .box-radius {
  position: relative;
  padding: 30px;
  margin-top: 30px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ecf4fb;
}
.iso37001-cont .box-radius ul li {
  padding-left: 20px;
  text-indent: -20px;
}
.iso37001-cont .ceo-txt {
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}
.iso37001-cont .gray-box-img {
  position: relative;
  width: 100%;
  padding: 65px 30px;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #f7f7f7;
}
.iso37001-cont .gray-box-img .pc {
  display: inline-block;
}
.iso37001-cont .gray-box-img .mo {
  display: none;
}

@media (max-width: 1023px) {
  .iso37001-cont {
    margin-top: 0px;
  }
  .iso37001-cont > .txt {
    font-size: 12px;
    line-height: 1.6;
  }
  .iso37001-cont > .txt + .pageInfo {
    margin-top: 50px;
  }
  .iso37001-cont .dashList li + li {
    margin-top: 30px;
  }
  .iso37001-cont .img-box {
    margin-top: 20px;
  }
  .iso37001-cont .img-box img {
    width: 110px;
  }
  .iso37001-cont .box-radius {
    padding: 30px 20px;
    margin-top: 30px;
  }
  .iso37001-cont .box-radius ul li {
    padding-left: 15px;
    text-indent: -15px;
  }
  .iso37001-cont .ceo-txt {
    font-size: 14px;
  }
  .iso37001-cont .gray-box-img {
    padding: 30px;
    margin-top: 45px;
  }
  .iso37001-cont .gray-box-img .pc {
    display: none;
  }
  .iso37001-cont .gray-box-img .mo {
    display: inline-block;
  }
}
/*------------------------------------------------------------------

# Investors

------------------------------------------------------------------*/
/* S : overview, ownershipStructure*/
.ir-overview { /* padding-bottom:50px; */ }
.ir-overview > h3 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
}
.ir-overview > .txt {
  margin-top: 20px;
}
.ir-overview > .txt p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.ir-overview > .stock {
  position: relative;
  width: 100%;
  margin-top: 95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ir-overview > .stock .stock-data {
  position: relative; /* width:calc(100% - 525px); */
  width: 60%;
  padding: 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}
.ir-overview > .stock .stock-data .tit {
  font-size: 26px;
  font-weight: 700;
}
.ir-overview > .stock .stock-data .report {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.ir-overview > .stock .stock-data .report ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ir-overview > .stock .stock-data .report ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.ir-overview > .stock .stock-data .report ul li .down {
  color: #222edd;
}
.ir-overview > .stock .stock-data .report ul li .up {
  color: #e92a2a;
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico], .ir-overview > .stock .stock-data .report ul li span[class^=ico] {
  position: relative; /* padding-left:14px; */ /* ▲▼ */
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico]:before, .ir-overview > .stock .stock-data .report ul li span[class^=ico]:before {
  content: "";
  padding-right: 4px; /* position:absolute; top:0; left:0px; display:block; line-height:1.2; */
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico][class$=up], .ir-overview > .stock .stock-data .report ul li span[class^=ico][class$=up] {
  color: #e92a2a;
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico][class$=up]:before, .ir-overview > .stock .stock-data .report ul li span[class^=ico][class$=up]:before {
  content: "▲";
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico][class$=down], .ir-overview > .stock .stock-data .report ul li span[class^=ico][class$=down] {
  color: #222edd;
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico][class$=down]:before, .ir-overview > .stock .stock-data .report ul li span[class^=ico][class$=down]:before {
  content: "▼";
}
.ir-overview > .stock .stock-data .report ul li strong[class^=ico][class$=nochange]:before, .ir-overview > .stock .stock-data .report ul li span[class^=ico][class$=nochange]:before {
  content: "-";
}
.ir-overview > .stock .stock-data .report ul li.price {
  font-size: 50px;
  font-weight: 700;
}
.ir-overview > .stock .stock-data .report ul li.price strong {
  font-weight: 700;
}
.ir-overview > .stock .stock-data .report ul li.price strong[class^=ico], .ir-overview > .stock .stock-data .report ul li.price span[class^=ico] { /* padding-left:50px; */ }
.ir-overview > .stock .stock-data .report ul li.price strong[class^=ico]:before, .ir-overview > .stock .stock-data .report ul li.price span[class^=ico]:before { /* padding-right:18px; */
  padding-right: 10px;
}
.ir-overview > .stock .stock-data .others {
  position: relative;
  margin-top: 30px;
  width: 100%;
}
.ir-overview > .stock .stock-data .others ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.ir-overview > .stock .stock-data .others ul li {
  position: relative;
  width: 100%; /* padding:0 15px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.ir-overview > .stock .stock-data .others ul li + li {
  padding-left: 40px;
}
.ir-overview > .stock .stock-data .others ul li + li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 21px;
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
}
.ir-overview > .stock .stock-data .others ul li .down {
  color: #222edd;
}
.ir-overview > .stock .stock-data .others ul li .up {
  color: #e92a2a;
}
.ir-overview > .stock .stock-data .others ul li p {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}
.ir-overview > .stock .ir-data {
  position: relative; /* width:475px; */
  width: 40%;
  margin-left: 50px;
  border: 1px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ir-overview > .stock .ir-data dl dt {
  position: relative;
  width: 100%;
  height: 52px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background: #002060;
}
.ir-overview > .stock .ir-data dl dt strong {
  font-size: 18px;
  font-weight: 700;
}
.ir-overview > .stock .ir-data dl dt a {
  position: relative;
  display: block;
  font-size: 14px;
  padding-right: 15px;
}
.ir-overview > .stock .ir-data dl dt a:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  right: 0px;
  display: block;
  width: 9px;
  height: 16px;
  text-indent: -9999px;
  background: url(./../../images/investors/ico_overview_more.png) 0 0 no-repeat;
  overflow: hidden;
}
.ir-overview > .stock .ir-data dl dd {
  width: 100%;
}
.ir-overview > .stock .ir-data dl dd ul {
  width: 100%;
}
.ir-overview > .stock .ir-data dl dd ul li + li {
  border-top: 1px solid #e2e2e2;
}
.ir-overview > .stock .ir-data dl dd ul li a {
  width: 100%;
  min-height: 54px;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ir-overview > .stock .ir-data dl dd ul li a span {
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 16px;
  max-height: 16px; /* Fallback for non-webkit */
}
.ir-overview > .stock .ir-data a.more {
  position: absolute;
  top: 16px;
  right: 20px;
  display: block;
  font-size: 14px;
  padding-right: 15px;
  color: #fff;
}
.ir-overview > .stock .ir-data a.more:before {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  right: 0px;
  display: block;
  width: 9px;
  height: 16px;
  text-indent: -9999px;
  background: url(./../../images/investors/ico_overview_more.png) 0 0 no-repeat;
  overflow: hidden;
}
.ir-overview > .latest {
  position: relative;
  width: 100%;
  margin-top: 80px;
}
.ir-overview > .latest h4.blueLine.del:before {
  display: none;
}
.ir-overview > .latest h4.blueLine strong {
  font-size: 30px;
  font-weight: 700;
}
.ir-overview > .latest .list {
  width: 100%;
  margin-top: 50px;
}
.ir-overview > .latest .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ir-overview > .latest .list ul li {
  position: relative;
  width: 25%;
}
.ir-overview > .latest .list ul li:nth-child(4):before {
  content: "";
  position: absolute;
  top: calc(50% - 50px);
  left: 0px;
  display: block;
  width: 2px;
  height: 100px;
  background: url(../../images/investors/bg_overview_latest_list.png) 0 0 repeat-y;
  overflow: hidden;
}
.ir-overview > .latest .list ul li a[class^=ico] {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ir-overview > .latest .list ul li a[class^=ico]:hover:before, .ir-overview > .latest .list ul li a[class^=ico]:active:before, .ir-overview > .latest .list ul li a[class^=ico]:focus:before {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.ir-overview > .latest .list ul li [class^=ico] {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 95px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.ir-overview > .latest .list ul li [class^=ico]:before {
  content: "";
  position: absolute;
  top: 0px;
  left: calc(50% - 40px);
  display: block;
  width: 80px;
  height: 80px;
}
.ir-overview > .latest .list ul li [class^=ico][class$=itm1]:before {
  background: url(../../images/investors/ico_overview_latest_itm1.png?v=250527) 0 0/cover no-repeat;
}
.ir-overview > .latest .list ul li [class^=ico][class$=itm2]:before {
  background: url(../../images/investors/ico_overview_latest_itm2.png?v=250527) 0 0/cover no-repeat;
}
.ir-overview > .latest .list ul li [class^=ico][class$=itm3]:before {
  background: url(../../images/investors/ico_overview_latest_itm3.png?v=250527) 0 0/cover no-repeat;
}
.ir-overview > .latest .list ul li [class^=ico][class$=itm4]:before {
  background: url(../../images/investors/ico_overview_latest_itm4.png?v=250527) 0 0/cover no-repeat;
}
.ir-overview > .latest .list ul li [class^=ico] sup {
  color: #1d6aba;
  font-size: initial;
  vertical-align: top;
}
.ir-overview > .latest .list .txt {
  margin-top: 50px;
  font-size: 15px;
  font-weight: 500;
}
.ir-overview > .latest .list .txt sup {
  color: #1d6aba;
  font-size: initial;
  vertical-align: top;
}
.ir-overview > .useful {
  position: relative;
  width: 100%;
  margin-top: 90px;
}
.ir-overview > .useful .list {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.ir-overview > .useful .list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ir-overview > .useful .list ul li { /* width:383px;  */
  width: 33.3%;
  border-radius: 10px;
  overflow: hidden;
}
.ir-overview > .useful .list ul li + li {
  margin-left: 25px;
}
.ir-overview > .useful .list ul li a[class^=ico] {
  position: relative;
  width: 100%;
  min-height: 120px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ir-overview > .useful .list ul li a[class^=ico]:hover, .ir-overview > .useful .list ul li a[class^=ico]:focus, .ir-overview > .useful .list ul li a[class^=ico]:active { /* outline-offset:-5px; outline-width:1px; outline-color:$defColor08; outline-style:dashed; */ }
.ir-overview > .useful .list ul li a[class^=ico]:hover strong, .ir-overview > .useful .list ul li a[class^=ico]:focus strong, .ir-overview > .useful .list ul li a[class^=ico]:active strong {
  text-decoration: underline;
}
.ir-overview > .useful .list ul li a[class^=ico][class$=itm1] {
  background: url(../../images/investors/ico_overview_useful_itm1.png) center center/cover no-repeat;
}
.ir-overview > .useful .list ul li a[class^=ico][class$=itm2] {
  background: url(../../images/investors/ico_overview_useful_itm2.png) center center/cover no-repeat;
}
.ir-overview > .useful .list ul li a[class^=ico][class$=itm3] {
  background: url(../../images/investors/ico_overview_useful_itm3.png) center center/cover no-repeat;
}
.ir-overview > .useful .list ul li a[class^=ico] strong {
  position: relative;
  display: inline-block;
  padding-right: 32px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.ir-overview > .useful .list ul li a[class^=ico] strong:before {
  content: "";
  position: absolute;
  top: calc(50% - 11px);
  right: 0px;
  display: block;
  width: 13px;
  height: 22px;
  background: url(../../images/investors/ico_overview_useful_more.png) 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .ir-overview > h3 {
    font-size: 26px;
  }
  .ir-overview > .txt {
    margin-top: 30px;
  }
  .ir-overview > .txt p {
    font-size: 14px;
  }
  .ir-overview > .stock {
    margin-top: 40px;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .ir-overview > .stock .stock-data {
    width: 100%;
    padding: 30px 20px;
  }
  .ir-overview > .stock .stock-data .tit {
    font-size: 15px;
  }
  .ir-overview > .stock .stock-data .report {
    margin-top: 20px;
  }
  .ir-overview > .stock .stock-data .report ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ir-overview > .stock .stock-data .report ul li {
    font-size: 14px;
    padding: 0 12px;
  }
  .ir-overview > .stock .stock-data .report ul li strong[class^=ico], .ir-overview > .stock .stock-data .report ul li span[class^=ico] {
    position: relative; /* padding-left:14px; */ /* ▲▼ */
    /* &:before {content:''; position:absolute; top:0; left:0px; display:block; line-height:1.2;}
    &[class$=up] {color:$defColor19;
    	&:before {content:'▲'; line-height:1.0;}
    }
    &[class$=down] {color:$defColor01;
    	&:before {content:'▼';}
    } */
  }
  .ir-overview > .stock .stock-data .report ul li strong[class^=ico]:before, .ir-overview > .stock .stock-data .report ul li span[class^=ico]:before {
    padding-right: 2px;
  }
  .ir-overview > .stock .stock-data .report ul li.price {
    width: 100%;
    padding: 0px;
    font-size: 50px;
    text-align: center;
  }
  .ir-overview > .stock .stock-data .report ul li.price strong[class^=ico]:before, .ir-overview > .stock .stock-data .report ul li.price span[class^=ico]:before {
    padding-right: 14px;
  }
  .ir-overview > .stock .stock-data .others {
    margin-top: 0px;
  }
  .ir-overview > .stock .stock-data .others ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; /* max-width:290px; */
    margin: 0 auto;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .ir-overview > .stock .stock-data .others ul li {
    width: auto;
    margin-top: 20px;
    /* &:nth-child(1) {flex-basis:40%;}
    &:nth-child(2),
    &:nth-child(3) {flex-basis:30%;} */
    /* &:nth-child(4) {padding-left:0px;
    	&:before {display:none;}
    } */
    /* &:nth-child(4),&:nth-child(5) {flex-basis:25%;} */
  }
  .ir-overview > .stock .stock-data .others ul li + li { /* padding-left:30px; */
    padding-left: 15px;
  }
  .ir-overview > .stock .stock-data .others ul li + li:before {
    left: 16px;
    display: none;
  }
  .ir-overview > .stock .stock-data .others ul li p {
    white-space: nowrap;
    font-size: 14px;
  }
  .ir-overview > .stock .ir-data {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
  }
  .ir-overview > .stock .ir-data dl dt {
    height: 40px;
    padding: 0 10px;
  }
  .ir-overview > .stock .ir-data dl dt strong {
    font-size: 14px;
  }
  .ir-overview > .stock .ir-data dl dt a {
    font-size: 14px;
    padding-right: 12px;
  }
  .ir-overview > .stock .ir-data dl dt a:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 0px;
    display: block;
    width: 7px;
    height: 14px;
    text-indent: -9999px;
    background: url(./../../images/investors/m_ico_overview_more.png) 0 0/cover no-repeat;
  }
  .ir-overview > .stock .ir-data dl dd {
    width: 100%;
  }
  .ir-overview > .stock .ir-data dl dd ul {
    width: 100%;
  }
  .ir-overview > .stock .ir-data dl dd ul li + li {
    border-top: 1px solid #e2e2e2;
  }
  .ir-overview > .stock .ir-data dl dd ul li a {
    min-height: 40px;
    padding: 5px 15px;
  }
  .ir-overview > .stock .ir-data dl dd ul li a span {
    font-size: 14px;
  }
  .ir-overview > .stock .ir-data a.more {
    top: 10px;
    right: 10px;
    font-size: 14px;
    padding-right: 12px;
  }
  .ir-overview > .stock .ir-data a.more:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 0px;
    display: block;
    width: 7px;
    height: 14px;
    text-indent: -9999px;
    background: url(./../../images/investors/m_ico_overview_more.png) 0 0/cover no-repeat;
  }
  .ir-overview > .latest {
    margin-top: 50px;
  }
  .ir-overview > .latest h4.blueLine strong {
    display: block;
    font-size: 22px;
  }
  .ir-overview > .latest .list {
    margin-top: 0px;
  }
  .ir-overview > .latest .list ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ir-overview > .latest .list ul li {
    width: 50%;
    margin-top: 20px;
  }
  .ir-overview > .latest .list ul li:nth-child(4):before {
    display: none;
  }
  .ir-overview > .latest .list ul li [class^=ico] {
    padding-top: 70px;
    font-size: 17px;
    /* sup {color:$defColor17; font-size:initial; vertical-align:top;} */
  }
  .ir-overview > .latest .list ul li [class^=ico]:before {
    content: "";
    position: absolute;
    top: 0px;
    left: calc(50% - 30px);
    display: block;
    width: 60px;
    height: 60px;
  }
  .ir-overview > .latest .list ul li [class^=ico][class$=itm1]:before {
    background: url(../../images/investors/m_ico_overview_latest_itm1.png?v=250527) 0 0/cover no-repeat;
  }
  .ir-overview > .latest .list ul li [class^=ico][class$=itm2]:before {
    background: url(../../images/investors/m_ico_overview_latest_itm2.png?v=250527) 0 0/cover no-repeat;
  }
  .ir-overview > .latest .list ul li [class^=ico][class$=itm3]:before {
    background: url(../../images/investors/m_ico_overview_latest_itm3.png?v=250527) 0 0/cover no-repeat;
  }
  .ir-overview > .latest .list ul li [class^=ico][class$=itm4]:before {
    background: url(../../images/investors/m_ico_overview_latest_itm4.png?v=250527) 0 0/cover no-repeat;
  }
  .ir-overview > .latest .list .txt {
    margin-top: 30px;
    font-size: 13px;
    /* sup {color:$defColor17; font-size:initial; vertical-align:top;} */
  }
  .ir-overview > .useful {
    margin-top: 40px;
  }
  .ir-overview > .useful .list {
    margin-top: 20px;
  }
  .ir-overview > .useful .list ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .ir-overview > .useful .list ul li {
    width: 100%;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ir-overview > .useful .list ul li + li {
    margin-left: 0px;
    margin-top: 20px;
  }
  .ir-overview > .useful .list ul li a[class^=ico] {
    height: 21.6vw;
    min-height: auto;
    max-height: 150px;
    padding: 0 20px;
  }
  .ir-overview > .useful .list ul li a[class^=ico][class$=itm1] {
    background: url(../../images/investors/m_ico_overview_useful_itm1.png) center center/cover no-repeat;
  }
  .ir-overview > .useful .list ul li a[class^=ico][class$=itm2] {
    background: url(../../images/investors/m_ico_overview_useful_itm2.png) center center/cover no-repeat;
  }
  .ir-overview > .useful .list ul li a[class^=ico][class$=itm3] {
    background: url(../../images/investors/m_ico_overview_useful_itm3.png) center center/cover no-repeat;
  }
  .ir-overview > .useful .list ul li a[class^=ico] strong {
    padding-right: 18px;
    font-size: 18px;
  }
  .ir-overview > .useful .list ul li a[class^=ico] strong:before {
    top: calc(50% - 7px);
    right: 0px;
    width: 9px;
    height: 13px;
    background: url(../../images/investors/m_ico_overview_useful_more.png) 0 0/cover no-repeat;
  }
}
.stock_chart { /*font-size:0;*/
  padding-bottom: 100px;
}
.stock_chart h3 {
  display: inline-block;
  width: 33.8%;
  font-size: 30px;
  line-height: 1;
  vertical-align: top;
}
.stock_chart .stock_information {
  display: inline-block;
  width: 65.8%;
}
.stock_chart .stock_information .stock_name {
  display: block;
  font-size: 20px;
  line-height: 1;
  color: #666;
}
.stock_chart .stock_information p {
  font-size: 14px;
  line-height: 2.3;
  color: #666;
  margin-top: 15px;
}
.stock_chart .stock_information p:first-child {
  font-size: 18px;
  margin-top: 0;
}
.stock_chart .stock_information p .icon_info {
  margin-right: 5px;
}
.stock_chart .stock_detail {
  position: relative;
}
.stock_chart .stock_detail .stock_unit {
  display: block;
  font-size: 18px;
  color: #222edd;
  font-weight: 500;
}
.stock_chart .stock_detail em {
  display: block;
  font-size: 72px;
  font-weight: 500;
  line-height: 1;
  margin-top: 10px;
}
.stock_chart .stock_detail ul {
  position: absolute;
  right: 0;
  top: 0;
  width: 205px;
  font-size: 18px;
  color: #666;
  line-height: 1.6;
}
.stock_chart .stock_detail ul li {
  position: relative;
  padding-left: 24px;
  margin-top: 10px;
}
.stock_chart .stock_detail ul li:first-child {
  margin-top: 0;
}
.stock_chart .stock_detail ul li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 15px;
  height: 15px;
}
.stock_chart .stock_detail ul li:nth-child(1):before {
  background: #222edd;
}
.stock_chart .stock_detail ul li:nth-child(2):before {
  background: #7f89c6;
}
.stock_chart .stock_detail ul li:nth-child(3):before {
  background: #666;
}
.stock_chart .stock_detail .date {
  color: #666;
  margin-top: 30px;
}
.stock_chart .stock_detail .thumb {
  margin-top: 55px;
}
.stock_chart .stock_detail .detail_change {
  margin-top: 20px;
}
.stock_chart .stock_detail .detail_change .list {
  position: relative;
  display: inline-block;
}
.stock_chart .stock_detail .detail_change .list:first-child:after {
  display: none;
}
.stock_chart .stock_detail .detail_change .list:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 17px;
  background: #ddd;
}
.stock_chart .stock_detail .detail_change .list + .list {
  margin-left: 25px;
  padding-left: 27px;
}
.stock_chart .stock_detail .detail_change .list strong {
  margin-left: 15px;
}
.stock_chart .stock_detail .detail_change .list .red {
  width: auto;
  color: #3a5be8;
}
.stock_chart .stock_detail .detail_change .list .red ~ span {
  color: #3a5be8;
}
.stock_chart .stock_detail .detail_change .list .blue {
  width: auto;
  color: #cf0000;
}
.stock_chart .stock_detail .detail_change .list .blue ~ span {
  color: #cf0000;
}

:lang(ko) .stock_chart .stock_detail .detail_change .list .red {
  color: #cf0000;
}
:lang(ko) .stock_chart .stock_detail .detail_change .list .red ~ span {
  color: #cf0000;
}
:lang(ko) .stock_chart .stock_detail .detail_change .list .blue {
  color: #3a5be8;
}
:lang(ko) .stock_chart .stock_detail .detail_change .list .blue ~ span {
  color: #3a5be8;
}

.stock_shortcut {
  padding: 100px 0 0;
  border-top: 4px solid #222edd;
}
.stock_shortcut h3 {
  font-size: 30px;
  line-height: 1;
}
.stock_shortcut .shortcut_list {
  margin-top: 65px;
}
.stock_shortcut .shortcut_list:after {
  display: block;
  content: "";
  clear: both;
}
.stock_shortcut .shortcut_list li {
  position: relative;
  float: left;
  width: calc(25% - 16px);
  height: 230px;
  margin-left: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.stock_shortcut .shortcut_list li:first-child {
  margin-left: 0;
}
.stock_shortcut .shortcut_list li:nth-child(1) {
  background: #016148;
}
.stock_shortcut .shortcut_list li:nth-child(1) a:before {
  background: url(../../images/investors/ico_stock_list01.png) center center no-repeat;
  background-size: 60px 60px;
}
.stock_shortcut .shortcut_list li:nth-child(2) {
  background: #0c7d61;
}
.stock_shortcut .shortcut_list li:nth-child(2) a:before {
  background: url(../../images/investors/ico_stock_list02.png) center center no-repeat;
  background-size: 62px 60px;
}
.stock_shortcut .shortcut_list li:nth-child(3) {
  background: #37449d;
}
.stock_shortcut .shortcut_list li:nth-child(3) a:before {
  background: url(../../images/investors/ico_stock_list03.png) center center no-repeat;
  background-size: 58px 58px;
}
.stock_shortcut .shortcut_list li:nth-child(4) {
  background: #6470c5;
}
.stock_shortcut .shortcut_list li:nth-child(4) a:before {
  background: url(../../images/investors/ico_stock_list04.png) center center no-repeat;
  background-size: 62px 64px;
}
.stock_shortcut .shortcut_list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.stock_shortcut .shortcut_list li a:before {
  display: block;
  content: "";
  width: 100%;
  height: 110px;
}
.stock_shortcut .shortcut_list li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1023px) {
  .stock_chart {
    font-size: inherit;
    padding-bottom: 80px;
  }
  .stock_chart h3 {
    display: block;
    width: auto;
    font-size: 20px;
  }
  .stock_chart .stock_information {
    display: block;
    width: auto;
  }
  .stock_chart .stock_information .stock_name {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #666;
    margin-top: 27px;
  }
  .stock_chart .stock_information p {
    font-size: 11px;
    line-height: 1.4;
    color: #666;
    margin-top: 15px;
    padding-left: 23px;
    position: relative;
  }
  .stock_chart .stock_information p:first-child {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 0;
    margin-top: 10px;
  }
  .stock_chart .stock_information p .icon_info {
    position: absolute;
    margin-right: 0;
    left: 0;
    width: 13px;
    height: 13px;
  }
  .stock_chart .stock_detail {
    margin-top: 45px;
  }
  .stock_chart .stock_detail .stock_unit {
    font-size: 13px;
    color: #222edd;
  }
  .stock_chart .stock_detail em {
    display: block;
    font-size: 50px;
    line-height: 1;
    margin-top: 10px;
  }
  .stock_chart .stock_detail ul {
    position: relative;
    width: auto;
    font-size: 0;
    color: #666;
    line-height: 17px;
    margin: 50px 0 -10px 0;
    padding-top: 50px;
    border-top: 1px solid #ddd;
  }
  .stock_chart .stock_detail ul li {
    position: relative;
    padding-left: 17px;
    margin: 0 0 10px 0;
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    width: 40%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .stock_chart .stock_detail ul li:first-child {
    margin: 0 0 10px 0;
  }
  .stock_chart .stock_detail ul li:nth-child(2n) {
    width: 60%;
  }
  .stock_chart .stock_detail ul li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
  }
  .stock_chart .stock_detail .date {
    font-size: 11px;
    color: #666;
    margin-top: 10px;
  }
  .stock_chart .stock_detail .thumb {
    margin-top: 55px;
  }
  .stock_chart .stock_detail .detail_change {
    margin-top: 30px;
  }
  .stock_chart .stock_detail .detail_change .list {
    display: block;
    font-size: 14px;
  }
  .stock_chart .stock_detail .detail_change .list:after {
    display: none;
  }
  .stock_chart .stock_detail .detail_change .list + .list {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
  }
  .stock_chart .stock_detail .detail_change .list span {
    display: inline-block;
    width: 115px;
  }
  .stock_chart .stock_detail .detail_change .list strong {
    margin-left: 0;
  }
  :lang(ko) .stock_chart .stock_detail {
    margin-top: 45px;
  }
  .stock_shortcut {
    padding: 82px 0 0;
  }
  .stock_shortcut h3 {
    font-size: 20px;
    line-height: 1;
  }
  .stock_shortcut .shortcut_list {
    margin: 50px -4px -4px 0;
  }
  .stock_shortcut .shortcut_list li {
    width: calc(50% - 4px);
    height: 148px;
    margin: 0 4px 4px 0;
  }
  .stock_shortcut .shortcut_list li:nth-child(1) a:before {
    background: url(../../images/investors/ico_stock_list01.png) center center no-repeat;
    background-size: 33px 33px;
  }
  .stock_shortcut .shortcut_list li:nth-child(2) a:before {
    background: url(../../images/investors/ico_stock_list02.png) center center no-repeat;
    background-size: 33px 32px;
  }
  .stock_shortcut .shortcut_list li:nth-child(3) a:before {
    background: url(../../images/investors/ico_stock_list03.png) center center no-repeat;
    background-size: 31px 31px;
  }
  .stock_shortcut .shortcut_list li:nth-child(4) a:before {
    background: url(../../images/investors/ico_stock_list04.png) center center no-repeat;
    background-size: 31px 32px;
  }
  .stock_shortcut .shortcut_list li a {
    padding: 25px 15px;
  }
  .stock_shortcut .shortcut_list li a:before {
    height: 60px;
  }
  .stock_shortcut .shortcut_list li a span {
    height: 50px;
    font-size: 12px;
    line-height: 1.4;
  }
}
.ownership-structure { /*font-size:0;*/ /* padding-bottom:100px; */
}
.ownership-structure h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}
.ownership-structure .data-box {
  position: relative;
  width: 100%;
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* & > * {flex:1;} */
}
.ownership-structure .data-box .stock_information {
  width: 580px;
  padding-right: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ownership-structure .data-box .stock_information .stock_detail {
  position: relative;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box {
  position: relative;
  width: 100%;
  width: 100%;
  max-width: 458px;
  margin: 0 auto;
  /* .graph-pie {position:absolute; top:2px; left:33px; width:396px; height:396px;
  	circle {transform-origin:center; fill:none; stroke-width:50;
  		&.pie_circle1 {stroke:#ff0;}
  	}
  } */
  /* img {width:100%;} */
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box:before {
  content: "";
  position: absolute;
  top: 13%;
  left: 18.6%;
  display: block;
  width: 62%;
  height: 66%;
  border-radius: 100%;
  z-index: 10;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] {
  position: absolute;
  top: 2px;
  left: 30px;
  display: block;
  border-radius: 100%;
  width: 396px;
  height: 396px;
  text-indent: -9999px;
  outline: none;
  cursor: pointer;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm]:hover .hide-box, .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm]:focus .hide-box, .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm]:active .hide-box {
  display: block;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm1 {
  width: 396px;
  height: 396px;
  z-index: 1;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm1 .hide-box {
  top: 10px;
  left: 320px;
  color: #9e57ff;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm1 .hide-box:after {
  left: 20px;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm2 {
  width: 277px;
  height: 187px;
  top: 212px;
  left: 31px;
  border-radius: 0;
  border-bottom-left-radius: 290%;
  border-top-right-radius: 310%;
  border-bottom-right-radius: 50%;
  z-index: 2;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm2 .hide-box {
  top: 60px;
  left: -40px;
  color: #222edd;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm2 .hide-box:after {
  left: 200px;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm3 {
  top: 0px;
  left: 28px;
  width: 200px;
  height: 214px;
  border-radius: 0;
  border-top-left-radius: 100%;
  z-index: 3;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm3 .hide-box {
  top: -13px;
  left: 0px;
  color: #0d1aba;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm3 .hide-box:after {
  left: 70px;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] .hide-box {
  position: absolute;
  border: 1px solid #e2e2e2;
  text-indent: 0;
  display: none;
  -webkit-box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 30px 5px rgba(0, 0, 0, 0.1);
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] .hide-box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] .hide-box:after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 10px;
  display: block;
  border-bottom: 8px solid transparent;
  border-top: 8px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.8;
}
.ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] .hide-box p {
  position: relative;
  z-index: 2;
  padding: 20px 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-align: left;
}
.ownership-structure .data-box .stock_information .stock_detail ul {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ownership-structure .data-box .stock_information .stock_detail ul li {
  font-size: 18px;
  color: #222;
  line-height: 1.6;
  font-weight: 500;
}
.ownership-structure .data-box .stock_information .stock_detail ul li + li {
  margin-left: 20px;
}
.ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico] {
  position: relative;
  padding-left: 24px;
}
.ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico]:before {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: 0px;
  display: block;
  width: 15px;
  height: 15px;
}
.ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico][class$=itm1]:before {
  background: #9e57ff;
}
.ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico][class$=itm2]:before {
  background: #222edd;
}
.ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico][class$=itm3]:before {
  background: #0d1aba;
}
.ownership-structure .data-box .tbl-box {
  width: calc(100% - 580px);
}
.ownership-structure .data-box .tbl-box .col_table thead th, .ownership-structure .data-box .tbl-box .col_table thead td {
  padding-top: 10px;
  padding-left: 20px;
  font-size: 22px;
  font-weight: 700;
}
.ownership-structure .data-box .tbl-box .col_table thead + tbody tr:first-child > * {
  padding-top: 33px;
}
.ownership-structure .data-box .tbl-box .col_table tbody th, .ownership-structure .data-box .tbl-box .col_table tbody td {
  padding: 33px 0 33px 20px;
}
.ownership-structure .data-box .tbl-box .col_table tbody th {
  font-size: 22px;
  font-weight: 700;
}
.ownership-structure .data-box .tbl-box .col_table tbody td {
  font-weight: 400;
}
.ownership-structure .data-box .tbl-box .col_table .total th {
  text-transform: none;
}
.ownership-structure .data-box .tbl-box .txtR {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
  text-align: right;
}

:lang(ko) .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm1 .hide-box {
  top: 8px;
  left: 320px;
}
:lang(ko) .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm2 .hide-box {
  top: 60px;
  left: 90px;
}
:lang(ko) .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm2 .hide-box:after {
  left: 70px;
}
:lang(ko) .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm3 .hide-box {
  top: -10px;
  left: -5px;
  color: #666;
}
:lang(ko) .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm].itm3 .hide-box:after {
  left: 70px;
}

@media (max-width: 1023px) {
  .ownership-structure { /*font-size:0;*/ /* padding-bottom:0; */
  }
  .ownership-structure h3 {
    font-size: 20px;
    line-height: 1.2;
  }
  .ownership-structure .data-box {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    /* & > * {flex:1;} */
  }
  .ownership-structure .data-box .stock_information {
    width: 100%;
    padding-right: 0;
  }
  .ownership-structure .data-box .stock_information .stock_detail .thumb {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .ownership-structure .data-box .stock_information .stock_detail .thumb img {
    width: 100%;
    max-width: 600px;
  }
  .ownership-structure .data-box .stock_information .stock_detail .thumb .pc .graph-box div[class^=itm] {
    display: none;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul {
    margin-top: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul li {
    font-size: 11px;
    margin-right: 10px;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul li:last-child {
    margin-right: 0px;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul li + li {
    margin-left: 0px;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico] {
    padding-left: 20px;
  }
  .ownership-structure .data-box .stock_information .stock_detail ul li span[class^=ico]:before {
    top: calc(50% - 5px);
    width: 11px;
    height: 11px;
  }
  .ownership-structure .data-box .tbl-box {
    max-width: none;
    width: 100%;
    margin-top: 40px;
    /* .txtR {margin-top:15px; font-size:14px; color:$c666; text-align:right;} */
  }
  .ownership-structure .data-box .tbl-box .col_table thead th, .ownership-structure .data-box .tbl-box .col_table thead td {
    padding-top: 10px;
    padding-left: 0px;
    font-size: 16px;
  }
  .ownership-structure .data-box .tbl-box .col_table thead + tbody tr:first-child > * {
    padding-top: 30px;
  }
  .ownership-structure .data-box .tbl-box .col_table tbody th, .ownership-structure .data-box .tbl-box .col_table tbody td {
    padding: 30px 0 30px 0px;
  }
  .ownership-structure .data-box .tbl-box .col_table tbody th {
    font-size: 15px;
  }
  .ownership-structure .data-box .tbl-box .col_table tbody td {
    font-size: 14px;
  }
}
/* E : overview, ownershipStructure*/
/* S: ir_Notice */
.ir_Notice {
  width: 100%;
  background: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar {
  width: 100%; /* padding:90px 0 40px 0; */
  padding: 0px 0 30px 0;
  /* &:after {content:'';display:block;clear:both;} */
  /* .sortingItm {float:left;width:220px;height:43px;margin:0 10px 0 0;} */
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search {
  width: 260px;
  height: 40px;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input {
  width: 100%;
  height: 38px;
  padding: 0 0 0 16px;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
  font-weight: 400; /* color:$cddd; */
  color: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
  font-weight: 400; /* color:$cddd; */
  color: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
  font-weight: 400; /* color:$cddd; */
  color: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
  font-weight: 400; /* color:$cddd; */
  color: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::placeholder {
  font-weight: 400; /* color:$cddd; */
  color: #fff;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:last-child {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  line-height: 0;
  font-size: 0;
}
.ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:last-child input {
  width: 20px;
  height: 20px;
  background: url(/resources/front/en/images/ico_svg/btn-search.svg) 0 0 no-repeat;
  text-indent: -9999px;
}
.ir_Notice.new-board-2025 .cont {
  width: 100%;
}
.ir_Notice.new-board-2025 .cont .tbl {
  display: table;
  width: 100%;
  border-top: 3px solid #004963;
  border-bottom: 1px solid #ddd;
  /* .caption {display:table-caption; position: absolute; top:-9999px; left:-9999px;}
  .colgroup {display:table-column-group;}
  .col {display:table-column;} */
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-header {
  display: table-header-group;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body {
  display: table-row-group;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .th, .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .td {
  font-family: "ssl-font-en", "ssl-font";
  border-top: 1px solid #ddd;
  background: transparent;
  font-size: 18px;
  color: #666;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .tit {
  font-size: 18px;
  color: #222;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body a.tr {
  outline: none;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body a.tr:focus .tit, .ir_Notice.new-board-2025 .cont .tbl .tbl-body a.tr:active .tit {
  text-decoration: underline;
}
.ir_Notice.new-board-2025 .cont .tbl .tbl-body a .tr:focus .tit, .ir_Notice.new-board-2025 .cont .tbl .tbl-body a .tr:active .tit, .ir_Notice.new-board-2025 .cont .tbl .tbl-body a .tr:hover .tit {
  text-decoration: underline;
}
.ir_Notice.new-board-2025 .cont .tbl .tr {
  display: table-row;
  width: 100%;
}
.ir_Notice.new-board-2025 .cont .tbl .th {
  color: #222;
  font-size: 18px;
  font-weight: 600;
}
.ir_Notice.new-board-2025 .cont .tbl .th, .ir_Notice.new-board-2025 .cont .tbl .td {
  display: table-cell;
  height: 70px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}
.ir_Notice.new-board-2025 .cont .tbl .th.tbl_date, .ir_Notice.new-board-2025 .cont .tbl .td.tbl_date {
  padding: 0 30px 0 0;
}
.ir_Notice .tabBox {
  margin-bottom: 60px;
}
.ir_Notice .sorting_bar {
  width: 100%; /* padding:90px 0 40px 0; */
  padding: 0px 0 40px 0;
}
.ir_Notice .sorting_bar:after {
  content: "";
  display: block;
  clear: both;
}
.ir_Notice .sorting_bar .sortingItm {
  float: left;
  width: 220px;
  height: 43px;
  margin: 0 10px 0 0;
}
.ir_Notice .sorting_bar .sorting_search {
  position: relative;
  float: right;
  width: 220px;
  height: 43px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input {
  width: 100%;
  height: 41px;
  padding: 0 0 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.ir_Notice .sorting_bar .sorting_search ul li:first-child input::placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.ir_Notice .sorting_bar .sorting_search ul li:last-child {
  position: absolute;
  right: 15px;
  bottom: 11px;
  width: 16px;
  height: 17px;
}
.ir_Notice .sorting_bar .sorting_search ul li:last-child input {
  width: 16px;
  height: 17px;
  background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
  text-indent: -9999px;
}
.ir_Notice .sorting_bar .btn_go {
  float: left;
  display: block;
  width: 54px;
  height: 43px;
  color: #222;
  font-family: "ssl-font";
  font-weight: 600;
  font-size: 14px;
  line-height: 3.1;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.ir_Notice .sorting_bar .btn_go:focus, .ir_Notice .sorting_bar .btn_go:active, .ir_Notice .sorting_bar .btn_go:hover {
  color: #fff;
  background: #222edd;
}
.ir_Notice .cont {
  width: 100%;
}
.ir_Notice .cont .tbl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.ir_Notice .cont .tbl .caption {
  display: table-caption;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.ir_Notice .cont .tbl .colgroup {
  display: table-column-group;
}
.ir_Notice .cont .tbl .col {
  display: table-column;
}
.ir_Notice .cont .tbl .tbl-header {
  display: table-header-group;
}
.ir_Notice .cont .tbl .tbl-body {
  display: table-row-group;
}
.ir_Notice .cont .tbl .tbl-body .tr .th, .ir_Notice .cont .tbl .tbl-body .tr .td {
  font-family: "ssl-font-en", "ssl-font";
  border-top: 1px solid #ddd;
  background: #f8f8f8;
  font-size: 18px;
  color: #222;
}
.ir_Notice .cont .tbl .tbl-body .tr .tit {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ir_Notice .cont .tbl .tbl-body a.tr {
  outline: none;
}
.ir_Notice .cont .tbl .tbl-body a.tr:focus .tit, .ir_Notice .cont .tbl .tbl-body a.tr:active .tit {
  text-decoration: underline;
}
.ir_Notice .cont .tbl .tbl-body a .tr:focus .tit, .ir_Notice .cont .tbl .tbl-body a .tr:active .tit, .ir_Notice .cont .tbl .tbl-body a .tr:hover .tit {
  text-decoration: underline;
}
.ir_Notice .cont .tbl .tr {
  display: table-row;
  width: 100%;
}
.ir_Notice .cont .tbl .th {
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.ir_Notice .cont .tbl .th, .ir_Notice .cont .tbl .td {
  display: table-cell;
  height: 60px;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}
.ir_Notice .cont .tbl .th.tbl_date, .ir_Notice .cont .tbl .td.tbl_date {
  padding: 0 30px 0 0;
}
.ir_Notice a.more_btn {
  display: block;
  width: 150px;
  height: 60px;
  margin: 90px auto 0;
  color: #222edd;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  line-height: 3.3;
  text-align: center;
  border: 1px solid #222edd;
}
.ir_Notice a.more_btn:focus, .ir_Notice a.more_btn:active, .ir_Notice a.more_btn:hover {
  background: #222edd;
  color: #fff;
}

@media (max-width: 1023px) {
  .ir_Notice { /* padding:0 30px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ir_Notice.new-board-2025 .sorting_bar {
    width: 100%; /* padding:90px 0 40px 0; */
    padding: 0px 0 30px 0;
    /* &:after {content:'';display:block;clear:both;} */
    /* .sortingItm {float:left;width:220px;height:43px;margin:0 10px 0 0;} */
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search {
    width: 100%;
    height: 40px;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input {
    width: 100%;
    height: 38px;
    padding: 0 0 0 16px;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
    font-weight: 400; /* color:$cddd; */
    color: #fff;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
    font-weight: 400; /* color:$cddd; */
    color: #fff;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
    font-weight: 400; /* color:$cddd; */
    color: #fff;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
    font-weight: 400; /* color:$cddd; */
    color: #fff;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:first-child input::placeholder {
    font-weight: 400; /* color:$cddd; */
    color: #fff;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:last-child {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    line-height: 0;
    font-size: 0;
  }
  .ir_Notice.new-board-2025 .sorting_bar .sorting_search ul li:last-child input {
    width: 20px;
    height: 20px;
    background: url(/resources/front/en/images/ico_svg/btn-search.svg) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .ir_Notice.new-board-2025 .cont .tbl {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-header {
    display: none;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body {
    display: block;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr {
    display: block;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #ddd;
    background: transparent;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr:first-child {
    border-top: none;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .td, .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .th {
    display: block;
    height: auto;
    padding: 6px 20px 0;
    border: none !important;
    font-size: 14px;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .td:first-child, .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .th:first-child {
    padding-top: 0px;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .td:last-child, .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .th:last-child {
    padding-top: 16px;
  }
  .ir_Notice.new-board-2025 .cont .tbl .tbl-body .tr .tit {
    font-size: 16px;
    -webkit-line-clamp: unset;
    font-weight: 600;
  }
  .ir_Notice .tabBox {
    margin-bottom: 30px;
    /* .tab_area {display:flex;
    	li {height:40px;
    		a {font-size:15px;}
    	}
    }
    .select_box {display:none;} */
  }
  .ir_Notice .sorting_bar {
    width: 100%; /* padding:50px 0 30px 0; */
    padding: 0px 0 30px 0;
  }
  .ir_Notice .sorting_bar .left_area:after {
    content: "";
    display: block;
    clear: both;
  }
  .ir_Notice .sorting_bar select {
    font-size: 12px;
  }
  .ir_Notice .sorting_bar .sortingItm {
    float: left;
    width: 40%;
    height: 43px;
    margin: 0 2.5% 0 0;
  }
  .ir_Notice .sorting_bar .sorting_search {
    position: relative;
    float: none;
    width: 100%;
    height: 43px;
    margin: 10px 0 0 0;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input {
    width: 100%;
    height: 41px;
    padding: 0 0 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
    font-weight: 500;
    color: #bbb;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
    font-weight: 500;
    color: #bbb;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
    font-weight: 500;
    color: #bbb;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
    font-weight: 500;
    color: #bbb;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:first-child input::placeholder {
    font-weight: 500;
    color: #bbb;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:last-child {
    position: absolute;
    right: 15px;
    bottom: 11px;
    width: 16px;
    height: 17px;
  }
  .ir_Notice .sorting_bar .sorting_search ul li:last-child input {
    width: 16px;
    height: 17px;
    background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .ir_Notice .sorting_bar .btn_go {
    float: left;
    display: block;
    width: 15%;
    height: 43px;
    color: #222;
    font-family: "ssl-font";
    font-weight: 600;
    font-size: 14px;
    line-height: 3.1;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ir_Notice .cont .tbl {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .ir_Notice .cont .tbl .tbl-header {
    display: none;
  }
  .ir_Notice .cont .tbl .tbl-body {
    display: block;
  }
  .ir_Notice .cont .tbl .tbl-body .tr {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-top: 2px solid #e1e1e1;
    background: #f8f8f8;
  }
  .ir_Notice .cont .tbl .tbl-body .tr:first-child {
    border-top: 2px solid #ccc;
  }
  .ir_Notice .cont .tbl .tbl-body .tr .td, .ir_Notice .cont .tbl .tbl-body .tr .th {
    display: block;
    height: auto;
    padding: 6px 20px 0;
    border: none !important;
    font-size: 12px;
  }
  .ir_Notice .cont .tbl .tbl-body .tr .td:first-child, .ir_Notice .cont .tbl .tbl-body .tr .th:first-child {
    padding-top: 0px;
  }
  .ir_Notice .cont .tbl .tbl-body .tr .td:last-child, .ir_Notice .cont .tbl .tbl-body .tr .th:last-child {
    padding-top: 10px;
  }
  .ir_Notice .cont .tbl .tbl-body .tr .tit {
    font-size: 14px;
    -webkit-line-clamp: unset;
    font-weight: 500;
  }
  .ir_Notice a.more_btn {
    margin: 50px auto 0;
    font-size: 17px;
    height: 50px;
    line-height: 2.9;
  }
}
/* E: ir_Notice */
/* public */
.public {
  position: relative;
  width: 100%;
}
.public h3 {
  font-size: 30px;
  text-align: center;
}
.public .btn {
  padding-top: 90px;
  text-align: center;
}
.public .btn a {
  display: inline-block;
  padding: 30px 100px;
  font-size: 22px;
  color: #fff;
  background: #222edd;
}
.public .btn a strong:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-left: 25px;
  background: url(../../images/arrow/link_more.png) 0 0 no-repeat;
}

@media (max-width: 1023px) {
  .public h3 {
    font-size: 20px;
  }
  .public .btn {
    padding-top: 50px;
  }
  .public .btn a {
    position: relative;
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 50px 20px 30px;
    line-height: 1.2;
    font-size: 20px;
    text-align: left;
  }
  .public .btn a strong:after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    margin-left: 0px;
  }
}
/* S : download list */
.txtEtc {
  display: block;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.txtEtc:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../../images/ico/downloadList_txtetc.png) 0 0 no-repeat;
}
.txtEtc strong {
  vertical-align: middle;
  font-family: "ssl-font";
  font-weight: 500;
}

.btn_download + .txtEtc {
  margin-top: 20px;
  text-align: center;
}

.downloadList {
  position: relative;
  width: 100%; /* padding-top:90px; */
}
.downloadList dl.list {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.downloadList dl.list > dt {
  border-top: 1px solid #ddd;
}
.downloadList dl.list > dt + dd {
  display: none;
}
.downloadList dl.list > dt.on a:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.downloadList dl.list > dt:first-child {
  border-top: none;
}
.downloadList dl.list > dt a {
  position: relative;
  display: block;
  width: 100%;
  height: 84px;
  padding: 25px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  font-family: "ssl-font";
  font-weight: 600;
}
.downloadList dl.list > dt a:before, .downloadList dl.list > dt a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 13px;
  width: 15px;
  height: 3px;
  background: #222edd;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.downloadList dl.list > dt a:after {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.downloadList dl.list > dd ul {
  width: 100%;
}
.downloadList dl.list > dd ul li {
  border-top: 1px solid #ddd;
  background: #f8f8f8;
}
.downloadList dl.list > dd ul li dl {
  position: relative;
  display: table;
  width: 100%;
}
.downloadList dl.list > dd ul li dl:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.downloadList dl.list > dd ul li dl dt {
  display: table-cell;
  width: 100%;
  height: 100px;
  padding: 35px 30px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
}
.downloadList dl.list > dd ul li dl dt span {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.downloadList dl.list > dd ul li dl dd {
  display: table-cell;
  height: 100px;
  padding: 20px 32px 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.downloadList dl.list > dd ul li dl dd a {
  display: block;
  width: 100%;
  min-width: 228px;
  height: 60px;
  padding: 15px 0;
  margin: 0 auto;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.downloadList dl.list > dd ul li dl dd a:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/related_download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.downloadList dl.list > dd ul li dl dd a:focus, .downloadList dl.list > dd ul li dl dd a:hover, .downloadList dl.list > dd ul li dl dd a:active {
  background: #222edd;
  color: #fff;
}
.downloadList dl.list > dd ul li dl dd a:focus:after, .downloadList dl.list > dd ul li dl dd a:hover:after, .downloadList dl.list > dd ul li dl dd a:active:after {
  background-position-y: -15px;
}
.downloadList dl.list > dd ul li .irDetail {
  position: relative;
  display: table;
  width: 100%;
}
.downloadList dl.list > dd ul li .irDetail:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.downloadList dl.list > dd ul li .irDetail .iREventText {
  display: table-cell;
  width: 100%;
  height: 100px;
  padding: 35px 30px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
}
.downloadList dl.list > dd ul li .irDetail .iREventText p {
  padding-bottom: 29px;
}
.downloadList dl.list > dd ul li .irDetail .iREventText ul li {
  line-height: 2.2;
  border-top: 0;
}
.downloadList dl.list > dd ul li .irDetail .iREventBtn {
  display: table-cell;
  height: 100px;
  padding: 20px 32px 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
.downloadList dl.list > dd ul li .irDetail .iREventBtn a {
  display: block;
  width: 100%;
  min-width: 228px;
  height: 60px;
  padding: 15px 0;
  margin: 0 auto;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.downloadList dl.list > dd ul li .irDetail .iREventBtn a:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.downloadList dl.list > dd ul li .irDetail .iREventBtn a:focus, .downloadList dl.list > dd ul li .irDetail .iREventBtn a:hover, .downloadList dl.list > dd ul li .irDetail .iREventBtn a:active {
  background: #222edd;
  color: #fff;
}
.downloadList dl.list > dd ul li .irDetail .iREventBtn a:focus:after, .downloadList dl.list > dd ul li .irDetail .iREventBtn a:hover:after, .downloadList dl.list > dd ul li .irDetail .iREventBtn a:active:after {
  background-position-y: -15px;
}
.downloadList dl.list > dd > .down-file-list {
  position: relative;
  width: 100%;
  border-top: 1px solid #e2e2e2;
}
.downloadList dl.list > dd > .down-file-list > ul {
  width: 100%;
  font-size: 0px;
}
.downloadList dl.list > dd > .down-file-list > ul li {
  display: inline-block;
  width: 25%;
  height: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #f2f2f2;
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  /* &:nth-child(-n+4) {border-bottom:none;} */
}
.downloadList dl.list > dd > .down-file-list > ul li:nth-last-child(-n+4) {
  border-bottom: none;
}
.downloadList dl.list > dd > .down-file-list > ul li:nth-child(4n+1) {
  border-left: none;
}
.downloadList dl.list > dd > .down-file-list > ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.downloadList dl.list > dd > .down-file-list > ul li a:hover, .downloadList dl.list > dd > .down-file-list > ul li a:focus, .downloadList dl.list > dd > .down-file-list > ul li a:active {
  background: #222edd;
}
.downloadList dl.list > dd > .down-file-list > ul li a:hover .file-info:before, .downloadList dl.list > dd > .down-file-list > ul li a:focus .file-info:before, .downloadList dl.list > dd > .down-file-list > ul li a:active .file-info:before {
  background: url(./../../images/btn/download5_white.png) 0 0/cover no-repeat;
}
.downloadList dl.list > dd > .down-file-list > ul li a:hover .file-info p.txt, .downloadList dl.list > dd > .down-file-list > ul li a:focus .file-info p.txt, .downloadList dl.list > dd > .down-file-list > ul li a:active .file-info p.txt {
  color: #fff;
  text-decoration: underline;
}
.downloadList dl.list > dd > .down-file-list > ul li a .file-info {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 80px 50px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.downloadList dl.list > dd > .down-file-list > ul li a .file-info:before {
  content: "";
  position: absolute;
  bottom: calc(50% - 13px);
  right: 30px;
  display: block;
  width: 40px;
  height: 26px;
  background: url(./../../images/btn/download5.png) 0 0/cover no-repeat;
}
.downloadList dl.list > dd > .down-file-list > ul li a .file-info p {
  width: 100%;
}
.downloadList dl.list > dd > .down-file-list > ul li a .file-info p.txt {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  color: #222;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .downloadList { /* padding:50px 30px 0; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .downloadList > .txtEtc {
    display: none;
  }
  .downloadList dl.list > dt a {
    height: auto;
    padding: 20px 30px 20px 10px;
    font-size: 17px;
  }
  .downloadList dl.list > dd + dt {
    margin-top: -1px;
  }
  .downloadList dl.list > dd ul li dl {
    display: block;
  }
  .downloadList dl.list > dd ul li dl dt {
    float: none;
    width: 100%;
    display: block;
    height: auto;
    padding: 20px 30px 15px;
    font-size: 14px;
    text-align: center;
  }
  .downloadList dl.list > dd ul li dl dt span {
    text-align: center;
    -webkit-line-clamp: unset;
  }
  .downloadList dl.list > dd ul li dl dd {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px 20px;
  }
  .downloadList dl.list > dd ul li dl dd a {
    min-width: 210px;
    height: 50px;
    padding: 12px 0;
    margin: 0 auto;
    font-size: 17px;
    max-width: 210px;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventText {
    float: none;
    width: 100%;
    display: block;
    height: auto;
    padding: 20px 30px 15px;
    font-size: 14px;
    text-align: center;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventText p {
    padding-bottom: 10px;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventText span {
    text-align: center;
    -webkit-line-clamp: unset;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventText ul li {
    line-height: 1.5;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventBtn {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px 20px;
  }
  .downloadList dl.list > dd ul li .irDetail .iREventBtn a {
    min-width: 210px;
    height: 50px;
    padding: 12px 0;
    margin: 0 auto;
    font-size: 17px;
    max-width: 210px;
  }
  .downloadList dl.list > dd > .down-file-list { /* position:relative; width:100%; border-top:1px solid $defColor16; */ }
  .downloadList dl.list > dd > .down-file-list > ul { /* width:100%; font-size:0px; */ }
  .downloadList dl.list > dd > .down-file-list > ul li {
    display: block;
    width: 100%;
    height: auto; /* box-sizing:border-box; overflow:hidden; background:$defColor08; */
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    border-left: none;
    /* &:nth-child(-n+4) {border-bottom:none;} */
    /* &:nth-last-child(1) {border-bottom:none;} */
  }
  .downloadList dl.list > dd > .down-file-list > ul li.no-data {
    display: none;
  }
  .downloadList dl.list > dd > .down-file-list > ul li:nth-last-child(-n+4) {
    border-bottom: 1px solid #e2e2e2;
  }
  .downloadList dl.list > dd > .down-file-list > ul li:nth-child(4n+1) {
    border-left: none;
  }
  .downloadList dl.list > dd > .down-file-list > ul li a { /* display:block; width:100%; height:100%;  */ }
  .downloadList dl.list > dd > .down-file-list > ul li a .file-info {
    padding: 20px 50px 20px 15px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .downloadList dl.list > dd > .down-file-list > ul li a .file-info:before {
    bottom: calc(50% - 10px);
    right: 15px;
    width: 30px;
    height: 20px;
  }
  .downloadList dl.list > dd > .down-file-list > ul li a .file-info p.txt {
    font-size: 14px; /* font-weight:500; text-align:center; color:$c222; line-height:1.4; */
  }
}
/* E : download list */
/* S : financialSnapshot*/
.financial-snapshot #footer {
  margin: 0;
}

.income_statement {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 110px;
}
.income_statement h3 {
  font-size: 30px;
  line-height: 1;
  text-align: center;
}
.income_statement .caption {
  width: 84.6%;
  font-size: 12px;
  font-weight: 300;
  color: rgb(102, 102, 102);
  text-align: right;
}

.balance_sheet { /* max-width:1200px; */
  max-width: 1000px;
  margin: 0 auto;
  padding: 110px 0 118px;
}
.balance_sheet h3 {
  font-size: 30px;
  line-height: 1;
  text-align: center;
}
.balance_sheet .caption {
  width: 82.7%;
  font-size: 12px;
  font-weight: 300;
  color: rgb(102, 102, 102);
  text-align: right;
}

:lang(ko) .balance_sheet .caption {
  width: 89%;
}

.income_statement_chart_wrap, .balance_sheet_chart_wrap {
  position: relative;
  margin-top: 50px;
  padding-top: 45px;
  border-top: 1px solid #ddd;
}

.income_statement .btnSubstitution, .balance_sheet .btnSubstitution {
  margin: 20px 0 0;
  padding: 0 14px;
  height: 45px;
  font-size: 13px;
  color: #fff;
  text-align: left;
  display: inline-block;
  background-color: #222edd;
  font-weight: 500;
  text-transform: capitalize;
}
.income_statement .subTable, .balance_sheet .subTable {
  max-width: none;
}
.income_statement .subTable .col_table, .balance_sheet .subTable .col_table {
  margin-top: 10px; /* margin-top:50px; */
}
.income_statement .subTable .col_table tbody tr.total th, .balance_sheet .subTable .col_table tbody tr.total th {
  text-transform: none;
}
.income_statement .subTable .table_etc, .balance_sheet .subTable .table_etc {
  position: relative;
  bottom: auto;
  margin-top: 20px;
  display: none;
}
.income_statement .etc, .balance_sheet .etc {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  color: #888;
}
.income_statement .etc p, .balance_sheet .etc p {
  padding-left: 13px;
  text-indent: -13px;
}
.income_statement .etc p + p, .balance_sheet .etc p + p {
  margin-top: 5px;
}

@media (max-width: 1024px) {
  .income_statement {
    padding-bottom: 80px;
  }
  .income_statement h3 {
    font-size: 24px;
    text-align: left;
  }
  .income_statement .caption {
    width: 100%;
    font-size: 11px;
    text-align: center;
  }
  .balance_sheet {
    margin: 0 auto;
    padding: 80px 30px;
  }
  .balance_sheet h3 {
    font-size: 24px;
    text-align: left;
  }
  .balance_sheet .caption {
    width: 100%;
    font-size: 11px;
    text-align: center;
  }
  :lang(ko) .balance_sheet .caption {
    width: 100%;
  }
  .income_statement_chart_wrap, .balance_sheet_chart_wrap {
    margin-top: 50px;
  }
  .income_statement, .balance_sheet {
    /* .subTable{
    	.col_table{margin-top:20px;}
    } */
  }
  .income_statement .etc, .balance_sheet .etc {
    font-size: 11px;
  }
  .income_statement .etc p, .balance_sheet .etc p {
    padding-left: 6px;
    text-indent: -6px;
  }
  .income_statement .etc p + p, .balance_sheet .etc p + p {
    margin-top: 3px;
  }
}
/* E : financialSnapshot*/
/* S : boardStructure */
.directors_list {
  padding-top: 30px;
  border-top: 4px solid #222edd;
}
.directors_list > li {
  position: relative;
  padding: 40px 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #ddd;
}
.directors_list > li:first-child {
  border-top: 0;
}
.directors_list > li:last-child {
  padding-bottom: 100px;
}
.directors_list > li > * {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.directors_list > li .thumb {
  width: 248px;
  padding-right: 75px;
}
.directors_list > li .thumb img {
  display: block;
}
.directors_list > li dl { /* width:230px; */
  width: 260px;
  padding: 35px 60px 0 0;
}
.directors_list > li dl dt {
  line-height: 1.5;
  font-weight: 500;
  color: #222edd;
  text-transform: uppercase;
}
.directors_list > li dl dd {
  font-size: 22px;
  line-height: 2;
  font-weight: 500;
  margin-top: 5px;
}
.directors_list > li dl dd .btn {
  font-weight: 300;
}
.directors_list > li dl dd .btn a {
  display: block;
  padding: 12px 25px;
  background: #666;
  color: #fff;
  font-size: 16px;
  line-height: 1;
}
.directors_list > li .directors_info {
  width: 100%;
  padding: 35px 0 0;
  font-size: 18px;
  line-height: 1.9;
  color: #666;
}
.directors_list > li .directors_info li {
  margin-top: 25px;
}
.directors_list > li .directors_info li:first-child {
  margin-top: 0;
}
.directors_list > li .directors_info strong {
  display: block;
  font-size: 20px;
}
.directors_list > li .termExpiration {
  position: absolute;
  left: 323px;
  top: 348px;
}
.directors_list > li .termExpiration.hasVideo {
  top: 428px;
}
.directors_list > li .termExpiration ul li strong {
  letter-spacing: 1px;
}
.directors_list > li .termExpiration ul li span {
  font-weight: 400;
}

:lang(en) .directors_list > li .termExpiration ul li strong {
  font-size: 14px;
  letter-spacing: 0;
}
:lang(en) .directors_list > li .termExpiration ul li span {
  font-size: 14px;
}

@media (max-width: 1023px) {
  .directors_list {
    padding-top: 30px;
    border-top: 4px solid #222edd;
  }
  .directors_list > li {
    padding: 50px 0 55px;
    display: block;
    border-top: 1px solid #ddd;
  }
  .directors_list > li:first-child {
    border-top: 0;
  }
  .directors_list > li > * {
    display: block;
  }
  .directors_list > li .thumb {
    width: auto;
    padding-right: 0;
    margin-top: 30px;
  }
  .directors_list > li dl {
    width: auto;
    padding: 0;
  }
  .directors_list > li dl dt {
    font-size: 13px;
    line-height: 1.2;
  }
  .directors_list > li dl dd {
    font-size: 22px;
    line-height: 1.7;
    margin-top: 5px;
  }
  .directors_list > li dl dd .btn {
    margin-top: 20px;
  }
  .directors_list > li dl dd .btn a {
    padding: 12px 22px;
    font-size: 17px;
  }
  .directors_list > li .directors_info {
    width: 100%;
    padding: 20px 0 0;
    font-size: 14px;
    line-height: 1.6;
  }
  .directors_list > li .directors_info li {
    margin-top: 15px;
  }
  .directors_list > li .directors_info li:first-child {
    margin-top: 0;
  }
  .directors_list > li .directors_info strong {
    font-size: 14px;
  }
  .directors_list > li .termExpiration {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 20px;
  }
  .directors_list > li .termExpiration.hasVideo {
    top: auto;
  }
}
/* E : boardStructure */
/* S : BODCommittees */
.col_table.BOD_table tbody td {
  color: #666;
  vertical-align: top;
}
.col_table.BOD_table tbody td strong {
  display: inline-block;
  font-size: 20px;
  color: #222;
  margin-top: 10px;
}
.col_table.BOD_table tbody td strong:first-child {
  margin-top: 0;
}
.col_table.BOD_table tbody td dt {
  font-weight: 500;
  margin-top: 10px;
}
.col_table.BOD_table tbody td dt:first-child {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .col_table.BOD_table thead th {
    font-size: 20px;
  }
  .col_table.BOD_table tbody td strong {
    font-size: 15px;
    color: #222;
    margin-top: 10px;
  }
  .col_table.BOD_table tbody td dt {
    margin-top: 10px;
  }
  .col_table.BOD_table tbody td dt:first-child {
    margin-top: 0;
  }
}
/* E : BODCommittees */
/* S : General Metting */
.generalList dl.list > dt + dd .youtube-movie {
  position: relative;
  margin-top: 40px;
  width: 100%;
  height: 550px;
}
.generalList dl.list > dt + dd .youtube-movie iframe {
  width: 100%;
  height: 100%;
}
.generalList dl.list > dt + dd .btn_download + .btn {
  margin-left: 15px;
}
.generalList dl.list > dt + dd .btn {
  margin: 10px auto 0;
  padding: 0 47px;
  height: 60px;
  line-height: 2.9;
  font-family: "ssl-font";
  font-size: 20px;
  font-weight: 500;
  color: #222edd;
  text-align: center;
  display: inline-block;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.generalList dl.list > dt + dd .btn:hover {
  color: #fff;
  background: #222edd;
}
.generalList dl.list > dt + dd .btn + .btn {
  margin-left: 15px;
}
.generalList dl.list > dt + dd .online_onAir .btn {
  height: 45px;
  line-height: 2.7;
  font-size: 15px;
}
.generalList dl.list > dt + dd .online_onAir h4 {
  margin-top: 40px;
  font-size: 18px;
  font-family: "ssl-font-en", "ssl-font";
  font-weight: 500;
  color: #222edd;
}
.generalList__desc {
  margin-top: 55px;
}
.generalList__desc p {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.generalList__desc p span {
  font-size: 16px;
  line-height: 1;
  color: #222;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .generalList dl.list > dt + dd .youtube-movie {
    margin-top: 20px;
    width: 100%;
    height: 25vh;
    min-height: 300px;
  }
  .generalList dl.list > dt + dd .youtube-movie iframe {
    width: 100%;
    height: 100%;
  }
  .generalList dl.list > dt + dd .btn_download + .btn {
    margin-left: 0;
  }
  .generalList dl.list > dt + dd .btn {
    padding: 10px 20px;
    min-width: 237px;
    height: auto;
    font-size: 15px;
    line-height: 1.2;
  }
  .generalList dl.list > dt + dd .btn + .btn {
    margin-left: 0;
  }
  .generalList dl.list > dt + dd .online_onAir {
    text-align: center;
  }
  .generalList dl.list > dt + dd .online_onAir h4 {
    text-align: left;
  }
  .generalList dl.list > dt + dd .online_onAir .btn {
    padding: 10px 20px;
    min-width: 237px;
    height: auto;
    line-height: 1.2;
  }
  .generalList dl.list > dt + dd .online_onAir .etc {
    text-align: left;
  }
  .generalList__desc {
    margin-top: 40px;
  }
  .generalList__desc p {
    font-size: 12px;
  }
  .generalList__desc p span {
    font-size: 13px;
  }
}
/* E : General Metting */
.general-meeting-banner-bar {
  position: relative;
  width: 100%;
  background: #577aa4;
}
.general-meeting-banner-bar .pix-in {
  position: relative;
  padding: 0px !important;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.general-meeting-banner-bar .pix-in p {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
.general-meeting-banner-bar .pix-in p strong {
  font-size: 34px;
}
.general-meeting-banner-bar .pix-in a.brochur {
  position: absolute;
  top: calc(50% - 20px);
  right: 80px;
  padding: 8px 55px 7px 20px;
  color: #fff;
  display: block;
  border: 1px solid #fff;
  font-size: 14px;
}
.general-meeting-banner-bar .pix-in a.brochur:before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  display: block;
  width: 17px;
  height: 17px;
  background: url(../../images/aboutUs/icon_brochur.png) center center/cover no-repeat;
}
.general-meeting-banner-bar .pix-in a.close {
  position: absolute;
  top: 20px;
  right: 0px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../../images/aboutUs/btn_bio-campus2_banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

@media (max-width: 1023px) {
  .general-meeting-banner-bar .pix-in {
    min-height: 150px;
    padding: 25px 30px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .general-meeting-banner-bar .pix-in p {
    font-size: 20px;
  }
  .general-meeting-banner-bar .pix-in p strong {
    font-size: 20px;
  }
  .general-meeting-banner-bar .pix-in a.brochur {
    position: relative;
    top: auto;
    right: auto;
    margin: 30px auto 0;
    display: inline-block;
    padding: 9px 45px 8px 12px;
    font-size: 15px;
  }
  .general-meeting-banner-bar .pix-in a.brochur:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 17px;
    display: block;
    width: 17px;
    height: 17px;
    background: url(../../images/aboutUs/icon_brochur.png) center center/cover no-repeat;
  }
  .general-meeting-banner-bar .pix-in a.close {
    position: absolute;
    top: 8px;
    right: 30px;
  }
}
.meeting-box {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.meeting-box .btn-box.on { /* margin-bottom:40px; */ }
.meeting-box .btn-box.on + .cont-box {
  display: block;
}
.meeting-box .btn-box.on a {
  color: #fff;
  background: #222edd;
}
.meeting-box .btn-box a {
  display: inline-block;
  padding: 18px 68px;
  border: 1px solid #222edd;
  color: #222edd;
  background: #fff;
  font-size: 20px;
  font-weight: 500;
}
.meeting-box .btn-box a:hover, .meeting-box .btn-box a:focus, .meeting-box .btn-box a:active {
  text-decoration: underline;
}
.meeting-box .cont-box {
  display: none;
}

@media (max-width: 1023px) {
  .meeting-box {
    margin-top: 30px;
    /* .cont-box {display:none;} */
  }
  .meeting-box .btn-box.on {
    /* & + .cont-box {display:block;} */
  }
  .meeting-box .btn-box.on a {
    color: #fff;
    background: #041c59;
  }
  .meeting-box .btn-box.on a:before {
    display: none;
  }
  .meeting-box .btn-box.on a:after {
    background: #fff;
  }
  .meeting-box .btn-box a {
    position: relative;
    display: inline-block;
    padding: 14px 40px 14px 20px;
    font-size: 17px;
    /* &:hover, &:focus, &:active {text-decoration:underline;} */
  }
  .meeting-box .btn-box a:before, .meeting-box .btn-box a:after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 10px;
    background: #041c59;
  }
  .meeting-box .btn-box a:before {
    top: calc(50% - 5px);
    right: 20px;
  }
  .meeting-box .btn-box a:after {
    top: calc(50% - 5px);
    right: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
/*------------------------------------------------------------------

# upcoming_events

------------------------------------------------------------------*/
/* S: upcoming_events */
.upcoming_events {
  width: 100%;
  background: #fff;
}
.upcoming_events .sorting_bar {
  width: 100%; /* height:70px;padding:90px 0 0 0; */
}
.upcoming_events .sorting_bar:after {
  content: "";
  display: block;
  clear: both;
}
.upcoming_events .sorting_bar .sorting_search {
  position: relative;
  float: right;
  width: 220px;
  height: 43px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input {
  width: 100%;
  height: 41px;
  padding: 0 0 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.upcoming_events .sorting_bar .sorting_search ul li:first-child input::placeholder {
  font-family: "ssl-font";
  font-weight: 500;
  color: #bbb;
}
.upcoming_events .sorting_bar .sorting_search ul li:last-child {
  position: absolute;
  right: 15px;
  bottom: 11px;
  width: 16px;
  height: 17px;
}
.upcoming_events .sorting_bar .sorting_search ul li:last-child input {
  width: 16px;
  height: 17px;
  background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
  text-indent: -9999px;
}
.upcoming_events .cont {
  width: 100%;
  padding-top: 60px;
}
.upcoming_events .cont.pix-in {
  padding-top: 0px;
}
.upcoming_events .cont .box {
  width: 100%;
  height: auto;
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
}
.upcoming_events .cont .box:first-child {
  padding-top: 0px;
}
.upcoming_events .cont .box.lastest {
  border-bottom: 1px solid #222;
}
.upcoming_events .cont .box.lastest .box_left {
  position: relative;
}
.upcoming_events .cont .box.lastest .box_left span {
  position: absolute;
  left: 0;
  top: -30px;
  padding: 4px 7px;
  color: #fff;
  background: #222edd;
  font-weight: 500;
}
.upcoming_events .cont .box.lastest .box_left strong {
  color: #222edd;
}
.upcoming_events .cont .box.lastest .box_right dl dt {
  color: #222;
}
.upcoming_events .cont .box.lastest .box_right dl dd {
  color: #222;
}
.upcoming_events .cont .box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
}
.upcoming_events .cont .box a:focus .box_left strong, .upcoming_events .cont .box a:active .box_left strong, .upcoming_events .cont .box a:hover .box_left strong {
  text-decoration: underline;
}
.upcoming_events .cont .box .box_left {
  -ms-flex-preferred-size: 380px;
      flex-basis: 380px;
}
.upcoming_events .cont .box .box_left strong {
  display: block;
  color: #222;
  font-size: 22px;
  line-height: 1.6;
}
.upcoming_events .cont .box .box_left .img-box {
  width: 100%;
  font-size: 0px;
}
.upcoming_events .cont .box .box_left .img-box img {
  width: 100%;
}
.upcoming_events .cont .box .box_right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.upcoming_events .cont .box .box_right .category {
  font-size: 18px;
  font-weight: 400;
  color: #222edd;
}
.upcoming_events .cont .box .box_right .tit {
  margin-top: 15px;
  font-size: 28px;
  font-weight: 700;
  color: #222;
}
.upcoming_events .cont .box .box_right .tit + dl {
  margin-top: 15px;
}
.upcoming_events .cont .box .box_right dl {
  color: #666;
  font-size: 18px;
}
.upcoming_events .cont .box .box_right dl + dl {
  margin-top: 5px;
}
.upcoming_events .cont .box .box_right dl dt {
  color: #666;
  font-weight: 400;
  display: inline-block;
}
.upcoming_events .cont .box .box_right dl dd {
  color: #666;
  font-weight: 400;
  display: inline-block;
}
.upcoming_events a:focus.more_btn, .upcoming_events a:active.more_btn, .upcoming_events a:hover.more_btn {
  background: #222edd;
  color: #fff;
}
.upcoming_events a.more_btn {
  display: block;
  width: 150px;
  height: 60px;
  margin: 75px auto 0;
  border: 1px solid #222edd;
  color: #222edd;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  line-height: 3.1;
  text-align: center;
}

/* E: upcoming_events */
@media (max-width: 1023px) {
  /* S: upcoming_events */
  .upcoming_events { /* padding:0 30px; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .upcoming_events .sorting_bar {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .upcoming_events .sorting_bar .sorting_search {
    position: relative;
    float: none;
    width: 100%;
    height: 43px; /* margin:30px 0 0 0 ; */
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input {
    width: 100%;
    height: 41px;
    padding: 0 0 0 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input::-webkit-input-placeholder {
    font-family: "ssl-font";
    font-weight: 500;
    color: #bbb;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input::-moz-placeholder {
    font-family: "ssl-font";
    font-weight: 500;
    color: #bbb;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input:-ms-input-placeholder {
    font-family: "ssl-font";
    font-weight: 500;
    color: #bbb;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input::-ms-input-placeholder {
    font-family: "ssl-font";
    font-weight: 500;
    color: #bbb;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:first-child input::placeholder {
    font-family: "ssl-font";
    font-weight: 500;
    color: #bbb;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:last-child {
    position: absolute;
    right: 15px;
    bottom: 11px;
    width: 16px;
    height: 17px;
  }
  .upcoming_events .sorting_bar .sorting_search ul li:last-child input {
    width: 16px;
    height: 17px;
    background: url(../../images/btn/search_gray.png) 0 0 no-repeat;
    text-indent: -9999px;
  }
  .upcoming_events .cont {
    width: 100%;
    padding: 30px 0 0 0;
  }
  .upcoming_events .cont .box {
    width: 100%;
    height: auto;
    padding: 30px 0 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .upcoming_events .cont .box.lastest {
    padding: 70px 30px 35px;
    border: 1px solid #222;
  }
  .upcoming_events .cont .box.lastest .box_left {
    position: relative;
  }
  .upcoming_events .cont .box.lastest .box_left span {
    position: absolute;
    left: 0;
    top: -40px;
    padding: 4px 7px;
    color: #fff;
  }
  .upcoming_events .cont .box.lastest .box_right dl {
    position: relative;
    font-size: 14px;
  }
  .upcoming_events .cont .box a {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .upcoming_events .cont .box .box_left {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .upcoming_events .cont .box .box_left strong {
    display: block;
    color: #222;
    font-size: 18px;
    line-height: 1.4;
  }
  .upcoming_events .cont .box .box_left .img-box {
    width: 100%;
    font-size: 0px;
  }
  .upcoming_events .cont .box .box_left .img-box img {
    width: 100%;
  }
  .upcoming_events .cont .box .box_right {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 15px;
  }
  .upcoming_events .cont .box .box_right .category {
    font-size: 16px;
    font-weight: 400;
    color: #222edd;
  }
  .upcoming_events .cont .box .box_right .tit {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
  }
  .upcoming_events .cont .box .box_right .tit + dl {
    margin-top: 10px;
  }
  .upcoming_events .cont .box .box_right dl {
    position: relative;
    color: #666;
    font-size: 16px;
  }
  .upcoming_events .cont .box .box_right dl + dl {
    margin-top: 5px;
  }
  .upcoming_events .cont .box .box_right dl dt {
    position: absolute;
    left: 0;
  }
  .upcoming_events .cont .box .box_right dl dd {
    padding: 0 0 0 60px;
  }
  .upcoming_events a.more_btn {
    display: block;
    width: 150px;
    height: 60px;
    margin: 75px auto 0;
    color: #222edd;
    font-size: 20px;
    font-family: "ssl-font";
    font-weight: 600;
    line-height: 3;
    text-align: center;
    border: 1px solid #222edd;
  }
  /* E: upcoming_events */
}
/* go newsroom */
.btn .iconMic {
  padding: 11px 22px 12px 46px;
  font-size: 12px;
  font-weight: 400;
  color: #222edd;
  border: 1px solid #222edd;
  border-radius: 20px;
  display: inline-block;
  background: url(../../images/mediacenter/icon_mic_blue.png?v=250527) no-repeat 18px 8px;
}
.btn + .tabBox, .btn + .upcoming_events {
  padding-top: 25px;
}

@media (max-width: 1023px) {
  .btn .iconMic {
    padding: 6px 14px 7px 37px;
    font-size: 14px;
    background: url(../../images/mediacenter/m_icon_mic_blue.png?v=250527) no-repeat 16px 9px;
    background-size: 13px auto;
  }
  .btn + .tabBox, .btn + .upcoming_events {
    padding-top: 18px;
  }
  .btn + .pcB60 {
    padding-bottom: 0 !important;
  }
}
:lang(en) .btn .iconMic {
  font-family: "ssl-gilroy", "ssl-font";
}

/* contact us */
.contact_us .form_wrap .form_title {
  padding-top: 110px;
  font-weight: 500 !important;
}
.contact_us .form_wrap .form_title:first-child {
  padding-top: 0;
}
.contact_us .form_wrap .cont_category {
  width: 100%;
  padding: 35px 0 0 0;
}
.contact_us .form_wrap .cont_category > ul {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.contact_us .form_wrap .cont_category > ul:after {
  content: "";
  display: block;
  clear: both;
}
.contact_us .form_wrap .cont_category > ul > li {
  position: relative;
  float: left;
  width: 25%;
  height: 100px;
  margin: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact_us .form_wrap .cont_category > ul > li:last-child {
  margin: 0;
}
.contact_us .form_wrap .cont_category > ul > li:nth-child(7) label {
  /* span {top:23px; line-height:1.4;} */
}
.contact_us .form_wrap .cont_category > ul > li:nth-child(4n) .tooltipWrap .tooltipText {
  left: 50%;
  -webkit-transform: translate(-96%, 0);
          transform: translate(-96%, 0);
}
.contact_us .form_wrap .cont_category > ul > li:nth-child(4n) .tooltipWrap .tooltipText:before {
  left: 96.5%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap button {
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 0;
  vertical-align: top;
  border: 0;
  background: url(../../images/common/icon_tooltip.png?v=250527) no-repeat left top;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap button.on {
  background-position: left bottom;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText {
  display: none;
  position: absolute;
  top: 31px;
  left: 50%;
  z-index: 3;
  padding: 39px 20px;
  min-width: 306px;
  border: 1px solid #222edd;
  background: #fff;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  width: 12px;
  height: 12px;
  display: block;
  border-top: 1px solid #222edd;
  border-right: 1px solid #222edd;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText strong {
  font-size: 16px;
  color: #002222;
  display: block;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText p + strong,
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText strong + strong,
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText ul + strong {
  padding-top: 20px;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText p {
  padding-left: 7px;
  text-indent: -7px;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText p.no-indent {
  padding-left: 0px;
  text-indent: 0px;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText ul {
  border: 0;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText ul li {
  float: none;
  margin-top: 5px;
  padding-left: 20px;
  width: auto;
  height: auto;
  text-indent: -20px;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipClose {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 17px;
  height: 19px;
  display: block;
  background: #f3f3f3;
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipClose:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipClose:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #505050;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.contact_us .form_wrap .cont_category > ul > li label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.contact_us .form_wrap .cont_category > ul > li label span {
  position: absolute;
  top: 22px;
  left: 28px;
  display: block;
  width: calc(100% - 28px);
  padding-right: 100px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg01] {
  background: url(../../images/common/cont_category_img1.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg02] {
  background: url(../../images/common/cont_category_img2.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg03] {
  background: url(../../images/common/cont_category_img3.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg04] {
  background: url(../../images/common/cont_category_img4.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg06] {
  background: url(../../images/common/cont_category_img6.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg05] {
  background: url(../../images/common/cont_category_img11.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg07] {
  background: url(../../images/common/cont_category_img7.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg08] {
  background: url(../../images/common/cont_category_img8.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg09] {
  background: url(../../images/common/cont_category_img9.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg10] {
  background: url(../../images/common/cont_category_img10.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg11] {
  background: url(../../images/common/cont_category_img12.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li label[for=cg12] {
  background: url(../../images/common/cont_category_img13.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  opacity: 0;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:focus + label span {
  font-weight: 500;
  text-decoration: underline;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:active label span, .contact_us .form_wrap .cont_category > ul > li input[type=radio]:hover label span {
  font-weight: 500;
  text-decoration: underline;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label {
  color: #fff;
  border: 0;
  background: #222edd;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg01] {
  background: #222edd url(../../images/common/cont_category_img1_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg02] {
  background: #222edd url(../../images/common/cont_category_img2_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg03] {
  background: #222edd url(../../images/common/cont_category_img3_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg04] {
  background: #222edd url(../../images/common/cont_category_img4_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg06] {
  background: #222edd url(../../images/common/cont_category_img6_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg05] {
  background: #222edd url(../../images/common/cont_category_img11_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg07] {
  background: #222edd url(../../images/common/cont_category_img7_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg08] {
  background: #222edd url(../../images/common/cont_category_img8_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg09] {
  background: #222edd url(../../images/common/cont_category_img9_on.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg10] {
  background: #222edd url(../../images/common/cont_category_img10_on.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg11] {
  background: #222edd url(../../images/common/cont_category_img12_on.png) 85% center no-repeat;
}
.contact_us .form_wrap .cont_category > ul > li input[type=radio]:checked + label[for=cg12] {
  background: #222edd url(../../images/common/cont_category_img13_on.png) 85% center no-repeat;
}
.contact_us .form_wrap .checkWrap {
  display: none;
  padding: 20px 30px;
  font-weight: 400;
  background-color: #f8f8f8;
  /* &+.CRO{
  	ul{
  		li{
  			input[type=checkbox]{
  				& + label{min-width:176px;}
  			}
  		}
  	}
  } */
}
.contact_us .form_wrap .checkWrap > p {
  padding-bottom: 20px;
  font-size: 16px;
  color: #222;
}
.contact_us .form_wrap .checkWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact_us .form_wrap .checkWrap ul li {
  position: relative;
}
.contact_us .form_wrap .checkWrap ul li + li {
  padding-left: 30px;
}
.contact_us .form_wrap .checkWrap ul li > strong {
  font-size: 13px;
  font-weight: 500;
  color: #222;
}
.contact_us .form_wrap .checkWrap ul li > p {
  padding-top: 4px;
  padding-left: 7px;
  font-size: 13px;
  font-weight: 300;
  text-indent: -7px;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox] { /*display:none;*/
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label {
  position: relative;
  padding: 0px 0 0px 34px; /* min-width:146px; */
  font-weight: 400;
  display: inline-block;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff url(../../images/ico/icon_chk.png?v=250527) no-repeat left bottom;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label p {
  font-size: 16px;
  font-weight: 400;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox]:focus + label {
  color: #222edd;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox]:focus + label:after {
  background-position: 0 -28px;
}
.contact_us .form_wrap .checkWrap ul li input[type=checkbox]:checked + label:after {
  background-position: left top;
}
.contact_us .form_wrap .category-new-box {
  padding-top: 35px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap] {
  /* .cont_category {
  	& > ul {
  		& > li {
  			&:nth-child(4),
  			&:nth-child(5),
  			&:nth-child(6) {border-top:1px solid $cddd;}
  		}
  	}
  } */
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap] .checkWrap {
  top: 100px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(4), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(6) {
  border-top: 1px solid #ddd;
  margin-top: 110px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .checkWrap.CMO {
  height: 110px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(7), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(8), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(9) {
  border-top: 1px solid #ddd;
  margin-top: 110px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .checkWrap.ADC {
  top: 200px;
  height: 110px;
}
.contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CRO { /* 없음 */ }
.contact_us .form_wrap .category-new-box .cont_category {
  position: relative;
  padding: 0px;
}
.contact_us .form_wrap .category-new-box .cont_category > ul {
  border-left: none;
  border-top: none;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li {
  width: 33.33%;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3n+1) {
  width: 33.34%;
  border-left: 1px solid #ddd;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(1), .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(2), .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3) {
  border-top: 1px solid #ddd;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label {
  z-index: unset;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover span {
  color: #222edd;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg13] {
  background: url(../../images/common/contact_category_hover_img13.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg07] {
  background: url(../../images/common/contact_category_hover_img7.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg08] {
  background: url(../../images/common/contact_category_hover_img8.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg11] {
  background: url(../../images/common/contact_category_hover_img11.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg12] {
  background: url(../../images/common/contact_category_hover_img12.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg02] {
  background: url(../../images/common/contact_category_hover_img2.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg03] {
  background: url(../../images/common/contact_category_hover_img3.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg04] {
  background: url(../../images/common/contact_category_hover_img4.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg05] {
  background: url(../../images/common/contact_category_hover_img5.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label:hover[for=cg06] {
  background: url(../../images/common/contact_category_hover_img6.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg13] {
  background: url(../../images/common/contact_category_img13.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg07] {
  background: url(../../images/common/contact_category_img7.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg08] {
  background: url(../../images/common/contact_category_img8.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg11] {
  background: url(../../images/common/contact_category_img11.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg12] {
  background: url(../../images/common/contact_category_img12.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg02] {
  background: url(../../images/common/contact_category_img2.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg03] {
  background: url(../../images/common/contact_category_img3.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg04] {
  background: url(../../images/common/contact_category_img4.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg05] {
  background: url(../../images/common/contact_category_img5.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg06] {
  background: url(../../images/common/contact_category_img6.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  opacity: 0;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:focus + label span {
  font-weight: 500;
  text-decoration: underline;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:active label span, .contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:hover label span {
  font-weight: 500;
  text-decoration: underline;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label {
  color: #fff;
  border: 0;
  background: #222edd;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label:hover:before {
  display: none;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label:hover span {
  color: #fff;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg13] {
  background: #222edd url(../../images/common/contact_category_img13_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg07] {
  background: #222edd url(../../images/common/contact_category_img7_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg08] {
  background: #222edd url(../../images/common/contact_category_img8_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg11] {
  background: #222edd url(../../images/common/contact_category_img11_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg12] {
  background: #222edd url(../../images/common/contact_category_img12_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg02] {
  background: #222edd url(../../images/common/contact_category_img2_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg03] {
  background: #222edd url(../../images/common/contact_category_img3_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg04] {
  background: #222edd url(../../images/common/contact_category_img4_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg05] {
  background: #222edd url(../../images/common/contact_category_img5_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li input[type=radio]:checked + label[for=cg06] {
  background: #222edd url(../../images/common/contact_category_img6_on.png) 87% center no-repeat;
}
.contact_us .form_wrap .category-new-box .cont_category > ul > li .tooltipWrap {
  z-index: unset;
}
.contact_us .form_wrap .category-new-box .checkWrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* &.CMO {height:185px;}
  &.ADC {height:185px;} */
}

/* country */
.country, .school, .major {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50000;
  display: none;
}
.country:after, .school:after, .major:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.country .countryBox, .school .countryBox, .major .countryBox {
  position: absolute; /* top:50%; */
  top: 18%;
  left: 50%; /* transform: translate(-50%, -50%); */
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  max-width: 500px;
  width: 100%;
  height: 100%;
  max-height: 620px;
  padding: 26px 25px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.country .country_top, .school .country_top, .major .country_top {
  width: 100%;
  height: 39px;
}
.country .country_top h2, .school .country_top h2, .major .country_top h2 {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}
.country .country_cont, .school .country_cont, .major .country_cont {
  width: 100%;
  height: calc(100% - 39px);
  padding: 30px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.country .country_cont > div, .school .country_cont > div, .major .country_cont > div {
  padding-top: 30px;
}
.country .country_cont input[type=text], .school .country_cont input[type=text], .major .country_cont input[type=text] {
  padding: 10px 0 10px 30px;
  width: calc(100% - 30px);
  border-bottom: 2px solid #222edd;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.country .country_cont input::-webkit-input-placeholder, .school .country_cont input::-webkit-input-placeholder, .major .country_cont input::-webkit-input-placeholder {
  color: #aaa;
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont input::-moz-placeholder, .school .country_cont input::-moz-placeholder, .major .country_cont input::-moz-placeholder {
  color: #aaa;
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont input:-ms-input-placeholder, .school .country_cont input:-ms-input-placeholder, .major .country_cont input:-ms-input-placeholder {
  color: #aaa;
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont input::-ms-input-placeholder, .school .country_cont input::-ms-input-placeholder, .major .country_cont input::-ms-input-placeholder {
  color: #aaa;
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont input::placeholder, .school .country_cont input::placeholder, .major .country_cont input::placeholder {
  color: #aaa;
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .country_default, .country .country_cont .country_complete, .country .country_cont .default, .country .country_cont .complete, .school .country_cont .country_default, .school .country_cont .country_complete, .school .country_cont .default, .school .country_cont .complete, .major .country_cont .country_default, .major .country_cont .country_complete, .major .country_cont .default, .major .country_cont .complete {
  display: none;
}
.country .country_cont .country_default.on, .country .country_cont .country_complete.on, .country .country_cont .default.on, .country .country_cont .complete.on, .school .country_cont .country_default.on, .school .country_cont .country_complete.on, .school .country_cont .default.on, .school .country_cont .complete.on, .major .country_cont .country_default.on, .major .country_cont .country_complete.on, .major .country_cont .default.on, .major .country_cont .complete.on {
  display: block;
}
.country .country_cont ul, .school .country_cont ul, .major .country_cont ul {
  margin-top: 35px;
  padding: 10px 0;
  width: 100%;
  height: 100%;
  max-width: 450px;
  max-height: 350px;
  border: 1px solid #ddd;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.country .country_cont ul li.active, .school .country_cont ul li.active, .major .country_cont ul li.active {
  background-color: #dfdfdf;
}
.country .country_cont ul li a, .school .country_cont ul li a, .major .country_cont ul li a {
  padding: 8px 20px 9px;
  font-family: "ssl-font";
  font-weight: 400;
  color: #222;
  display: block;
  cursor: pointer;
}
.country .country_cont .btn, .school .country_cont .btn, .major .country_cont .btn {
  padding-top: 10px;
  text-align: right;
}
.country .country_cont .btn a, .school .country_cont .btn a, .major .country_cont .btn a {
  text-align: left;
  font-size: 14px;
  color: #222edd;
  display: none;
}
.country .country_cont .btn button, .school .country_cont .btn button, .major .country_cont .btn button {
  width: 130px;
  height: 45px;
  font-family: "ssl-font";
  font-weight: 400;
  color: #666;
  text-align: center;
  vertical-align: top;
  background-color: #dfdfdf;
  cursor: pointer;
}
.country .country_cont .btn input[type=submit], .school .country_cont .btn input[type=submit], .major .country_cont .btn input[type=submit] {
  width: 130px;
  height: 45px;
  font-family: "ssl-font";
  font-weight: 400;
  border: 1px solid #666;
  color: #666;
  background: #fff;
}
.country .country_cont .btn input[type=submit].on, .school .country_cont .btn input[type=submit].on, .major .country_cont .btn input[type=submit].on {
  color: #222edd;
  border: 1px solid #222edd;
  cursor: pointer;
}
.country .country_cont .btn input[type=submit].on:focus, .country .country_cont .btn input[type=submit].on:active, .country .country_cont .btn input[type=submit].on:hover, .school .country_cont .btn input[type=submit].on:focus, .school .country_cont .btn input[type=submit].on:active, .school .country_cont .btn input[type=submit].on:hover, .major .country_cont .btn input[type=submit].on:focus, .major .country_cont .btn input[type=submit].on:active, .major .country_cont .btn input[type=submit].on:hover {
  background: #222edd;
  color: #fff;
}
.country .country_cont .btn input[type=submit]::-webkit-input-placeholder, .school .country_cont .btn input[type=submit]::-webkit-input-placeholder, .major .country_cont .btn input[type=submit]::-webkit-input-placeholder {
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .btn input[type=submit]::-moz-placeholder, .school .country_cont .btn input[type=submit]::-moz-placeholder, .major .country_cont .btn input[type=submit]::-moz-placeholder {
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .btn input[type=submit]:-ms-input-placeholder, .school .country_cont .btn input[type=submit]:-ms-input-placeholder, .major .country_cont .btn input[type=submit]:-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .btn input[type=submit]::-ms-input-placeholder, .school .country_cont .btn input[type=submit]::-ms-input-placeholder, .major .country_cont .btn input[type=submit]::-ms-input-placeholder {
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .btn input[type=submit]::placeholder, .school .country_cont .btn input[type=submit]::placeholder, .major .country_cont .btn input[type=submit]::placeholder {
  font-family: "ssl-font";
  font-weight: 400;
}
.country .country_cont .countryAllBtn, .country .country_cont .allBtn, .school .country_cont .countryAllBtn, .school .country_cont .allBtn, .major .country_cont .countryAllBtn, .major .country_cont .allBtn {
  padding-bottom: 10px;
  text-align: left;
}
.country .close, .school .close, .major .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

:lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(1),
:lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(2),
:lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
:lang(ko) .contact_us .form_wrap .checkWrap.CMO.lang-ko-new ul li:nth-child(1),
:lang(ko) .contact_us .form_wrap .checkWrap.CMO.lang-ko-new ul li:nth-child(2),
:lang(ko) .contact_us .form_wrap .checkWrap.CMO.lang-ko-new ul li:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

@media (max-width: 1023px) {
  .contact_us .form_wrap .form_title {
    padding-top: 45px;
  }
  .contact_us .form_wrap .form_title:first-child {
    padding-top: 0;
  }
  .contact_us .form_wrap .cont_category {
    padding: 30px 0 0 0;
  }
  .contact_us .form_wrap .cont_category > ul > li {
    position: relative;
    float: left;
    width: 33.333%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* &:nth-child(1) {}
    &:nth-child(3) {}
    &:nth-child(4) {}
    &:nth-child(6) {} */
  }
  .contact_us .form_wrap .cont_category > ul > li:nth-child(7) label {
    background-size: 40px !important;
  }
  .contact_us .form_wrap .cont_category > ul > li:last-child {
    margin: 0;
  }
  .contact_us .form_wrap .cont_category > ul > li .tooltipWrap button {
    width: 15px;
    height: 15px;
    background-image: url(../../images/common/m_icon_tooltip.png?v=250527);
    background-size: 15px 33px;
  }
  .contact_us .form_wrap .cont_category > ul > li .tooltipWrap .tooltipText {
    display: none !important;
  }
  .contact_us .form_wrap .cont_category > ul > li label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background-size: 36px !important;
  }
  .contact_us .form_wrap .cont_category > ul > li label span {
    padding-right: 70px;
    font-size: 14px;
  }
  .contact_us .form_wrap .checkWrap {
    padding: 10px;
    /* &+.CRO{
    	ul{
    		li{
    			input[type=checkbox]{
    				& + label{}
    			}
    		}
    	}
    } */
  }
  .contact_us .form_wrap .checkWrap > p {
    padding: 0 0 12px;
    font-size: 13px;
  }
  .contact_us .form_wrap .checkWrap ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact_us .form_wrap .checkWrap ul li {
    width: 100%; /* line-height:0.76; */
  }
  .contact_us .form_wrap .checkWrap ul li + li {
    padding-left: 0;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label {
    width: 100%;
    padding: 6px 0 8px 33px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label:after {
    top: 3px;
    width: 23px;
    height: 23px;
    background-image: url(../../images/ico/m_icon_chk.png?v=250527);
    background-size: 23px 76px;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label p {
    font-size: 13px;
    font-weight: 500;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label p:last-child {
    font-weight: 300;
    padding-top: 4px;
    padding-left: 7px;
    text-indent: -7px;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox] + label p.one-line {
    font-weight: 500;
    padding-top: 0;
    padding-left: 0px;
    text-indent: 0px;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox]:focus + label {
    color: #222;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox]:focus + label:after {
    background-position: left bottom;
  }
  .contact_us .form_wrap .checkWrap ul li input[type=checkbox]:checked + label:after {
    background-position: left top;
  }
  .contact_us .form_wrap .category-new-box {
    padding-top: 30px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap] {
    /* .cont_category {
    	& > ul {
    		& > li {
    			&:nth-child(4),
    			&:nth-child(5),
    			&:nth-child(6) {border-top:1px solid $cddd;}
    		}
    	}
    } */
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap] .checkWrap {
    top: 100px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(4), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(6) {
    margin-top: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .checkWrap.CMO {
    height: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(7), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(8), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(9) {
    margin-top: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .checkWrap.ADC {
    height: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CRO { /* 없음 */ }
  .contact_us .form_wrap .category-new-box .cont_category {
    padding: 0px;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(7) label {
    background-size: 45px !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label {
    background-size: 45px !important;
    background-position-x: 92% !important;
  }
  .contact_us .categoryDetail {
    display: none;
  }
  .contact_us .categoryDetail > strong:first-child, .contact_us .categoryDetail > p:first-child {
    padding-top: 20px;
  }
  .contact_us .categoryDetail strong {
    padding-top: 15px;
    font-size: 13px;
    display: block;
  }
  .contact_us .categoryDetail p {
    font-size: 13px;
  }
  .contact_us .categoryDetail ul li {
    font-size: 13px;
  }
  .contact_us .checkbox label {
    background-size: 20px !important;
  }
  :lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(1),
  :lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(2),
  :lang(ko) .contact_us .form_wrap .checkWrap.CMO ul li:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media (max-width: 640px) {
  .contact_us .form_wrap .cont_category > ul > li {
    width: 50%;
    height: 60px;
  }
  .contact_us .form_wrap .cont_category > ul > li:nth-child(7) label {
    background-size: 34px !important;
  }
  .contact_us .form_wrap .cont_category > ul > li:last-child {
    margin: 0;
  }
  .contact_us .form_wrap .cont_category > ul > li label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background-size: 30px !important;
    background-position: 87% center !important;
  }
  .contact_us .form_wrap .cont_category > ul > li label span {
    top: 18px;
    left: 10px;
    width: calc(100% - 10px);
    font-size: 13px;
  }
  .contact_us .form_wrap .cont_category > ul > li label[for=cg10] {
    baCkground-size: 37px !important;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap] .cont_category > ul > li:nth-child(4), .contact_us .form_wrap .category-new-box[class*=open-checkwrap] .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap] .cont_category > ul > li:nth-child(6) { /* border-top:1px solid $cddd; */
    border-top: none;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap] .checkWrap {
    top: 100px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(4), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(6) {
    margin-top: 0px;
    border-top: none;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .cont_category > ul > li:nth-child(6) {
    margin-top: 120px;
    border-top: 1px solid #ddd;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CMO .checkWrap.CMO {
    top: 120px;
    height: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(7), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(8), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(9) {
    margin-top: 0px;
    border-top: none;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(5), .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .cont_category > ul > li:nth-child(6) {
    margin-top: 120px;
    border-top: 1px solid #ddd;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-ADC .checkWrap.ADC {
    top: 120px;
    height: 120px;
  }
  .contact_us .form_wrap .category-new-box[class*=open-checkwrap].open-checkwrap-CRO { /* 없음 */ }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li {
    width: 50%;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(1), .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(2), .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3), .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3n+1) {
    width: 50%;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3n+1) {
    border-left: none;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(3) {
    border-top: none;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(2n+1) {
    border-left: 1px solid #ddd;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(7) label {
    background-size: 40px !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label {
    background-size: 40px !important;
    background-position: 92% center !important;
  }
  .country .countryBox, .school .countryBox, .major .countryBox {
    top: 10%;
    max-height: 532px;
  }
  .country .country_cont ul, .school .country_cont ul, .major .country_cont ul {
    max-height: 280px;
  }
  .country .country_cont ul li a, .school .country_cont ul li a, .major .country_cont ul li a {
    padding: 6px 20px 7px;
    font-size: 14px;
  }
  .country .country_cont .btn button, .school .country_cont .btn button, .major .country_cont .btn button {
    width: 110px;
    height: 35px;
    font-size: 14px;
  }
  .country .country_cont .btn input[type=submit], .school .country_cont .btn input[type=submit], .major .country_cont .btn input[type=submit] {
    width: 110px;
    height: 35px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .contact_us .form_wrap .cont_category > ul > li {
    height: 60px;
  }
  .contact_us .form_wrap .cont_category > ul > li label {
    font-size: 12px;
    background-size: 26px !important;
    background-position: 87% center !important;
    /* span {width:75px;} */
    /* S : 이미지 수정후 삭제 */
    /* E : 이미지 수정후 삭제 */
  }
  .contact_us .form_wrap .cont_category > ul > li label span {
    padding-right: 50px;
  }
  .contact_us .form_wrap .cont_category > ul > li label[for=cg03] {
    baCkground-size: 24px !important;
  }
  .contact_us .form_wrap .cont_category > ul > li label[for=cg08] {
    baCkground-size: 29px !important;
  }
  .contact_us .form_wrap .cont_category > ul > li label[for=cg09] {
    baCkground-size: 20px !important;
    background-position: 84% center !important;
  }
  .contact_us .form_wrap .cont_category > ul > li:nth-child(7) label {
    background-position: 91% center !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li:nth-child(7) label {
    background-size: 40px !important;
    background-position: 96% center !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label {
    background-size: 40px !important;
    background-position: 96% center !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg03] {
    baCkground-size: 40px !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg08] {
    baCkground-size: 40px !important;
  }
  .contact_us .form_wrap .category-new-box .cont_category > ul > li label[for=cg09] {
    baCkground-size: 40px !important;
    background-position: 96% center !important;
  }
}
/* search */
.search {
  width: 100%;
  height: auto;
  background: #fff; /* padding:0 0 150px 0; */
}
.search .field {
  width: 100%;
  height: 340px;
  padding: 0px !important;
  margin-top: 0px !important;
  border: none !important;
  overflow: hidden;
  background: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
.search .field .pix-in {
  padding: 0px;
}
.search .field .tit {
  padding-top: 105px;
  font-weight: 500;
  color: #fff;
}
.search .field .tit:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 13px;
  margin-left: 10px;
  background: url(../../images/arrow/searh_white.png) 0 0 no-repeat;
  vertical-align: middle;
}
.search .field .form {
  position: relative;
  width: 100%;
  padding-top: 15px;
}
.search .field .form .txt {
  width: 100%;
}
.search .field .form .txt input[type=text] {
  width: 100%;
  height: 65px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 0;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  font-weight: 500;
  padding-right: 50px;
}
.search .field .form .txt input[type=text]::-webkit-input-placeholder {
  color: #5959d8;
}
.search .field .form .txt input[type=text]::-moz-placeholder {
  color: #5959d8;
}
.search .field .form .txt input[type=text]:-ms-input-placeholder {
  color: #5959d8;
}
.search .field .form .txt input[type=text]::-ms-input-placeholder {
  color: #5959d8;
}
.search .field .form .txt input[type=text]::placeholder {
  color: #5959d8;
}
.search .field .form .btn {
  position: absolute;
  top: 30px;
  right: 0px;
}
.search .field .form .btn input[type=submit] {
  width: 30px;
  height: 30px;
  background: url(../../images/btn/search_white.png) 0 0 no-repeat;
  text-indent: -9999px;
}
.search .field dl.txt {
  padding-top: 20px;
  display: none;
}
.search .field dl.txt dt {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
.search .field dl.txt dd {
  display: inline-block;
}
.search .field dl.txt dd a {
  display: inline-block;
  padding-left: 20px;
  font-size: 14px;
  color: #fff;
}
.search .result_for {
  width: 100%;
  padding: 85px 0 0 0;
}
.search .result_for p {
  color: #666;
  font-size: 22px;
  font-weight: 500;
}
.search .result_for strong {
  color: #222edd;
  font-size: 40px;
  font-weight: 500;
}
.search .result_top {
  padding: 45px 0 0 0;
}
.search .result_top .result_top_text {
  padding: 0 0 10px 0;
  border-bottom: 3px solid #222edd;
}
.search .result_top .result_top_text:after {
  content: "";
  display: block;
  clear: both;
}
.search .result_top .result_top_text strong {
  float: left;
  display: block;
  color: #222;
  font-size: 22px;
}
.search .result_top .result_top_text strong span {
  color: #222edd;
  font-weight: 500;
}
.search .result_top .result_top_text .select_box {
  float: right;
  height: 38px;
}
.search .result_top .result_top_text .select_box label + select {
  display: block;
  float: left;
  width: 220px;
}
.search .result_top .result_top_text .select_box input[type=button].btn_go {
  float: right;
  display: block;
  width: 54px;
  height: 38px;
  margin-left: 10px;
  color: #222;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.7;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.search .result_box .box {
  position: relative;
}
.search .result_box .box.no_result .detail .inner_detail ul {
  padding: 20px 0 0 0;
}
.search .result_box .box.no_result .detail .inner_detail ul li {
  color: #666;
  font-size: 18px;
}
.search .result_box .box strong {
  display: block;
  padding: 35px 30px 0;
  color: #222;
  font-size: 30px;
  font-weight: 500;
}
.search .result_box .box .detail {
  padding: 32px 0 45px 0;
  border-bottom: 1px solid #ddd;
}
.search .result_box .box .detail.photo .inner_detail .detail_cont {
  float: right;
  width: 79.5%;
  padding: 0 0 0 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search .result_box .box .detail.photo .inner_detail .detail_cont span {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 53%;
  overflow: hidden;
}
.search .result_box .box .detail.photo .inner_detail .detail_cont ul {
  width: 47%;
}
.search .result_box .box .detail .inner_detail {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search .result_box .box .detail .inner_detail:after {
  content: "";
  display: block;
  clear: both;
}
.search .result_box .box .detail .inner_detail a {
  display: block;
}
.search .result_box .box .detail .inner_detail .detail_top:after {
  content: "";
  display: block;
  clear: both;
}
.search .result_box .box .detail .inner_detail .detail_top span {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 25%;
  overflow: hidden;
  padding: 0 3.08% 0 0;
  color: #222;
  font-size: 20px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search .result_box .box .detail .inner_detail .detail_top ul {
  float: right;
  width: 75%;
  padding: 5px 0 0 0;
  text-align: left;
}
.search .result_box .box .detail .inner_detail .detail_top ul:after {
  content: "";
  display: block;
  clear: both;
}
.search .result_box .box .detail .inner_detail .detail_top ul li {
  float: left;
  color: #666;
  font-size: 18px;
  font-weight: 500;
}
.search .result_box .box .detail .inner_detail .detail_top ul li:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin: 0 10px;
  background: url(../../images/arrow/search.png) 0 0 no-repeat;
  vertical-align: middle;
}
.search .result_box .box .detail .inner_detail .detail_top ul li:last-child:after {
  content: none;
}
.search .result_box .box .detail .inner_detail .detail_top ul li.one :after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin: 0 10px;
  background: url(../../images/arrow/search.png) 0 0 no-repeat;
  vertical-align: middle;
}
.search .result_box .box .detail .inner_detail p {
  padding: 12px 0 0 0;
  color: #666;
  font-size: 18px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.6;
  height: 84px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.search .result_box .box .detail .inner_detail p .mark {
  color: #222edd;
}
.search .result_box .box .detail .inner_detail .detail_img {
  float: left;
  width: 20.5%;
  padding: 8px 0 0 0;
}
.search .result_box .box .detail .inner_detail .detail_img img {
  width: 100%;
}
.search .result_box .box a.more {
  display: block;
  width: 150px;
  height: 60px;
  margin: 49px auto 21px;
  color: #222edd;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  line-height: 3.3;
  border: 1px solid #222edd;
  text-transform: capitalize;
}
.search .result_box .box a.more:hover, .search .result_box .box a.more:focus, .search .result_box .box a.more:active {
  background: #222edd;
  color: #fff;
}
.search .photo-list {
  position: relative;
  width: 100%;
}
.search .photo-list .cont {
  width: 100%;
  padding: 30px 0 0 0;
}
.search .photo-list .cont:after {
  content: "";
  display: block;
  clear: both;
}
.search .photo-list .cont.noImg .txt {
  border: 1px solid #eee;
}
.search .photo-list .cont.noImg .txt dl dd {
  padding: 25px 0 0 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  height: 168px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.search .photo-list .cont .box {
  float: left;
  width: 32.33333%;
  height: auto;
  padding: 0 0.5% 15px;
}
.search .photo-list .cont .box .boder-line {
  border: 1px solid #eee;
  border-top: 0;
}
.search .photo-list .cont .box a {
  display: block;
}
.search .photo-list .cont .box a .img {
  position: relative;
  width: 100%;
  min-height: 193px; /* height:188px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
  border-bottom: 0;
}
.search .photo-list .cont .box a .img img { /* position:absolute; */
  width: 100%;
  display: block;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
.search .photo-list .cont .box a .txt {
  padding: 37px 21px 0; /* border:1px solid $ceee; border-top:0; */
}
.search .photo-list .cont .box a .txt strong {
  color: #222edd;
  font-size: 14px;
  padding: 0px;
}
.search .photo-list .cont .box a .txt dl {
  padding: 25px 0 0 0;
}
.search .photo-list .cont .box a .txt dl dt {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.search .photo-list .cont .box a .txt dl dt > p {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.7;
  height: 54px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.search .photo-list .cont .box a .txt dl dt span {
  display: block;
  padding: 5px 0 0 0;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.search .photo-list .cont .box a .txt dl dd {
  padding: 25px 0 0 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.7;
  height: 72px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
}
.search .photo-list .cont .box a:focus .img img, .search .photo-list .cont .box a:active .img img, .search .photo-list .cont .box a:hover .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.search .photo-list .cont .box a:focus .txt dl dt, .search .photo-list .cont .box a:active .txt dl dt, .search .photo-list .cont .box a:hover .txt dl dt {
  text-decoration: underline;
}
.search .photo-list .cont .box .hash-box {
  width: 100%; /* min-height:76px; */
  height: 74px;
  padding: 0 21px;
  margin-bottom: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  gap: 10px 5px;
  /* &:not(:has(.itm)) {margin-top:0px; height:auto;} */
}
.search .photo-list .cont .box .hash-box .itm {
  display: block;
  padding: 4px 10px;
  border-radius: 30px;
  background: #f2f2f2;
}
.search .photo-list .cont .box .hash-box .itm:hover, .search .photo-list .cont .box .hash-box .itm:focus, .search .photo-list .cont .box .hash-box .itm:active {
  background: #222edd;
}
.search .photo-list .cont .box .hash-box .itm:hover span, .search .photo-list .cont .box .hash-box .itm:focus span, .search .photo-list .cont .box .hash-box .itm:active span {
  color: #fff;
}
.search .photo-list .cont .box .hash-box .itm span {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  color: #222edd;
}

@media (max-width: 1024px) {
  .search {
    width: 100%;
    height: auto;
    background: #fff; /* padding:0 0 56px 0; */
  }
  .search .field {
    height: auto;
    padding: 40px 30px 25px;
  }
  .search .field .pix-in {
    padding: 30px;
  }
  .search .field .tit {
    padding: 0;
    font-size: 16px;
  }
  .search .field .tit:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    margin-left: 10px;
    background: url(../../images/arrow/searh_white.png) 0 0 no-repeat;
    vertical-align: middle;
  }
  .search .field .form {
    position: relative;
    width: 100%;
    padding-top: 10px;
  }
  .search .field .form .txt {
    width: 100%;
  }
  .search .field .form input[type=text] {
    width: 100%;
    height: 40px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
    background: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    padding-right: 20px;
  }
  .search .field .form .btn {
    position: absolute;
    top: 18px;
    right: 0px;
  }
  .search .field .form .btn input[type=submit] {
    width: 15px;
    height: 15px;
    background: url(../../images/btn/search_white.png) 0 0/15px no-repeat;
    text-indent: -9999px;
  }
  .search .field dl.txt {
    padding-top: 15px;
  }
  .search .field dl.txt dt {
    display: block;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
  }
  .search .field dl.txt dd {
    display: inline-block;
  }
  .search .field dl.txt dd a {
    display: inline-block;
    padding: 5px 10px 0 0;
    font-size: 12px;
    color: #0fa0f0;
  }
  .search .result_for {
    padding: 45px 30px 0;
  }
  .search .result_for p {
    font-size: 16px;
  }
  .search .result_for strong {
    font-size: 18px;
  }
  .search .result_top {
    padding: 45px 30px 0;
  }
  .search .result_top .result_top_text {
    border-bottom: 1px solid #222edd;
  }
  .search .result_top .result_top_text strong {
    float: left;
    padding: 7px 0 0 0;
    font-size: 17px;
    display: none;
  }
  .search .result_top .result_top_text .select_box { /* float:right;width:123px; */
    width: 100%; /* height:40px; */
  }
  .search .result_top .result_top_text .select_box label + select {
    width: calc(100% - 64px);
  }
  .search .result_box .box.no_result .detail .inner_detail ul {
    padding: 0;
    display: none;
  }
  .search .result_box .box strong {
    display: block;
    padding: 35px 0 0;
    color: #222;
    font-size: 20px;
    font-weight: 500;
  }
  .search .result_box .box .detail {
    padding: 0;
    border-bottom: 0;
  }
  .search .result_box .box .detail.photo .inner_detail .detail_cont {
    float: none;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .search .result_box .box .detail.photo .inner_detail .detail_cont span {
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
  }
  .search .result_box .box .detail.photo .inner_detail .detail_cont ul {
    float: none;
    width: 100%;
  }
  .search .result_box .box .detail .inner_detail {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    /* p {display:none;} */
  }
  .search .result_box .box .detail .inner_detail:after {
    content: "";
    display: block;
    clear: both;
  }
  .search .result_box .box .detail .inner_detail .detail_top:after {
    content: "";
    display: block;
    clear: both;
  }
  .search .result_box .box .detail .inner_detail .detail_top span {
    float: none;
    width: 100%;
    padding: 0 3.08% 0 0;
    color: #222;
    font-size: 16px;
    font-weight: 500;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul {
    float: none;
    width: 100%;
    padding: 5px 0 0 0;
    text-align: left;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul li {
    float: left;
    color: #999;
    font-size: 12px;
    font-weight: 500;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul li:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    margin: 0 10px;
    background: url(../../images/arrow/search.png) 0 0/5px 9px no-repeat;
    vertical-align: middle;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul li:last-child:after {
    content: none;
  }
  .search .result_box .box .detail .inner_detail .detail_top ul li.one:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    margin: 0 10px;
    background: url(../../images/arrow/search.png) 0 0 no-repeat;
    vertical-align: middle;
  }
  .search .result_box .box .detail .inner_detail .detail_img {
    float: none;
    width: 59%;
    padding: 8px 0 0 0;
  }
  .search .result_box .box .detail .inner_detail .detail_img img {
    width: 100%;
  }
  .search .result_box .box a.more {
    position: absolute;
    right: 0px;
    top: 43px;
    display: block;
    width: 18px;
    height: 16px;
    margin: 0;
    border: 0;
    font-size: 0;
    background: url(../../images/arrow/m_more.png) 0 0/18px 16px no-repeat !important;
  }
  .search .photo-list .cont {
    padding: 30px 0 0 0; /* margin:0 20px; width:calc(100% - 40px); */
  }
  .search .photo-list .cont .box {
    float: left;
    width: 50%;
    height: auto;
    padding: 0 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .search .photo-list .cont .box:nth-child(2n-1) {
    padding-right: 1%;
  }
  .search .photo-list .cont .box:nth-child(2n-2) {
    padding-left: 1%;
  }
  .search .photo-list .cont .box a .img {
    width: 100%;
    min-height: initial;
  }
  .search .photo-list .cont .box a .img img {
    width: 100%;
  }
  .search .photo-list .cont .box a .txt {
    padding: 37px 21px 0; /* border:1px solid $ceee;border-top:0; */
  }
  .search .photo-list .cont .box a .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .search .photo-list .cont .box a .txt dl {
    padding: 25px 0 0 0;
    /* dt {
    	& > p {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.7; height:auto; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: unset; -webkit-box-orient: vertical;}
    } */
  }
}
@media (max-width: 640px) {
  .search .photo-list .cont {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 0 0;
  }
  .search .photo-list .cont.p0 {
    padding: 0 !important;
  }
  .search .photo-list .cont:after {
    content: "";
    display: block;
    clear: both;
  }
  .search .photo-list .cont .box {
    float: none;
    width: 100%;
    height: auto;
    padding-left: 0 !important;
    padding-right: 0 !important; /* padding:0 8.33333% 15px; */
  }
  .search .photo-list .cont .box.noImg .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 168px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }
  .search .photo-list .cont .box a {
    display: block;
  }
  .search .photo-list .cont .box a .img {
    height: auto;
  }
  .search .photo-list .cont .box a .txt dl dt > p {
    white-space: normal;
    height: auto;
    -webkit-line-clamp: unset;
  }
  .search .photo-list .cont .box .img {
    width: 100%;
    height: auto;
  }
  .search .photo-list .cont .box .img img {
    display: block;
    width: 100%;
  }
  .search .photo-list .cont .box .txt {
    padding: 37px 30px 0; /* border:1px solid $ceee;border-top:0; */
  }
  .search .photo-list .cont .box .txt strong {
    color: #222edd;
    font-size: 14px;
  }
  .search .photo-list .cont .box .txt dl {
    padding: 20px 0 0 0;
  }
  .search .photo-list .cont .box .txt dl dt {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }
  .search .photo-list .cont .box .txt dl dd {
    padding: 25px 0 0 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    height: 96px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .search .photo-list .cont .box .hash-box {
    margin-top: 20px;
    height: auto;
    /* .itm {display:block; padding:4px 10px; border-radius:30px; background:$defColor53;
    	span {white-space: nowrap; font-size:14px; line-height:1.57; font-weight:500; color:$defColor01;}
    } */
  }
  .search .photo-list .cont .box .hash-box:not(:has(.itm)) {
    margin-top: 0;
  }
}
.securityReport .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  margin-right: 0;
  text-indent: -9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.securityReport .checkbox {
  padding: 20px 10px 20px 0;
  font-size: 0;
}
.securityReport .checkbox input[type=radio]:checked + label {
  background: url(../../images/ico/check_box_on.png) 0 0/30px 30px no-repeat;
}
.securityReport .checkbox input[type=radio]:focus + label, .securityReport .checkbox input[type=radio]:active + label, .securityReport .checkbox input[type=radio]:hover + label {
  text-decoration: underline;
}
.securityReport .checkbox input[type=radio]:focus + label, .securityReport .checkbox input[type=radio]:active + label {
  color: #222edd;
}
.securityReport .checkbox label {
  font-size: 16px;
}
.securityReport-top--tit h1 {
  font-size: 40px;
  font-weight: 500;
}
.securityReport-top--con {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.securityReport-top--con .desc {
  color: #666;
}
.securityReport-top--con .txt-etc {
  margin-top: 20px;
}
.securityReport-top--con .txt-etc > p {
  font-size: 16px;
  color: #222edd;
  font-weight: 500;
}
.securityReport-top--con .txt-etc > dl {
  margin-top: 35px;
}
.securityReport-top--con .txt-etc > dl > dt {
  font-size: 16px;
  color: #222edd;
  font-weight: 500;
}
.securityReport-top--con .txt-etc > dl > dd {
  margin-top: 10px;
}
.securityReport-top--con .txt-etc > dl > dd .list {
  margin-top: 0px;
}
.securityReport-top--con .list {
  margin-top: 40px;
}
.securityReport-top--con .list li {
  position: relative;
  padding-left: 10px;
  color: #222;
  font-weight: 400;
}
.securityReport-top--con .list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #222;
  border-radius: 50%;
}
.securityReport-top--con .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.securityReport-top--con .table dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f8f8f8;
}
.securityReport-top--con .table dl + dl {
  margin-left: 2px;
}
.securityReport-top--con .table dl dt {
  padding: 11px 0;
  color: #fff;
  font-weight: 500;
  background-color: #222edd;
  text-align: center;
}
.securityReport-top--con .table dl dd ul {
  padding: 20px 10px;
}
.securityReport-top--con .table dl dd ul li {
  position: relative;
  padding-left: 7px;
  font-weight: 400;
}
.securityReport-top--con .table dl dd ul li + li {
  margin-top: 5px;
}
.securityReport-top--con .table dl dd ul li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #545454;
}
.securityReport-mid {
  margin-top: 100px;
}
.securityReport-mid .form-con + .form-con {
  margin-top: 60px;
}
.securityReport-mid .form-con._btn {
  margin-top: 0;
}
.securityReport-mid .form-con .form_title {
  position: relative;
  padding-bottom: 30px;
}
.securityReport-mid .form-con .form_title p {
  position: relative; /* padding-top: 14px; */
  font-size: 30px;
  /* &::before{content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 3px; background-color: $defColor01;} */
}
.securityReport-mid .form-con .form_title .required {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 13px;
  font-weight: 300;
}
.securityReport-mid .form-con .form_subTitle {
  font-size: 20px;
  font-weight: 700;
}
.securityReport-mid .form-con .form_checkBox .df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.securityReport-mid .form-con .form_checkBox .df .checkbox + .checkbox {
  margin-left: 30px;
}
.securityReport-mid .form-con .form_checkBox .desc {
  position: relative;
  padding-left: 8px;
  font-size: 13px;
  color: #666;
}
.securityReport-mid .form-con .form_checkBox .desc._blue {
  color: #222edd;
  font-weight: 400;
}
.securityReport-mid .form-con .form_checkBox .desc._blue::before {
  content: "*";
  position: absolute;
  width: auto;
  height: auto;
  top: 0px;
  left: 0;
  background-color: transparent;
}
.securityReport-mid .form-con .form_checkBox .desc::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #666;
}
.securityReport-mid .form-con .frm-field {
  margin-top: 7px;
}
.securityReport-mid .form-con .frm-field ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px 15px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.securityReport-mid .form-con .frm-field ul li + li {
  border-top: 1px solid #ddd;
}
.securityReport-mid .form-con .frm-field ul li:last-child {
  border-bottom: 1px solid #ddd;
}
.securityReport-mid .form-con .frm-field ul li label {
  width: 126px;
  font-weight: 500;
}
.securityReport-mid .form-con .frm-field ul li input {
  width: calc(100% - 126px);
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.securityReport-mid .form-con .form_text {
  margin-top: 22px;
  font-size: 0;
}
.securityReport-mid .form-con .form_text textarea {
  width: 100%;
  height: 220px;
  padding: 20px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  font-size: 14px;
}
.securityReport-mid .form-con .form_text textarea.integrity-height {
  font-size: 16px;
  height: 420px;
}
.securityReport-mid .form-con .form_file {
  margin-top: 30px;
}
.securityReport-mid .form-con .form_file .file-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.securityReport-mid .form-con .form_file .file-box label {
  font-weight: 500;
}
.securityReport-mid .form-con .form_file .file-box .file {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.securityReport-mid .form-con .form_file .file-box .file input[type=file] {
  position: absolute;
  left: -99999px;
  width: 0;
  height: 0;
  opacity: 0;
}
.securityReport-mid .form-con .form_file .file-box .file input[type=file]:focus + span {
  outline: -webkit-focus-ring-color auto 1px;
  text-decoration: underline;
  color: #fff;
  background-color: #222edd;
}
.securityReport-mid .form-con .form_file .file-box .file span {
  margin-left: 25px;
  padding: 8px 23px;
  border: 1px solid #222edd;
  color: #222edd;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  font-weight: 500;
  cursor: pointer;
}
.securityReport-mid .form-con .form_file .file-box .file span:hover, .securityReport-mid .form-con .form_file .file-box .file span:active, .securityReport-mid .form-con .form_file .file-box .file span:focus {
  color: #fff;
  background-color: #222edd;
  text-decoration: underline;
}
.securityReport-mid .form-con .form_file .file-box .file-view {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 20px;
  padding-left: 20px;
  background: url(../../images/ico/ico_ipt_file_add.png) left center/14px no-repeat;
}
.securityReport-mid .form-con .form_file .file-box .file-view.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.securityReport-mid .form-con .form_file .file-box .file-view:hover {
  text-decoration: underline;
}
.securityReport-mid .form-con .form_file .file-box .file-view p {
  font-size: 14px;
  color: #666;
}
.securityReport-mid .form-con .form_file .file-box .file-view button {
  margin-left: 5px;
  width: 17px;
  height: 17px;
  background: url(../../images/ico/ico_ipt_file_delete.png) left center/17px no-repeat;
}
.securityReport-mid .form-con .form_file ul {
  margin-top: 25px;
}
.securityReport-mid .form-con .form_file ul li {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  color: #666;
  font-weight: 400;
}
.securityReport-mid .form-con .form_file ul li + li {
  margin-top: 5px;
}
.securityReport-mid .form-con .form_file ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #666;
}
.securityReport-mid .form-con .form_file ul li a {
  color: #222edd;
}
.securityReport-mid .form-con .form_file ul li a:hover {
  text-decoration: underline;
}
.securityReport-mid .form-con .form_privacy {
  margin-top: 30px;
  padding: 30px 20px;
  width: 100%;
  height: 220px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  font-weight: 400;
}
.securityReport-mid .form-con .form_privacy .tit {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
  color: #222;
  font-weight: 500;
}
.securityReport-mid .form-con .form_btn {
  margin-top: 60px;
  text-align: center;
}
.securityReport-mid .form-con .form_btn button {
  padding: 17px 48px;
  border: 1px solid #222edd;
  color: #222edd;
  font-size: 20px;
  text-align: center;
  background-color: #fff;
  font-weight: 700;
}
.securityReport-mid .form-con .form_btn button:hover, .securityReport-mid .form-con .form_btn button:active, .securityReport-mid .form-con .form_btn button:focus {
  color: #fff;
  background-color: #222edd;
  text-decoration: underline;
}
.securityReportResult {
  padding-bottom: 300px;
}
.securityReportResult .tit {
  font-size: 35px;
  font-weight: 600;
  color: #222edd;
  line-height: 1.25;
  margin-bottom: 40px;
}
.securityReportResult .mid {
  font-size: 18px;
  font-weight: 400;
}
.securityReportResult .txt {
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
}
.securityReportResult .btn {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin-top: 40px;
  padding: 18px 45px;
  color: #fff;
  background-color: #222edd;
}
.securityReportResult .btn:hover, .securityReportResult .btn:focus {
  text-decoration: underline;
}

@media (max-width: 1023px) {
  .securityReport {
    margin-top: 40px;
  }
  .securityReport .pix-in {
    padding: 0 30px;
  }
  .securityReport .ico-req {
    width: 5px;
    height: 5px;
    margin-left: 0;
    vertical-align: super;
  }
  .securityReport .checkbox {
    padding: 20px 10px 20px 0;
    font-size: 0;
  }
  .securityReport .checkbox input[type=radio]:checked + label {
    background-size: 20px;
  }
  .securityReport .checkbox input[type=checkbox]:checked + label {
    background-size: 20px;
  }
  .securityReport .checkbox label {
    font-size: 13px;
  }
  .securityReport-top--tit h1 {
    font-size: 20px;
  }
  .securityReport-top--con {
    margin-top: 20px;
    padding-top: 20px;
  }
  .securityReport-top--con .txt-etc {
    margin-top: 20px;
  }
  .securityReport-top--con .txt-etc > p {
    font-size: 14px;
  }
  .securityReport-top--con .txt-etc > dl {
    margin-top: 30px;
    /* & > dd {} */
  }
  .securityReport-top--con .txt-etc > dl > dt {
    font-size: 14px;
  }
  .securityReport-top--con .list {
    margin-top: 25px;
  }
  .securityReport-top--con .list li {
    font-weight: 500;
  }
  .securityReport-top--con .list li + li {
    margin-top: 5px;
  }
  .securityReport-top--con .table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .securityReport-top--con .table dl + dl {
    margin-left: 0px;
    margin-top: 2px;
  }
  .securityReport-top--con .table dl dd ul {
    padding: 13px 10px;
  }
  .securityReport-top--con .table dl dd ul li {
    font-size: 13px;
  }
  .securityReport-mid {
    margin-top: 50px;
  }
  .securityReport-mid .form-con + .form-con {
    margin-top: 50px;
  }
  .securityReport-mid .form-con._btn {
    margin-top: 0;
  }
  .securityReport-mid .form-con .form_title {
    padding: 0 0 20px;
  }
  .securityReport-mid .form-con .form_title p {
    font-size: 18px;
  }
  .securityReport-mid .form-con .form_title .required {
    bottom: 5px;
    font-size: 12px;
  }
  .securityReport-mid .form-con .form_subTitle {
    font-size: 16px;
  }
  .securityReport-mid .form-con .form_checkBox .desc::before {
    top: 8px;
  }
  .securityReport-mid .form-con .form_checkBox .df.moBlock {
    display: block;
    margin-top: 10px;
  }
  .securityReport-mid .form-con .form_checkBox .df.moBlock .checkbox {
    padding: 5px 0px;
  }
  .securityReport-mid .form-con .form_checkBox .df.moBlock .checkbox + .checkbox {
    margin-left: 0;
  }
  .securityReport-mid .form-con .frm-field {
    margin-top: 2px;
  }
  .securityReport-mid .form-con .frm-field ul li {
    padding: 2px 0;
  }
  .securityReport-mid .form-con .frm-field ul li label {
    width: auto;
    min-width: 75px;
  }
  .securityReport-mid .form-con .frm-field ul li input {
    width: calc(100% - 75px);
    margin-left: 0px;
    border: 0px;
    font-size: 13px;
    padding: 0;
  }
  .securityReport-mid .form-con .form_text {
    margin-top: 13px;
  }
  .securityReport-mid .form-con .form_text textarea {
    padding: 10px;
    height: 165px;
    font-size: 13px;
  }
  .securityReport-mid .form-con .form_file .file-box {
    display: block;
  }
  .securityReport-mid .form-con .form_file .file-box .file > button {
    margin-left: 15px;
    padding: 3px 12px;
    color: #fff;
    background-color: #222edd;
  }
  .securityReport-mid .form-con .form_file .file-box .file-view {
    margin-left: 0;
    margin-top: 12px;
  }
  .securityReport-mid .form-con .form_file .file-box .file-view p {
    text-decoration: underline;
    font-weight: 400;
  }
  .securityReport-mid .form-con .form_file ul {
    margin-top: 12px;
  }
  .securityReport-mid .form-con .form_file ul li + li {
    margin-top: 10px;
  }
  .securityReport-mid .form-con .form_file ul li a {
    text-decoration: underline;
  }
  .securityReport-mid .form-con .form_privacy {
    margin-top: 25px;
    padding: 10px;
    height: 153px;
    font-size: 13px;
  }
  .securityReport-mid .form-con .form_privacy .tit {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .securityReport-mid .form-con .form_btn {
    margin-top: 20px;
  }
  .securityReport-mid .form-con .form_btn button {
    padding: 14px 41px;
    color: #fff;
    background-color: #222edd;
    font-size: 17px;
  }
  .securityReportResult .tit {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .securityReportResult .mid {
    font-size: 17px;
    line-height: 1.25;
  }
  .securityReportResult .txt {
    font-size: 14px;
  }
  .securityReportResult .btn {
    font-size: 17px;
    padding: 12px 34px;
    margin-top: 35px;
  }
}
body.newsRoom .section .pix-in {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
}
body.newsRoom .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
body.newsRoom .flexL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
body.newsRoom .round {
  border-radius: 5px;
  overflow: hidden;
}
body.newsRoom .iconRound {
  padding-left: 21px;
  background: url(../../images/mediacenter/newsroom/layer_icon_round.png) no-repeat left 7px;
}
body.newsRoom .boxShadow {
  -webkit-box-shadow: 0px 0px 39px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 39px 2px rgba(0, 0, 0, 0.1);
}

#container .sub_visual.newsRoom {
  position: relative;
  padding: 0; /* max-height:440px; */
  height: 100%;
  overflow: hidden;
}
#container .sub_visual.newsRoom + .sub_menu { /* top:469px; */ /* top:569px; */
}
#container .sub_visual.newsRoom + .sub_menu.fix {
  top: 0;
}

.sub_visual.newsRoom {
  position: relative; /* height:440px; */
  height: 340px;
  overflow: hidden;
}
.sub_visual.newsRoom .newItem {
  position: relative;
  width: 100%; /* height:440px; */
  height: 340px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sub_visual.newsRoom .newItem.itm1 {
  background-image: url(../../images/mediacenter/newsroom/bg_subvisual_newsroom.jpg);
}
.sub_visual.newsRoom .newItem.itm1 .pix-in {
  margin-top: 0;
  height: calc(100% - 60px);
}
.sub_visual.newsRoom .newItem.itm1 .pix-in .txtImg {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub_visual.newsRoom .newItem .pix-in {
  margin-top: 80px;
  padding: 0 20px;
  max-width: 1240px;
}
.sub_visual.newsRoom .newItem .bigTxt {
  max-width: 615px;
  max-height: 140px;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
  color: #fff;
  overflow: hidden;
}
.sub_visual.newsRoom .newItem .more {
  margin-top: 55px;
  padding: 11px 39px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  display: inline-block;
  border-radius: 20px;
  background-color: #222edd;
}
.sub_visual.newsRoom .slide-control {
  position: absolute;
  bottom: 89px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 1200px;
  text-align: center;
  z-index: 1;
}
.sub_visual.newsRoom .slide-control .play,
.sub_visual.newsRoom .slide-control .pause {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
.sub_visual.newsRoom .slide-control .play {
  background: url(../../images/btn/slide_play.png) center center no-repeat;
}
.sub_visual.newsRoom .slide-control .pause {
  background: url(../../images/btn/slide_pause.png) center center no-repeat;
}
.sub_visual.newsRoom .slide-control .swiper-button-next,
.sub_visual.newsRoom .slide-control .swiper-button-prev {
  width: 14px;
  height: 26px;
  margin-top: -500px;
}
.sub_visual.newsRoom .slide-control .swiper-button-next {
  right: 0px;
  background: url(../../images/arrow/swiper_next_white.png) 0 0 no-repeat;
}
.sub_visual.newsRoom .slide-control .swiper-button-prev {
  left: 0px;
  background: url(../../images/arrow/swiper_prev_white.png) 0 0 no-repeat;
}
.sub_visual.newsRoom .slide-control .swiper-pagination {
  position: relative;
  display: inline-block;
}
.sub_visual.newsRoom .slide-control .swiper-pagination span:first-child {
  margin-left: 0;
}
.sub_visual.newsRoom .slide-control .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border: 0;
  background-color: #888;
}
.sub_visual.newsRoom .slide-control .swiper-pagination .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background-color: #fff;
}

.layerSubscribe {
  overflow: hidden;
  background: #edf9ff;
  /* & + .section{
  	.pix-in{padding-top:120px}
  } */
}
.layerSubscribe .pix-in { /* padding:34px 0 35px; */
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.layerSubscribe .pix-in .pc {
  margin-right: 40px;
}
.layerSubscribe .pix-in > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.layerSubscribe .pix-in > * p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.layerSubscribe .pix-in .layerNewsTit {
  padding-top: 2px;
  width: 220px;
  font-size: 24px;
  font-weight: 600;
}
.layerSubscribe .pix-in .layerNewsTit + p:not(.layerNewsTit) {
  padding-top: 7px;
  font-size: 18px;
  font-weight: 400;
}
.layerSubscribe .pix-in .btn {
  margin-left: 29px;
  padding: 10px 36px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: #222edd;
}
.layerSubscribe .pix-in .btn[data-name=subscribe] {
  height: 21px;
  overflow: hidden;
}
.layerSubscribe .pix-in .layerSubscribeClose {
  position: absolute;
  right: 24px;
  top: 20px;
  width: 17px;
  height: 17px;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  background: url(../../images/mediacenter/newsroom/layer_close.png) no-repeat left top;
}

.section.mobile .newsBoxWrap .newsBoxBody .newsBox.small a {
  max-height: 93px;
}

.newsBoxWrap {
  max-width: 765px;
  width: 100%;
}
.newsBoxWrap + .newsBoxWrap {
  margin-top: 100px;
}
.newsBoxWrap + .newsBoxWrap.banner + .banner {
  margin-top: 20px;
}
.newsBoxWrap.companyNews .newsBoxBody .newsBox .newsBoxImg {
  max-height: 189px;
}
.newsBoxWrap.companyNews .newsBoxBody .newsBox .newsBoxImg img {
  min-height: auto;
}
.newsBoxWrap.banner {
  background: url(../../images/mediacenter/newsroom/layer_bg_banner.jpg) no-repeat left top;
}
.newsBoxWrap.banner .newsBox a {
  padding: 22px 0;
  text-align: center;
  display: block;
}
.newsBoxWrap.banner .newsBox a p {
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  line-height: 28px;
}
.newsBoxWrap.banner .newsBox a p.bannerTit {
  font-size: 24px;
  font-weight: 500;
}
.newsBoxWrap.socialMedia .newsBoxBody {
  padding-top: 20px;
}
.newsBoxWrap.socialMedia .newsBoxBody:after {
  content: "";
  display: block;
  clear: both;
}
.newsBoxWrap.socialMedia .newsBoxBody .iconRound {
  width: 100%;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox {
  float: left;
  padding-top: 10px;
  max-width: 370px;
  width: calc(50% - 15px);
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox > a {
  display: block;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:hover .newsBoxImg img, .newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:focus .newsBoxImg img, .newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:active .newsBoxImg img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:hover .newsText p, .newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:focus .newsText p, .newsBoxWrap.socialMedia .newsBoxBody .newsBox > a:active .newsText p {
  text-decoration: underline;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg {
  height: 217px;
  max-height: 217px;
  overflow: inherit;
  overflow: hidden;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img.h {
  height: auto;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img.w {
  width: auto;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .frameSet {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer {
  width: 100%;
  height: 100%;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  background: #333;
  color: #fff;
}
.newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:focus, .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:hover, .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:active {
  position: absolute;
  top: 0;
  left: auto;
  right: calc(-100% - 30px);
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 16px;
}
.newsBoxWrap.newsLetter { /* margin-top:106px; */
  margin-top: 60px;
  background-color: #edf9ff;
}
.newsBoxWrap.newsLetter .newsLetterWrap {
  padding: 40px 0 45px;
  background: url(../../images/mediacenter/newsroom/layer_img_newsletter.png) no-repeat center 86px;
}
.newsBoxWrap.newsLetter .newsLetterWrap h4 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}
.newsBoxWrap.newsLetter .newsLetterWrap p {
  padding: 80px 50px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput {
  position: relative;
  padding: 33px 30px 0;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text] {
  padding: 8px 26px 9px 17px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  border-radius: 20px 0 0 20px;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:lang(ko) {
  padding: 8px 57px 9px 17px;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: 1;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: 1;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: 1;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: 1;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  opacity: 1;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput .btnNewsSubmig {
  position: absolute;
  right: 30px;
  top: 33px;
  padding: 10px 17px;
  font-size: 12px;
  color: #fff;
  border: 0;
  border-radius: 20px;
  background-color: #2c447d;
}
.newsBoxWrap.newsLetter .newsLetterWrap .emailInput .btnNewsSubmig:lang(ko) {
  padding: 8px 17px 9px;
}
.newsBoxWrap .newsBoxHeader {
  position: relative;
}
.newsBoxWrap .newsBoxHeader h4.blueLine {
  margin-top: 13px;
  padding-right: 90px;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
.newsBoxWrap .newsBoxHeader h4.blueLine:before {
  top: -12px;
  width: 50px;
  height: 5px;
}
.newsBoxWrap .newsBoxHeader .more {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 28px 7px 16px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  border: 1px solid #666;
  border-radius: 20px;
  background: #fff url(../../images/mediacenter/newsroom/layer_more.png) no-repeat 64px 11px;
}
.newsBoxWrap .newsBoxHeader .snsBtn {
  position: absolute;
  top: 5px;
  right: 0;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: left;
}
.newsBoxWrap .newsBoxHeader .snsBtn a {
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  background-image: url(../../images/mediacenter/newsroom/layer_sns.png);
  background-repeat: no-repeat;
}
.newsBoxWrap .newsBoxHeader .snsBtn a + a {
  margin-left: 10px;
}
.newsBoxWrap .newsBoxHeader .snsBtn a.snsLinkedin {
  background-position: left top;
}
.newsBoxWrap .newsBoxHeader .snsBtn a.snsInstargram {
  background-position: -40px top;
}
.newsBoxWrap .newsBoxHeader .snsBtn a.snsFacebook {
  background-position: -80px top;
}
.newsBoxWrap .newsBoxHeader .snsBtn a.snsYoutube {
  background-position: -120px top;
}
.newsBoxWrap .newsBoxBody {
  padding-top: 40px;
}
.newsBoxWrap .newsBoxBody .tab_cont {
  padding-top: 56px;
  overflow: inherit;
}
.newsBoxWrap .newsBoxBody h4 {
  font-size: 20px;
  font-weight: 500;
}
.newsBoxWrap .newsBoxBody .flex .newsBox {
  width: calc(50% - 18px);
}
.newsBoxWrap .newsBoxBody .newsBox {
  max-width: 365px;
}
.newsBoxWrap .newsBoxBody .newsBox.boxShadow .newsText {
  padding: 0 20px 38px;
  max-height: 193px;
  overflow: hidden;
}
.newsBoxWrap .newsBoxBody .newsBox.small {
  margin-left: 30px;
  max-width: 365px;
  max-height: 93px;
}
.newsBoxWrap .newsBoxBody .newsBox.small + .small {
  padding-top: 31px;
}
.newsBoxWrap .newsBoxBody .newsBox.small a {
  height: 93px;
  display: block;
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg {
  position: relative;
  float: left;
  margin-right: 20px;
  max-width: 143px;
  width: calc(50% - 40px);
  height: 93px;
  overflow: hidden;
  max-height: none;
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:focus, .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:hover, .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:active {
  right: calc(-100% - 82px);
  padding: 10px;
  width: calc(100% + 60px);
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg img { /* position:absolute; */
  width: 100%;
  height: auto;
  min-height: auto;
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsText {
  float: left;
  max-width: 202px;
  width: calc(50% + 20px);
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsText .newsCon {
  padding-top: 0;
  max-height: 46px;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.newsBoxWrap .newsBoxBody .newsBox.small .newsText .newsInfo {
  padding-top: 5px;
  max-height: 42px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
}
.newsBoxWrap .newsBoxBody .newsBox > a {
  display: block;
}
.newsBoxWrap .newsBoxBody .newsBox > a:hover .newsBoxImg img, .newsBoxWrap .newsBoxBody .newsBox > a:focus .newsBoxImg img, .newsBoxWrap .newsBoxBody .newsBox > a:active .newsBoxImg img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.newsBoxWrap .newsBoxBody .newsBox > a:hover .newsText p.newsCon, .newsBoxWrap .newsBoxBody .newsBox > a:focus .newsText p.newsCon, .newsBoxWrap .newsBoxBody .newsBox > a:active .newsText p.newsCon {
  text-decoration: underline;
}
.newsBoxWrap .newsBoxBody .newsBox .newsBoxImg {
  position: relative;
  max-height: 205px;
  overflow: hidden;
  font-size: 0;
}
.newsBoxWrap .newsBoxBody .newsBox .newsBoxImg img {
  width: 100%;
  height: 100%;
  min-height: 203px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.newsBoxWrap .newsBoxBody .newsBox img {
  width: 100%;
  min-height: 203px;
}
.newsBoxWrap .newsBoxBody .newsBox .newsText .newsTit {
  padding-top: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #222edd;
}
.newsBoxWrap .newsBoxBody .newsBox .newsText .newsHash {
  padding-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #222edd;
  letter-spacing: -0.5px;
}
.newsBoxWrap .newsBoxBody .newsBox .newsText .newsCon {
  padding-top: 20px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  max-height: 60px; /* Fallback for non-webkit */
  word-break: keep-all;
  letter-spacing: -0.01em;
}
.newsBoxWrap .newsBoxBody .newsBox .newsText .newsDate {
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.newsBoxWrap .newsBoxBody .eventBox {
  max-width: 365px;
}
.newsBoxWrap .newsBoxBody .eventBox > ul {
  width: 100%;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li {
  width: 100%;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li + li {
  margin-top: 2px;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a {
  display: block;
  background: #e9ecf6;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a:hover dl dt, .newsBoxWrap .newsBoxBody .eventBox > ul > li > a:focus dl dt, .newsBoxWrap .newsBoxBody .eventBox > ul > li > a:active dl dt {
  color: #28447e;
  text-decoration: underline;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a:hover dl dd, .newsBoxWrap .newsBoxBody .eventBox > ul > li > a:focus dl dd, .newsBoxWrap .newsBoxBody .eventBox > ul > li > a:active dl dd {
  color: #2c447d;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl {
  width: 100%;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl dt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl dd {
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}
.newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl dd p + p {
  margin-top: 2px;
}

.clear {
  /* & + .newsroom-txt {margin-top:50px;
  	p {font-size:12px; color:$c666;}
  } */
}
.clear .type1 {
  float: left;
  max-width: 765px;
  width: calc(70% - 72px); /*width:calc(100% - 403px);*/
}
.clear .type2 {
  position: relative;
  float: right;
  max-width: 363px;
  width: 31%; /*width:calc(100% - 795px);*/
}
.clear .type2 .newsBoxWrap.upcoming .newsBoxBody .newsBox .newsText .newsCon {
  padding-top: 30px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  max-height: 60px; /* Fallback for non-webkit */
}
.clear .type2 .newsBoxWrap .newsBoxHeader h4.blueLine {
  font-size: 28px;
}
.clear .type2 .newsBoxWrap .newsBoxBody .newsBox {
  max-width: 363px;
}
.clear .type2 .newsBoxWrap .newsBoxBody .newsBox + .newsBox {
  padding-top: 30px;
}
.clear .type2 .newsBoxWrap .newsBoxBody .newsBox .newsText .newsHash + .newsCon {
  padding-top: 5px;
}
.clear .type2 .newsBoxWrap .newsBoxBody .newsBox .newsText .newsCon {
  padding-top: 20px;
  font-weight: 400;
}
.clear .type2 .newsBoxWrap .newsBoxBody .newsBox .newsBoxImg {
  max-height: 207px;
  border: 1px solid #eee;
}

.newsRoom2024-box {
  position: relative;
  width: 100%;
  margin: auto; /* padding: 0 0 35px 0;  */
}
.newsRoom2024-box:lang(en) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box:lang(en) h2 {
  font-family: "ssl-gilroy", "ssl-font" !important;
}
.newsRoom2024-box:lang(ko) {
  font-family: "ssl-font" !important;
}
.newsRoom2024-box:lang(ko) h2 {
  font-family: "ssl-gilroy", "ssl-font" !important;
}
.newsRoom2024-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  height: 590px;
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_bg_2880.png) center top/2880px no-repeat;
  z-index: -1;
}
.newsRoom2024-box .newsRoom2024__con {
  max-width: 1200px;
  margin: auto;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 0 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top .tit {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top .tit:lang(ko) {
  font-weight: 500;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  padding-right: 16px;
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_viewall_btn.png) right center/7px no-repeat;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top a:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--mid {
  margin-top: 35px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews {
  -webkit-box-flex: 1.9722;
      -ms-flex: 1.9722;
          flex: 1.9722;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li {
  padding: 23px 0;
  border-top: 1px solid #ddd;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li:last-child {
  border-bottom: 1px solid #ddd;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .category {
  font-size: 15px;
  font-weight: 400;
  color: #222edd;
  line-height: 1;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .category:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .category span {
  margin-left: 5px;
  color: #666;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .tit {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .tit:hover {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources {
  margin-left: 80px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li {
  font-size: 0;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li + li {
  margin-top: 30px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a {
  position: relative;
  display: block;
  -webkit-box-shadow: 0px 8px 18px 0px rgba(91, 91, 91, 0.14);
          box-shadow: 0px 8px 18px 0px rgba(91, 91, 91, 0.14);
  border-radius: 20px;
  overflow: hidden;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box:hover .tit {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box .category {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box .tit {
  font-size: 18px;
  color: #fff;
  line-height: 1.25;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 23px;
  max-height: 46px; /* Fallback for non-webkit */
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a img {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  width: 100%;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets {
  -webkit-box-flex: 1.4396;
      -ms-flex: 1.4396;
          flex: 1.4396;
  min-width: 560px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  grid-template-areas: "a b" "a c" "d c";
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li {
  font-size: 0;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li.grid1 {
  grid-area: a;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li.grid2 {
  grid-area: d;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li.grid3 {
  grid-area: b;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li.grid4 {
  grid-area: c;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a {
  border-radius: 20px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a:hover .img-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box .tit {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
  font-family: "ssl-gilroy", "ssl-font" !important;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events {
  margin-left: 30px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li {
  border-top: 1px solid #ddd;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li:last-child {
  border-bottom: 1px solid #ddd;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box {
  padding: 13px 10px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .tit a {
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .tit a:hover {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .tit a:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .desc {
  margin-top: 5px;
  font-size: 16px;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con a.more {
  position: absolute;
  top: 7px;
  right: 0px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  padding-right: 16px;
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_viewall_btn.png) right center/7px no-repeat;
}
.newsRoom2024-box .newsRoom2024__con--con .list-box .list__con a.more:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain {
  padding-top: 45px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top { /*display: flex; align-items: end; justify-content: space-between;*/ }
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  padding: 0 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li + li {
  margin-left: 15px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li a {
  display: block;
  height: 29px;
  font-size: 0;
  text-indent: -9999px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(1) a {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_sns_01.png) center/100% no-repeat;
  width: 25px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(2) a {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_sns_02.png) center/100% no-repeat;
  width: 29px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(3) a {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_sns_03.png) center/100% no-repeat;
  width: 16px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(4) a {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_sns_04.png) center/100% no-repeat;
  width: 34px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con {
  margin-top: 18px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide {
  position: relative;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container {
  margin: 0 -10px 0 -3px;
  overflow: hidden;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper {
  font-size: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .txt-box .desc p {
  text-decoration-thickness: 1px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .txt-box .btn {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .img-box img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 10px 10px 3px;
  -webkit-box-shadow: 0px 8px 18px 0px rgba(91, 91, 91, 0.14);
          box-shadow: 0px 8px 18px 0px rgba(91, 91, 91, 0.14);
  border-radius: 30px;
  overflow: hidden;
  background-color: #fff;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .img-box {
  position: relative;
  height: 100%;
  overflow: hidden;
  -webkit-box-flex: 0.95503;
      -ms-flex: 0.95503;
          flex: 0.95503;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .img-box img {
  width: 100%;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
  padding: 0 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .category {
  font-size: 16px;
  font-weight: 400;
  color: #222edd;
  line-height: 1;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .category:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .tit {
  margin-top: 10px;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.1;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .tit:lang(en) {
  letter-spacing: -0.5px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .tit:lang(ko) {
  letter-spacing: -1px;
  line-height: 1.4;
  font-size: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 44.8px;
  max-height: 89.6px; /* Fallback for non-webkit */
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .desc {
  margin-top: 13px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .desc p {
  font-size: 18px;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .btn {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .btn:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 22px;
  line-height: 0;
  font-size: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination {
  position: relative;
  top: 0;
  width: auto;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 7px;
  background-color: #b2b2b2;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
  border-radius: 7px;
  margin-left: 6px;
  border: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet-active {
  width: 44px;
  background-color: #000;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn {
  font-size: 0;
  text-indent: -9999px;
  width: 9px;
  height: 9px;
  margin-left: 10px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn.stop {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_stop.png) center/100% no-repeat;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn.play {
  background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_play.png) center/100% no-repeat;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev,
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next {
  top: 45%;
  width: 16px;
  height: 30px;
  background-size: 100%;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev:after,
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next:after {
  display: none;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev {
  background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_prev.png);
  left: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next {
  background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_next.png);
  right: 0;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-container .swiper-wrapper .swiper-slide a .img-box {
  max-width: 640px;
  min-width: 540px;
  overflow: hidden;
  -webkit-box-flex: 1.5842;
      -ms-flex: 1.5842;
          flex: 1.5842;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
  padding: 0 25px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .list-box {
  margin-top: 70px;
}
.newsRoom2024-box .newsRoom2024__con._ourstory {
  max-width: none;
  margin-top: 100px;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con {
  background-color: #f2f2f2;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box {
  padding: 50px 0 68px;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top .tit {
  font-size: 45px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top .tit a:lang(ko) { /*font-weight: 500;*/
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top .tit a:hover {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 45px auto 0;
  max-width: 1110px;
  padding-bottom: 12px;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li {
  font-size: 0;
  width: calc(33.33% - 30px);
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li + li {
  margin-left: 45px;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a {
  display: block;
  overflow: hidden;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.1s;
  transition: -webkit-box-shadow 0.1s;
  transition: box-shadow 0.1s;
  transition: box-shadow 0.1s, -webkit-box-shadow 0.1s;
  -webkit-box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.06);
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover {
  -webkit-box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.03);
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover .img-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover .txt-box .tit {
  text-decoration: underline;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .img-box {
  overflow: hidden; /* min-height:191px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .img-box img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box {
  padding: 15px 30px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .category {
  font-size: 14px;
  color: #222edd;
  font-weight: 400;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .category:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .tit {
  margin-top: 5px;
  min-height: 52px;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  /* word-break: break-all; */
  word-break: keep-all;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 26px;
  max-height: 52px; /* Fallback for non-webkit */
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .date {
  margin-top: 35px;
  font-size: 14px;
  color: #666;
}
.newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .date:lang(ko) {
  font-weight: 400;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot {
  margin-top: 80px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box {
  margin-top: 75px;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
  margin: auto;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li:hover .img-box::before {
  opacity: 1;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li:nth-child(1) .img-box::before {
  background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_contact_01_on.png);
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li:nth-child(2) .img-box::before {
  background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_contact_02_on.png);
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li:nth-child(3) .img-box::before {
  background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_contact_03_on.png);
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li a {
  display: block;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .img-box {
  position: relative;
  text-align: center;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .img-box::before {
  content: "";
  position: absolute;
  width: 77px;
  height: 77px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
  z-index: 1;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box p {
  text-align: center;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box p.tit {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box p.tit:lang(ko) {
  font-family: "ssl-gilroy", "ssl-font";
}
.newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box .desc {
  margin-top: 7px;
  font-size: 16px;
}

@media (max-width: 1450px) {
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev {
    left: 5px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next {
    right: 5px;
  }
}
@media (max-width: 1360px) {
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top h2 {
    padding: 0 30px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide {
    padding: 0 30px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box {
    padding: 50px 30px 68px;
  }
}
@media (max-width: 1023px) {
  body.newsRoom .section.mobile .pix-in {
    padding-left: 0;
    padding-right: 0;
    max-width: none;
  }
  body.newsRoom2024 #content {
    padding-top: 30px;
  }
  #container .sub_visual.newsRoom + .sub_menu {
    top: auto;
  }
  .sub_visual.newsRoom .newItem {
    height: 165px;
  }
  .sub_visual.newsRoom .newItem.itm1 {
    background-image: url(../../images/mediacenter/newsroom/mo_bg_subvisual_newsroom.jpg);
  }
  .sub_visual.newsRoom .newItem.itm1 .pix-in {
    height: 100%;
  }
  .sub_visual.newsRoom .newItem.itm1 .pix-in .txtImg img {
    height: 24px;
  }
  .sub_visual.newsRoom .newItem.itm1 .pix-in .txtImg.v231106 img {
    height: 24px;
  }
  .sub_visual.newsRoom .newItem .pix-in {
    margin-top: 46px;
    max-width: none;
  }
  .sub_visual.newsRoom .newItem .bigTxt {
    padding: 0 14px;
    font-size: 16px;
    line-height: 23px;
  }
  .sub_visual.newsRoom .newItem .more {
    margin-top: 30px;
    padding: 3px 29px;
    font-size: 12px;
  }
  .sub_visual.newsRoom .slide-control {
    bottom: 26px;
  }
  .layerSubscribe {
    padding-top: 0;
  }
  .layerSubscribe .pix-in {
    padding: 26px 0;
  }
  .layerSubscribe .pix-in > * p {
    font-size: 20px;
  }
  .layerSubscribe .pix-in > *.mobile {
    width: 100%;
  }
  .layerSubscribe .pix-in .layerNewsTit {
    width: 100%;
    font-size: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .layerSubscribe .pix-in .layerNewsTit + label input[type=text] {
    margin-top: 17px;
    padding: 6px;
    width: calc(100% - 110px);
    border: 1px solid #c2c2c2;
  }
  .layerSubscribe .pix-in .layerNewsTit button {
    margin-top: 17px;
  }
  .layerSubscribe .pix-in .btn {
    margin-left: 3px;
    padding: 8px 9px;
    font-size: 12px;
  }
  .layerSubscribe .pix-in .layerSubscribeClose {
    top: 10px;
    right: 20px;
  }
  .layerSubscribe + .section .pix-in { /* padding-top:57px; */
    padding-left: 0;
    padding-right: 0;
  }
  .newsBoxWrap {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
    max-width: 560px;
  }
  .newsBoxWrap + .newsBoxWrap {
    margin-top: 56px;
  }
  .newsBoxWrap + .newsBoxWrap.banner {
    margin-top: 57px;
  }
  .newsBoxWrap.mobile .newsBoxBody .newsBox + .newsBox {
    padding-top: 33px;
  }
  .newsBoxWrap.mobile .newsBoxBody .newsBox .newsText .newsCon {
    font-weight: 400;
  }
  .newsBoxWrap.banner {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
    height: 90px;
    background-image: url(../../images/mediacenter/newsroom/m_layer_bg_banner.jpg);
    background-position: center top;
  }
  .newsBoxWrap.banner .newsBox {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .newsBoxWrap.banner .newsBox a {
    padding: 0;
  }
  .newsBoxWrap.banner .newsBox a p {
    font-size: 12px;
    line-height: 18px;
  }
  .newsBoxWrap.banner .newsBox a p.bannerTit {
    padding: 0 20px;
    font-size: 16px;
    line-height: 16px;
  }
  .newsBoxWrap.socialMedia .newsBoxBody {
    padding-top: 30px;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox {
    float: none;
    max-width: none;
    width: 100%;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg {
    height: auto;
    max-height: none;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img.h {
    height: 100%;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg > img.w {
    width: 100%;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .frameSet iframe {
    min-height: 217px;
    height: 100%;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:focus, .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:hover, .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsBoxImg .leftLayer .movieCaption:active {
    position: relative;
    right: auto;
    width: 100%;
    height: 150px;
    font-size: 14px;
  }
  .newsBoxWrap.socialMedia .newsBoxBody .newsBox .newsCon {
    padding-top: 20px;
  }
  .newsBoxWrap.newsLetter {
    margin-top: 43px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap {
    padding: 0 46px 27px;
    background-image: url(../../images/mediacenter/newsroom/m_layer_img_newsletter.png);
    background-position: center 22px;
    background-size: 121px auto;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap p {
    padding: 62px 0 0;
    font-size: 16px;
    line-height: 20px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput {
    padding: 12px 0 0;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text] {
    padding: 2px 3px 2px 20px;
    width: calc(100% - 111px);
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-webkit-input-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-moz-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-ms-input-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::-ms-input-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]::placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-webkit-input-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-moz-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput input[type=text]:-ms-input-placeholder {
    font-size: 13px;
  }
  .newsBoxWrap.newsLetter .newsLetterWrap .emailInput .btnNewsSubmig {
    top: auto;
    right: 0;
    bottom: 0;
    padding: 3px 13px 4px;
  }
  .newsBoxWrap .newsBoxHeader h4.blueLine {
    font-size: 26px;
  }
  .newsBoxWrap .newsBoxHeader h4.blueLine:before {
    width: 50px;
    height: 3px;
  }
  .newsBoxWrap .newsBoxHeader .more {
    top: auto;
    bottom: 5px;
    padding: 1px 17px 1px 14px;
    font-size: 12px;
    background-position: 57px 6px;
    background-size: 4px 7px;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn {
    position: static;
    top: auto;
    left: auto;
    margin-top: 13px;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a {
    background-image: url(../../images/mediacenter/newsroom/m_layer_sns.png);
    background-size: 150px 30px;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a + a {
    margin-left: 6px;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a.snsLinkedin {
    background-position: 0 top;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a.snsInstargram {
    background-position: -40px top;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a.snsFacebook {
    background-position: -80px top;
  }
  .newsBoxWrap .newsBoxHeader .snsBtn a.snsYoutube {
    background-position: -120px top;
  }
  .newsBoxWrap .newsBoxBody {
    padding-top: 30px;
  }
  .newsBoxWrap .newsBoxBody .tab_cont {
    padding-top: 0px;
  }
  .newsBoxWrap .newsBoxBody .tab_cont .flex .newsBox {
    width: 100%;
    display: none;
  }
  .newsBoxWrap .newsBoxBody .tab_cont .flex .newsBox:first-child {
    display: block;
  }
  .newsBoxWrap .newsBoxBody .tab_cont .flex .newsBox.boxShadow {
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
  }
  .newsBoxWrap .newsBoxBody .tab_cont .flex .newsBox.boxShadow .newsBoxImg {
    height: auto;
  }
  .newsBoxWrap .newsBoxBody h4 {
    font-size: 16px;
  }
  .newsBoxWrap .newsBoxBody .flex .newsBox {
    width: 100%;
    display: none;
  }
  .newsBoxWrap .newsBoxBody .flex .newsBox:first-child {
    display: block;
  }
  .newsBoxWrap .newsBoxBody .flex .newsBox.boxShadow .newsBoxImg {
    height: auto;
  }
  .newsBoxWrap .newsBoxBody .newsBox {
    max-width: none;
    height: auto;
  }
  .newsBoxWrap .newsBoxBody .newsBox + .newsBox {
    margin-top: 30px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small {
    margin-top: 0;
    margin-left: 0; /* padding-top:30px; */
    max-width: none;
    width: 100%;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small:after {
    content: "";
    display: block;
    clear: both;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small + .small {
    padding-top: 20px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small a {
    height: auto;
    max-height: none;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg {
    height: 73px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .frameSet iframe {
    min-height: 73px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:focus, .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:hover, .newsBoxWrap .newsBoxBody .newsBox.small .newsBoxImg .leftLayer .movieCaption:active {
    position: absolute;
    right: -200%;
    width: calc(200% - 20px);
    height: 73px;
    font-size: 14px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsText {
    max-width: none;
    width: calc(100% - 163px);
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsText .newsCon {
    max-height: 35px;
    font-size: 13px;
    line-height: 17px;
  }
  .newsBoxWrap .newsBoxBody .newsBox.small .newsText .newsInfo {
    max-height: 34px;
    font-size: 12px;
    line-height: 17px;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsBoxImg {
    max-height: none;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsBoxImg.board {
    border: 1px solid #eee;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsBoxImg img { /* position:static; */
    left: auto;
    top: auto;
    -webkit-transform: inherit;
            transform: inherit;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsText {
    max-width: none;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsText .newsTit {
    font-size: 12px;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsText .newsHash {
    font-size: 16px;
  }
  .newsBoxWrap .newsBoxBody .newsBox .newsText .newsCon {
    padding-top: 10px;
    max-height: none;
    -webkit-line-clamp: inherit;
    font-size: 16px;
    line-height: 22px;
  }
  .newsBoxWrap .newsBoxBody .eventBox {
    max-width: none;
  }
  .newsBoxWrap .newsBoxBody .eventBox > ul > li + li {
    margin-top: 5px;
  }
  .newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl {
    padding: 20px 30px;
  }
  .newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl dt {
    font-size: 14px;
  }
  .newsBoxWrap .newsBoxBody .eventBox > ul > li > a dl dd {
    padding-top: 5px;
    font-size: 12px;
  }
  /* .newsroom-txt {width:calc(100% - 40px); max-width:560px; margin:56px auto 0;
  	p {font-size:11px; color:$c666;}
  } */
  .newsRoom2024-box {
    padding: 0;
  }
  .newsRoom2024-box::before {
    top: -41px;
    height: 20%;
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_bg_m.jpg) center top/100% no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con {
    max-width: none;
    padding: 0 30px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box {
    display: block;
    padding: 0;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con + .list__con {
    margin-top: 45px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top .tit {
    font-size: 27px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--top a {
    font-size: 14px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con--mid {
    margin-top: 20px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li {
    padding: 20px 0;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .category {
    font-size: 14px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .category span {
    margin-left: 5px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .tit {
    margin-top: 10px;
    font-size: 15px;
    -webkit-line-clamp: 2;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li .txt-box .tit:hover {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li:nth-child(2) {
    border-bottom: 1px solid #ddd;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li:nth-child(3), .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._latestNews .list__con--mid ul li:nth-child(4) {
    display: none;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources {
    margin-left: 0;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li {
    font-size: 0;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a {
    border-radius: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box {
    padding: 12px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box:hover .tit {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box .category {
    font-size: 13px;
    font-weight: 400;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a .txt-box .tit {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    word-break: keep-all;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 19px;
    max-height: 38px; /* Fallback for non-webkit */
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._resources .list__con--mid ul li a:hover img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets {
    min-width: auto;
    margin-top: 50px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul {
    display: block;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li + li {
    margin-top: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a:hover .img-box img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box {
    border-radius: 5px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box img {
    width: 100%;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._mediaAssets .list__con--mid ul li a .img-box .tit {
    bottom: 17px;
    left: 15px;
    font-size: 18px;
    font-weight: 400;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events {
    margin-left: 0px;
    margin-top: 0;
    width: 100%;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box {
    padding: 12px 0px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .tit:hover {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .tit a {
    font-size: 15px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li .txt-box .desc {
    margin-top: 5px;
    font-size: 13px;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li:nth-child(2) {
    border-bottom: 1px solid #ddd;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li:nth-child(3), .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con._events .list__con--mid ul li:nth-child(4) {
    display: none;
  }
  .newsRoom2024-box .newsRoom2024__con--con .list-box .list__con a.more {
    top: 6px;
    font-size: 14px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain {
    padding-top: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top h2 {
    font-size: 40px;
    padding: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box {
    margin-bottom: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li + li {
    margin-left: 8px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li a {
    height: 17px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(1) a {
    width: 14px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(2) a {
    width: 17px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(3) a {
    width: 9px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--top .sns-box li:nth-child(4) a {
    width: 20px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con {
    margin-top: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide {
    padding: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .txt-box .desc p {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .txt-box .btn {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide:hover a .img-box img {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    height: auto;
    border-radius: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .img-box {
    width: 100%;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .img-box img {
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
    width: 100%;
    padding: 15px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .category {
    font-size: 12px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .tit {
    margin-top: 5px;
    font-size: 20px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .tit:lang(ko) {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    word-break: keep-all;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 28px;
    max-height: 56px; /* Fallback for non-webkit */
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .desc {
    margin-top: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .desc p {
    font-size: 14px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .swiper-wrapper .swiper-slide a .txt-box .btn {
    margin-top: 15px;
    font-size: 14px;
    text-align: right;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl {
    margin-top: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 8px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet-active {
    width: 35px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn {
    width: 12px;
    height: 12px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn.stop {
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_stop_m.png) center/100% no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-container .sideControl .controlBtn.play {
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_play_m.png) center/100% no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev,
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next {
    display: block;
    width: 36px;
    height: 36px;
    top: calc(100% - 252px);
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    border-radius: 50%;
    overflow: hidden;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-prev {
    left: -18px;
    background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_prev2.png);
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide .swiper-button-next {
    right: -18px;
    background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_next2.png);
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-container .swiper-wrapper .swiper-slide a .img-box {
    max-width: 100%;
    min-width: initial;
    overflow: hidden;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-container .swiper-wrapper .swiper-slide a .txt-box {
    padding: 20px 15px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-button-prev,
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .newsRoom2024Slide.v240430 .swiper-button-next {
    top: calc(100% - 262px);
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomMain .newsRoom2024__con--con .list-box {
    margin-top: 40px;
    padding: 0;
    display: block;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory {
    padding: 0;
    margin-top: 50px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box {
    padding: 30px;
    position: relative;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top .tit {
    font-size: 27px;
    text-align: left;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top .tit a:hover {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .ourstory__top a.mobile {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    padding-right: 16px;
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_viewall_btn.png) right center/7px no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container {
    margin: 0 -10px 0 -3px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    font-size: 0;
    line-height: 1;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl.mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .swiper-pagination {
    position: relative;
    top: 0;
    width: auto;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 8px;
    background-color: #b2b2b2;
    -webkit-transition: width 0.25s;
    transition: width 0.25s;
    border-radius: 8px;
    margin-left: 6px;
    border: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet-active {
    width: 35px;
    background-color: #000;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .controlBtn {
    font-size: 0;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    margin-left: 10px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .controlBtn.stop {
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_stop_m.png) center/100% no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-container .sideControl .controlBtn.play {
    background: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_play_m.png) center/100% no-repeat;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul {
    margin: 20px auto 0;
    max-width: none;
    padding-bottom: 0px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li + li {
    margin-left: 0;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a {
    border-radius: 0px;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover .img-box img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a:hover .txt-box .tit {
    text-decoration: none;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .img-box {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 3px 5px 8px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 3px 5px 8px 1px rgba(0, 0, 0, 0.2);
    margin: 5px 10px 0px 3px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box {
    padding: 20px 0 0 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .category {
    font-size: 12px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .tit {
    margin-top: 5px;
    font-size: 15px;
    height: auto;
    min-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    word-break: keep-all;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-height: 40px; /* Fallback for non-webkit */
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .tit:lang(ko) {
    font-size: 15px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box ul li a .txt-box .date {
    margin-top: 10px;
    font-size: 12px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-prev,
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-next {
    width: 36px;
    height: 36px;
    background-size: 100%;
    margin-top: 0;
    top: calc(50% - 46px);
    border-radius: 50%;
    overflow: hidden;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-prev::after,
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-next::after {
    display: none;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-prev {
    background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_prev2.png);
    left: 13px;
  }
  .newsRoom2024-box .newsRoom2024__con._ourstory .newsRoom2024__con--con .ourstory-box .swiper-button-next {
    background-image: url(../../images/mediacenter/newsroom2024/newsroom2024_slide_next2.png);
    right: 13px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot {
    margin-top: 50px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box {
    margin-top: 30px;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .img-box {
    width: 51px;
    margin: auto;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .img-box::before {
    display: none;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box p {
    text-align: center;
  }
  .newsRoom2024-box .newsRoom2024__con._newsRoomBot .contact-box ul li .txt-box p.tit {
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400;
  }
}
/* S : 삭제 예정 */
.esg-info {
  width: 100%;
}
.esg-info.new230103 .dft-pageTitle {
  text-align: center;
}
.esg-info.new230103 .dft-pageTitle h1 {
  font-size: 40px;
  font-weight: 600;
  padding-right: 340px;
}
.esg-info.new230103 .dft-pageTitle + .icon-doubleQuotation {
  margin-top: 50px;
}
.esg-info.new230103 h5 {
  font-size: 40px;
  font-weight: 600;
  padding-right: 340px;
}
.esg-info.new230103 h5 + .icon-doubleQuotation {
  margin-top: 50px;
}
.esg-info.new230103 .icon-doubleQuotation {
  position: relative;
  width: 100%;
  padding: 25px 35px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  line-height: 1.3;
  text-align: left;
  font-weight: 400;
  text-align: center;
}
.esg-info.new230103 .icon-doubleQuotation._kr > p:after {
  right: -25px;
}
.esg-info.new230103 .icon-doubleQuotation + .txt {
  padding-top: 40px;
  padding-left: 20px;
}
.esg-info.new230103 .icon-doubleQuotation > p {
  position: relative;
  display: inline-block;
  max-width: 680px;
}
.esg-info.new230103 .icon-doubleQuotation > p:before {
  content: "“";
  position: absolute;
  top: -55px;
  left: -45px;
  font-family: Arial;
  font-weight: 900;
  font-size: 80px;
  color: #6ab706;
  line-height: 1;
}
.esg-info.new230103 .icon-doubleQuotation > p:after {
  content: "”";
  position: absolute;
  width: 40px;
  height: 45px;
  bottom: -23px;
  right: -50px;
  font-family: Arial;
  font-weight: 900;
  font-size: 80px;
  color: #6ab706;
  line-height: 1;
}
.esg-info.new230103 .flex-box {
  width: 100%;
  margin-top: 40px;
}
.esg-info.new230103 .flex-box ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.esg-info.new230103 .flex-box ul li {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-info.new230103 .flex-box ul li:first-child {
  width: calc(100% - 340px);
  padding-right: 35px;
}
.esg-info.new230103 .flex-box ul li:first-child:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1px;
  height: 100%;
  background: #c7c7c7;
}
.esg-info.new230103 .flex-box ul li:last-child {
  width: 340px;
  padding-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.esg-info.new230103 .flex-box ul li:last-child:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  background: #c7c7c7;
}
.esg-info.new230103 .flex-box ul li > .txt {
  font-size: 18px;
  text-align: left;
  word-break: break-word;
}
.esg-info.new230103 .flex-box ul li > .icon-doubleQuotation + .txt {
  text-align: justify;
}
.esg-info.new230103 .flex-box ul li .img-box {
  width: 270px;
  margin: 0 auto;
}
.esg-info.new230103 .flex-box ul li .img-box img {
  width: 100%;
}
.esg-info.new230103 .flex-box ul li .img-box + .txt {
  padding-top: 30px;
}
.esg-info > .txt {
  font-size: 18px;
  text-align: justify;
  word-break: break-word;
}
.esg-info h5 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}
.esg-info h5 + .icon-doubleQuotation {
  margin-top: 50px;
}
.esg-info .icon-doubleQuotation {
  width: 100%;
  padding: 40px 20px;
  border: 1px solid #c7c7c7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  font-weight: 400;
}
.esg-info .icon-doubleQuotation + .txt {
  padding-top: 40px;
}
.esg-info .faqList {
  padding-top: 100px;
}
.esg-info .faqList dl.list > dt:before {
  display: none;
}
.esg-info .faqList dl.list > dt a {
  padding-left: 15px;
  font-weight: 600;
}
.esg-info .faqList dl.list > dd .txt .photo-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .img {
  font-size: 0px;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .btns {
  margin-left: 30px;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down {
  display: block;
  width: 100%;
  min-width: 228px;
  height: 60px;
  padding: 15px 0;
  margin: 0 auto;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:focus, .esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:hover, .esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:active {
  background: #222edd;
  color: #fff;
}
.esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:focus:after, .esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:hover:after, .esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down:active:after {
  background-position-y: -15px;
}
.esg-info .faqList dl.list > dd .txt .esg-txt {
  margin-top: 60px;
}
.esg-info .faqList dl.list > dd .txt .esg-txt dl dt {
  font-size: 16px;
  font-weight: 600;
  color: #666;
}
.esg-info .faqList dl.list > dd .txt .esg-txt dl dd {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 10px;
}
.esg-info .faqList dl.list > dd .txt .esg-txt dl dd + dt {
  margin-top: 40px;
}

/* E : 삭제 예정 */
.esgLogo {
  margin-top: 100px;
  background: url(/resources/front/en/images/esg/bg_esgManagement_banner.jpg) no-repeat center;
  background-size: cover;
}
.esgLogo.v230905 {
  background-image: url(/resources/front/en/images/esg/bg_esgManagement_banner_230905.jpg);
}
.esgLogo.v230905.v2 {
  background-image: url(/resources/front/en/images/esg/bg_esgManagement_banner_230906.jpg);
}
.esgLogo.v230905 .pix-in.newLogo { /*padding:87px 0;*/ }
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; /* flex-basis: calc(25% - 10px); */
  -ms-flex-preferred-size: calc(20% - 10px);
      flex-basis: calc(20% - 10px);
  margin-bottom: 10px; /* height: 280px; */
  height: 320px;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .logo-box:after {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo1] .logo-box:after {
  width: 98px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) -78px center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo1] .logo-box.v2:after {
  width: 58px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) 0 center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo1] .logo-box.v3:after {
  width: 72px;
  height: 72px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1_v2.png) center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo10] .logo-box:after {
  width: 66px;
  height: 80px;
  background: url(/resources/front/en/images/esg/overview_ico_logo10_230906.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo11] .logo-box {
  margin-top: 9px;
  margin-bottom: 11px;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo11] .logo-box:after {
  width: 200px;
  height: 54px;
  background: url(/resources/front/en/images/esg/img_tab_esg3.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo12] .logo-box:after {
  width: 199px;
  height: 54px;
  background: url(/resources/front/en/images/esg/img_tab_esg5_off.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo13] .logo-box:after {
  width: 68px;
  height: 56px;
  background: url(/resources/front/en/images/esg/overview_ico_logo11.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo14] .logo-box:after {
  width: 185px;
  height: 40px;
  background: url(/resources/front/en/images/esg/overview_ico_logo14.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box:after {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box:after {
  width: 98px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) -78px center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box.v2:after {
  width: 58px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) 0 center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box.v3:after {
  width: 72px;
  height: 72px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1_v2.png) center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo10] .logo-box:after {
  width: 66px;
  height: 80px;
  background: url(/resources/front/en/images/esg/overview_ico_logo10_230906.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo11] .logo-box:after {
  width: 200px;
  height: 54px;
  background: url(/resources/front/en/images/esg/img_tab_esg3.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo12] .logo-box:after {
  width: 199px;
  height: 54px;
  background: url(/resources/front/en/images/esg/img_tab_esg5_off.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo13] .logo-box:after {
  width: 69px;
  height: 58px;
  background: url(/resources/front/en/images/esg/m_overview_ico_logo11.png) center center/cover no-repeat;
}
.esgLogo.v230905 .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo14] .logo-box:after {
  width: 185px;
  height: 40px;
  background: url(/resources/front/en/images/esg/overview_ico_logo14.png) center center/cover no-repeat;
}
.esgLogo + .pix-in .esg-info .esg-report {
  padding-top: 0;
}
.esgLogo .pix-in {
  padding-bottom: 80px;
}
.esgLogo .pix-in.newLogo {
  padding: 50px 0;
}
.esgLogo .pix-in.newLogo .box {
  /* &.mobile {} */
}
.esgLogo .pix-in.newLogo .box.pc {
  width: 100%;
  max-width: none;
}
.esgLogo .pix-in.newLogo .box.pc > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esgLogo .pix-in.newLogo .box.pc > ul + ul {
  margin-top: 10px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 330px;
  margin: 0 5px;
  border-radius: 5px;
  overflow: hidden;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
  pointer-events: none;
  z-index: 1;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li > a {
  height: 100%;
  display: block;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li > a:focus div[class^=itm-] .txt-box dl dt, .esgLogo .pix-in.newLogo .box.pc > ul > li > a:hover div[class^=itm-] .txt-box dl dt {
  text-decoration: underline;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] {
  position: relative;
  width: 100%;
  padding: 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo1] .logo-box.new230104:after {
  top: calc(50% - 29px);
  left: calc(50% - 87px);
  width: 175px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo1] .logo-box:after {
  top: calc(50% - 26px);
  left: calc(50% - 96px);
  width: 192px;
  height: 52px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/100% no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo2] .logo-box:after {
  top: calc(50% - 27px);
  left: calc(50% - 73px);
  width: 146px;
  height: 54px;
  background: url(/resources/front/en/images/esg/overview_ico_logo2.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo3] .logo-box:after {
  top: calc(50% - 31px);
  left: calc(50% - 39px);
  width: 78px;
  height: 62px;
  background: url(/resources/front/en/images/esg/overview_ico_logo3.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo4] .logo-box:after {
  top: calc(50% - 20px);
  left: calc(50% - 99px);
  width: 200px;
  height: 64px;
  width: 178px;
  height: 55px;
  background: url(/resources/front/en/images/esg/overview_ico_logo4.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo5] .logo-box:after {
  top: calc(50% - 11px);
  left: calc(50% - 84px);
  width: 168px;
  height: 22px;
  background: url(/resources/front/en/images/esg/overview_ico_logo5.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo6] .logo-box:after {
  top: calc(50% - 24px);
  left: calc(50% - 69px);
  width: 138px;
  height: 48px;
  background: url(/resources/front/en/images/esg/overview_ico_logo6.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo7] .logo-box:after {
  top: calc(50% - 33px);
  left: calc(50% - 70px);
  width: 150px;
  height: 68px;
  background: url(/resources/front/en/images/esg/overview_ico_logo7_241118.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo8] .logo-box:after {
  top: calc(50% - 23px);
  left: calc(50% - 111px);
  width: 222px;
  height: 46px;
  background: url(/resources/front/en/images/esg/overview_ico_logo8.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo9] .logo-box:after {
  top: calc(50% - 36px);
  left: calc(50% - 112px);
  width: 200px;
  height: 62px;
  background: url(/resources/front/en/images/esg/overview_ico_logo9_250313.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-][class$=logo10] .logo-box:after {
  top: calc(50% - 28px);
  left: calc(50% - 95px);
  width: 188px;
  height: 57px;
  background: url(/resources/front/en/images/esg/overview_ico_logo10.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .logo-box {
  position: relative;
  width: 100%;
  min-height: 62px;
  margin-bottom: 20px;
  text-indent: -9999px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .logo-box:after {
  content: "";
  position: absolute;
  display: block;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .photo-box {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 62px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .photo-box .logo {
  width: 100%;
  height: 100%;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .photo-box .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box {
  position: relative;
  width: 100%;
  border-top: 1px solid #c7c7c7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl {
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dt {
  padding: 0 5px;
  font-size: 14px;
  color: #222edd;
  font-weight: 700;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd {
  margin-top: 5px;
  font-size: 13px;
  color: #222;
  font-weight: 500;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd p {
  padding: 0 5px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd p + p {
  margin-top: 11px;
  padding-top: 12px;
  border-top: 1px dashed #c7c7c7;
  letter-spacing: -0.6px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd p + ul {
  margin-top: 5px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd > ul {
  padding: 0 10px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd > ul > li {
  text-indent: -10px;
  padding-left: 10px;
}
.esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl > dd > ul > li + li {
  margin-top: 2px;
}
.esgLogo .pix-in.newLogo .box.slide {
  width: 100%;
  max-width: none;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container {
  width: 100%;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper {
  margin-left: 0;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  height: 270px;
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  height: auto;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide._tump::after {
  background: transparent;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.9;
  pointer-events: none;
  z-index: 1;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide > a {
  height: 100%;
  display: block;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide > a:focus div[class^=itm-] .txt-box dl dt, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide > a:hover div[class^=itm-] .txt-box dl dt {
  text-decoration: underline;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] {
  position: relative;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box.new230104:after {
  top: calc(50% - 29px);
  left: calc(50% - 87px);
  width: 175px;
  height: 58px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box:after {
  top: calc(50% - 26px);
  left: calc(50% - 96px);
  width: 192px;
  height: 52px;
  background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/100% no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo2] .logo-box:after {
  top: calc(50% - 27px);
  left: calc(50% - 73px);
  width: 146px;
  height: 54px;
  background: url(/resources/front/en/images/esg/overview_ico_logo2.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo3] .logo-box:after {
  top: calc(50% - 31px);
  left: calc(50% - 39px);
  width: 78px;
  height: 62px;
  background: url(/resources/front/en/images/esg/overview_ico_logo3.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo4] .logo-box:after {
  top: calc(50% - 20px);
  left: calc(50% - 99px);
  width: 200px;
  height: 64px;
  background: url(/resources/front/en/images/esg/overview_ico_logo4.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo5] .logo-box:after {
  top: calc(50% - 11px);
  left: calc(50% - 84px);
  width: 168px;
  height: 22px;
  background: url(/resources/front/en/images/esg/overview_ico_logo5.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo6] .logo-box:after {
  top: calc(50% - 24px);
  left: calc(50% - 69px);
  width: 138px;
  height: 48px;
  background: url(/resources/front/en/images/esg/overview_ico_logo6.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo7] .logo-box:after {
  top: calc(50% - 33px);
  left: calc(50% - 70px);
  width: 150px;
  height: 68px;
  background: url(/resources/front/en/images/esg/overview_ico_logo7_241118.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo8] .logo-box:after {
  top: calc(50% - 23px);
  left: calc(50% - 111px);
  width: 222px;
  height: 46px;
  background: url(/resources/front/en/images/esg/overview_ico_logo8.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo9] .logo-box:after {
  top: calc(50% - 36px);
  left: calc(50% - 112px);
  width: 224px;
  height: 72px;
  background: url(/resources/front/en/images/esg/overview_ico_logo9.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo10] .logo-box:after {
  top: calc(50% - 28px);
  left: calc(50% - 95px);
  width: 188px;
  height: 57px;
  background: url(/resources/front/en/images/esg/overview_ico_logo10.png) center center/cover no-repeat;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box {
  position: relative;
  width: 100%;
  min-height: 62px;
  margin-bottom: 20px;
  text-indent: -9999px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box:after {
  content: "";
  position: absolute;
  display: block;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box {
  position: relative;
  width: 100%;
  border-top: 1px solid #c7c7c7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl {
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dt {
  padding: 0 10px;
  font-size: 14px;
  color: #222edd;
  font-weight: 700;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd {
  margin-top: 5px;
  font-size: 13px;
  color: #222;
  font-weight: 500;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p {
  padding: 0 10px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + p {
  margin-top: 11px;
  padding-top: 12px;
  border-top: 1px dashed #c7c7c7;
  letter-spacing: -0.6px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + ul {
  margin-top: 5px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul {
  padding: 0 10px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li {
  text-indent: -10px;
  padding-left: 10px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li + li {
  margin-top: 2px;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /*align-items: center;*/
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .swiper-pagination {
  position: relative;
  line-height: 1;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  opacity: 1;
  background: rgba(0, 0, 0, 0);
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .controlBtn {
  margin-left: 15px;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .controlBtn.stop {
  background-image: url(../../images/common/m_btn_mainVisual_stop.png);
}
.esgLogo .pix-in.newLogo .box.slide .swiper-container .sideControl .controlBtn.play {
  background-image: url(../../images/common/m_btn_mainVisual_play.png);
}
.esgLogo .box {
  position: relative;
  margin: 0 auto;
  width: calc(100% - 132px);
  max-width: 940px;
}
.esgLogo .box .swiper-container {
  position: relative;
  width: 100%;
}
.esgLogo .box .swiper-container .swiper-wrapper {
  margin-left: -20px;
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  margin-left: 20px; /*width:calc(50% - 20px) !important*/
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a:hover .summary, .esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a:focus .summary, .esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a:active .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a .imgWrap {
  line-height: 0;
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a .imgWrap img {
  width: 100%;
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a .summary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  background: rgba(119, 119, 119, 0.9);
}
.esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a .summary p {
  padding: 30px;
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
}
.esgLogo .box .swiper-button-prev {
  top: 45%;
  left: -70px;
  margin-top: -35px;
  width: 30px;
  height: 70px;
  background: url(../../images/main/btn_featuredwrap_swiper.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.esgLogo .box .swiper-button-next {
  top: 45%;
  right: -70px;
  margin-top: -35px;
  width: 30px;
  height: 70px;
  background: url(../../images/main/btn_featuredwrap_swiper.png) no-repeat center;
  background-size: 100% auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  overflow: hidden;
}

.esgSupplyChain .blueLineSub {
  margin-top: 27px;
  font-size: 20px;
  font-weight: 400;
  color: #222;
  line-height: 1.5;
}
.esgSupplyChain .faqList {
  padding-top: 35px;
}
.esgSupplyChain .faqList dl.list > dd .txt {
  padding: 40px 25px;
  font-weight: 400;
  line-height: 1.7;
}
.esgSupplyChain .faqList dl.list > dd .imgBox {
  margin-top: 28px;
}
.esgSupplyChain .faqList dl.list > dd .imgBox + p {
  padding-top: 40px;
}
.esgSupplyChain .faqList dl.list > dd .imgBox img {
  width: 100%;
  max-width: 1148px;
}
.esgSupplyChain .faqList dl.list > dd p + p, .esgSupplyChain .faqList dl.list > dd p + dl {
  padding-top: 40px;
}
.esgSupplyChain .faqList dl.list > dd dl + dl, .esgSupplyChain .faqList dl.list > dd dl + p {
  padding-top: 40px;
}
.esgSupplyChain .faqList dl.list > dd dl.pt {
  padding-top: 30px;
}
.esgSupplyChain .faqList dl.list > dd dl dt {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}
.esgSupplyChain .faqList dl.list > dd dl dd ul li {
  padding-top: 6px;
}
.esgSupplyChain .esgSupplyChain__desc {
  margin-top: 55px;
}
.esgSupplyChain .esgSupplyChain__desc.new240108 {
  margin-top: 0;
}
.esgSupplyChain .esgSupplyChain__desc p {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
.esgSupplyChain .esgSupplyChain__desc p span {
  font-size: 16px;
  line-height: 1;
  color: #222;
  font-weight: 500;
}

.esg-report {
  padding-top: 100px;
  /* .tabBox{margin-top:60px;
  	.tab_area{justify-content:flex-start; border-bottom:1px solid $defColor03;

  		li{width:100%; max-width:200px; height:50px; border:1px solid $defColor03; border-bottom:0;
  			& + li{border-left:0;}
  			&.active a{color:$cfff;
  				&:focus,
  				&:hover,
  				&:active{text-decoration:underline;}
  			}
  			a{font-size:14px; color:$c666;}
  		}
  	}
  } */
}
.esg-report.new221228 {
  padding-top: 0px;
}
.esg-report.new221228 .tabBox {
  margin-top: 30px;
  /* .tab_area {
  	li {flex:1; width:auto; max-width:none;}
  } */
}
.esg-report.new221228 .box {
  padding-top: 50px;
}
.esg-report.new221228 .box .txt .txt-detail .txt-area dl dt {
  padding-top: 8px;
}
.esg-report.new221228 .box .txt .txt-detail .txt-area dl dd {
  padding-top: 15px;
}
.esg-report .box {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.esg-report .box .img {
  line-height: 0;
  width: 315px;
}
.esg-report .box .img + .txt {
  width: calc(100% - 315px);
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-report .box .img > img {
  width: 100%;
}
.esg-report .box .txt + .last-year {
  padding-top: 42px;
  padding-left: 100px;
}
.esg-report .box .txt .txt-detail {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.esg-report .box .txt .txt-detail .txt-area dl dt {
  font-size: 24px;
  font-weight: 600;
  color: #222;
}
.esg-report .box .txt .txt-detail .txt-area dl dd {
  padding-top: 6px;
}
.esg-report .box .txt .txt-detail .txt-area dl dd .txt-con {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  text-align: justify;
}
.esg-report .box .last-year .img {
  width: 178px;
  line-height: 0;
}
.esg-report .box .last-year .img img {
  width: 100%;
}
.esg-report .box .last-year .btns {
  padding-top: 16px;
}
.esg-report .box .last-year .btns .btn-down {
  padding: 9px 0;
  width: 178px;
  height: 40px;
  font-size: 14px;
}
.esg-report .box .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.esg-report .box .btns .btn-down {
  display: block; /* width:100%; */
  min-width: 228px; /* height:60px; */
  padding: 16px 20px 15px; /* padding:15px 30px; */
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.esg-report .box .btns .btn-down + .btn-down {
  margin-left: 20px;
}
.esg-report .box .btns .btn-down + .btn-down-text {
  margin-left: 40px;
}
.esg-report .box .btns .btn-down:hover {
  color: #fff;
  background: #222edd;
}
.esg-report .box .btns .btn-down:hover:after {
  background-position-y: -15px;
}
.esg-report .box .btns .btn-down:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.esg-report .box .btns .btn-down-text {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  color: #222;
}
.esg-report .box .btns .btn-down-text:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222;
}
.esg-report .box .btns .btn-down-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #222;
}
.esg-report .box .btns .btn-down-text span {
  position: relative;
  padding-right: 34px;
  font-family: "ssl-font";
  font-weight: 400;
  letter-spacing: -1px;
  display: inline-block;
}
.esg-report .box .btns .btn-down-text span:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download4.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.esg-report .esg-txt {
  margin-top: 50px;
}
.esg-report .esg-txt p {
  font-size: 12px;
  color: #666;
}
.esg-report .esg-tcfd-report {
  padding-top: 50px;
}
.esg-report .esg-tcfd-report .tcfd-txt {
  position: relative;
}
.esg-report .esg-tcfd-report .tcfd-txt h5 {
  display: none;
  font-weight: 600;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* justify-content:flex-start; align-items:flex-start; */
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dt {
  padding-right: 40px;
  line-height: 0;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dt img { /*width:100%;*/ /*min-width:254px;*/ /*width: 370px; height: 325px;*/
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd {
  position: relative;
  padding-bottom: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd p.tit {
  font-size: 24px;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd p.tit strong {
  font-weight: 600;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd p.txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down {
  display: block; /* width:100%; */
  width: 228px;
  height: 60px;
  padding: 15px 0;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #222edd;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down + .btn-down-text {
  margin-left: 40px;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down:hover {
  color: #fff;
  background: #222edd;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down:hover:after {
  background-position-y: -15px;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
  margin-left: 12px;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  color: #222;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #222;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text span {
  position: relative;
  padding-right: 34px;
  font-family: "ssl-font";
  font-weight: 400;
  letter-spacing: -1px;
  display: inline-block;
}
.esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text span:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download4.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.esg-report .downloadList {
  padding-top: 75px;
}
.esg-report .downloadList dl.list dt a {
  padding-left: 0;
}

:lang(ko) {
  /* S : 삭제 예정 */
  /* E : 삭제 예정 */
}
:lang(ko) .esg-report .box .btns .btn-down {
  font-family: "ssl-font-en";
}
:lang(ko) .esg-tcfd-report + .downloadList dl.list dd ul li dl dd a {
  font-family: "ssl-font-en";
}
:lang(ko) .suppliers.v240429 * {
  font-family: "ssl-font";
  font-weight: 300;
}

.report-summary {
  padding-top: 40px;
}
.report-summary.tab_cont {
  padding-top: 30px;
}
.report-summary.tab_cont dl {
  padding-left: 20px;
}
.report-summary dl + dl {
  padding-top: 40px;
}
.report-summary dl dt {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.report-summary dl dd {
  padding-top: 8px;
}
.report-summary dl dd .summary-text {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.report-summary dl dd .summary-text span {
  position: relative;
  display: block;
  padding-left: 8px;
  font-size: 14px;
}
.report-summary dl dd .summary-text span::before {
  content: "·";
  position: absolute;
  top: 0px;
  left: 0;
}

.esg-performance {
  padding-top: 100px;
}
.esg-performance .grayBox {
  margin-top: 30px;
  padding: 30px 30px 30px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-performance .grayBox .box {
  margin-left: 50px;
}
.esg-performance .grayBox .box:first-child {
  margin-left: 0;
}
.esg-performance .grayBox .box .imgBox {
  max-width: 300px;
}
.esg-performance .grayBox .box .imgBox img {
  width: 100%;
}
.esg-performance .grayBox .box .year {
  padding-top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.esg-performance .grayBox .box .text {
  height: 54px;
  line-height: 1.4;
  font-size: 13px;
  font-weight: 500;
  color: #222;
}
.esg-performance .grayBox .box .import {
  padding-top: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}

.esg-policy {
  padding-top: 100px;
}
.esg-policy .list ul li + li {
  border-top: 1px solid #ddd;
}
.esg-policy .list ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-policy .list ul li dl dt span {
  display: block;
  padding: 25px 18px;
  font-family: "ssl-font";
  font-size: 22px;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
}
.esg-policy .list ul li dl dd a {
  display: block;
  width: 100%;
  min-width: 228px;
  height: 60px;
  padding: 15px 0;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  font-family: "ssl-font";
  font-weight: 600;
  color: #222edd;
}
.esg-policy .list ul li dl dd a:hover {
  color: #fff;
  background: #222edd;
}
.esg-policy .list ul li dl dd a:hover:after {
  background-position-y: -15px;
}
.esg-policy .list ul li dl dd a:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  background: url(../../images/btn/download.png) 0 0 no-repeat;
  margin-left: 12px;
}

/* S : 삭제 예정 */
.human-rights {
  width: 100%;
}
.human-rights .process {
  width: 100%;
  padding-bottom: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
}
.human-rights .process .tit {
  font-size: 22px;
  font-weight: 600;
  color: #222;
}
.human-rights .process .box {
  width: 100%;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.human-rights .process .box dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.human-rights .process .box dl:last-child dt:after {
  display: none;
}
.human-rights .process .box dl dt {
  position: relative;
  width: 100%;
  padding-top: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.human-rights .process .box dl dt:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100px;
}
.human-rights .process .box dl dt:after {
  content: "";
  position: absolute;
  top: 40px;
  right: -25px;
  display: block;
  width: 47px;
  height: 30px;
  background: url(./../../images/esg/ico-process-next.png?v=250527) 0 0 no-repeat;
}
.human-rights .process .box dl dt.ico-01-01:before {
  background: url(/resources/front/kr/images/esg/ico-process-01-01.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-02-01:before {
  background: url(/resources/front/kr/images/esg/ico-process-02-01.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-01-02:before {
  background: url(/resources/front/kr/images/esg/ico-process-01-02.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-02-02:before {
  background: url(/resources/front/kr/images/esg/ico-process-02-02.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-01-03:before {
  background: url(/resources/front/kr/images/esg/ico-process-01-03.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-02-03:before {
  background: url(/resources/front/kr/images/esg/ico-process-02-03.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-01-04:before {
  background: url(/resources/front/kr/images/esg/ico-process-01-04.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt.ico-02-04:before {
  background: url(/resources/front/kr/images/esg/ico-process-02-04.png?v=250527) center center no-repeat;
}
.human-rights .process .box dl dt .tits {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.human-rights .process .box dl dt .tits span {
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.human-rights .process .box dl dd {
  margin-top: 40px;
  padding: 0 45px;
}
.human-rights .process .box dl dd ul li {
  position: relative;
  padding-left: 10px;
}
.human-rights .process .box dl dd ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
  background-color: #8b8b8b;
}
.human-rights .process .box dl dd ul li .btn-line {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.human-rights .process .box dl dd ul li .btn-line .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 14px;
  height: 45px;
  line-height: 1;
  font-size: 13px;
  color: #fff;
  background-color: #222edd;
}

/* E : 삭제 예정 */
.esg-tbl {
  position: relative;
  width: 100%; /* padding-bottom:200px; */
}
.esg-tbl.type2 > table tbody tr td {
  padding: 25px 5px;
}
.esg-tbl > table {
  width: 100%;
  border-bottom: 2px solid #999;
}
.esg-tbl > table colgroup.pc {
  display: table-column-group !important;
}
.esg-tbl > table colgroup.mobile {
  display: none !important;
}
.esg-tbl > table thead tr th {
  padding: 20px 5px;
  border-bottom: 3px solid #222edd;
  font-size: 22px;
  text-align: center;
  color: #222edd;
}
.esg-tbl > table tbody tr:first-child td {
  border-top: 0px;
}
.esg-tbl > table tbody tr td {
  padding: 35px 5px;
  border-top: 1px solid #ddd;
  font-size: 22px;
  text-align: center;
}

.climateChangeInfo {
  padding-bottom: 100px;
  font-size: 20px;
  line-height: 1.5;
  color: #222;
  border-bottom: 2px solid #dcdcdc;
}

.climateChangeWrap .chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.climateChangeWrap .chart > div {
  width: 42.5%;
}
.climateChangeWrap .chart > div.chart1 {
  background: #d7f2fc;
  border-radius: 5px;
}
.climateChangeWrap .chart > div.chart1 .chartInfo .chartTag {
  color: #009dc1;
}
.climateChangeWrap .chart > div.chart2 {
  background: #e1dbf7;
  border-radius: 5px;
}
.climateChangeWrap .chart > div.chart2 .chartInfo .chartTag {
  color: #4e28d1;
}
.climateChangeWrap .chart > div.imgWrap {
  margin-top: 58px;
  width: 100%;
}
.climateChangeWrap .chart > div .chartInfo {
  padding: 20px;
  border-radius: 5px;
}
.climateChangeWrap .chart > div .chartInfo .chartTag {
  font-size: 16px;
  font-weight: 600;
}
.climateChangeWrap .chart > div .chartInfo .chartText {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 1.5;
}
.climateChangeWrap .chart img {
  width: 100%;
}

.term {
  margin-top: 40px;
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  background: #f5f5f5;
}
.term .arrowTerm {
  position: relative;
  margin-top: 112px;
  margin-bottom: 12px;
  width: 120px;
  text-align: center;
}
.term .arrowTerm:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  bottom: 30px;
  z-index: 0;
  margin-left: -22px;
  width: 43px;
  height: calc(100% - 78px);
  border-radius: 10px 10px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#172dad), to(#b291fe));
  background: linear-gradient(#172dad, #b291fe);
}
.term .arrowTerm:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 1;
  margin-left: -29px;
  width: 58px;
  height: 25px;
  background: url(/resources/front/en/images/esg/icon_term_arrow.png) no-repeat center;
  background-size: cover;
}
.term .arrowTerm p {
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.term .arrowTerm p.start {
  top: 0;
  color: #162dad;
}
.term .arrowTerm p.last {
  bottom: 0;
  color: #b392ff;
}
.term .termBox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.term .termBox.operationSite {
  width: 60%;
}
.term .termBox.operationSite h4 {
  background: #009dc1;
}
.term .termBox.operationSite ul li {
  width: calc(50% - 10px);
}
.term .termBox.operationSite ul li.item1:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite1.png);
}
.term .termBox.operationSite ul li.item2:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite2.png);
}
.term .termBox.operationSite ul li.item3:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite3.png);
}
.term .termBox.operationSite ul li.item4:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite4.png);
}
.term .termBox.operationSite ul li.item5:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite5.png);
}
.term .termBox.operationSite ul li.item6:after {
  background-image: url(/resources/front/en/images/esg/icon_operationSite6.png);
}
.term .termBox.valueChain {
  width: 40%;
}
.term .termBox.valueChain h4 {
  background: #4e28d1;
}
.term .termBox.valueChain ul li {
  width: 100%;
}
.term .termBox.valueChain ul li.item1:after {
  background-image: url(/resources/front/en/images/esg/icon_valueChain1.png);
}
.term .termBox.valueChain ul li.item2:after {
  background-image: url(/resources/front/en/images/esg/icon_valueChain2.png);
}
.term .termBox.valueChain ul li.item3:after {
  background-image: url(/resources/front/en/images/esg/icon_valueChain3.png);
}
.term .termBox h4 {
  margin: 0 auto;
  width: 247px;
  height: 55px;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
}
.term .termBox ul {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.term .termBox ul li {
  position: relative;
  margin: 0 auto;
  padding-top: 98px;
  padding-left: 10px;
  height: 108px;
  overflow: hidden;
  font-size: 16px;
  color: #222;
  line-height: 1.5;
  text-align: center;
}
.term .termBox ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -60px;
  width: 142px;
  height: 76px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.term .termBox ul li p {
  position: relative;
}
.term .termBox ul li p:before {
  content: "";
  margin-top: 9px;
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background: #666;
}

.section {
  position: relative;
  /* S : 삭제 예정 */
  /* E : 삭제 예정 */
}
.section.wrapTop .pix-in {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section.wrapTop .pix-in .youtubeMovie {
  margin-top: 6px;
  max-width: 495px;
  z-index: 1;
}
.section.wrapTop .pix-in .youtubeMovie .frameSet {
  height: 37.2412vw;
  max-height: 258px;
}
.section.wrapTop .pix-in .youtubeMovie .movieCaption {
  left: 50%;
  max-width: 1024px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section.wrapTop .pix-in .imgWrap {
  position: relative;
  width: 100%;
  max-width: 495px;
  min-height: 261px;
}
.section.wrapTop .pix-in .imgWrap a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
.section.wrapTop .pix-in .topInfo {
  padding-left: 50px;
  width: 50%;
  text-align: left;
}
.section.wrapTop .pix-in .topInfo h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}
.section.wrapTop .pix-in .topInfo .topSubText {
  margin-top: 26px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
}
.section.bgEsgReport {
  margin-top: 80px;
  height: 21.19vw;
  background: url(/resources/front/en/images/esg/bg_climateActions_banner.jpg) no-repeat center;
  background-size: cover;
}
.section.bgEsgReport .pix-in {
  margin-left: 50%;
  width: 50%;
}
.section.bgEsgReport .pix-in h3 {
  font-size: 1.4vw;
  color: #fff;
}
.section.bgEsgReport .pix-in .subText {
  margin-top: 1.25vw;
  font-size: 1.05vw;
  color: #fff;
  line-height: 1.6;
}
.section.bgEsgReport .pix-in .btn {
  margin-top: 2.33vw;
}
.section.bgEsgReport .pix-in .btn .btnArrow {
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
}
.section.bgEsgReport .pix-in .btn .btnArrow + .btnArrow {
  margin-left: 7px;
}
.section.bgEsgReport .pix-in .btn .btnArrow span {
  position: relative;
  padding: 0.57vw 4.6vw 0.57vw 1.7vw;
  font-size: 1.18vw;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
.section.bgEsgReport .pix-in .btn .btnArrow span:before {
  content: "";
  position: absolute;
  right: 1.64vw;
  bottom: 1.35vw;
  width: 1.12vw;
  height: 1px;
  background: #fff;
  -webkit-transform: skew(-21deg, 33deg);
          transform: skew(-21deg, 33deg);
}
.section.bgEsgReport .pix-in .btn .btnArrow span:after {
  content: "";
  position: absolute;
  bottom: 1vw;
  margin-left: 0.712vw;
  width: 2.23vw;
  height: 1px;
  display: inline-block;
  background: #fff;
}
.section .blueLineSub {
  margin-top: 15px;
  font-size: 18px;
}
.section .blueLineSub.blue {
  color: #222edd;
}
.section .blueLineSub + .ourKeyTargets {
  margin-top: 45px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}
.section .imgWrap + .detail {
  margin-top: 1.65vw;
}
.section .imgWrap img {
  width: 100%;
}
.section .ourKeyTargets {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section .ourKeyTargets .box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 50px;
}
.section .ourKeyTargets .box dl dt {
  font-size: 24px;
  font-weight: 600;
  color: #6ab706;
}
.section .ourKeyTargets .box dl dt .number {
  color: #222edd;
}
.section .ourKeyTargets .box dl dd {
  padding-top: 8px;
}
.section .ourKeyTargets .box dl dd .text {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
}
.section .flexDotList {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section .flexDotList .box {
  position: relative;
  padding-left: 15px;
  padding-right: 60px;
  width: 50%;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section .flexDotList .box:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8b8b8b;
}
.section .ourActions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.section .ourActions .box {
  width: 50%;
}
.section .ourActions .box .ourActionsTit {
  position: relative;
  margin-top: 30px;
  margin-right: 70px;
}
.section .ourActions .box .ourActionsTit:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 0;
  height: 1px;
  background: #dbdbdb;
}
.section .ourActions .box .ourActionsTit .strong {
  position: relative;
  z-index: 1;
  padding-right: 19px;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  display: inline-block;
  background: #fff;
}
.section .ourActions .box .ourActionsTit .small {
  padding-top: 5px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #222edd;
}
.section .ourActions .box .ourActionsCon {
  padding-top: 34px;
}
.section .ourActions .box .ourActionsCon .flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section .ourActions .box .ourActionsCon .flex + .flex {
  margin-top: 47px;
}
.section .ourActions .box .ourActionsCon .flex.itm1 dl:before {
  background: #579900;
}
.section .ourActions .box .ourActionsCon .flex.itm1 dl:after {
  background-image: url(../../images/esg/img_ourActions_itm1.png);
}
.section .ourActions .box .ourActionsCon .flex.itm2 dl:before {
  background: #579900;
}
.section .ourActions .box .ourActionsCon .flex.itm2 dl:after {
  background-image: url(../../images/esg/img_ourActions_itm2.png);
}
.section .ourActions .box .ourActionsCon .flex.itm3 dl:before {
  background: #2f9d80;
}
.section .ourActions .box .ourActionsCon .flex.itm3 dl:after {
  background-image: url(../../images/esg/img_ourActions_itm3.png);
}
.section .ourActions .box .ourActionsCon .flex.itm4 dl:before {
  background: #2f9d80;
}
.section .ourActions .box .ourActionsCon .flex.itm4 dl:after {
  background-image: url(../../images/esg/img_ourActions_itm4.png);
}
.section .ourActions .box .ourActionsCon .flex dl {
  position: relative;
  padding-left: 24px;
  padding-right: 178px;
  min-height: 112px;
}
.section .ourActions .box .ourActionsCon .flex dl:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  bottom: 0;
  width: 5px;
}
.section .ourActions .box .ourActionsCon .flex dl:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 60px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 112px;
  height: 112px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.section .ourActions .box .ourActionsCon .flex dl dt {
  font-size: 26px;
  font-weight: 500;
  color: #222;
  line-height: 1.2;
}
.section .ourActions .box .ourActionsCon .flex dl dd .list {
  padding-top: 20px;
}
.section .ourActions .box .ourActionsCon .flex dl dd .list ul li {
  padding-left: 10px;
  font-weight: 400;
  color: #666;
  line-height: 1.4;
  text-indent: -10px;
}
.section .zeroPathway {
  position: relative;
  margin-top: 60px; /* padding-right:20%; */
  padding-right: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section .zeroPathway:before {
  content: "";
  display: none;
  position: absolute;
  bottom: 45px;
  right: 5%;
  width: 142px;
  height: 86px;
  background: url(../../images/esg/icon_climateActions_netzero9_1.png) no-repeat center/100% auto;
}
.section .zeroPathway .greenBar {
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section .zeroPathway .greenBar:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.67vw;
  right: 0.702vw;
  width: calc(100% - 1.272vw);
  height: 6px;
  background: #6ab706;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.section .zeroPathway .greenBar:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.702vw;
  height: 1.169vw;
  background: url(/resources/front/en/images/esg/icon_climateActions_green_arrow.png) no-repeat center;
  background-size: 100% auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.section .zeroPathway .greenBar .greenCircle {
  width: 0.87vw;
  height: 0.87vw;
  display: inline-block;
  border-radius: 50%;
  background: #6ab706;
}
.section .zeroPathway [class^=year] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}
.section .zeroPathway [class^=year]:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.section .zeroPathway [class^=year]:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.section .zeroPathway [class^=year] .number {
  position: relative;
  padding-top: 25px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.section .zeroPathway [class^=year] .number:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 16px;
  height: 16px;
  border: 4px solid #65b212;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section .zeroPathway [class^=year] .cont {
  position: relative;
}
.section .zeroPathway [class^=year] .cont:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 3px;
  background: url(/resources/front/en/images/esg/icon_climateActions_gray_dot.png) repeat-y center;
  background-size: 100% auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.section .zeroPathway [class^=year] .cont.gray:before { /* height:30px; */
  height: 18px;
}
.section .zeroPathway [class^=year] .cont.gray .round {
  background: #f5f5f5;
}
.section .zeroPathway [class^=year] .cont.green1:before {
  height: 18px;
}
.section .zeroPathway [class^=year] .cont.green1 .round {
  margin-bottom: 26px;
  background: #759c26;
}
.section .zeroPathway [class^=year] .cont.green1 .round p {
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7;
}
.section .zeroPathway [class^=year] .cont.green1 .round ul li {
  color: #fff;
}
.section .zeroPathway [class^=year] .cont.green2:before {
  height: 18px;
}
.section .zeroPathway [class^=year] .cont.green2 .round {
  margin-bottom: 26px;
  background: #537b02;
}
.section .zeroPathway [class^=year] .cont.green2 .round p {
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7;
}
.section .zeroPathway [class^=year] .cont.green2 .round ul li {
  color: #fff;
}
.section .zeroPathway [class^=year] .cont.green3:before {
  height: 18px;
}
.section .zeroPathway [class^=year] .cont.green3 .round {
  margin-bottom: 26px;
  background: #3d5c00;
}
.section .zeroPathway [class^=year] .cont.green3 .round p {
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7;
}
.section .zeroPathway [class^=year] .cont.green3 .round ul li {
  color: #fff;
}
.section .zeroPathway [class^=year] .cont .round {
  position: relative; /* margin-bottom:38px; */
  margin-bottom: 26px;
  padding: 20px;
  border-radius: 5px;
  letter-spacing: -0.5px;
}
.section .zeroPathway [class^=year] .cont .round ul li {
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  text-indent: -8px;
}
.section .zeroPathway [class^=year] .cont .round dl + dl {
  margin-top: 1.068vw;
}
.section .zeroPathway [class^=year] .cont .round dl dt {
  font-size: 0.729vw;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.section .zeroPathway [class^=year] .cont .round dl dd {
  margin-top: 0.125vw;
}
.section .zeroPathway [class^=year] .cont .round dl dd ul li {
  padding-left: 16px;
  text-indent: -16px;
}
.section .moreBtns {
  margin: 60px auto 0;
  text-align: center;
}
.section .moreBtns .btnMore {
  width: 250px;
  height: 60px;
  border: 1px solid #222edd;
  background: #fff;
}
.section .moreBtns .btnMore.on {
  background: #222edd;
}
.section .moreBtns .btnMore.on:hover {
  background: #fff;
}
.section .moreBtns .btnMore.on:hover span {
  color: #222edd;
}
.section .moreBtns .btnMore.on:hover span:before {
  background: #222edd;
}
.section .moreBtns .btnMore.on:hover span:after {
  background: #222edd;
}
.section .moreBtns .btnMore.on span {
  color: #fff;
}
.section .moreBtns .btnMore.on span:before {
  background: #fff;
}
.section .moreBtns .btnMore.on span:after {
  display: none;
}
.section .moreBtns .btnMore:hover {
  background: #222edd;
}
.section .moreBtns .btnMore:hover span {
  color: #fff;
}
.section .moreBtns .btnMore:hover span:before {
  background: #fff;
}
.section .moreBtns .btnMore:hover span:after {
  background: #fff;
}
.section .moreBtns .btnMore span {
  position: relative;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #222edd;
  display: inline-block;
}
.section .moreBtns .btnMore span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 2px;
  background: #222edd;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.section .moreBtns .btnMore span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 2px;
  height: 18px;
  background: #222edd;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.section .moreContent {
  margin-top: 90px;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section .moreContent.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section .moreContent .box {
  width: calc(50% - 10px);
  border: 1px solid #ddd;
}
.section .moreContent .box.itm1 h5 {
  background: #579900;
}
.section .moreContent .box.itm2 h5 {
  background: #2f9d80;
}
.section .moreContent .box.itm2 .chart__table tbody tr td {
  padding: 12px 0;
}
.section .moreContent .box h5 {
  padding: 18px 0 17px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.section .moreContent .box ul.list li {
  padding-left: 9px;
  text-indent: -9px;
}
.section .moreContent .box ul.listCircle li {
  margin-left: 10px;
  padding-left: 19px;
  text-indent: -19px;
}
.section .moreContent .box ul li {
  font-size: 14px;
  color: #666;
}
.section .moreContent .box > ul {
  padding: 30px 20px 0;
  min-height: 176px;
}
.section .moreContent .box > ul > li + li {
  padding-top: 20px;
}
.section .moreContent .box .chart {
  padding: 50px 20px;
}
.section .moreContent .box .chart img {
  width: 100%;
}
.section .moreContent .box .chart__table {
  width: 100%;
  padding: 0 15px 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 35px;
}
.section .moreContent .box .chart__table table {
  width: 100%;
}
.section .moreContent .box .chart__table table tr th,
.section .moreContent .box .chart__table table tr td {
  text-align: center;
  font-size: 14px;
}
.section .moreContent .box .chart__table table thead tr th {
  padding: 15px 0;
  color: #fff;
  font-weight: 700;
  background-color: #888;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.section .moreContent .box .chart__table table thead tr th:first-child {
  border-left: 1px solid #bbb;
}
.section .moreContent .box .chart__table table tbody tr td {
  padding: 9px 0;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section .moreContent .box .chart__table table tbody tr td.bk {
  font-weight: 700;
  border-left: 1px solid #bbb;
}
.section .point {
  color: #222edd;
}
.section .starEtc {
  padding-top: 30px;
  font-size: 16px;
  color: #666;
}
.section .ourInvolvements {
  padding: 30px 40px;
  background: #f5f5f5;
}
.section .ourInvolvements .box {
  /* h5{margin-bottom:20px; font-size:24px; font-weight:600;}
  .flexWrap{display:flex; justify-content:flex-start; align-items:center;
  	.imgWrap{width:100%; max-width:370px; height:100%; max-height:279px;
  		a{display:block;}
  	}
  	.conWrap{margin-left:80px; width:calc(100% - 80px);
  		dl{
  			dt{font-size:20px; font-weight:500; line-height:1;}
  			dd{margin-top:22px;
  				p{font-weight:300; line-height:1.6;}
  				.smiLogo{width: 234px; margin-top: 25px;
  					img{width: 100%;}
  				}
  				.btnArrow{margin-top:15px; width:auto; display:inline-flex; justify-content:flex-start; box-sizing:border-box; background:rgba(0,0,0,0);
  					span{position:relative; padding:0.87vw 4.8vw 0.77vw 1.8vw; font-size:14px; font-weight:400; color:$defColor01; display:inline-block; border:1px solid $defColor01;
  						&:before{content:""; position:absolute; right:1.94vw; bottom:1.35vw; width:0.72vw; height:1px; background:$defColor01; transform:skew(-21deg, 33deg);}
  						&:after{content:""; position:absolute; bottom:1.1vw; margin-left:0.712vw; width:2.23vw; height:1px; display:inline-block; background:$defColor01;}
  					}
  				}
  			}
  		}
  	}
  } */
  /* .conArea{
  	&.swiper-container{margin-top:2.73vw;
  		.swiper-wrapper{flex-flow:column;
  			.swiper-slide{position:relative; margin-top:20px; padding-left:340px; min-height:185px; display:flex; align-items:center; box-sizing:border-box;
  				&:first-child{margin-top:0;}
  				&:before{content:''; position:absolute; top:0; left:0; width:calc(100% - 340px); max-width:300px; height:100%; max-height:185px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}

  				&.itm1{
  					&:before{background-image:url(/resources/front/en/images/esg/img_climateActions_smi1.jpg);}
  				}
  				&.itm2{
  					&:before{background-image:url(/resources/front/en/images/esg/img_climateActions_smi2.jpg);}
  				}
  				&.itm3{
  					&:before{background-image:url(/resources/front/en/images/esg/img_climateActions_smi3.jpg);}
  				}

  				dl{
  					dt{font-weight:600;}
  					dd{margin-top:0.4vw; line-height:1.6;
  						.detail{font-size:16px;}
  					}
  				}
  			}
  		}
  	}
  } */
}
.section .ourInvolvements .box .detail {
  position: relative;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: -0.3px;
}
.section .ourInvolvements .box .detail.frontier {
  margin-top: 1.78vw;
}
.section .ourInvolvements .box .flex {
  position: relative;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section .ourInvolvements .box .flex .flexBox {
  width: calc(33.3333% - 10px);
}
.section .ourInvolvements .box .flex .flexBox.itm1 .img:before {
  background-image: url(/resources/front/en/images/esg/img_climateActions_smi1.jpg);
}
.section .ourInvolvements .box .flex .flexBox.itm2 .img:before {
  background-image: url(/resources/front/en/images/esg/img_climateActions_smi2.jpg);
}
.section .ourInvolvements .box .flex .flexBox.itm3 .img:before {
  background-image: url(/resources/front/en/images/esg/img_climateActions_smi3.jpg);
}
.section .ourInvolvements .box .flex .flexBox dl {
  padding: 14px 16px 29px;
  background: #fff;
}
.section .ourInvolvements .box .flex .flexBox dl dt {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.section .ourInvolvements .box .flex .flexBox dl dd {
  font-size: 15px;
  color: #222;
}
.section .ourInvolvements .box .flex .flexBox .img {
  position: relative;
  height: 17.7vw;
  max-height: 216px;
  width: 100%;
}
.section .ourInvolvements .box .flex .flexBox .img:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  border: 1px solid #222edd;
  background: #fff;
  /* &:before{content:''; position:absolute; bottom:-16px; left:50%; z-index:1; width:18px; height:10px; opacity:0; background:url(/resources/front/en/images/esg/icon_esg_tooltip.png) no-repeat center/100% auto; transform: translate(-50%, 0); transition:opacity 0.3s;} */
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore.on {
  background: #222edd;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore.on:before {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore.on:after {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore.on span:before {
  background: #fff;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore.on span:after {
  display: none;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  opacity: 0;
  border-bottom: 10px solid #222edd;
  border-top: 10px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore:after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  opacity: 0;
  border-bottom: 10px solid #f6f9fe;
  border-top: 10px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  z-index: 2;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore span {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #222edd;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.section .ourInvolvements .box .flex .flexBox .img .btnMore span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 18px;
  background: #222edd;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.section .ourInvolvements .box .flex .flexBox .moreCon {
  position: absolute;
  left: 0;
  margin-top: 14px;
  width: 100%;
  display: none;
  border: 1px solid #222edd;
  background: #f6f9fe;
}
.section .ourInvolvements .box .flex .flexBox .moreCon .btnClose {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 17px;
  height: 19px;
  background: url(/resources/front/en/images/esg/btn_tooltip_close.jpg) no-repeat center/100% auto;
}
.section .ourInvolvements .box .flex .flexBox .moreCon .btnClose span {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.section .ourInvolvements .box .flex .flexBox .moreCon .text {
  padding: 26px 20px;
  font-size: 16px;
}
.section .ourInvolvements .box .btns {
  margin: 32px auto 0;
  text-align: center;
}
.section .ourInvolvements .box .btns a span {
  position: relative;
  padding: 12px 68px 10px 20px;
  font-size: 14px;
  color: #222edd;
  display: inline-block;
  border: 1px solid #222edd;
  background: #fff;
}
.section .ourInvolvements .box .btns a span.report-type {
  padding: 12px 70px 10px 40px;
}
.section .ourInvolvements .box .btns a span.report-type:before {
  display: none;
}
.section .ourInvolvements .box .btns a span.report-type:after {
  bottom: auto;
  top: calc(50% - 8px);
  right: 42px;
  margin: 0px;
  display: block;
  width: 17px;
  height: 17px;
  background: url(/resources/front/en/images/esg/btn_report_type.png) 0 0 no-repeat;
}
.section .ourInvolvements .box .btns a span:before {
  content: "";
  position: absolute;
  right: 19px;
  bottom: 20px;
  width: 16px;
  height: 1px;
  background: #222edd;
  -webkit-transform: skew(-21deg, 33deg);
          transform: skew(-21deg, 33deg);
}
.section .ourInvolvements .box .btns a span:after {
  content: "";
  position: absolute;
  bottom: 15px;
  margin-left: 13px;
  width: 37px;
  height: 1px;
  display: inline-block;
  background: #222edd;
}
.section .iconFlex {
  padding-top: 25px;
}
.section .iconFlex ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section .iconFlex ul li {
  position: relative;
  padding-bottom: 5.04vw;
  width: 25%;
}
.section .iconFlex ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #428bd6;
}
.section .iconFlex ul li:after {
  content: "";
  position: absolute;
  left: 25px;
  bottom: 0;
  width: 3.837vw;
  height: 3.598vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.section .iconFlex ul li.icon1:after {
  background-image: url(/resources/front/en/images/esg/m_icon_climateActions_ourActions1.png);
}
.section .iconFlex ul li.icon2:after {
  background-image: url(/resources/front/en/images/esg/m_icon_climateActions_ourActions2.png);
}
.section .iconFlex ul li.icon3:after {
  background-image: url(/resources/front/en/images/esg/m_icon_climateActions_ourActions3.png);
}
.section .iconFlex ul li.icon4:after {
  background-image: url(/resources/front/en/images/esg/m_icon_climateActions_ourActions4.png);
}
.section .iconFlex ul li p {
  padding-left: 25px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -1px;
}

:lang(ko) .section .starEtc {
  font-size: 15px;
}

/* S : cell-line-development */
.cell-line-development .section.wrapTop .pix-in .youtubeMovie {
  margin-top: 0;
}
.cell-line-development .section.wrapTop .pix-in .youtubeMovie .frameSet {
  max-height: none;
}
.cell-line-development .section.wrapTop .pix-in .topInfo {
  width: 55%;
}
.cell-line-development .section.wrapTop .pix-in .topInfo h3 {
  font-size: 36px;
}
.cell-line-development .section.wrapTop .pix-in .midInfo .midInfoImg {
  display: inline-block;
  vertical-align: middle;
}
.cell-line-development .section.wrapTop .pix-in .midInfo h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 30px;
}
.cell-line-development .section.wrapTop .pix-in .midInfo .midSubText {
  margin-top: 20px;
  font-size: 18px;
}
.cell-line-development .section .pix-in .blueSymbol {
  color: #222edd;
  font-weight: 500;
}
.cell-line-development .section .pix-in .chart_comment {
  margin-top: 10px;
}
.cell-line-development .section .pix-in .chart_comment > p {
  color: #666;
  font-size: 14px;
  line-height: 2;
}
.cell-line-development .section .pix-in .blueText > a {
  font-size: 16px;
  color: #222edd;
  font-weight: 500;
  text-decoration: underline;
  font-style: italic; /* line-height: 2; */
}
.cell-line-development .section .pix-in .NotblueLine {
  position: relative;
}
.cell-line-development .section .pix-in .NotblueLine + .blueLineSub {
  margin-top: 20px;
}
.cell-line-development .section .pix-in .NotblueLine::after {
  content: "";
  position: absolute;
  top: calc(50% + 3px);
  left: 0;
  right: 0;
  z-index: 0;
  height: 1px;
  background: #dbdbdb;
}
.cell-line-development .section .pix-in .NotblueLine > div {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  background-color: #fff;
  font-style: italic;
  font-size: 26px;
  color: #333;
  z-index: 1;
  font-weight: 600;
}
.cell-line-development .section .pix-in.optimization .blueLine > .midInfoImg {
  width: 155px;
  display: inline-block;
  vertical-align: middle;
}
.cell-line-development .section .pix-in.optimization .blueLine > .midInfoImg > img {
  width: 100%;
}
.cell-line-development .section .pix-in.optimization .blueLine > p {
  display: inline-block;
  vertical-align: middle;
}
.cell-line-development .section .pix-in.optimization .optimization__chart {
  margin-top: 30px;
}
.cell-line-development .section .pix-in.optimization .optimization__chart__txt {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
  font-weight: 300;
}
.cell-line-development .section .pix-in.beacon .beacon__img {
  margin-top: 60px;
}
.cell-line-development .section .pix-in.berkeley .blueLineSub {
  margin-top: 15px;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul {
  padding: 25px 20px;
  background-color: #e9f2fa;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li {
  position: relative;
  padding-left: 8px;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li + li {
  margin-top: 5px;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li.italic {
  font-style: italic;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li:not(.blue):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #222;
  border-radius: 50%;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li.blue {
  font-size: 14px;
  margin-top: 20px;
}
.cell-line-development .section .pix-in.berkeley .berkeley__desc ul li.blue::before {
  content: "*";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #222edd;
  font-weight: 500;
}
.cell-line-development .section .pix-in.sient .midInfo .midInfoImg {
  display: inline-block;
  vertical-align: middle;
}
.cell-line-development .section .pix-in.sient .midInfo h3 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  font-size: 28px;
}
.cell-line-development .section .pix-in.sient .midInfo .midSubText {
  margin-top: 20px;
  font-size: 18px;
}
.cell-line-development .section .pix-in.sient .midInfo .blueText {
  margin-top: 17px;
}
.cell-line-development .gallerySlide {
  margin-top: 100px;
}
.cell-line-development .gallerySlide .pix-in {
  padding-top: 100px;
}
.cell-line-development .pdf-layer-box .frameBox {
  max-height: 585px;
}
.cell-line-development .pdf-layer-box .frameBox .scroll-box {
  overflow-y: hidden;
}

/* E : cell-line-development */
.supplier-partnership .pix-in .pageTitle > p {
  padding-bottom: 80px;
}

/* S : 삭제 예정 */
.suppliers.supplier-partnership .coagency {
  margin-top: 50px;
}
.suppliers.v240429 * {
  font-family: "ssl-font";
}
.suppliers.v240429 .pix-in .suppliers-top .btn {
  padding-top: 25px;
}
.suppliers.v240429 .pix-in .suppliers-top .btn a {
  margin: 0;
}
.suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download {
  padding: 0 20px;
  height: 40px;
  font-size: 14px;
}
.suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:hover span, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:active span, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:focus span {
  background-color: #222edd;
  color: #fff;
}
.suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download span {
  display: inline;
  padding: 0;
  letter-spacing: 0;
  border: 0;
}
.suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download span::before, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download span::after {
  display: none;
}
.suppliers.v240429 .pix-in .suppliers-top .txtBox.item3 {
  display: block;
}
.suppliers.v240429 .pix-in .suppliers-top.growing {
  margin-top: 50px;
}
.suppliers.v240429 .pix-in .suppliers-top.growing .tit {
  font-size: 28px;
  font-weight: 500;
}
.suppliers.v240429 .pix-in .suppliers-top.growing dl dt {
  font-size: 20px;
  margin-top: 15px;
}
.suppliers.v240429 .pix-in .suppliers-top.growing dl dd {
  margin-top: 15px;
}
.suppliers.v240429 .pix-in .suppliers-top.growing dl dd ul {
  padding-left: 10px;
}
.suppliers.v240429 .pix-in .suppliers-top.growing dl dd ul li {
  position: relative;
  padding-left: 8px;
  font-size: 16px;
  color: #666;
  font-weight: 300;
}
.suppliers.v240429 .pix-in .suppliers-top.growing dl dd ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 50%;
}
.suppliers.v240429 .pix-in .suppliers-top.growing .desc {
  margin-top: 50px;
  font-size: 20px;
}
.suppliers * {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  color: #222;
}
.suppliers .pix-in {
  padding-top: 100px;
}
.suppliers .pix-in h4.blueLine {
  font-weight: 500;
}
.suppliers .pix-in h5 {
  font-size: 24px;
  font-weight: 500;
}
.suppliers .pix-in .blueLineSub {
  padding-top: 28px;
  font-size: 20px;
}
.suppliers .pix-in .suppliers-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.suppliers .pix-in .suppliers-top.reverse {
  padding-top: 40px;
}
.suppliers .pix-in .suppliers-top .imgBox {
  overflow: hidden;
  border-radius: 15px;
  -webkit-box-shadow: 14px 14px 30px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 14px 14px 30px 0px rgba(0, 0, 0, 0.2);
}
.suppliers .pix-in .suppliers-top .imgBox.item1 {
  margin-right: 45px;
  width: 50%;
  max-width: 600px;
  max-height: 407px;
}
.suppliers .pix-in .suppliers-top .imgBox.item4 {
  margin: 0 30px 30px 20px;
  max-width: 550px;
  max-height: 323px;
}
.suppliers .pix-in .suppliers-top .imgBox img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.suppliers .pix-in .suppliers-top .txtBox.item2 {
  width: calc(50% - 45px);
}
.suppliers .pix-in .suppliers-top .txtBox.item3 {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.suppliers .pix-in .suppliers-top .txtBox p {
  font-size: 20px;
  color: #222;
  line-height: 1.6;
}
.suppliers .pix-in .suppliers-top .txtBox p + p {
  padding-top: 40px;
}
.suppliers .pix-in .suppliers-top .btn {
  padding-top: 50px;
}
.suppliers .pix-in .suppliers-top .btn a:hover span {
  color: #fff;
  background-color: #222edd;
}
.suppliers .pix-in .suppliers-top .btn a:hover span:before, .suppliers .pix-in .suppliers-top .btn a:hover span:after {
  background-color: #fff;
}
.suppliers .pix-in .suppliers-top .btn a span {
  position: relative;
  padding: 9px 59px 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #222edd;
  display: inline-block;
  letter-spacing: -0.5px;
  border: 1px solid #222edd;
  background: #fff;
}
.suppliers .pix-in .suppliers-top .btn a span:before {
  content: "";
  position: absolute;
  right: 19px;
  bottom: 19px;
  width: 13px;
  height: 1px;
  background: #222edd;
  -webkit-transform: skew(-21deg, 30deg);
          transform: skew(-21deg, 30deg);
}
.suppliers .pix-in .suppliers-top .btn a span:after {
  content: "";
  position: absolute;
  bottom: 15px;
  margin-left: 10px;
  width: 29px;
  height: 1px;
  display: inline-block;
  background: #222edd;
}
.suppliers .pix-in .doingBusiness {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.suppliers .pix-in .doingBusiness .box {
  width: calc(50% - 10px);
  border: 1px solid #e1e1e1;
}
.suppliers .pix-in .doingBusiness .box + .box + .box {
  margin-top: 20px;
}
.suppliers .pix-in .doingBusiness .box.item1 .con:before {
  background-image: url(/resources/front/en/images/esg/icon_doing1.png);
}
.suppliers .pix-in .doingBusiness .box.item2 .con:before {
  background-image: url(/resources/front/en/images/esg/icon_doing2.png);
}
.suppliers .pix-in .doingBusiness .box.item3 .con:before {
  background-image: url(/resources/front/en/images/esg/icon_doing3.png);
}
.suppliers .pix-in .doingBusiness .box.item4 .con:before {
  background-image: url(/resources/front/en/images/esg/icon_doing4.png);
}
.suppliers .pix-in .doingBusiness .box .tit {
  height: 74px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e1e1e1;
  background-color: #eee;
}
.suppliers .pix-in .doingBusiness .box .con {
  position: relative;
  padding: 30px 30px 28px 146px;
  min-height: 160px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.suppliers .pix-in .doingBusiness .box .con:before {
  content: "";
  position: absolute;
  top: 48px;
  left: 40px;
  width: 82px;
  height: 66px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.suppliers .pix-in .supporting {
  padding-top: 30px;
}
.suppliers .pix-in .supporting .box {
  padding-top: 20px;
}
.suppliers .pix-in .supporting .box:first-child {
  padding-top: 20px;
}
.suppliers .pix-in .supporting .box .tit {
  font-size: 16px;
  font-weight: 500;
}
.suppliers .pix-in .supporting .box .dash li {
  position: relative;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 300;
}
.suppliers .pix-in .supporting .box .dash li:before {
  content: "-";
  font-size: 16px;
  font-weight: 300;
  display: inline-block;
}
.suppliers .pix-in .contatus {
  padding-top: 80px;
}
.suppliers .pix-in .contatus .text {
  padding-top: 16px;
  font-size: 20px;
  font-weight: 300;
}
.suppliers .pix-in .contatus .btn {
  padding-top: 30px;
}
.suppliers .pix-in .contatus .btn a {
  width: 191px;
  height: 50px;
  display: inline-block;
  text-align: center;
  background: #000;
}
.suppliers .pix-in .contatus .btn a span {
  position: relative;
  padding-right: 30px;
  height: 100%;
  font-size: 18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.suppliers .pix-in .contatus .btn a span:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 35px;
  width: 20px;
  height: 20px;
  background: url(/resources/front/en/images/esg/icon_contactus.png) no-repeat center/100% auto;
}
.suppliers .pix-in .faqList {
  padding-top: 20px;
}
.suppliers .pix-in .faqList dl + dl {
  padding-top: 40px;
}
.suppliers .pix-in .faqList dl.list > dd .txt {
  padding: 40px 25px;
  font-weight: 400;
  line-height: 1.7;
}
.suppliers .pix-in .faqList dl.list > dd .txt p {
  font-size: 16px;
  color: #666;
}
.suppliers .pix-in .faqList dl.list > dd .imgBox {
  margin-top: 28px;
}
.suppliers .pix-in .faqList dl.list > dd .imgBox + p {
  padding-top: 40px;
}
.suppliers .pix-in .faqList dl.pt {
  padding-top: 30px;
}
.suppliers .pix-in .faqList dl dt {
  font-size: 20px;
  font-weight: 500;
}
.suppliers .pix-in .faqList dl dd ul li {
  font-size: 16px;
  color: #666;
}
.suppliers .pix-in .downloadList {
  margin-top: 20px;
}
.suppliers .pix-in .downloadList dl.list > dd ul li {
  background-color: #fbfbfb;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dt span {
  font-weight: 300;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a {
  background-color: #fff;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a:hover {
  background-color: #222edd;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a:hover span {
  color: #fff;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a.btn-link:hover:after {
  background-position: 0 bottom;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a.btn-link:after {
  height: 17px;
  background: url(/resources/front/en/images/esg/link.png) no-repeat 0 top/100% auto;
}
.suppliers .pix-in .downloadList dl.list > dd ul li dl dd a span {
  font-size: 20px;
  font-weight: 600;
  color: #222edd;
}
.suppliers .ceoMessage {
  margin-top: 50px;
  background: #f8f8f8;
}
.suppliers .ceoMessage .pix-in {
  padding: 50px 0 40px;
}
.suppliers .ceoMessage .pix-in .text {
  position: relative;
  padding: 0 65px 23px 73px;
  font-size: 22px;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #d3d3d3;
}
.suppliers .ceoMessage .pix-in .text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 36px;
  background: url(/resources/front/en/images/esg/bg_quotation_left.png) no-repeat center/100% auto;
}
.suppliers .ceoMessage .pix-in .text:after {
  content: "";
  position: absolute;
  bottom: 22px;
  right: 0;
  width: 48px;
  height: 36px;
  background: url(/resources/front/en/images/esg/bg_quotation_right.png) no-repeat center/100% auto;
}
.suppliers .ceoMessage .pix-in .writer {
  padding-top: 36px;
  text-align: center;
}
.suppliers .ceoMessage .pix-in .writer .big {
  font-size: 22px;
  font-weight: 500;
}
.suppliers .ceoMessage .pix-in .writer .small {
  font-size: 16px;
  font-weight: 500;
}
.suppliers .connecting {
  margin: 0 auto;
  padding-top: 60px;
  max-width: 1200px;
}
.suppliers .connecting .tit {
  font-size: 22px;
  font-weight: 500;
}
.suppliers .connecting .text {
  padding-top: 26px;
  font-size: 18px;
  font-weight: 300;
  color: #666;
  line-height: 1.4;
}
.suppliers .connecting .swiper {
  position: relative;
  margin-top: 30px;
  padding: 40px;
  background-color: #f2f2f2;
}
.suppliers .connecting .swiper .swiper-container .swiper-wrapper .swiper-slide {
  width: calc(33.3333% - 12px);
  line-height: 0;
}
.suppliers .connecting .swiper .swiper-container .swiper-wrapper .swiper-slide + .swiper-slide {
  margin-left: 12px;
}
.suppliers .connecting .swiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.suppliers div[data-effect=fadeIn1] {
  opacity: 0;
  -webkit-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
}
.suppliers div[data-effect=fadeIn1].active {
  opacity: 1;
}
.suppliers div[data-effect=fadeIn2] {
  opacity: 0;
  -webkit-transition: opacity 2.5s ease-in-out 0.4s;
  transition: opacity 2.5s ease-in-out 0.4s;
}
.suppliers div[data-effect=fadeIn2].active {
  opacity: 1;
}
.suppliers div[data-effect=fadeIn3] {
  opacity: 0;
  -webkit-transition: opacity 3s ease-in-out 1.2s;
  transition: opacity 3s ease-in-out 1.2s;
}
.suppliers div[data-effect=fadeIn3].active {
  opacity: 1;
}
.suppliers div[data-effect=fadeIn4] {
  opacity: 0;
  -webkit-transition: opacity 2.5s ease-in-out 1.6s;
  transition: opacity 2.5s ease-in-out 1.6s;
}
.suppliers div[data-effect=fadeIn4].active {
  opacity: 1;
}
.suppliers div[data-effect=fadeIn5] {
  opacity: 0;
  -webkit-transition: opacity 2.5s ease-in-out 2s;
  transition: opacity 2.5s ease-in-out 2s;
}
.suppliers div[data-effect=fadeIn5].active {
  opacity: 1;
}

/* E : 삭제 예정 */
.coagency {
  font-family: "ssl-font";
}
.coagency .tabBox {
  margin-bottom: 80px;
}
.coagency .tab_cont > p {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 50px;
}
.coagency .tab_cont > p.lt {
  letter-spacing: -0.5px;
}
.coagency .pageInfo > dl > dt {
  padding-right: 0;
}
.coagency .pageInfo > dl > dd {
  padding: 0 0 0 50px;
}
.coagency .pageInfo > dl > dd dl dd::before, .coagency .pageInfo > dl > dd dl dd::after {
  display: none;
}
.coagency .pageInfo > dl > dd ul {
  margin-top: 35px;
}
.coagency .pageInfo > dl > dd ul li.dotted {
  position: relative;
  padding-left: 10px;
  text-indent: 0;
}
.coagency .pageInfo > dl > dd ul li.dotted::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #222;
  border-radius: 50%;
}
.coagency .pageInfo > dl > dd ul li strong {
  font-family: "ssl-font";
}
.coagency .pageInfo > dl > dd .assignment { /* position:relative; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.coagency .pageInfo > dl > dd .assignment dl { /* position: relative; */ }
.coagency .pageInfo > dl > dd .assignment dl + dl {
  /* &:before{} */
}
.coagency .pageInfo > dl > dd .assignment dl + dl:before, .coagency .pageInfo > dl > dd .assignment dl + dl:after {
  content: "";
  position: absolute;
  top: 70px;
  left: 0;
  margin-left: 34.5%;
  width: 15px;
  height: 45px;
  background-color: #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .pageInfo > dl > dd .assignment dl + dl:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.coagency .pageInfo > dl > dd .assignment dl:last-child:before, .coagency .pageInfo > dl > dd .assignment dl:last-child:after {
  margin-left: 70.7%;
}
.coagency .pageInfo > dl > dd .assignment dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 198px;
  height: 198px;
  padding-right: 0;
  font-size: 20px;
  color: #222edd;
  border: 2px solid #222edd;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.coagency .pageInfo > dl > dd .assignment dl dd {
  width: 100%;
  margin-top: 15px;
  padding: 0 0 0 20px;
  font-size: 18px;
  color: #222;
}
.coagency .pageInfo > dl > dd .policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.coagency .pageInfo > dl > dd .policy dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.coagency .pageInfo > dl > dd .policy dl + dl {
  margin-left: 16px;
}
.coagency .pageInfo > dl > dd .policy dl dt {
  padding: 17px 0;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background-color: #222edd;
}
.coagency .pageInfo > dl > dd .policy dl dd {
  width: 100%;
  min-height: 140px;
  padding: 23px 28px;
  font-size: 18px;
  color: #222;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .pageInfo > dl > dd .policy dl dd ul {
  margin-top: 0;
}
.coagency .pageInfo > dl > dd .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 45px;
}
.coagency .pageInfo > dl > dd .btn-box .btn_download {
  margin: 0 20px 0 0;
  padding: 0 20px;
  height: 55px;
  line-height: 3.25;
  font-size: 16px;
}
.coagency .pageInfo > dl > dd .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
.coagency .pageInfo > dl > dd .price dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .pageInfo > dl > dd .price dl + dl {
  border-left: 0;
}
.coagency .pageInfo > dl > dd .price dl dt {
  width: 100%;
  padding-right: 0;
  padding: 22px 0;
  font-size: 18px;
  font-weight: 500;
  background-color: #eee;
  text-align: center;
}
.coagency .pageInfo > dl > dd .price dl dd {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  line-height: 2.25;
}
.coagency .pageInfo > dl > dd .fair-trade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.coagency .pageInfo > dl > dd .fair-trade dl {
  width: calc(50% - 10px);
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
  margin-right: 20px;
}
.coagency .pageInfo > dl > dd .fair-trade dl:nth-child(2n) {
  margin-right: 0;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-1 {
  margin-top: 5px;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-1 dd {
  background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-1.png?v=250527) 25px center no-repeat;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-2 {
  margin-top: 5px;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-2 dd {
  background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-2.png?v=250527) 25px center no-repeat;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-3 dd {
  background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-3.png?v=250527) 25px center no-repeat;
}
.coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-4 dd {
  background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-4.png?v=250527) 25px center no-repeat;
}
.coagency .pageInfo > dl > dd .fair-trade dl dt {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding: 22px 15px;
  font-size: 18px;
  font-weight: 500;
  background-color: #eee;
  text-align: center;
  white-space: normal;
}
.coagency .pageInfo > dl > dd .fair-trade dl dt a {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 19px;
  height: 20px;
  background: url(/resources/front/en/images/esg/ico_coagency_tap3_19x20.png) center no-repeat;
  text-indent: -9999px;
}
.coagency .pageInfo > dl > dd .fair-trade dl dd {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 110px;
  min-height: 170px;
}
.coagency .pageInfo > dl > dd .fair-trade dl dd ul {
  margin-top: 0;
}
.coagency .pageInfo > dl > dd .fair-trade dl dd ul li {
  padding-right: 10px;
}
.coagency .pageInfo > dl > dd .photo {
  margin-top: 20px;
}
.coagency .pageInfo > dl > dd .photo._tab3 {
  margin-top: 100px;
}
.coagency .pageInfo .srm-box .srm-tit h3 {
  font-size: 32px;
  font-weight: 700;
}
.coagency .pageInfo .srm-box .srm-tit > p {
  margin-top: 8px;
  font-size: 20px;
  text-align: center;
}
.coagency .pageInfo .srm-box .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.coagency .pageInfo .srm-box .btn a {
  margin: 0 auto;
  padding: 0 52px;
  height: 70px;
  line-height: 3.35;
  font-family: "ssl-font";
  font-size: 20px;
  font-weight: 700;
  color: #222edd;
  text-align: center;
  display: table;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
.coagency .pageInfo .srm-box .btn a::after {
  content: "";
  margin-left: 10px;
  width: 21px;
  height: 28px;
  vertical-align: middle;
  display: inline-block;
  background: url(/resources/front/en/images/esg/ico_coagency_blue2_21x21.png) center 1px no-repeat;
}
.coagency .pageInfo .srm-box .btn a:hover {
  color: #fff;
  background-color: #222edd;
  border: 1px solid #fff;
}
.coagency .pageInfo .srm-box .btn a:hover::after {
  background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21.png) center 1px no-repeat;
}
.coagency .pageInfo .srm-box .photo {
  margin-top: 45px;
  position: relative;
}
.coagency .pageInfo .supplier-box .supplier-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.coagency .pageInfo .supplier-box .supplier-btn a {
  position: relative;
  width: calc(50% - 10px);
}
.coagency .pageInfo .supplier-box .supplier-btn a + a {
  margin-left: 20px;
}
.coagency .pageInfo .supplier-box .supplier-btn a p {
  position: absolute;
  top: 50%;
  left: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.coagency .pageInfo .supplier-box .supplier-btn a p::after {
  content: "";
  display: block;
  margin-top: 20px;
  width: 66px;
  height: 25px;
  background: url(/resources/front/en/images/esg/ico_coagency_arrow_wt.png) left center no-repeat;
}
.coagency .pageInfo .supplier-box .supplier-btn a p span {
  display: block;
  font-size: 30px;
  color: #fff;
}
.coagency .pageInfo .supplier-box .supplier-board {
  margin-top: 85px;
}
.coagency .pageInfo .supplier-box .supplier-board-tit {
  font-size: 32px;
  color: #222edd;
  font-weight: 700;
  text-align: center;
}
.coagency .pageInfo .supplier-box .supplier-board-btn {
  margin-top: 60px;
}
.coagency .pageInfo .supplier-box .supplier-board-btn a {
  position: relative;
  margin: 0 auto;
  padding: 0 110px 0 85px;
  height: 60px;
  line-height: 2.9;
  font-family: "ssl-font-en";
  font-size: 20px;
  font-weight: 700;
  color: #222edd;
  text-align: center;
  display: table;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .pageInfo .supplier-box .supplier-board-btn a::before, .coagency .pageInfo .supplier-box .supplier-board-btn a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: calc(50% - 40px);
  width: 18px;
  height: 2px;
  background: #222edd;
}
.coagency .pageInfo .supplier-box .supplier-board-btn a::after {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.coagency .pageInfo .supplier-box .supplier-board-btn a:hover {
  color: #fff;
  background: #222edd;
}
.coagency .pageInfo .supplier-box .supplier-board-btn a:hover::before, .coagency .pageInfo .supplier-box .supplier-board-btn a:hover::after {
  background-color: #fff;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
  margin-top: 30px;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .caption {
  display: table-caption;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .colgroup {
  display: table-column-group;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .col {
  display: table-column;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-header {
  display: table-header-group;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-header .tr .th {
  color: #222edd;
  font-size: 22px;
  border-bottom: 3px solid #222edd;
  font-weight: 500;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body {
  display: table-row-group;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body .tr .th, .coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body .tr .td {
  border-top: 1px solid #ddd;
  font-size: 18px;
  color: #222;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body .tr .td {
  font-family: "ssl-font-en", "ssl-font";
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body .tr .td.num {
  font-size: 20px;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a.tr {
  outline: none;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a.tr:focus .tit, .coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a.tr:active .tit {
  text-decoration: underline;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a .tr:focus .tit, .coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a .tr:active .tit, .coagency .pageInfo .supplier-box .supplier-board .tbl .tbl-body a .tr:hover .tit {
  text-decoration: underline;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .tr {
  display: table-row;
  width: 100%;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .th {
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .th, .coagency .pageInfo .supplier-box .supplier-board .tbl .td {
  display: table-cell;
  height: 70px;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}
.coagency .pageInfo .supplier-box .supplier-board .tbl .th.tbl_date, .coagency .pageInfo .supplier-box .supplier-board .tbl .td.tbl_date {
  padding: 0 30px 0 0;
}
.coagency .pageInfo .photo._tab3 {
  margin-top: 100px;
}
.coagency .voc-box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: none;
}
.coagency .voc-box .blue {
  color: #222edd !important;
}
.coagency .voc-box .voc_con {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 723px;
  background-color: #fff;
}
.coagency .voc-box .voc_con > .miniScroll {
  width: 100%; /* max-height: 760px; */
  max-height: 80vh;
  padding: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
}
.coagency .voc-box .voc_con .close {
  position: absolute;
  top: -40px;
  right: 0px;
  width: 30px;
  height: 30px;
  background: url(/resources/front/en/images/btn/banner_close.png) center no-repeat;
  text-indent: -99999px;
}
.coagency .voc-box .voc_con__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.coagency .voc-box .voc_con__top h3 {
  font-size: 35px;
  font-weight: 700;
  font-family: "ssl-font";
}
.coagency .voc-box .voc_con__top p {
  font-size: 16px;
  color: #666;
}
.coagency .voc-box .voc_con__mid {
  margin-top: 20px;
}
.coagency .voc-box .voc_con__mid--ipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .voc-box .voc_con__mid--ipt label {
  width: 150px;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
}
.coagency .voc-box .voc_con__mid--ipt input {
  width: calc(100% - 150px);
  padding: 20px 0;
  font-size: 16px;
  font-family: "ssl-font";
}
.coagency .voc-box .voc_con__mid--ipt input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #000;
}
.coagency .voc-box .voc_con__mid--ipt input:-webkit-autofill,
.coagency .voc-box .voc_con__mid--ipt input:-webkit-autofill:hover,
.coagency .voc-box .voc_con__mid--ipt input:-webkit-autofill:focus,
.coagency .voc-box .voc_con__mid--ipt input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.coagency .voc-box .voc_con__mid--ipt .country-wrap {
  width: calc(100% - 150px);
  position: relative;
}
.coagency .voc-box .voc_con__mid--ipt .country-wrap .locationSearch {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.coagency .voc-box .voc_con__mid--ipt .country-wrap input {
  width: calc(100% - 40px);
}
.coagency .voc-box .voc_con__mid--text label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 0;
}
.coagency .voc-box .voc_con__mid--text textarea {
  width: 100%;
  height: 245px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  background-color: #f8f8f8;
  resize: none;
}
.coagency .voc-box .voc_con__mid--text p {
  text-align: right;
}
.coagency .voc-box .voc_con__mid--check {
  margin-top: 20px;
}
.coagency .voc-box .voc_con__mid--check input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.coagency .voc-box .voc_con__mid--check input:checked + label::after {
  border-color: #222edd !important;
}
.coagency .voc-box .voc_con__mid--check input:checked + label::before {
  display: block;
}
.coagency .voc-box .voc_con__mid--check input:focus + label::after {
  border: 1px solid #777;
}
.coagency .voc-box .voc_con__mid--check label {
  position: relative;
  font-size: 16px;
  padding-left: 40px;
}
.coagency .voc-box .voc_con__mid--check label::after {
  content: "";
  position: absolute;
  display: block;
  top: -3px;
  left: 0px;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
}
.coagency .voc-box .voc_con__mid--check label::before {
  content: "";
  position: absolute;
  display: none;
  top: 8px;
  left: 9px;
  width: 12px;
  height: 6px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.coagency .voc-box .voc_con__mid .vocPrivacy {
  margin-top: 45px;
}
.coagency .voc-box .voc_con__mid .vocPrivacy > h4 {
  font-size: 26px;
  font-weight: 500;
  font-family: "ssl-font";
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con {
  height: 245px;
  padding: 30px;
  margin-top: 35px;
  overflow-y: scroll;
  border: 1px solid #ddd;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con__tit {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px dashed #ddd;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con ul {
  margin-top: 15px;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con ul li + li {
  margin-top: 5px;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con ul li dl dt .underl {
  text-decoration: underline;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-con ul li dl dd {
  padding-left: 10px;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-btn {
  text-align: center;
  margin-top: 40px;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-btn input[type=submit], .coagency .voc-box .voc_con__mid .vocPrivacy-btn a {
  display: inline-block;
  padding: 20px 58px;
  line-height: 1;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #222edd;
  color: #222edd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.coagency .voc-box .voc_con__mid .vocPrivacy-btn input[type=submit]:hover, .coagency .voc-box .voc_con__mid .vocPrivacy-btn a:hover {
  color: #fff;
  background-color: #222edd;
}
.coagency .country .countryBox {
  max-width: 723px;
  max-height: 760px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.coagency .country_cont {
  height: auto;
}
.coagency .country_cont .country_default {
  max-width: 673px;
  max-height: 477px;
}

:lang(en) .coagency .pageInfo > dl > dd .assignment::before {
  left: 40%;
}
:lang(en) .coagency .pageInfo > dl > dd .assignment::after {
  left: 72.25%;
}
:lang(en) .coagency .pageInfo > dl > dd .policy dl dd {
  min-height: 201px;
  padding: 23px 25px;
}
:lang(en) .coagency .fair-trade dl.fair-trade-3 dt {
  line-height: 1.5;
}
:lang(en) .coagency .fair-trade dl.fair-trade-4 dt {
  line-height: 1.5;
}
:lang(en) .coagency .fair-trade dl dd {
  padding: 20px 0 20px 110px;
}
:lang(en) .coagency .voc-box .voc_con__mid--ipt label {
  width: 150px;
}
:lang(en) .coagency .voc-box .voc_con__mid--ipt input {
  width: calc(100% - 150px);
}
:lang(en) .coagency .voc-box .voc_con__mid--ipt .country-wrap {
  width: calc(100% - 150px);
}
:lang(en) .coagency .voc-box .voc_con__mid--ipt .country-wrap input {
  width: calc(100% - 40px);
}
:lang(en) .coagency .srm-box .btn a::after {
  background: url(/resources/front/en/images/esg/ico_coagency_blue2_21x21.png) center 3px no-repeat;
}
:lang(en) .coagency .srm-box .btn a:hover::after {
  background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21.png) center 3px no-repeat;
}

/* S : 삭제 예정 */
/* S : compiance */
.compliance .section .pix-in .pageTitle > p {
  padding-bottom: 80px;
}
.compliance .section .tab_cont {
  padding-top: 40px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list {
  margin-top: 10px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li {
  padding: 90px 0;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li:last-child {
  border-bottom: 1px solid #ddd;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl {
  padding: 0;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl + dl {
  margin-top: 90px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl.vm dt,
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl.vm dd {
  vertical-align: middle;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dt .img-box {
  margin-top: 30px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd p + p {
  padding-top: 30px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd p strong {
  color: #222;
  font-size: 18px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd .box-radius ul li {
  font-size: 18px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li .desc {
  margin-top: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList {
  margin-bottom: 100px;
  padding-top: 0;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dt a {
  font-size: 22px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd {
  padding: 40px 26px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListTit {
  font-size: 20px;
  font-weight: 400;
  color: #222;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListTit.bold {
  font-weight: 500;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon {
  padding-top: 15px;
  font-size: 16px;
  color: #666;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon + .complianceListTit {
  padding-top: 30px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash + p {
  padding-top: 20px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash li {
  position: relative;
  padding-left: 15px;
  line-height: 1.8;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 2px;
  width: 5px;
  height: 1px;
  background: #666;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .decimal {
  margin-left: 20px;
  padding-left: 20px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .decimal li {
  line-height: 1.8;
  list-style-type: decimal;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .underline {
  text-decoration: underline;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon p + p {
  padding-top: 20px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon p + .dash {
  padding-top: 20px;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon p.sign {
  margin-top: 35px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .mail {
  color: #222edd;
  text-decoration: underline;
}
.compliance .section .tab_cont .pix-in .compliance_list.v231204 ul li:first-child dl {
  padding-top: 0;
}
.compliance .section .tab_cont .pix-in .compliance_list.v231204 ul li:first-child dl dd {
  width: 100%;
}
.compliance .section .tab_cont .pix-in .compliance_list.v231204 ul li:first-child dl dd p {
  margin-top: 0;
}
.compliance .section .tab_cont .pix-in .compliance_list.v231204 ul li:first-child dl dd .thumb img {
  margin: auto;
}
.compliance .section .tab_cont .pix-in .compliance_list.v231204 ul li dl dd .thumb {
  margin-top: 40px;
}
.compliance .section .tab_cont .pix-in .compliance_list ul li dl .compliance-info-btn {
  margin-top: 30px;
}
.compliance .section .tab_cont .pix-in .compliance_list ul li dl .compliance-info-btn a {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  background-color: #222edd;
  text-align: center;
  line-height: 1;
  padding: 18px 58px;
}

/* E : compiance */
/* S : 삭제 예정 */
@media (max-width: 1199px) {
  .esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl {
    padding: 10px 0px;
    line-height: 1.2;
  }
  .esgLogo .pix-in.newLogo .box.pc > ul > li div[class^=itm-] .txt-box > dl dd p {
    font-size: 12px;
    letter-spacing: -0.6px;
  }
  .coagency .pageInfo > dl > dd .assignment dl:before, .coagency .pageInfo > dl > dd .assignment dl:after {
    display: none;
  }
}
@media (max-width: 1023px) {
  /* S : 삭제 예정 */
  .esg-info.new230103 .dft-pageTitle h1 {
    font-size: 20px;
    text-align: center;
    padding-right: 0;
  }
  .esg-info.new230103 h5 {
    font-size: 20px;
    text-align: center;
    padding-right: 0;
  }
  .esg-info.new230103 .icon-doubleQuotation {
    font-size: 17px;
    padding: 20px 25px 20px 30px;
  }
  .esg-info.new230103 .icon-doubleQuotation._kr > p:after {
    right: -35px;
  }
  .esg-info.new230103 .icon-doubleQuotation + .txt {
    padding-top: 20px;
    padding-left: 0;
  }
  .esg-info.new230103 .icon-doubleQuotation > p {
    display: block;
    max-width: none;
  }
  .esg-info.new230103 .icon-doubleQuotation > p:before {
    top: -25px;
    left: -30px;
    font-size: 40px;
    height: auto;
  }
  .esg-info.new230103 .icon-doubleQuotation > p:after {
    bottom: -25px;
    right: -35px;
    height: auto;
    font-size: 40px;
  }
  .esg-info.new230103 .flex-box {
    margin-top: 20px;
  }
  .esg-info.new230103 .flex-box ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-info.new230103 .flex-box ul li:first-child, .esg-info.new230103 .flex-box ul li:last-child {
    width: 100%;
    padding: 0px;
  }
  .esg-info.new230103 .flex-box ul li:first-child:after, .esg-info.new230103 .flex-box ul li:last-child:after {
    display: none;
  }
  .esg-info.new230103 .flex-box ul li:last-child {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #c7c7c7;
  }
  .esg-info.new230103 .flex-box ul li .img-box {
    width: 100%;
    max-width: 220px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esg-info.new230103 .flex-box ul li > .txt {
    font-size: 14px;
  }
  .esg-info.new230103 .flex-box ul li > .icon-doubleQuotation + .txt {
    font-size: 14px;
    text-align: left;
  }
  .esg-info > .txt {
    font-size: 14px;
  }
  .esg-info .faqList {
    padding-top: 30px;
  }
  .esg-info .faqList dl.list > dt a {
    padding-left: 10px;
  }
  .esg-info .faqList dl.list > dd .txt .photo-btns {
    display: block;
  }
  .esg-info .faqList dl.list > dd .txt .photo-btns .img {
    width: 100%;
    text-align: center;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esg-info .faqList dl.list > dd .txt .photo-btns .img img {
    width: 100%;
    max-width: 640px;
  }
  .esg-info .faqList dl.list > dd .txt .photo-btns .btns {
    margin-left: 0px;
    margin-top: 20px;
  }
  .esg-info .faqList dl.list > dd .txt .photo-btns .btns .btn-down {
    min-width: 210px;
    max-width: 210px;
    height: 50px;
    padding: 12px 0;
    margin: 0 auto;
    font-size: 17px;
  }
  .esg-info .faqList dl.list > dd .txt .esg-txt {
    margin-top: 40px;
  }
  .esg-info .faqList dl.list > dd .txt .esg-txt dl dt {
    font-size: 14px;
  }
  .esg-info .faqList dl.list > dd .txt .esg-txt dl dd {
    margin-top: 20px;
    font-size: 14px;
  }
  .esg-info .faqList dl.list > dd .txt .esg-txt dl dd + dt {
    margin-top: 40px;
  }
  /* E : 삭제 예정 */
  .esgLogo {
    margin-top: 50px;
    background-image: url(/resources/front/en/images/esg/m_bg_esgManagement_banner.jpg);
  }
  .esgLogo.v230905 {
    background-image: url(/resources/front/en/images/esg/m_bg_esgManagement_banner_230905.jpg);
  }
  .esgLogo .pix-in {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .esgLogo .pix-in.newLogo {
    padding: 50px 0;
  }
  .esgLogo .pix-in.newLogo .box.mobile, .esgLogo .pix-in.newLogo .box.slide {
    width: calc(100% - 66px);
    max-width: 300px;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide {
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
    pointer-events: none;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-], .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] {
    position: relative;
    width: 100%;
    min-height: 330px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 2;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box.new230104:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box.new230104:after {
    top: calc(50% - 29px);
    left: calc(50% - 87px);
    width: 175px;
    height: 58px;
    background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo1] .logo-box:after {
    top: calc(50% - 26px);
    left: calc(50% - 96px);
    width: 192px;
    height: 64px;
    background: url(/resources/front/en/images/esg/overview_ico_logo1.png) center center/100% no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo2] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo2] .logo-box:after {
    top: calc(50% - 27px);
    left: calc(50% - 73px);
    width: 146px;
    height: 54px;
    background: url(/resources/front/en/images/esg/overview_ico_logo2.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo3] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo3] .logo-box:after {
    top: calc(50% - 31px);
    left: calc(50% - 39px);
    width: 78px;
    height: 62px;
    background: url(/resources/front/en/images/esg/overview_ico_logo3.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo4] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo4] .logo-box:after {
    top: calc(50% - 20px);
    left: calc(50% - 99px); /* width:200px; height:64px; */
    width: 178px;
    height: 55px;
    background: url(/resources/front/en/images/esg/overview_ico_logo4.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo5] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo5] .logo-box:after {
    top: calc(50% - 11px);
    left: calc(50% - 84px);
    width: 168px;
    height: 22px;
    background: url(/resources/front/en/images/esg/overview_ico_logo5.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo6] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo6] .logo-box:after {
    top: calc(50% - 24px);
    left: calc(50% - 69px);
    width: 138px;
    height: 48px;
    background: url(/resources/front/en/images/esg/overview_ico_logo6.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo7] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo7] .logo-box:after {
    top: calc(50% - 33px);
    left: calc(50% - 70px);
    width: 150px;
    height: 68px;
    background: url(/resources/front/en/images/esg/overview_ico_logo7_241118.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo8] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo8] .logo-box:after {
    top: calc(50% - 23px);
    left: calc(50% - 111px);
    width: 222px;
    height: 46px;
    background: url(/resources/front/en/images/esg/overview_ico_logo8.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo9] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo9] .logo-box:after {
    top: calc(50% - 36px);
    left: calc(50% - 112px); /* width:224px; height:72px; */
    width: 200px;
    height: 62px;
    background: url(/resources/front/en/images/esg/overview_ico_logo9_250313.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo10] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-][class$=logo10] .logo-box:after {
    top: calc(50% - 28px);
    left: calc(50% - 90px);
    width: 174px;
    height: 52px;
    background: url(/resources/front/en/images/esg/mo_overview_ico_logo10.png) center center/cover no-repeat;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box {
    position: relative;
    width: 100%;
    min-height: 93px;
    margin-bottom: 10px;
    text-indent: -9999px;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box:after, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .logo-box:after {
    content: "";
    position: absolute;
    display: block;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box {
    position: relative;
    width: 100%;
    height: 93px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box .logo, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box .logo {
    width: 100%;
    height: 100%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box .logo img, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .photo-box .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box {
    position: relative;
    width: 100%;
    border-top: 1px solid #c7c7c7;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl {
    width: 100%;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.4;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dt, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dt {
    font-size: 14px;
    color: #222edd;
    font-weight: 700;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd {
    margin-top: 5px;
    font-size: 13px;
    color: #222;
    font-weight: 500;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + p, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + p {
    margin-top: 11px;
    padding-top: 12px;
    border-top: 1px dashed #c7c7c7;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + ul, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd p + ul {
    margin-top: 5px;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li {
    text-indent: -10px;
    padding-left: 10px;
  }
  .esgLogo .pix-in.newLogo .box.mobile .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li + li, .esgLogo .pix-in.newLogo .box.slide .swiper-container .swiper-wrapper .swiper-slide div[class^=itm-] .txt-box > dl > dd > ul > li + li {
    margin-top: 2px;
  }
  .esgLogo .box {
    width: calc(100% - 66px);
    max-width: 300px;
  }
  .esgLogo .box .swiper-container .swiper-wrapper {
    margin-left: 0;
  }
  .esgLogo .box .swiper-container .swiper-wrapper .swiper-slide {
    margin-left: 0;
    width: 100% !important;
  }
  .esgLogo .box .swiper-container .swiper-wrapper .swiper-slide a .summary p {
    padding: 15px;
    font-size: 12px;
  }
  .esgLogo .box .swiper-button-prev {
    left: -33px;
    margin-top: -16px;
    width: 16px;
    height: 32px;
    display: block;
    background-image: url(/resources/front/en/images/esg/m_btn_prev.png);
  }
  .esgLogo .box .swiper-button-next {
    right: -33px;
    margin-top: -16px;
    width: 16px;
    height: 32px;
    display: block;
    background-image: url(/resources/front/en/images/esg/m_btn_next.png);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .esgSupplyChain .blueLineSub {
    margin-top: 10px;
    font-size: 14px;
  }
  .esgSupplyChain .faqList {
    padding-top: 15px;
  }
  .esgSupplyChain .faqList dl.list > dd .txt {
    padding: 20px 0;
  }
  .esgSupplyChain .faqList dl.list > dd .imgBox {
    margin-top: 30px;
    padding: 0 10px;
    text-align: center;
  }
  .esgSupplyChain .faqList dl.list > dd .imgBox + p {
    padding-top: 28px;
  }
  .esgSupplyChain .faqList dl.list > dd .imgBox img {
    max-width: 640px;
  }
  .esgSupplyChain .faqList dl.list > dd p {
    padding: 0 20px;
  }
  .esgSupplyChain .faqList dl.list > dd p + p, .esgSupplyChain .faqList dl.list > dd p + dl {
    padding-top: 28px;
  }
  .esgSupplyChain .faqList dl.list > dd dl {
    padding: 0 20px;
  }
  .esgSupplyChain .faqList dl.list > dd dl.pt, .esgSupplyChain .faqList dl.list > dd dl + dl, .esgSupplyChain .faqList dl.list > dd dl + p {
    padding-top: 28px;
  }
  .esgSupplyChain .faqList dl.list > dd dl dt {
    font-size: 14px;
  }
  .esgSupplyChain .esgSupplyChain__desc {
    margin-top: 40px;
  }
  .esgSupplyChain .esgSupplyChain__desc.new240108 {
    margin-top: 0;
  }
  .esgSupplyChain .esgSupplyChain__desc p {
    font-size: 11px;
  }
  .esgSupplyChain .esgSupplyChain__desc p span {
    font-size: 13px;
  }
  .esg-report {
    padding-top: 50px;
    /* .tabBox{margin-top:40px;} */
  }
  .esg-report.new221228 {
    padding-top: 0px;
  }
  .esg-report.new221228 .tabBox {
    margin-top: 20px;
  }
  .esg-report.new221228 .box {
    padding-top: 20px;
  }
  .esg-report.new221228 .box h5 {
    text-align: left;
  }
  .esg-report .box {
    padding-top: 20px;
    display: block;
  }
  .esg-report .box h5 {
    font-family: "ssl-font";
    font-size: 17px;
    font-weight: 600;
  }
  .esg-report .box .img {
    margin-top: 15px;
    width: 100%;
  }
  .esg-report .box .img + .txt {
    padding-left: 0px;
    width: 100%;
  }
  .esg-report .box .txt {
    padding-top: 20px;
  }
  .esg-report .box .txt + .last-year {
    padding-top: 37px;
    padding-left: 0;
  }
  .esg-report .box .txt .txt-detail .txt-con {
    font-size: 14px;
    line-height: 1.6;
  }
  .esg-report .box .last-year .img {
    margin-top: 0;
    width: 178px;
  }
  .esg-report .box .last-year .img img {
    width: 100%;
  }
  .esg-report .box .last-year .btns {
    padding-top: 19px;
  }
  .esg-report .box .last-year .btns .btn-down {
    padding: 15px 0;
    width: auto;
    height: 60px;
    font-size: 17px;
  }
  .esg-report .box .btns {
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .esg-report .box .btns .btn-down { /* min-width:210px; max-width:210px; height:50px; */
    width: 100%;
    min-width: auto;
    padding: 12px 15px; /* padding:12px 20px; */
    font-size: 17px;
  }
  .esg-report .box .btns .btn-down + .btn-down {
    margin-left: 0px;
    margin-top: 10px;
  }
  .esg-report .box .btns .btn-down + .btn-down-text {
    margin-top: 19px;
    margin-left: 0;
  }
  .esg-report .box .btns .btn-down-text {
    font-size: 16px;
  }
  .esg-report .box .btns .btn-down-text span {
    padding-right: 30px;
    font-size: 16px;
    letter-spacing: 0;
  }
  .esg-report .esg-txt { /* width:calc(100% - 40px); max-width:560px; */
    margin: 56px auto 0;
  }
  .esg-report .esg-txt p {
    font-size: 11px;
    color: #666;
  }
  .esg-report .esg-tcfd-report {
    padding-top: 20px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt {
    position: relative;
  }
  .esg-report .esg-tcfd-report .tcfd-txt h5 {
    display: block;
    margin-bottom: 15px;
    font-size: 17px;
    text-align: left;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dt {
    width: 100%;
    padding-right: 0px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dt img {
    min-width: auto; /* max-width:60vw; */ /*max-width:320px;*/
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd p.tit {
    display: none;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd p.txt {
    margin-top: 0px;
    font-size: 14px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down {
    min-width: 210px;
    height: 50px;
    padding: 12px 0;
    font-size: 17px;
    max-width: 210px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down + .btn-down-text {
    margin-top: 19px;
    margin-left: 0;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text {
    font-size: 16px;
  }
  .esg-report .esg-tcfd-report .tcfd-txt > dl dd .btns .btn-down-text span {
    padding-right: 30px;
    font-size: 16px;
    letter-spacing: 0;
  }
  .esg-report .downloadList {
    padding-top: 50px;
  }
  .report-summary {
    padding-top: 30px;
  }
  .report-summary.tab_cont {
    padding-top: 30px;
  }
  .report-summary.tab_cont dl {
    padding: 28px;
    background: #f5f5f5;
  }
  .report-summary.tab_cont dl dd {
    padding-top: 17px;
  }
  .report-summary dl + dl {
    padding-top: 40px;
  }
  .report-summary dl dt {
    font-size: 14px;
  }
  .report-summary dl dd {
    padding-top: 20px;
    padding-left: 0;
  }
  .report-summary dl dd .summary-text {
    font-size: 14px;
    line-height: 1.6;
  }
  .esg-performance {
    padding-top: 50px;
  }
  .esg-performance .grayBox {
    margin: 20px -30px 0;
    padding: 0;
    width: calc(100% + 60px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .esg-performance .grayBox .box {
    margin-left: 0;
    padding: 20px 20px 20px 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esg-performance .grayBox .box:after {
    content: "";
    clear: both;
    display: block;
  }
  .esg-performance .grayBox .box:nth-child(even) {
    background: #fff;
  }
  .esg-performance .grayBox .box .imgBox {
    float: left;
    min-width: 140px;
    width: 40%;
  }
  .esg-performance .grayBox .box .con {
    float: left;
    margin-left: 20px;
    width: calc(58% - 20px);
  }
  .esg-performance .grayBox .box .con .year {
    padding-top: 0;
    font-size: 14px;
  }
  .esg-performance .grayBox .box .con .text {
    height: auto;
    font-size: 12px;
  }
  .esg-performance .grayBox .box .con .import {
    padding-top: 11px;
    font-size: 14px;
  }
  :lang(en) .esg-performance .grayBox .box .con .text {
    min-height: 58px;
  }
  :lang(en) .coagency .pageInfo > dl > dd .policy > dl {
    height: 190px;
  }
  :lang(en) .coagency .pageInfo > dl > dd .policy > dl > dt {
    width: 190px !important;
  }
  :lang(en) .coagency .pageInfo > dl > dd .policy > dl > dd {
    min-height: initial;
  }
  :lang(en) .coagency .pageInfo > dl > dd .policy > dl > dd ul li + li {
    margin-top: 0;
  }
  :lang(en) .coagency .pageInfo .btn-box.mobile .btn_download {
    font-size: 15px;
  }
  :lang(en) .coagency .supplier-box .supplier-btn #voc-btn + a p span::after {
    left: 102%;
  }
  :lang(en) .coagency .voc-box .voc_con__mid--ipt label {
    width: 70px;
  }
  :lang(en) .coagency .voc-box .voc_con__mid--ipt input {
    width: calc(100% - 70px);
  }
  :lang(en) .coagency .voc-box .voc_con__mid--ipt .country-wrap {
    width: calc(100% - 70px);
  }
  .esg-policy {
    padding-top: 50px;
  }
  .esg-policy .list ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  .esg-policy .list ul li + li {
    border-top: 0;
  }
  .esg-policy .list ul li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-policy .list ul li dl dt span {
    padding: 15px 10px 10px;
    font-size: 17px;
  }
  .esg-policy .list ul li dl dd a {
    min-width: 210px;
    height: 50px;
    padding: 12px 0;
    margin: 0 auto;
    font-size: 17px;
    max-width: 210px;
  }
  /* S : 삭제 예정 */
  .human-rights .process {
    padding-bottom: 50px;
  }
  .human-rights .process .tit {
    font-size: 20px;
  }
  .human-rights .process .box {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .human-rights .process .box dl {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%; /* max-width:420px; margin:0 auto; */
  }
  .human-rights .process .box dl:after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: -75px;
    left: calc(50% - 20px);
    display: block;
    width: 40px;
    height: 50px;
    background: url(./../../images/esg/m-ico-process-next.png) 0 0 no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl:last-child:after {
    display: none;
  }
  .human-rights .process .box dl + dl {
    margin-top: 100px;
  }
  .human-rights .process .box dl dt {
    padding-top: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* &:after {content:''; position:absolute; top:40px; right:-25px; display:block; width:47px; height:30px; background:url(/resources/front/kr/images/esg/ico-process-next.png) 0 0 no-repeat;} */
  }
  .human-rights .process .box dl dt:before {
    content: "";
    top: 0px;
    left: 15px;
    display: block;
    width: 70px;
    height: 70px;
  }
  .human-rights .process .box dl dt:after {
    display: none;
  }
  .human-rights .process .box dl dt.ico-01-01:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-01-01.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-02-01:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-02-01.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-01-02:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-01-02.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-02-02:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-02-02.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-01-03:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-01-03.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-02-03:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-02-03.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-01-04:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-01-04.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt.ico-02-04:before {
    background: url(/resources/front/kr/images/esg/m-ico-process-02-04.png?v=250527) center center no-repeat;
    background-size: cover;
  }
  .human-rights .process .box dl dt .tits {
    width: auto;
    height: auto;
    min-height: 70px;
    padding-left: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .human-rights .process .box dl dd {
    margin-top: 20px;
    padding: 0 0 0 15px;
  }
  .human-rights .process .box dl dd ul li {
    position: relative;
    padding-left: 10px;
  }
  .human-rights .process .box dl dd ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 1px;
    display: block;
    border-radius: 0%;
    background-color: #8b8b8b;
  }
  /* E : 삭제 예정 */
  .esg-tbl { /* padding-bottom:0px; */ }
  .esg-tbl > table colgroup.pc {
    display: none !important;
  }
  .esg-tbl > table colgroup.mobile {
    display: table-column-group !important;
  }
  .esg-tbl > table thead tr th {
    font-size: 16px;
  }
  .esg-tbl > table tbody tr td {
    font-size: 15px;
  }
  .climateChangeInfo {
    padding-bottom: 50px;
    font-size: 14px;
    border-bottom-width: 1px;
  }
  .climateChangeWrap .chart > div {
    width: 100%;
  }
  .climateChangeWrap .chart > div.chart1 {
    margin-top: 50px;
    border-radius: 0;
    background: none;
  }
  .climateChangeWrap .chart > div.chart1 .chartInfo {
    background: #d7f2fc;
  }
  .climateChangeWrap .chart > div.chart1 .chartIcon ul li.item1:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope1_1.png);
  }
  .climateChangeWrap .chart > div.chart1 .chartIcon ul li.item2:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope1_2.png);
  }
  .climateChangeWrap .chart > div.chart1 .chartIcon ul li.item3:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope1_3.png);
  }
  .climateChangeWrap .chart > div.chart2 {
    margin-top: 33px;
    border-radius: 0;
    background: none;
  }
  .climateChangeWrap .chart > div.chart2 .chartInfo {
    background: #e1dbf7;
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item1:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_1.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item2:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_2.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item3:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_3.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item4:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_4.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item5:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_5.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item6:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_6.png);
  }
  .climateChangeWrap .chart > div.chart2 .chartIcon ul li.item7:after {
    background-image: url(/resources/front/en/images/esg/m_icon_scope3_7.png);
  }
  .climateChangeWrap .chart > div.imgWrap {
    margin-top: 0;
    text-align: center;
  }
  .climateChangeWrap .chart > div .chartInfo {
    padding: 14px;
  }
  .climateChangeWrap .chart > div .chartInfo .chartTag {
    font-size: 14px;
  }
  .climateChangeWrap .chart > div .chartIcon ul li {
    position: relative;
    margin-top: 20px;
    padding-left: 62px;
  }
  .climateChangeWrap .chart > div .chartIcon ul li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 41px;
  }
  .climateChangeWrap .chart > div .chartIcon ul li strong {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
    display: block;
  }
  .climateChangeWrap .chart > div .chartIcon ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 1.3;
  }
  .climateChangeWrap .chart img {
    max-width: 640px;
  }
  .term {
    position: relative;
    margin-top: 30px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    background: none;
  }
  .term + .term {
    margin-top: 50px;
  }
  .term .arrowTerm {
    position: absolute;
    top: 66px;
    left: 30px;
    bottom: 30px;
    margin-top: 0;
    margin-bottom: 0;
    width: 38px;
  }
  .term .arrowTerm:before {
    top: 34px;
    bottom: 34px;
    margin-left: -5px;
    width: 10px;
    height: calc(100% - 64px);
    border-radius: 2px 2px 0 0;
  }
  .term .arrowTerm:after {
    bottom: 24px;
    margin-left: -7px;
    width: 14px;
    height: 6px;
    background-image: url(/resources/front/en/images/esg/m_icon_term_arrow.png);
  }
  .term .arrowTerm p {
    font-size: 13px;
    line-height: 1.2;
  }
  .term .arrowTerm p.last {
    bottom: -8px;
  }
  .term .termBox {
    padding: 30px 30px 30px 60px;
    background: #f5f5f5;
  }
  .term .termBox.operationSite {
    width: 100%;
  }
  .term .termBox.operationSite ul li {
    width: calc(50% - 10px);
  }
  .term .termBox.operationSite ul li.item1:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite1.png);
  }
  .term .termBox.operationSite ul li.item2:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite2.png);
  }
  .term .termBox.operationSite ul li.item3:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite3.png);
  }
  .term .termBox.operationSite ul li.item4:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite4.png);
  }
  .term .termBox.operationSite ul li.item5:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite5.png);
  }
  .term .termBox.operationSite ul li.item6:after {
    background-image: url(/resources/front/en/images/esg/m_icon_operationSite6.png);
  }
  .term .termBox.valueChain {
    width: 100%;
  }
  .term .termBox.valueChain ul li.item1:after {
    background-image: url(/resources/front/en/images/esg/m_icon_valueChain1.png);
  }
  .term .termBox.valueChain ul li.item2:after {
    background-image: url(/resources/front/en/images/esg/m_icon_valueChain2.png);
  }
  .term .termBox.valueChain ul li.item3:after {
    background-image: url(/resources/front/en/images/esg/m_icon_valueChain3.png);
  }
  .term .termBox h4 {
    width: 178px;
    height: 37px;
    font-size: 18px;
    -webkit-transform: translate(-15px, 0);
            transform: translate(-15px, 0);
  }
  .term .termBox ul {
    margin-top: 29px;
  }
  .term .termBox ul li {
    padding-top: 51px;
    padding-left: 0;
    padding-bottom: 30px;
    height: auto;
    font-size: 13px;
  }
  .term .termBox ul li:after {
    margin-left: -45px;
    width: 89px;
    height: 45px;
    background-size: 100% auto;
  }
  .term .termBox ul li p:before {
    display: none;
  }
  .section {
    /* 
    .imgWrap{
    	& + .detail{margin-top:1.65vw;}
    	img{width:100%;}
    } */
    /* S : 삭제 예정 */
    /* E : 삭제 예정 */
  }
  .section.wrapTop .pix-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section.wrapTop .pix-in h3 {
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
  }
  .section.wrapTop .pix-in .topInfo {
    padding-left: 0;
    width: 100%;
  }
  .section.wrapTop .pix-in .topInfo .topSubText {
    margin-top: 20px;
    font-size: 14px;
  }
  .section.wrapTop .pix-in .imgWrap {
    margin: 25px auto 0;
    max-width: 640px;
    min-height: auto;
    height: 46.75vw;
  }
  .section.wrapTop .pix-in .youtubeMovie {
    margin-top: 25px;
  }
  .section.wrapTop .pix-in .youtubeMovie .frameSet {
    margin: 0 auto;
    width: 83.33vw;
    height: 46.75vw;
  }
  .section.bgEsgReport {
    margin-top: 49px;
    padding-bottom: 32px;
    height: 130vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-image: url(/resources/front/en/images/esg/m_bg_climateActions_banner.jpg);
  }
  .section.bgEsgReport .pix-in {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .section.bgEsgReport .pix-in h3 {
    font-size: 33px;
    line-height: 1.1;
  }
  .section.bgEsgReport .pix-in .subText {
    margin-top: 13px;
    font-size: 14px;
  }
  .section.bgEsgReport .pix-in .btn {
    margin-top: 26px;
  }
  .section.bgEsgReport .pix-in .btn .btnArrow {
    width: calc(100% - 60px);
  }
  .section.bgEsgReport .pix-in .btn .btnArrow + .btnArrow {
    margin-top: 20px;
    margin-left: 0;
  }
  .section.bgEsgReport .pix-in .btn .btnArrow span {
    padding: 14px 78px 14px 28px;
    width: 100%;
    font-size: 18px;
  }
  .section.bgEsgReport .pix-in .btn .btnArrow span:before {
    bottom: 28px;
    right: 29px;
    width: 14px;
  }
  .section.bgEsgReport .pix-in .btn .btnArrow span:after {
    bottom: 23px;
    margin-left: 0;
    right: 28px;
    width: 31px;
  }
  .section .blueLineSub {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .section .blueLineSub + .ourKeyTargets {
    margin-top: 22px;
    padding-top: 25px;
  }
  .section .ourKeyTargets {
    padding-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .ourKeyTargets .box {
    padding-right: 0;
  }
  .section .ourKeyTargets .box + .box {
    padding-top: 20px;
  }
  .section .ourKeyTargets .box dl dt {
    font-size: 18px;
  }
  .section .ourKeyTargets .box dl dd {
    padding-top: 5px;
  }
  .section .ourKeyTargets .box dl dd .text {
    font-size: 14px;
  }
  .section .flexDotList {
    padding-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .flexDotList .box {
    padding-left: 10px;
    padding-right: 0;
    width: 100%;
    font-size: 14px;
  }
  .section .flexDotList .box:before {
    width: 3px;
    height: 3px;
  }
  .section .flexDotList .box + .box {
    margin-top: 30px;
  }
  .section .ourActions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .ourActions .box {
    width: 100%;
  }
  .section .ourActions .box + .box {
    margin-top: 45px;
  }
  .section .ourActions .box + .box .ourActionsTit {
    margin-top: 15px;
  }
  .section .ourActions .box .ourActionsTit {
    margin-right: 0;
  }
  .section .ourActions .box .ourActionsTit:after {
    top: 11px;
  }
  .section .ourActions .box .ourActionsTit .strong {
    padding-right: 0;
    font-size: 15px;
    line-height: 1.2;
  }
  .section .ourActions .box .ourActionsTit .small {
    padding-top: 2px;
    font-size: 14px;
  }
  .section .ourActions .box .ourActionsCon {
    padding-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .ourActions .box .ourActionsCon .flex {
    width: 100%;
  }
  .section .ourActions .box .ourActionsCon .flex + .flex {
    margin-top: 20px;
  }
  .section .ourActions .box .ourActionsCon .flex.itm1 dl:after {
    background-image: url(../../images/esg/img_ourActions_itm1.png);
  }
  .section .ourActions .box .ourActionsCon .flex.itm2 dl:after {
    background-image: url(../../images/esg/img_ourActions_itm2.png);
  }
  .section .ourActions .box .ourActionsCon .flex.itm3 dl:after {
    background-image: url(../../images/esg/img_ourActions_itm3.png);
  }
  .section .ourActions .box .ourActionsCon .flex.itm4 dl:after {
    background-image: url(../../images/esg/img_ourActions_itm4.png);
  }
  .section .ourActions .box .ourActionsCon .flex dl {
    padding-right: 70px;
    min-height: 70px;
  }
  .section .ourActions .box .ourActionsCon .flex dl:before {
    top: 4px;
    width: 3px;
  }
  .section .ourActions .box .ourActionsCon .flex dl:after {
    right: 0;
    width: 70px;
    height: 70px;
  }
  .section .ourActions .box .ourActionsCon .flex dl dt {
    font-size: 16px;
  }
  .section .ourActions .box .ourActionsCon .flex dl dd .list {
    padding-top: 6px;
  }
  .section .ourActions .box .ourActionsCon .flex dl dd .list ul li {
    line-height: 1.6;
  }
  .section .ourActions .moreContent {
    margin-top: 38px;
    width: 100%;
    display: block;
  }
  .section .ourActions .moreContent .box {
    width: 100%;
  }
  .section .ourActions .moreContent .box h5 {
    padding: 14px 0 13px;
    font-size: 14px;
  }
  .section .ourActions .moreContent .box ul.list li {
    padding-left: 9px;
    text-indent: -9px;
  }
  .section .ourActions .moreContent .box ul.listCircle li {
    margin-left: 10px;
    padding-left: 19px;
    text-indent: -19px;
  }
  .section .ourActions .moreContent .box ul li {
    font-size: 13px;
  }
  .section .ourActions .moreContent .box > ul {
    padding: 30px 20px 0;
    min-height: auto;
  }
  .section .ourActions .moreContent .box > ul > li + li {
    padding-top: 20px;
  }
  .section .ourActions .moreContent .box .chart {
    padding: 40px 20px 30px;
  }
  .section .ourActions .moreContent .box .chart img {
    width: 100%;
  }
  .section .ourActions .moreContent .box .chart__table {
    padding: 0 5px;
    margin-top: 25px;
  }
  .section .ourActions .moreContent .box .chart__table thead tr th {
    padding: 11px 0;
    font-size: 10px;
  }
  .section .ourActions .moreContent .box .chart__table tbody tr td {
    padding: 8px 0;
    font-size: 11px;
    line-height: 1.2;
  }
  .section .zeroPathway {
    position: relative;
    margin-top: 0;
    padding-top: 27px;
    padding-bottom: 0;
    padding-right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .zeroPathway:before {
    display: none;
  }
  .section .zeroPathway .greenBar {
    position: absolute;
    left: 4px;
    bottom: auto;
    width: 3px;
    height: calc(100% - 27px);
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .section .zeroPathway .greenBar:before {
    top: 8px;
    left: 0;
    bottom: 6px;
    width: 3px;
    height: calc(100% - 14px);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .section .zeroPathway .greenBar:after {
    top: auto;
    left: -2px;
    bottom: 0;
    width: 7px;
    height: 11px;
    -webkit-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
  }
  .section .zeroPathway .greenBar .greenCircle {
    margin-top: -1px;
    margin-left: -4px;
    width: 11px;
    height: 11px;
    display: block;
  }
  .section .zeroPathway [class^=year] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .section .zeroPathway [class^=year]:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .section .zeroPathway [class^=year]:after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .section .zeroPathway [class^=year].year2021 {
    padding-top: 18px;
  }
  .section .zeroPathway [class^=year].year2021 .number {
    padding-top: 0;
  }
  .section .zeroPathway [class^=year].year2021 .cont {
    padding-bottom: 0;
  }
  .section .zeroPathway [class^=year].year2022 {
    padding-top: 18px;
  }
  .section .zeroPathway [class^=year].year2022 .number {
    padding-bottom: 0;
  }
  .section .zeroPathway [class^=year].year2022 .cont {
    padding-top: 0;
  }
  .section .zeroPathway [class^=year].year2030 {
    padding-top: 18px;
  }
  .section .zeroPathway [class^=year].year2030 .number {
    padding-top: 0;
  }
  .section .zeroPathway [class^=year].year2030 .cont {
    padding-bottom: 0;
  }
  .section .zeroPathway [class^=year].year2050 {
    padding-top: 18px;
  }
  .section .zeroPathway [class^=year].year2050:before {
    top: 12px;
    right: 15px;
    width: 63px;
    height: 39px;
    background-image: url(/resources/front/en/images/esg/icon_climateActions_netzero9_1.png);
  }
  .section .zeroPathway [class^=year].year2050 .number {
    padding-bottom: 0;
  }
  .section .zeroPathway [class^=year].year2050 .cont {
    padding-top: 0;
  }
  .section .zeroPathway [class^=year] .number {
    padding-top: 0;
    padding-left: 18px;
    font-size: 18px;
    text-align: left;
  }
  .section .zeroPathway [class^=year] .number:before {
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    border-width: 2px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .section .zeroPathway [class^=year] .number .icon {
    position: absolute;
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .section .zeroPathway [class^=year] .number .icon span {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
  }
  .section .zeroPathway [class^=year] .number .icon2 {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .section .zeroPathway [class^=year] .number .icon2 span {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
  }
  .section .zeroPathway [class^=year] .cont {
    margin-top: 5px;
    padding-left: 18px;
  }
  .section .zeroPathway [class^=year] .cont:before {
    display: none;
  }
  .section .zeroPathway [class^=year] .cont .grayRound {
    position: relative;
    padding: 10px 8px;
  }
  .section .zeroPathway [class^=year] .cont .grayRound ul li {
    font-size: 15px;
  }
  .section .zeroPathway [class^=year] .cont .grayRound dl + dl {
    margin-top: 28px;
  }
  .section .zeroPathway [class^=year] .cont .grayRound dl dt {
    font-size: 15px;
  }
  .section .zeroPathway [class^=year] .cont .grayRound dl dd {
    margin-top: 5px;
  }
  .section .zeroPathway [class^=year] .cont .grayRound dl dd ul li {
    padding-left: 16px;
    text-indent: -16px;
  }
  .section .ourInvolvements {
    padding: 25px 0 0;
    background: none;
  }
  .section .ourInvolvements .box {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section .ourInvolvements .box:first-child {
    padding-top: 0;
  }
  .section .ourInvolvements .box .flexWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .section .ourInvolvements .box .flexWrap .imgWrap {
    width: 100%;
    max-width: 640px;
    height: 100%;
    max-height: none;
  }
  .section .ourInvolvements .box .flexWrap .imgWrap a {
    display: block;
  }
  .section .ourInvolvements .box .flexWrap .conWrap {
    margin-left: 0;
    width: 100%;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl {
    position: relative;
    /* &:before{height:calc(100% - 190px);}
    &:after{height:calc(50% - 42px);} */
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dt {
    font-size: 20px;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dd {
    margin-top: 0;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dd .btnArrow {
    margin-top: 21px;
    width: 100%;
    text-align: center;
    display: block;
    border: 1px solid #222edd;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dd .btnArrow span {
    padding: 13px 52px 14px 8px;
    font-size: 14px;
    border: 0;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dd .btnArrow span:before {
    bottom: 24px;
    right: 16px;
    width: 14px;
  }
  .section .ourInvolvements .box .flexWrap .conWrap dl dd .btnArrow span:after {
    right: 15px;
    bottom: 19px;
    width: 30px;
    height: 1px;
  }
  .section .ourInvolvements .box .detail {
    font-size: 14px;
    font-weight: 300;
  }
  .section .ourInvolvements .box .detail.frontier {
    margin-top: 1.78vw;
  }
  .section .ourInvolvements .box .starEtc {
    font-size: 12px;
  }
  .section .ourInvolvements .box .btns {
    text-align: left;
  }
  .section .ourInvolvements .box .btns a span {
    display: block;
  }
  .section .ourInvolvements .box .btns a span.report-type {
    padding: 12px 40px 10px 20px;
  }
  .section .ourInvolvements .box .btns a span.report-type:after {
    right: 20px;
  }
  .section .ourInvolvements .box .btns a span:after {
    right: 19px;
    width: 57px;
  }
  .section .ourInvolvements .box .conArea.swiper-container {
    margin-top: 37px;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper { /* flex-flow:row; */ }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    margin-top: 0;
    padding: 65px 29px 30px;
    width: 100%;
    height: initial; /* align-items:flex-start; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    background-size: cover;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 2px;
    height: 54px;
    display: block;
    background: #0d4d9d;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide.itm1:before {
    background-image: url(/resources/front/en/images/esg/m_img_climateActions_smi1.jpg);
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide.itm2:before {
    background-image: url(/resources/front/en/images/esg/m_img_climateActions_smi2.jpg);
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide.itm3:before {
    background-image: url(/resources/front/en/images/esg/m_img_climateActions_smi3.jpg);
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide dl {
    position: relative;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide dl dt {
    font-size: 16px;
    color: #fff;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide dl dd {
    margin-top: 32px;
    font-size: 14px;
    color: #fff;
  }
  .section .ourInvolvements .box .conArea.swiper-container .swiper-wrapper .swiper-slide dl dd .detail {
    font-size: 14px;
  }
  .section .ourInvolvements .box .conArea.swiper-container .sideControl {
    padding-top: 28px;
  }
  .section .ourInvolvements .box .conArea.swiper-container .sideControl .swiper-pagination {
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .section .ourInvolvements .box .conArea.swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    margin-left: 10px;
    border: 1px solid #222edd;
  }
  .section .ourInvolvements .box .conArea.swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #222edd;
  }
  .section .ourInvolvements .box .conArea.swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .section .ourInvolvements .box .conWrap {
    width: 100%;
  }
  .section .ourInvolvements .box .conWrap dl {
    position: relative;
    /* &:before{content:""; position:absolute; top:7px; left:0; bottom:0; width:2px; height:calc(100% - 12px); background-color:$defColor25;}
    &:after{content:""; position:absolute; top:7px; left:0; z-index:1; width:2px; height:calc(50% - 12px); background-color:$defColor01;} */
  }
  .section .ourInvolvements .box .conWrap dl dt {
    position: relative;
    padding: 0 0 0 16px;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section .ourInvolvements .box .conWrap dl dt img {
    max-height: 51px;
  }
  .section .ourInvolvements .box .conWrap dl dd {
    position: relative;
    margin-top: 0;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .section .ourInvolvements .box .conWrap dl dd .imgWrap {
    margin-left: 15px;
  }
  .section .ourInvolvements .box .conWrap dl dd p {
    padding: 20px 0 0 16px;
  }
  .section .iconFlex {
    padding-top: 0;
  }
  .section .iconFlex ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section .iconFlex ul li {
    margin-top: 30px;
    width: 50%;
    padding-bottom: 58px;
  }
  .section .iconFlex ul li:first-child {
    margin-top: 20px;
  }
  .section .iconFlex ul li:nth-child(2) {
    margin-top: 20px;
  }
  .section .iconFlex ul li:before {
    width: 3px;
  }
  .section .iconFlex ul li:after {
    left: 16px;
    bottom: 0;
    width: 51px;
    height: 48px;
  }
  .section .iconFlex ul li p {
    padding-left: 16px;
    font-size: 16px;
  }
  :lang(ko) .section .starEtc {
    padding-top: 8px;
    font-size: 14px;
  }
  :lang(en) .coagency .pageInfo .srm-box .btn a::after {
    background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21_m.png) 0 2px/17px no-repeat;
  }
  :lang(en) .coagency .pageInfo .srm-box .btn a:hover::after {
    background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21_m.png) 0 2px/17px no-repeat;
  }
  /* S : cell-line-development */
  .cell-line-development .section.wrapTop .pix-in .youtubeMovie {
    margin-top: 0;
  }
  .cell-line-development .section.wrapTop .pix-in .topInfo {
    width: 100%;
    margin-top: 25px;
  }
  .cell-line-development .section.wrapTop .pix-in .topInfo h3 {
    font-size: 25px;
    letter-spacing: -1px;
  }
  .cell-line-development .section.wrapTop .pix-in .midInfo .midInfoImg {
    display: block;
  }
  .cell-line-development .section.wrapTop .pix-in .midInfo .midInfoImg img {
    width: 100%;
    max-width: 450px;
  }
  .cell-line-development .section.wrapTop .pix-in .midInfo h3 {
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    font-weight: 500;
  }
  .cell-line-development .section.wrapTop .pix-in .midInfo .midSubText {
    margin-top: 20px;
    font-size: 14px;
  }
  .cell-line-development .section.wrapTop .pix-in.pt60 {
    padding-top: 40px !important;
  }
  .cell-line-development .section .pix-in .blueLine {
    font-size: 18px;
    font-weight: 500;
  }
  .cell-line-development .section .pix-in .blueSymbol {
    color: #222edd;
    font-weight: 500;
  }
  .cell-line-development .section .pix-in .chart_comment {
    margin-top: 10px;
  }
  .cell-line-development .section .pix-in .chart_comment > p {
    color: #666;
    font-size: 14px;
    line-height: 2;
  }
  .cell-line-development .section .pix-in .blueText > a {
    font-size: 14px; /* font-size: 16px; line-height: 1.5; */
  }
  .cell-line-development .section .pix-in .blueText + .blueText {
    margin-top: 20px;
  }
  .cell-line-development .section .pix-in .NotblueLine.grayLine > div {
    background-color: transparent;
  }
  .cell-line-development .section .pix-in .NotblueLine.grayLine > div > .bg {
    padding-right: 10px;
    background-color: #fff;
  }
  .cell-line-development .section .pix-in .NotblueLine.grayLine::after {
    top: auto;
    bottom: 11px;
  }
  .cell-line-development .section .pix-in .NotblueLine::after {
    top: calc(50% + 2px);
  }
  .cell-line-development .section .pix-in .NotblueLine + .blueLineSub {
    margin-top: 15px;
  }
  .cell-line-development .section .pix-in .NotblueLine > div {
    font-size: 16px;
    padding-right: 10px;
  }
  .cell-line-development .section .pix-in.optimization .blueLine > .midInfoImg {
    width: 108px;
  }
  .cell-line-development .section .pix-in.optimization .optimization__chart {
    margin-top: 20px;
  }
  .cell-line-development .section .pix-in.optimization .optimization__chart__txt {
    margin-top: 10px;
    font-size: 12px;
  }
  .cell-line-development .section .pix-in.beacon .beacon__img {
    margin-top: 40px;
  }
  .cell-line-development .section .pix-in.berkeley .blueLineSub {
    font-size: 16px;
  }
  .cell-line-development .section .pix-in.berkeley .berkeley__desc ul {
    padding: 20px 10px;
  }
  .cell-line-development .section .pix-in.berkeley .berkeley__desc ul li:not(.blue):before {
    top: 8px;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cell-line-development .section .pix-in.berkeley .berkeley__desc ul li.blue {
    font-size: 12px;
  }
  .cell-line-development .section .pix-in.berkeley .berkeley__desc ul li.blue::before {
    top: 0px;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cell-line-development .section .pix-in.sient .midInfo .midInfoImg {
    display: block;
  }
  .cell-line-development .section .pix-in.sient .midInfo .midInfoImg img {
    max-width: 450px;
    width: 100%;
  }
  .cell-line-development .section .pix-in.sient .midInfo h3 {
    display: block;
    margin-left: 0px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.2;
  }
  .cell-line-development .section .pix-in.sient .midInfo .midSubText {
    font-size: 14px;
  }
  .cell-line-development .section .pix-in.sient .midInfo .blueText {
    margin-top: 23px;
    font-size: 14px;
  }
  .cell-line-development .gallerySlide {
    margin-top: 40px;
  }
  .cell-line-development .gallerySlide .pix-in {
    padding-top: 50px;
  }
  .cell-line-development .gallerySlide .pix-in .box-slide-arg .swiper-container .swiper-wrapper .swiper-slide .box {
    padding: 0;
  }
  .cell-line-development .pdf-layer-box .frameBox {
    height: auto;
  }
  /* E : cell-line-development */
  .supplier-partnership .pix-in .pageTitle > p {
    padding-bottom: 50px;
  }
  /* S : 삭제 예정 */
  .suppliers.supplier-partnership .pix-in .suppliers-top .btn .btn_download {
    display: block;
    margin: 0 0 20px 0;
    padding: 14px 0;
    width: 100%;
    height: auto;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700;
  }
  .suppliers.v240429 .pix-in .suppliers-top .txtBox p {
    font-size: 14px;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn {
    padding-top: 55px;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a {
    display: block;
    position: relative;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a:active, .suppliers.v240429 .pix-in .suppliers-top .btn a:hover {
    background-color: #fff;
    color: #222edd;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download {
    padding: 0;
    height: auto;
    border: 0;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:hover::after, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:active::after, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:focus::after {
    background-position-y: 0;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:hover .btnArrow, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:active .btnArrow, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download:focus .btnArrow {
    background-color: #fff;
    color: #222edd;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download .btnArrow {
    padding: 20px 59px 20px 20px;
    font-weight: 300;
    text-align: left;
    display: block;
    border: 1px solid #222edd;
  }
  .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download .btnArrow:active, .suppliers.v240429 .pix-in .suppliers-top .btn a.btn_download .btnArrow:hover {
    background-color: #fff;
    color: #222edd;
  }
  .suppliers.v240429 .pix-in .suppliers-top.reverse {
    padding-top: 0;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing {
    margin-top: 45px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing .tit {
    font-size: 18px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing dl dt {
    font-size: 14px;
    margin-top: 15px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing dl dd {
    margin-top: 15px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing dl dd ul li {
    padding-left: 7px;
    font-size: 14px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing dl dd ul li::before {
    top: 9px;
  }
  .suppliers.v240429 .pix-in .suppliers-top.growing .desc {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    font-size: 14px;
  }
  .suppliers .pix-in {
    padding-top: 50px;
  }
  .suppliers .pix-in h5 {
    font-size: 16px;
  }
  .suppliers .pix-in .blueLineSub {
    padding-top: 12px;
    font-size: 14px;
  }
  .suppliers .pix-in .suppliers-top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .suppliers .pix-in .suppliers-top.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .suppliers .pix-in .suppliers-top .imgBox {
    line-height: 0;
  }
  .suppliers .pix-in .suppliers-top .imgBox.item1 {
    margin: 0 auto 30px;
    width: auto;
    max-width: none;
    max-height: none;
  }
  .suppliers .pix-in .suppliers-top .imgBox.item4 {
    margin: 50px 0 30px;
    max-width: none;
    max-height: none;
  }
  .suppliers .pix-in .suppliers-top .txtBox.item2 {
    width: 100%;
  }
  .suppliers .pix-in .suppliers-top .txtBox.item3 {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .suppliers .pix-in .suppliers-top .txtBox p + p {
    padding-top: 30px;
  }
  .suppliers .pix-in .suppliers-top .btn {
    padding-top: 38px;
  }
  .suppliers .pix-in .suppliers-top .btn a span {
    padding-left: 20px;
    display: block;
  }
  .suppliers .pix-in .suppliers-top .btn a span:after {
    right: 19px;
  }
  .suppliers .pix-in .doingBusiness {
    margin-top: 30px;
  }
  .suppliers .pix-in .doingBusiness .box {
    width: calc(100% - 2px);
  }
  .suppliers .pix-in .doingBusiness .box + .box {
    margin-top: 20px;
  }
  .suppliers .pix-in .doingBusiness .box.item1 .tit:before {
    background-image: url(/resources/front/en/images/esg/m_icon_doing1.png);
  }
  .suppliers .pix-in .doingBusiness .box.item2 .tit:before {
    background-image: url(/resources/front/en/images/esg/m_icon_doing2.png);
  }
  .suppliers .pix-in .doingBusiness .box.item3 .tit:before {
    background-image: url(/resources/front/en/images/esg/m_icon_doing3.png);
  }
  .suppliers .pix-in .doingBusiness .box.item4 .tit:before {
    background-image: url(/resources/front/en/images/esg/m_icon_doing4.png);
  }
  .suppliers .pix-in .doingBusiness .box .tit {
    position: relative;
    height: 62px;
    font-size: 14px;
    text-align: left;
  }
  .suppliers .pix-in .doingBusiness .box .tit:before {
    content: "";
    margin-right: 10px;
    width: 46px;
    height: 38px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  .suppliers .pix-in .doingBusiness .box .con {
    padding: 18px 20px 18px;
    min-height: auto;
    font-size: 14px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .suppliers .pix-in .doingBusiness .box .con:before {
    display: none;
  }
  .suppliers .pix-in .supporting .box {
    padding-top: 17px;
  }
  .suppliers .pix-in .supporting .box:first-child {
    padding-top: 11px;
  }
  .suppliers .pix-in .supporting .box .tit {
    font-size: 12px;
  }
  .suppliers .pix-in .supporting .box .dash li {
    font-size: 12px;
  }
  .suppliers .pix-in .contatus {
    padding-top: 50px;
  }
  .suppliers .pix-in .contatus .text {
    padding-top: 10px;
    font-size: 14px;
  }
  .suppliers .pix-in .contatus .btn {
    padding-top: 18px;
  }
  .suppliers .pix-in .contatus .btn a {
    width: 160px;
  }
  .suppliers .pix-in .contatus .btn a span {
    padding-right: 25px;
    font-size: 14px;
  }
  .suppliers .pix-in .contatus .btn a span:before {
    top: 12px;
    right: 21px;
    width: 20px;
    height: 20px;
    background-image: url(/resources/front/en/images/ourServices/btn_cdosequence.png);
  }
  .suppliers .pix-in .faqList {
    padding-top: 20px;
  }
  .suppliers .pix-in .faqList dl + dl {
    padding-top: 28px;
  }
  .suppliers .pix-in .faqList dl.list > dd .txt {
    padding: 20px 0;
  }
  .suppliers .pix-in .faqList dl.list > dd .txt p {
    padding: 0 20px;
    font-size: 12px;
  }
  .suppliers .pix-in .faqList dl.list > dd .imgBox {
    margin-top: 30px;
    padding: 0 10px;
    text-align: center;
  }
  .suppliers .pix-in .faqList dl.list > dd .imgBox + p {
    padding-top: 28px;
  }
  .suppliers .pix-in .faqList dl.list > dd dl {
    padding: 0 20px;
  }
  .suppliers .pix-in .faqList dl.list > dd dl + dl, .suppliers .pix-in .faqList dl.list > dd dl + p, .suppliers .pix-in .faqList dl.list > dd dl.pt {
    padding-top: 28px;
  }
  .suppliers .pix-in .faqList dl dt {
    font-size: 14px;
  }
  .suppliers .pix-in .faqList dl dd ul li {
    font-size: 12px;
  }
  .suppliers .pix-in .downloadList {
    margin-top: 20px;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a {
    background-color: #fff;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a:hover {
    background-color: #222edd;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a:hover span {
    color: #fff;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a.btn-link:hover:after {
    background-position: 0 bottom;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a.btn-link:after {
    height: 17px;
    background: url(/resources/front/en/images/esg/link.png) no-repeat 0 top/100% auto;
  }
  .suppliers .pix-in .downloadList dl.list > dd ul li dl dd a span {
    font-size: 20px;
    font-weight: 600;
    color: #222edd;
  }
  .suppliers .ceoMessage {
    margin-top: 50px;
  }
  .suppliers .ceoMessage .pix-in {
    padding: 40px 0;
  }
  .suppliers .ceoMessage .pix-in .text {
    padding: 38px 30px 62px 30px;
    font-size: 17px;
    text-align: center;
    border-bottom: 0;
  }
  .suppliers .ceoMessage .pix-in .text:before {
    top: 0;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 18px;
  }
  .suppliers .ceoMessage .pix-in .text:after {
    bottom: 21px;
    left: 50%;
    right: auto;
    margin-left: -12px;
    width: 24px;
    height: 18px;
  }
  .suppliers .ceoMessage .pix-in .writer {
    position: relative;
    padding-top: 31px;
  }
  .suppliers .ceoMessage .pix-in .writer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(248, 248, 248)), color-stop(50%, rgb(211, 211, 211)), to(rgb(248, 248, 248)));
    background: linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(211, 211, 211) 50%, rgb(248, 248, 248) 100%);
  }
  .suppliers .ceoMessage .pix-in .writer .big {
    font-size: 17px;
  }
  .suppliers .ceoMessage .pix-in .writer .small {
    font-size: 15px;
  }
  .suppliers .connecting {
    padding-top: 50px;
  }
  .suppliers .connecting .tit {
    padding: 0 30px;
    font-size: 16px;
  }
  .suppliers .connecting .text {
    padding: 10px 30px 0;
    font-size: 14px;
  }
  .suppliers .connecting .swiper {
    margin: 30px 0 0;
    padding: 20px 30px 10px;
  }
  .suppliers .connecting .swiper .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  .suppliers .connecting .swiper .swiper-container .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-left: 0;
  }
  .suppliers .connecting .swiper .swiper-button-prev, .suppliers .connecting .swiper .swiper-button-next {
    margin-top: -18px;
    width: 35px;
    height: 35px;
    display: block;
  }
  .suppliers .connecting .swiper .swiper-button-prev:before, .suppliers .connecting .swiper .swiper-button-next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
  .suppliers .connecting .swiper .swiper-button-prev:after, .suppliers .connecting .swiper .swiper-button-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    width: 13px;
    height: 13px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .suppliers .connecting .swiper .swiper-button-prev {
    left: 30px;
  }
  .suppliers .connecting .swiper .swiper-button-prev:after {
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .suppliers .connecting .swiper .swiper-button-next {
    right: 30px;
  }
  .suppliers .connecting .swiper .swiper-button-next:after {
    margin-left: -10px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .suppliers .connecting .swiper .swiper-pagination {
    position: relative;
    padding-top: 10px;
  }
  .suppliers .connecting .swiper .swiper-pagination .swiper-pagination-bullet {
    border-color: #222edd;
  }
  .suppliers .connecting .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #222edd;
  }
  /* E : 삭제 예정 */
  .coagency .tab_cont > p {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .coagency .tabBox {
    margin-bottom: 30px;
  }
  .coagency .pageInfo > dl {
    padding-top: 0px;
    margin-top: 50px;
    /* &::before{top: 5px; height: calc(100% - 5px);}
    &::after{top: 5px; height: calc(50% - 5px);} */
    /* &.shotLine{
    	> dd{padding: 25px 0 0 0;}
    } */
  }
  .coagency .pageInfo > dl:first-child {
    margin-top: 0;
  }
  .coagency .pageInfo > dl.MoNoLine::before, .coagency .pageInfo > dl.MoNoLine::after {
    display: none;
  }
  .coagency .pageInfo > dl.MoNoLine > dd {
    padding: 0;
  }
  .coagency .pageInfo > dl > dd {
    padding: 25px 0 0 16px;
  }
  .coagency .pageInfo > dl > dd .assignment {
    display: block;
  }
  .coagency .pageInfo > dl > dd .assignment > dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .coagency .pageInfo > dl > dd .assignment > dl + dl {
    margin-top: 30px;
  }
  .coagency .pageInfo > dl > dd .assignment > dl > dt {
    width: 120px !important;
    height: 120px;
    padding: 0;
    font-size: 14px;
    text-align: center;
  }
  .coagency .pageInfo > dl > dd .assignment > dl > dd {
    width: calc(100% - 120px) !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 18px;
    margin-top: 0;
    font-size: 14px;
  }
  .coagency .pageInfo > dl > dd .assignment > dl > dd ul {
    margin-top: 0;
  }
  .coagency .pageInfo > dl > dd .assignment > dl > dd ul li + li {
    margin-top: 0;
  }
  .coagency .pageInfo > dl > dd .policy {
    display: block;
  }
  .coagency .pageInfo > dl > dd .policy > dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 90px;
  }
  .coagency .pageInfo > dl > dd .policy > dl + dl {
    margin-top: 20px;
    margin-left: 0;
  }
  .coagency .pageInfo > dl > dd .policy > dl > dt {
    width: 120px !important;
    height: 100%;
    padding: 0;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .coagency .pageInfo > dl > dd .policy > dl > dd {
    width: calc(100% - 120px) !important;
    min-height: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 10px;
    margin-top: 0;
    font-size: 14px;
    border: 0;
    letter-spacing: -1px;
  }
  .coagency .pageInfo > dl > dd .policy > dl > dd ul li + li {
    margin-top: 0;
  }
  .coagency .pageInfo > dl > dd .price {
    margin-top: 20px;
  }
  .coagency .pageInfo > dl > dd .price dl:first-child {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 40%;
  }
  .coagency .pageInfo > dl > dd .price dl dt {
    padding: 10px 0;
    font-size: 14px;
  }
  .coagency .pageInfo > dl > dd .price dl dd {
    padding: 6px 0;
    line-height: 2;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl {
    width: 100%;
    margin-right: 0;
    margin-top: 30px;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-1 {
    margin-top: 0;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-1 dd {
    background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-1.png?v=250527) 20px center/50px no-repeat;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-2 {
    margin-top: 30px;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-2 dd {
    background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-2.png?v=250527) 20px center/40px no-repeat;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-3 dd {
    background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-3.png?v=250527) 20px center/47px no-repeat;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl.fair-trade-4 dd {
    background: url(/resources/front/en/images/esg/coagency_tab3_fair-trade-4.png?v=250527) 20px center/40px no-repeat;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl dt {
    padding: 10px 0;
    font-size: 14px;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl dt a {
    width: 15px;
    height: 15px;
    right: 10px;
    background-size: 15px;
  }
  .coagency .pageInfo > dl > dd .fair-trade dl dd {
    padding-left: 78px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: initial;
  }
  .coagency .pageInfo > dl > dd ul {
    margin-top: 30px;
  }
  .coagency .pageInfo > dl > dd ul li + li {
    margin-top: 20px;
  }
  .coagency .pageInfo > dl > dd ul li.dotted {
    padding-left: 0;
  }
  .coagency .pageInfo > dl > dd ul li.dotted::before {
    display: none;
  }
  .coagency .pageInfo .btn-box.mobile {
    margin-top: 30px;
    display: block;
  }
  .coagency .pageInfo .btn-box.mobile .btn_download {
    display: block;
    margin: 0 0 20px 0;
    padding: 14px 0;
    width: 100%;
    height: auto;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: 700;
  }
  .coagency .pageInfo .photo {
    margin-top: 30px;
  }
  .coagency .pageInfo .photo._tab3 {
    margin-top: 30px;
  }
  .coagency .pageInfo .supplier-box .supplier-btn {
    display: block;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a {
    width: 100%;
    display: block;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a + a {
    margin-left: 0;
    margin-top: 15px;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a .photo {
    margin-top: 0;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a .photo img {
    max-width: none;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a p {
    font-size: 10px;
    left: 15px;
    font-weight: 300;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a p::after {
    display: none;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a p span {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px;
  }
  .coagency .pageInfo .supplier-box .supplier-btn a p span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 22px;
    height: 10px;
    background: url(/resources/front/en/images/esg/ico_coagency_arrow_wt.png) left center/22px no-repeat;
  }
  .coagency .pageInfo .supplier-box .supplier-board {
    margin-top: 35px;
  }
  .coagency .pageInfo .supplier-box .supplier-board-tit {
    font-size: 20px;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 2px solid #222edd;
  }
  .coagency .pageInfo .supplier-box .supplier-board .tbl {
    margin-top: 0;
    border-bottom: 2px solid #999;
  }
  .coagency .pageInfo .supplier-box .supplier-board .tbl-body .tr .td.con {
    padding: 20px 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    background-color: #f8f8f8;
  }
  .coagency .pageInfo .supplier-box .supplier-board .tbl-body .tr .td.con .data {
    display: block;
    margin-top: 12px;
    color: #666;
    font-weight: 300;
  }
  .coagency .pageInfo .supplier-box .supplier-board-btn {
    margin-top: 40px;
  }
  .coagency .pageInfo .supplier-box .supplier-board-btn a {
    height: 50px;
    font-size: 17px;
  }
  .coagency .pageInfo .srm-box .srm-tit {
    position: relative;
    padding-left: 16px;
    /* &:before{content:''; position:absolute; top:5px; left:0; bottom:0; width:2px; height:calc(100% - 5px); background-color:$defColor25;}
    &:after{content:''; position:absolute; top:5px; left:0; z-index:1; width:2px; height:calc(50% - 2px); background-color:$defColor01} */
  }
  .coagency .pageInfo .srm-box .srm-tit h3 {
    font-size: 20px;
    font-weight: 400;
    text-align: left;
  }
  .coagency .pageInfo .srm-box .srm-tit p {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
  }
  .coagency .pageInfo .srm-box .photo {
    margin-top: 30px;
  }
  .coagency .pageInfo .srm-box .btn {
    width: calc(100% - 40px);
  }
  .coagency .pageInfo .srm-box .btn a {
    display: block;
    padding: 0;
    height: 58px;
    font-size: 17px;
    background-color: #222edd;
    color: #fff;
    border: 1px solid #fff;
  }
  .coagency .pageInfo .srm-box .btn a::after {
    content: "";
    margin-left: 10px;
    width: 17px;
    height: 24px;
    display: inline-block;
    background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21_m.png) 0 1px/17px no-repeat;
  }
  .coagency .pageInfo .srm-box .btn a:hover::after {
    background: url(/resources/front/en/images/esg/ico_coagency_wt_21x21_m.png) 0 1px/17px no-repeat;
  }
  .coagency .voc-box .voc_con {
    width: calc(100% - 60px);
  }
  .coagency .voc-box .voc_con > .miniScroll {
    height: 80vh;
    padding: 30px 20px;
  }
  .coagency .voc-box .voc_con__top h3 {
    font-size: 20px;
  }
  .coagency .voc-box .voc_con__top p {
    font-size: 11px;
  }
  .coagency .voc-box .voc_con__mid--ipt + .voc_con__mid--ipt {
    margin-top: 10px;
  }
  .coagency .voc-box .voc_con__mid--ipt label {
    padding: 10px 0;
    font-size: 13px;
  }
  .coagency .voc-box .voc_con__mid--ipt input {
    padding: 10px 0;
    font-size: 13px;
  }
  .coagency .voc-box .voc_con__mid--text {
    margin-top: 10px;
  }
  .coagency .voc-box .voc_con__mid--text label {
    padding: 10px 0;
    font-size: 13px;
  }
  .coagency .voc-box .voc_con__mid--text textarea {
    padding: 10px 0;
    height: 135px;
    font-size: 13px;
  }
  .coagency .voc-box .voc_con__mid--text p {
    font-size: 11px;
  }
  .coagency .voc-box .voc_con__mid--check {
    margin-top: 10px;
  }
  .coagency .voc-box .voc_con__mid--check label {
    font-size: 13px;
    font-weight: 400;
    padding-left: 30px;
  }
  .coagency .voc-box .voc_con__mid--check label::after {
    top: -1px;
    width: 24px;
    height: 24px;
  }
  .coagency .voc-box .voc_con__mid--check label::before {
    left: 7px;
    width: 10px;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy {
    margin-top: 20px;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy h4 {
    font-size: 18px;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy-con {
    margin-top: 10px;
    padding: 20px 10px;
    height: 190px;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy-con__tit {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy-btn {
    margin-top: 20px;
  }
  .coagency .voc-box .voc_con__mid .vocPrivacy-btn input[type=submit], .coagency .voc-box .voc_con__mid .vocPrivacy-btn a {
    padding: 17px 50px;
    font-size: 17px;
  }
  .coagency .country .countryBox {
    width: calc(100% - 60px);
    max-width: none;
    max-height: none;
    height: 80vh;
  }
  .coagency .country .miniScroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  .coagency .country_cont .country_default {
    max-width: none;
    max-height: 46vh;
  }
  /* S : 삭제 예정 */
  /* S : compiance */
  .compliance .section .pix-in .pageTitle > p {
    padding-bottom: 50px;
  }
  .compliance .section .tab_cont {
    padding-top: 35px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li {
    padding: 50px 0;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl + dl {
    margin-top: 50px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dt .img-box {
    margin-top: 20px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd p + p {
    margin-top: 0;
    padding-top: 20px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd p strong {
    font-size: 12px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li dl dd .box-radius ul li {
    font-size: 14px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .career_list > ul > li .desc {
    margin-top: 30px;
    font-size: 14px;
    text-align: left;
    line-height: 1.5;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList {
    margin-bottom: 50px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dt a {
    font-size: 14px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd {
    padding: 20px 30px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListTit {
    font-size: 12px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon {
    padding-top: 7px;
    font-size: 12px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon + .complianceListTit {
    padding-top: 40px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash + p {
    padding-top: 26px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash li {
    padding-left: 11px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .dash li:before {
    width: 3px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon .decimal {
    padding-left: 10px;
    margin-left: 10px;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon p.sign {
    font-size: 12px;
    margin-top: 30px;
    font-weight: 700;
  }
  .compliance .section .tab_cont .pix-in .iso37001-cont .faqList dl.list.chapterList dd .complianceListCon p + .dash {
    padding-top: 20px;
  }
  .compliance .section .tab_cont .pix-in .compliance_list ul li dl .compliance-info-btn {
    margin-top: 20px;
  }
  .compliance .section .tab_cont .pix-in .compliance_list ul li dl .compliance-info-btn a {
    font-size: 17px;
    padding: 17px 24px;
    font-weight: 500;
  }
  /* E : compiance */
  /* E : 삭제 예정 */
}
/* S : 삭제 예정 */
.new-esg-policy .downloadList {
  padding-top: 75px;
}

/* E : 삭제 예정 */
/* .corporate-governance-report{
	.dft-pageTitle{
		text-align: center;
		h1{
			font-size: 40px;
			font-weight: 500;
			margin-bottom: 30px;
		}
		&.hasBtn{
			a{margin-top: 20px;}
		}
	}
} */
/* S : 삭제 예정 */
@media (max-width: 1023px) {
  .new-esg-policy .downloadList {
    padding-top: 50px;
  }
}
/* E : 삭제 예정 */
.esg-full-page-2025 {
  position: relative;
  width: 100%;
}
.esg-full-page-2025 .def-h-tit.crs {
  color: #004963;
  font-weight: 500;
}
.esg-full-page-2025 .def-h-tit.crs strong {
  font-weight: 700;
}
.esg-full-page-2025 .tabBox .listType .tab_area li.active:after {
  background-color: #004963;
}
.esg-full-page-2025 .tabBox .listType .tab_area li.active a p {
  color: #004963;
}
.esg-full-page-2025 > .visual {
  width: 100%;
  background: #f0faf9;
}
.esg-full-page-2025 > .visual .visual-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
.esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dt h1 {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 500;
  color: #004963;
}
.esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}
.esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd p.point {
  font-size: 20px;
  line-height: 1.5;
  color: #006a84;
  font-weight: 500;
}
.esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd p + p {
  margin-top: 40px;
}
.esg-full-page-2025 > .visual .visual-box > .logo-box {
  min-width: 360px;
  min-height: 550px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #0c1e7c;
}
.esg-full-page-2025 > .visual .visual-box > .logo-box > dl > dt .ico-logo {
  display: block;
  margin: 0 auto;
  width: 220px;
  height: 220px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/resources/front/en/images/esg/new2025/our-commitment-terra.png) 0 0/cover no-repeat;
}
.esg-full-page-2025 > .visual .visual-box > .logo-box > dl > dd {
  margin-top: 38px;
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
.esg-full-page-2025 > .esg-work {
  position: relative;
  width: 100%;
}
.esg-full-page-2025 > .esg-work .esg-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 > .esg-work .esg-list > dt {
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
}
.esg-full-page-2025 > .esg-work .esg-list > dt p {
  font-size: 110px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #004963;
}
.esg-full-page-2025 > .esg-work .esg-list > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  min-height: 160px;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #004963;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus:before, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover:before, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active:before {
  opacity: 1;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus:after, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover:after, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active:after {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a.link-itm1:before {
  content: "Go to Environmental page";
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a.link-itm2:before {
  content: "Go to Social page";
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a.link-itm3:before {
  content: "Go to Governance page";
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:before {
  position: absolute;
  bottom: 21px;
  right: 70px;
  font-size: 16px;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  white-space: nowrap;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:after {
  content: "";
  position: absolute;
  bottom: 21px;
  right: 32px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/esg/new2025/ico-esg-work-arrow.png) 0 0/cover no-repeat;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a .txt {
  font-family: "ssl-gilroy", "ssl-font";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}
.esg-full-page-2025 > .esg-work .swiper-full-box {
  position: relative;
  width: 100%;
  /* .swiper-slide {} */
}
.esg-full-page-2025 > .esg-work .swiper-full-box:before, .esg-full-page-2025 > .esg-work .swiper-full-box:after {
  content: "";
  position: absolute;
  top: 0px;
  display: block;
  width: calc(50% - 600px);
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.esg-full-page-2025 > .esg-work .swiper-full-box:before {
  left: 0px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background: linear-gradient(to right, #fff, transparent);
}
.esg-full-page-2025 > .esg-work .swiper-full-box:after {
  right: 0px;
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
  background: linear-gradient(to left, #fff, transparent);
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm {
  width: 100%;
  max-width: 310px;
  min-height: 300px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f0faf9;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .photo-box {
  width: 100%;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .photo-box img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box {
  margin-top: 24px;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box p {
  font-size: 15px;
  line-height: 1.27;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box p + p, .esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box p + ul {
  margin-top: 12px;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box p strong {
  font-weight: 600;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box ul li {
  position: relative;
  padding-left: 10px;
  font-size: 15px;
  line-height: 1.27;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 > .esg-work .swiper-full-box .box-itm .txt-box ul li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control {
  position: absolute;
  top: -45px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .play, .esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .pause {
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .pause {
  background: url(/resources/front/en/images/esg/new2025/ico-swiper-pause.png) 0 0/cover no-repeat;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .play {
  background: url(/resources/front/en/images/esg/new2025/ico-swiper-next.png) 0 0/cover no-repeat;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .swiper-button-prev,
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/esg/new2025/ico-swiper-next.png) 0 0/cover no-repeat;
}
.esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.esg-full-page-2025 > .esg-work .iso-list {
  width: 100%;
}
.esg-full-page-2025 > .esg-work .iso-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 > .esg-work .iso-list > ul li {
  width: 100%;
  max-width: 223px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 > .esg-work .iso-list > ul li > dl {
  min-height: 180px;
  padding: 32px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dt .ico-iso {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 22px;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dt .ico-iso:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/resources/front/en/images/esg/new2025/ico-iso-logo.png) 0 0/cover no-repeat;
}
.esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dd { /* margin-top:40px; */
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.esg-full-page-2025 .btns.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.esg-full-page-2025 .btns a, .esg-full-page-2025 .btns button, .esg-full-page-2025 .btns .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 190px;
  height: 50px;
  padding: 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #004963;
  background: #fff;
  color: #004963;
  font-size: 18px;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .btns a.full, .esg-full-page-2025 .btns button.full, .esg-full-page-2025 .btns .link.full {
  min-width: 100%;
}
.esg-full-page-2025 .btns a:focus, .esg-full-page-2025 .btns a:hover, .esg-full-page-2025 .btns a:active, .esg-full-page-2025 .btns button:focus, .esg-full-page-2025 .btns button:hover, .esg-full-page-2025 .btns button:active, .esg-full-page-2025 .btns .link:focus, .esg-full-page-2025 .btns .link:hover, .esg-full-page-2025 .btns .link:active {
  border: 1px solid #004963;
  background: #004963;
  color: #fff;
}
.esg-full-page-2025 .btns a.btn-down:focus:after, .esg-full-page-2025 .btns a.btn-down:hover:after, .esg-full-page-2025 .btns a.btn-down:active:after, .esg-full-page-2025 .btns button.btn-down:focus:after, .esg-full-page-2025 .btns button.btn-down:hover:after, .esg-full-page-2025 .btns button.btn-down:active:after, .esg-full-page-2025 .btns .link.btn-down:focus:after, .esg-full-page-2025 .btns .link.btn-down:hover:after, .esg-full-page-2025 .btns .link.btn-down:active:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-down:after, .esg-full-page-2025 .btns button.btn-down:after, .esg-full-page-2025 .btns .link.btn-down:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-web:focus:after, .esg-full-page-2025 .btns a.btn-web:hover:after, .esg-full-page-2025 .btns a.btn-web:active:after, .esg-full-page-2025 .btns button.btn-web:focus:after, .esg-full-page-2025 .btns button.btn-web:hover:after, .esg-full-page-2025 .btns button.btn-web:active:after, .esg-full-page-2025 .btns .link.btn-web:focus:after, .esg-full-page-2025 .btns .link.btn-web:hover:after, .esg-full-page-2025 .btns .link.btn-web:active:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-web:after, .esg-full-page-2025 .btns button.btn-web:after, .esg-full-page-2025 .btns .link.btn-web:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-contact:focus:after, .esg-full-page-2025 .btns a.btn-contact:hover:after, .esg-full-page-2025 .btns a.btn-contact:active:after, .esg-full-page-2025 .btns button.btn-contact:focus:after, .esg-full-page-2025 .btns button.btn-contact:hover:after, .esg-full-page-2025 .btns button.btn-contact:active:after, .esg-full-page-2025 .btns .link.btn-contact:focus:after, .esg-full-page-2025 .btns .link.btn-contact:hover:after, .esg-full-page-2025 .btns .link.btn-contact:active:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-contact-us-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-contact:after, .esg-full-page-2025 .btns button.btn-contact:after, .esg-full-page-2025 .btns .link.btn-contact:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-contact-us-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-more:focus:after, .esg-full-page-2025 .btns a.btn-more:hover:after, .esg-full-page-2025 .btns a.btn-more:active:after, .esg-full-page-2025 .btns button.btn-more:focus:after, .esg-full-page-2025 .btns button.btn-more:hover:after, .esg-full-page-2025 .btns button.btn-more:active:after, .esg-full-page-2025 .btns .link.btn-more:focus:after, .esg-full-page-2025 .btns .link.btn-more:hover:after, .esg-full-page-2025 .btns .link.btn-more:active:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-more-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a.btn-more:after, .esg-full-page-2025 .btns button.btn-more:after, .esg-full-page-2025 .btns .link.btn-more:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-more-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .btns a:after, .esg-full-page-2025 .btns button:after, .esg-full-page-2025 .btns .link:after {
  content: "";
  -ms-flex-preferred-size: 24px;
      flex-basis: 24px;
  display: block;
  width: 24px;
  height: 24px;
}
.esg-full-page-2025 .btns a > p, .esg-full-page-2025 .btns button > p, .esg-full-page-2025 .btns .link > p {
  max-width: calc(100% - 34px);
}
.esg-full-page-2025 .report-list {
  width: 100%;
}
.esg-full-page-2025 .report-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}
.esg-full-page-2025 .report-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .report-list .report-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.esg-full-page-2025 .report-list .report-title + .esg-accordion {
  margin-top: 80px;
}
.esg-full-page-2025 .report-list .report-title .photo-box {
  -ms-flex-preferred-size: 224px;
      flex-basis: 224px;
  min-height: 300px; /* padding:56px 24px 30px; */
  padding: 220px 24px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .report-list .report-title .photo-box.esg {
  background: url(/resources/front/en/images/esg/new2025/bg-esg-report.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .report-list .report-title .photo-box.tcfd {
  background: url(/resources/front/en/images/esg/new2025/bg-tcfd-report.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .report-list .report-title .photo-box .tit {
  font-size: 27px;
  line-height: 1.19;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 6px rgba(88, 88, 150, 0.44);
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .report-list .report-title .photo-box .txt {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 6px rgba(88, 88, 150, 0.44);
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .report-list .report-title .photo-box .btns { /* margin-top:30px; */ }
.esg-full-page-2025 .report-list .report-title .photo-box .btns a {
  border: none;
}
.esg-full-page-2025 .report-list .report-title .report-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 1.57;
  /* & > dl {
  	& > dt {
  		h2 {font-size:20px; line-height:1.8; font-weight:400;}
  	}
  	& > dd {margin-top:16px; font-size:14px; line-height:1.57;}
  } */
}
.esg-full-page-2025 .esg-accordion {
  margin: 60px 0 80px;
  border-top: 1px solid #ddd;
}
.esg-full-page-2025 .esg-accordion.fir {
  margin-top: 0px;
}
.esg-full-page-2025 .esg-accordion:has(> .tit) {
  border-top: none;
}
.esg-full-page-2025 .esg-accordion .tit {
  font-size: 26px;
  line-height: 1.38;
  font-weight: 400;
}
.esg-full-page-2025 .esg-accordion .tit + .list {
  margin-top: 30px;
  border-top: 1px solid #ddd;
}
.esg-full-page-2025 .esg-accordion .list {
  width: 100%; /* background:$defColor176; */
}
.esg-full-page-2025 .esg-accordion .list > dt {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.esg-full-page-2025 .esg-accordion .list > dt.on a:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.esg-full-page-2025 .esg-accordion .list > dt.on a:after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.esg-full-page-2025 .esg-accordion .list > dt a {
  position: relative;
  width: 100%;
  height: 86px;
  padding: 10px 50px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 .esg-accordion .list > dt a:before, .esg-full-page-2025 .esg-accordion .list > dt a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 20px;
  width: 18px;
  height: 2px;
  background: #004963;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.esg-full-page-2025 .esg-accordion .list > dt a:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.esg-full-page-2025 .esg-accordion .list > dt a:after {
  -webkit-transform: rotate(-450deg);
          transform: rotate(-450deg);
}
.esg-full-page-2025 .esg-accordion .list > dt a p {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 400;
}
.esg-full-page-2025 .esg-accordion .list > dt a p span.num {
  display: inline-block;
  min-width: 100px;
  color: #004963;
}
.esg-full-page-2025 .esg-accordion .list > dd {
  display: none;
  width: 100%;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 1.75;
  background: #fafafc;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt {
  /* S : 기존코드 유지 */
  /* E : 기존코드 유지 */
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .point {
  color: #222edd;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt p + dl, .esg-full-page-2025 .esg-accordion .list > dd .txt p + p {
  margin-top: 20px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .imgBox {
  margin-top: 28px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .imgBox + p {
  padding-top: 40px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .imgBox img {
  width: 100%;
  max-width: 1148px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt dl {
  /* & > dd {} */
}
.esg-full-page-2025 .esg-accordion .list > dd .txt dl + dl {
  margin-top: 30px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt dl > dt {
  font-weight: 500;
  font-size: 20px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul {
  margin-top: 20px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.fir {
  margin-top: 0px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul + p {
  margin-top: 40px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.decimal {
  padding-left: 30px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.decimal > li {
  list-style-type: decimal;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.dot li {
  padding-left: 15px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.dash li {
  padding-left: 15px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.dash li:before {
  content: "-";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.num {
  padding-left: 35px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul.num li {
  list-style: decimal;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul li {
  position: relative; /* font-size:16px; */
  line-height: 1.63;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt ul li + li {
  margin-top: 10px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .stit { /* font-size:18px;line-height:1.9;font-weight:500;color:$c666; */
  font-weight: 500;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .stit + ul {
  margin-top: 15px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt > ul { /* line-height:1.8;color:$c666; */ }
.esg-full-page-2025 .esg-accordion .list > dd .txt > ul + .stit {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px dotted #ddd;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt > ul + .stit.first {
  border-top: 0;
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list {
  margin: 14px 0 0 14px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 {
  margin-left: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 > li:first-child {
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 {
  margin-left: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li {
  margin-top: 10px;
  padding-left: 26px;
  text-indent: -26px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li:first-child {
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li .num {
  margin-right: 3px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li > ul.dot-list {
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li > ul.dot-list > li {
  position: relative;
  padding-left: 8px;
  text-indent: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li > ul.dot-list > li::before {
  content: "∙";
  position: absolute;
  top: 0;
  left: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ4 {
  margin-left: 0px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list > li {
  position: relative;
  padding-left: 20px;
  text-indent: -20px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .num-list > li .num {
  margin-right: 10px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list {
  margin-left: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list > li {
  margin-top: 10px;
  padding-left: 12px;
  text-indent: -12px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list > li:first-child {
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list > li .stit {
  margin-top: 15px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list {
  margin-left: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li {
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li:before {
  top: 12px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li.point {
  padding-left: 0px;
  color: #222edd;
  font-size: 14px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li.point:before {
  display: none;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li .point {
  color: #222edd;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter {
  margin-top: 15px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li {
  padding-left: 30px;
  margin-top: 10px;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li:first-child {
  margin-top: 0;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p {
  position: relative;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p:first-child {
  font-weight: 500;
  color: #222;
}
.esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p:first-child:after {
  display: block;
  content: "";
  position: absolute;
  left: -13px;
  top: 13px;
  background: #222;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.esg-full-page-2025 .library-down-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 .library-down-list.mt {
  margin-top: 60px;
}
.esg-full-page-2025 .library-down-list.report {
  margin-top: 80px;
  min-height: 680px;
}
.esg-full-page-2025 .library-down-list.report + .esg-accordion {
  margin: 80px 0 0;
}
.esg-full-page-2025 .library-down-list > dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .library-down-list > dl > dt {
  padding-bottom: 29px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.38;
  border-bottom: 1px solid #ddd;
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li {
  border-bottom: 1px solid #ddd;
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li > a {
  position: relative;
  width: 100%;
  min-height: 86px;
  padding: 10px 50px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:focus, .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:hover, .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:active {
  background: #004963;
  color: #fff;
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:focus:after, .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:hover:after, .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:active:after {
  background-image: url(/resources/front/en/images/ico_svg/esg/icon-down-on.svg);
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .library-down-list > dl > dd > ul > li > a span {
  font-size: 20px;
  line-height: 1.8;
}
.esg-full-page-2025 .library-down-list > ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .library-down-list > ul > li {
  border-bottom: 1px solid #ddd;
}
.esg-full-page-2025 .library-down-list > ul > li > a {
  position: relative;
  width: 100%;
  min-height: 86px;
  padding: 10px 50px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 .library-down-list > ul > li > a:focus, .esg-full-page-2025 .library-down-list > ul > li > a:hover, .esg-full-page-2025 .library-down-list > ul > li > a:active {
  background: #004963;
  color: #fff;
}
.esg-full-page-2025 .library-down-list > ul > li > a:focus:after, .esg-full-page-2025 .library-down-list > ul > li > a:hover:after, .esg-full-page-2025 .library-down-list > ul > li > a:active:after {
  background-image: url(/resources/front/en/images/ico_svg/esg/icon-down-on.svg);
}
.esg-full-page-2025 .library-down-list > ul > li > a:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .library-down-list > ul > li > a span {
  font-size: 20px;
  line-height: 1.8;
}
.esg-full-page-2025 .visual-way {
  position: relative;
  width: 100%;
  background: #f0faf9;
}
.esg-full-page-2025 .visual-way:after, .esg-full-page-2025 .visual-way:before {
  content: "";
  position: absolute;
  top: 0px;
  display: block;
  min-width: 790px;
  min-height: 380px;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.esg-full-page-2025 .visual-way:before {
  left: calc(50% - 1390px);
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-climate-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way:after {
  right: calc(50% - 990px);
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-climate-actions2.jpg);
}
.esg-full-page-2025 .visual-way.she:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-she-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.she:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-she-actions2.jpg);
}
.esg-full-page-2025 .visual-way.environment:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-environment-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.environment:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-environment-actions2.jpg);
}
.esg-full-page-2025 .visual-way.human-rights:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-human-rights-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.human-rights:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-human-rights-actions2.jpg);
}
.esg-full-page-2025 .visual-way.compliance:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-compliance-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.compliance:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-compliance-actions2.jpg);
}
.esg-full-page-2025 .visual-way.crs:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-crs-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.crs:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-crs-actions2.jpg);
}
.esg-full-page-2025 .visual-way.ethics:before {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-ethics-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.ethics:after {
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-ethics-actions2.jpg);
}
.esg-full-page-2025 .visual-way.supplier:before {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-suppliers-actions1.jpg);
  background-position-x: calc(100% + 10px);
}
.esg-full-page-2025 .visual-way.supplier:after {
  -webkit-box-flex: 2.065;
      -ms-flex: 2.065;
          flex: 2.065;
  background-image: url(/resources/front/en/images/esg/new2025/bg-visual-suppliers-actions2.jpg);
}
.esg-full-page-2025 .visual-way .visula-pc-swiper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper .swiper-slide {
  width: 790px;
  height: 380px;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm] {
  width: 100%;
  height: 100%;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm1 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-climate-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm2 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-human-rights-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm3 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-crs-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm4 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-she-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm5 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-environment-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .visula-pc-swiper [class^=bg-itm].bg-itm6 {
  background: url(/resources/front/en/images/esg/new2025/bg-visual-she-actions1.jpg) center center/cover no-repeat;
}
.esg-full-page-2025 .visual-way .txt-box {
  position: relative;
  width: 100%; /* max-width:1200px; */
  max-width: 800px;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  margin: 0 auto;
  min-height: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f0faf9;
  z-index: 3;
}
.esg-full-page-2025 .visual-way .txt-box > dl {
  width: 100%;
  max-width: 800px;
  height: 100%; /* padding:60px 50px 10px; */
  padding: 10px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.esg-full-page-2025 .visual-way .txt-box > dl > dt h1 {
  font-size: 36px;
  font-weight: 500;
  color: #004963;
  line-height: 1.67;
}
.esg-full-page-2025 .visual-way .txt-box > dl > dd {
  margin-top: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .banner-visual-txt {
  position: relative;
  margin-top: 40px;
  padding: 35px 0;
  background: #004963;
}
.esg-full-page-2025 .banner-visual-txt.board-structure {
  margin-top: 0px;
  background: #f0faf9;
}
.esg-full-page-2025 .banner-visual-txt.board-structure .txt-box > ul > li > dl:before {
  background: #004963;
}
.esg-full-page-2025 .banner-visual-txt.board-structure .txt-box > ul > li > dl > dt > .tit {
  color: #004963;
}
.esg-full-page-2025 .banner-visual-txt.board-structure .txt-box > ul > li > dl > dd {
  color: #004963;
}
.esg-full-page-2025 .banner-visual-txt .txt-box {
  width: 100%;
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul.way2 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl {
  position: relative;
  padding-left: 15px;
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: block;
  width: 2px;
  height: calc(100% - 9px);
  background: #fff;
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl > dt > .tit {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.44;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl > dd {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.47;
  color: #fff;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .img-box {
  font-size: 0;
  line-height: 0;
  margin-top: 40px;
}
.esg-full-page-2025 .img-box.fir {
  margin-top: 0 !important;
}
.esg-full-page-2025 .img-box.max-she, .esg-full-page-2025 .img-box.max-bcms {
  margin: 0 116px;
}
.esg-full-page-2025 .img-box.max-environment {
  margin: 40px 190px 0;
}
.esg-full-page-2025 .img-box .img-box {
  margin: 0;
}
.esg-full-page-2025 .img-box img {
  width: 100%;
}
.esg-full-page-2025 .img-box > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.esg-full-page-2025 .img-box > .list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .img-box > .list > li p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
  color: #666;
}
.esg-full-page-2025 .m-img-view-box {
  position: relative;
  width: 100%;
  padding: 30px 24px 40px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .m-img-view-box.mt {
  margin-top: 30px;
}
.esg-full-page-2025 .m-img-view-box.no-line {
  padding: 0px;
  border: none;
}
.esg-full-page-2025 .m-img-view-box .btn {
  width: 100%;
  padding: 0 26px;
  margin-top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .m-img-view-box .btn button {
  width: 100%;
  height: 50px;
  border: 1px solid #004963;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.esg-full-page-2025 .m-img-view-box .btn button span {
  font-size: 18px;
  font-weight: 500;
  color: #004963;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .m-img-view-box .btn button:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/ico-m-view.svg) center center/cover no-repeat;
}
.esg-full-page-2025 .esg-way-accordion {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.esg-full-page-2025 .esg-way-accordion > dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #004963;
}
.esg-full-page-2025 .esg-way-accordion > dl.on {
  background: #f0faf9;
}
.esg-full-page-2025 .esg-way-accordion > dl.on > dt a {
  color: #004963;
}
.esg-full-page-2025 .esg-way-accordion > dl.on > dt a:before, .esg-full-page-2025 .esg-way-accordion > dl.on > dt a:after {
  background: #004963;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.esg-full-page-2025 .esg-way-accordion > dl > dt {
  width: 100%;
}
.esg-full-page-2025 .esg-way-accordion > dl > dt > a {
  position: relative;
  width: 100%;
  min-height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 70px 10px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
.esg-full-page-2025 .esg-way-accordion > dl > dt > a:before, .esg-full-page-2025 .esg-way-accordion > dl > dt > a:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 40px;
  width: 18px;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.esg-full-page-2025 .esg-way-accordion > dl > dt > a:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.esg-full-page-2025 .esg-way-accordion > dl > dt > a:after {
  -webkit-transform: rotate(-450deg);
          transform: rotate(-450deg);
}
.esg-full-page-2025 .esg-way-accordion > dl > dt > a span {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.8;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .esg-way-accordion > dl > dd {
  display: none;
  width: 100%;
  padding: 0 30px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 1.6;
  color: #004963;
}
.esg-full-page-2025 .esg-way-accordion > dl > dd > ul > li {
  position: relative;
  padding-left: 8px;
}
.esg-full-page-2025 .esg-way-accordion > dl > dd > ul > li + li {
  margin-top: 20px;
}
.esg-full-page-2025 .esg-way-accordion > dl > dd > ul > li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .she-box {
  position: relative;
}
.esg-full-page-2025 .she-box > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 .she-box > dl + dl {
  margin-top: 20px;
}
.esg-full-page-2025 .she-box > dl > dt {
  min-height: 430px;
  -ms-flex-preferred-size: 480px;
      flex-basis: 480px;
  padding: 30px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.esg-full-page-2025 .she-box > dl > dt.link {
  padding: 0;
  display: block;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
.esg-full-page-2025 .she-box > dl > dt.link > a {
  position: relative;
  width: 100%;
  min-height: 430px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .she-box > dl > dt.link > a:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-off.svg) 0 0/cover no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .she-box > dl > dt.link > a:focus, .esg-full-page-2025 .she-box > dl > dt.link > a:hover, .esg-full-page-2025 .she-box > dl > dt.link > a:active {
  background: #004963;
}
.esg-full-page-2025 .she-box > dl > dt.link > a:focus:before, .esg-full-page-2025 .she-box > dl > dt.link > a:hover:before, .esg-full-page-2025 .she-box > dl > dt.link > a:active:before {
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .she-box > dl > dt.link > a:focus h3, .esg-full-page-2025 .she-box > dl > dt.link > a:hover h3, .esg-full-page-2025 .she-box > dl > dt.link > a:active h3 {
  color: #fff;
}
.esg-full-page-2025 .she-box > dl > dt.link > a:focus dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:focus dl dd, .esg-full-page-2025 .she-box > dl > dt.link > a:hover dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:hover dl dd, .esg-full-page-2025 .she-box > dl > dt.link > a:active dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:active dl dd {
  color: #fff;
}
.esg-full-page-2025 .she-box > dl > dt.link > a h3 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .she-box > dl > dt.link > a dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a dl dd {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .she-box > dl > dt h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  color: #004963;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .she-box > dl > dt dl {
  margin-top: 50px;
  min-height: 180px;
}
.esg-full-page-2025 .she-box > dl > dt dl > dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.8;
  color: #004963;
}
.esg-full-page-2025 .she-box > dl > dt dl > dd {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.63;
  color: #004963;
}
.esg-full-page-2025 .she-box > dl > dd {
  min-height: 430px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 40px 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f0faf9;
  color: #004963;
}
.esg-full-page-2025 .she-box > dl > dd ul.dot li {
  padding-left: 15px;
}
.esg-full-page-2025 .she-box > dl > dd ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .she-box > dl > dd ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.63;
}
.esg-full-page-2025 .she-box > dl > dd ul li + li {
  margin-top: 5px;
}
.esg-full-page-2025 .bar-txt-box {
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding: 30px 30px 30px 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .bar-txt-box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 6px;
  height: 100%;
  background: #004963;
}
.esg-full-page-2025 .bar-txt-box p {
  font-size: 16px;
  line-height: 1.63;
  font-weight: 500;
  color: #004963;
}
.esg-full-page-2025 .bar-txt-box p.txt-r {
  text-align: right;
}
.esg-full-page-2025 .bar-txt-box p + p {
  margin-top: 30px;
}
.esg-full-page-2025 .bar-txt-box p strong {
  font-weight: 700;
}
.esg-full-page-2025 .bar-txt-box p span {
  font-weight: 400;
}
.esg-full-page-2025 .esg-box-txt-list {
  width: 100%;
}
.esg-full-page-2025 .esg-box-txt-list.mt {
  margin-top: 40px;
}
.esg-full-page-2025 .esg-box-txt-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl {
  width: 100%;
  padding: 22px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 160px;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.m-h140 {
  min-height: 140px;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.m-h280 {
  min-height: 280px;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.color-type1 {
  background: #004963;
  color: #fff;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.color-type2 {
  background: #f0faf9;
  color: #222;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.color-type2 > dt {
  color: #00374f;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.button-btns {
  position: relative;
  min-height: 280px;
  padding-bottom: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl.button-btns .btns {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl > dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li > dl > dd {
  margin-top: 10px;
  font-size: 15px;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li ul.dot-list > li {
  position: relative;
  padding-left: 8px;
  text-indent: 0;
}
.esg-full-page-2025 .esg-box-txt-list > ul > li ul.dot-list > li::before {
  content: "∙";
  position: absolute;
  top: 0;
  left: 0;
}
.esg-full-page-2025 .she-grid {
  position: relative;
  width: 100%;
  margin-top: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .she-grid.fir {
  margin-top: 0px;
}
.esg-full-page-2025 .she-grid > dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg-full-page-2025 .she-grid > dl + dl {
  margin-top: 80px;
}
.esg-full-page-2025 .she-grid > dl > dt {
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
}
.esg-full-page-2025 .she-grid > dl > dt .def-h-tit {
  margin: 0;
}
.esg-full-page-2025 .she-grid > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .she-grid > dl > dd .btns {
  margin-top: 30px;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list {
  width: 100%;
  margin-top: 40px;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a {
  display: block;
  width: 100%;
  min-height: 300px;
  padding: 34px 24px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
  font-family: "ssl-gilroy", "ssl-font";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active {
  background: #004963;
  color: #fff;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus .txt:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover .txt:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active .txt:after {
  background: url(/resources/front/en/images/ico_svg/esg/ico-she-bsi-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus .ico-down, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover .ico-down, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active .ico-down {
  color: #004963;
  background: #fff;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus .ico-down:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover .ico-down:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active .ico-down:after {
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .tit {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.09;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .txt {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .txt:after {
  content: "";
  margin-top: 47px;
  display: block;
  width: 50px;
  height: 50px;
  background: url(/resources/front/en/images/ico_svg/esg/ico-she-bsi-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .ico-down {
  margin-top: 30px;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #004963;
}
.esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .ico-down:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-down-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list {
  width: 100%;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list > dl {
  font-size: 16px; /* font-weight:500; */
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list > dl > dt {
  font-weight: 500;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list > dl > dt + dd {
  margin-top: 5px;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list > dl > dd + dt {
  margin-top: 25px;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list ul.bar > li {
  position: relative;
  padding-left: 10px;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list ul.bar > li:before {
  content: "-";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .she-grid > dl > dd .txt-list ul.bar > li + li {
  margin-top: 5px;
}
.esg-full-page-2025 .she-grid > dl > dd p + .esg-box-txt-list {
  margin-top: 40px;
}
.esg-full-page-2025 .she-grid > .img-box { /* margin-top:60px; */ }
.esg-full-page-2025 .she-grid > .img-box + dl {
  margin-top: 80px;
}
.esg-full-page-2025 .environment-box-list {
  margin-top: 40px;
  width: 100%;
}
.esg-full-page-2025 .environment-box-list.color2 > ul > li .box {
  background: #00374f;
}
.esg-full-page-2025 .environment-box-list.color2 > ul > li .box > dt, .esg-full-page-2025 .environment-box-list.color2 > ul > li .box > dd {
  color: #fff;
}
.esg-full-page-2025 .environment-box-list.min-h215 > ul > li .box {
  min-height: 215px;
}
.esg-full-page-2025 .environment-box-list.min-h260 > ul > li .box {
  min-height: 260px;
}
.esg-full-page-2025 .environment-box-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.esg-full-page-2025 .environment-box-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .environment-box-list > ul > li .box {
  width: 100%;
  min-height: 210px;
  padding: 40px 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f0faf9;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .environment-box-list > ul > li .box > dt {
  font-size: 20px;
  font-weight: 600;
  color: #00374f;
}
.esg-full-page-2025 .environment-box-list > ul > li .box > dd {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6;
}
.esg-full-page-2025 .environment-photo-box-list {
  margin-top: 40px;
  width: 100%;
}
.esg-full-page-2025 .environment-photo-box-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .photo {
  font-size: 0px;
  line-height: 0;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .photo img {
  width: 100%;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .box {
  width: 100%;
  background: #fafafc;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl {
  min-height: 250px;
  padding: 40px 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl > dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #00374f;
}
.esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl > dd {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6;
}
.esg-full-page-2025 .environment-ceo {
  width: 100%;
  padding-right: 520px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .environment-ceo .txt-box {
  padding: 50px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .environment-ceo .txt-box p {
  font-size: 16px;
  line-height: 1.75;
  color: #00374f;
}
.esg-full-page-2025 .environment-ceo .txt-box p + p {
  margin-top: 25px;
}
.esg-full-page-2025 .environment-ceo .txt-box p.la {
  margin-top: 40px;
}
.esg-full-page-2025 .environment-ceo .txt-box p.txt-r {
  text-align: right;
}
.esg-full-page-2025 .environment-ceo .txt-box p.ceo-name {
  margin-top: 6px;
}
.esg-full-page-2025 .environment-ceo .photo {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 520px;
  height: 100%;
  font-size: 0;
  line-height: 0;
}
.esg-full-page-2025 .environment-ceo .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.esg-full-page-2025 .human-rights-box {
  width: 100%;
  margin-top: 80px;
  padding: 50px 0 80px;
  background: #f0faf9;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .human-rights-box .tit {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #00374f;
}
.esg-full-page-2025 .human-rights-box .list {
  width: 100%;
  margin-top: 30px;
}
.esg-full-page-2025 .human-rights-box .list.mh2 > ul > li {
  /* & + li {
  	&:before {bottom:100px}
  } */
}
.esg-full-page-2025 .human-rights-box .list.mh2 > ul > li .box {
  min-height: 290px;
}
.esg-full-page-2025 .human-rights-box .list.min-h320 > ul > li .box {
  min-height: 320px;
}
.esg-full-page-2025 .human-rights-box .list.min-h350 > ul > li {
  /* & + li {
  	&:before {bottom:150px}
  } */
}
.esg-full-page-2025 .human-rights-box .list.min-h350 > ul > li .box {
  min-height: 350px;
}
.esg-full-page-2025 .human-rights-box .list.min-h380 > ul > li {
  /* & + li {
  	&:before {bottom:150px}
  } */
}
.esg-full-page-2025 .human-rights-box .list.min-h380 > ul > li .box {
  min-height: 380px;
}
.esg-full-page-2025 .human-rights-box .list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
}
.esg-full-page-2025 .human-rights-box .list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .human-rights-box .list > ul > li + li {
  position: relative;
}
.esg-full-page-2025 .human-rights-box .list > ul > li + li:before {
  content: "";
  position: absolute;
  bottom: calc(50% - 12px);
  left: -28px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-human-rights-arrow.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box {
  width: 100%;
  min-height: 230px;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #004963;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dt {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  color: #00fce4;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd {
  margin-top: 20px;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul.dot li {
  padding-left: 15px;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul li {
  position: relative;
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
}
.esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul li + li {
  margin-top: 10px;
}
.esg-full-page-2025 .data-tab-cont {
  position: relative;
  width: 100%;
  margin-top: 60px;
}
.esg-full-page-2025 .data-tab-cont .tab_cont {
  overflow: unset;
}
.esg-full-page-2025 .data-tab-cont .btns {
  margin-top: 40px;
}
.esg-full-page-2025 .data-tab-cont .img-box {
  margin-top: 60px;
}
.esg-full-page-2025 .photo-half-field {
  position: relative;
  width: 100%;
}
.esg-full-page-2025 .photo-half-field > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
.esg-full-page-2025 .photo-half-field > ul + ul {
  margin-top: 80px;
}
.esg-full-page-2025 .photo-half-field > ul.h-pc-600 .txt-box {
  min-height: 600px;
}
.esg-full-page-2025 .photo-half-field > ul.h-pc-350 .txt-box {
  min-height: 350px;
}
.esg-full-page-2025 .photo-half-field > ul.h-pc-480 .txt-box {
  min-height: 480px;
}
.esg-full-page-2025 .photo-half-field > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .photo-half-field > ul > li:first-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-preferred-size: 600px;
      flex-basis: 600px;
}
.esg-full-page-2025 .photo-half-field > ul > li .txt-box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 1.67;
}
.esg-full-page-2025 .photo-half-field > ul > li .txt-box > dl > dt {
  font-size: 26px;
  line-height: 1.38;
}
.esg-full-page-2025 .photo-half-field > ul > li .txt-box > dl > dd {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .compliance-box-list {
  position: relative;
  width: 100%;
  padding: 40px 30px;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .compliance-box-list > dl > dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #004963;
}
.esg-full-page-2025 .compliance-box-list > dl > dd {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .compliance-box-list > dl > dd + dt {
  margin-top: 40px;
}
.esg-full-page-2025 .compliance-bsi-box {
  position: relative;
  width: 100%;
  margin-top: 60px;
}
.esg-full-page-2025 .compliance-bsi-box > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt, .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dd {
  min-height: 240px;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt {
  position: relative;
  -webkit-box-flex: 3.9;
      -ms-flex: 3.9;
          flex: 3.9;
  padding: 40px 24px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt:after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 24px;
  display: block;
  width: 50px;
  height: 50px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-bsi.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .tit {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.09;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .tit + .txt {
  margin-top: 16px;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
.esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dd {
  -webkit-box-flex: 6.1;
      -ms-flex: 6.1;
          flex: 6.1;
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  font-size: 15px;
  line-height: 1.73;
  color: #fff;
  background: #004963;
}
.esg-full-page-2025 .bcms-txt-box {
  position: relative;
  margin-top: 56px;
  width: 100%;
}
.esg-full-page-2025 .bcms-txt-box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.esg-full-page-2025 .bcms-txt-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .bcms-txt-box > ul > li > dl {
  width: 100%;
  min-height: 235px;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .bcms-txt-box > ul > li > dl > dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
}
.esg-full-page-2025 .bcms-txt-box > ul > li > dl > dd {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt {
  margin-top: 40px;
  width: 100%;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl {
  width: 100%;
  padding: 40px 30px;
  border: 1px solid #004963;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl + dl {
  margin-top: 10px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dt {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  color: #004963;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd {
  margin-top: 24px;
  color: #666;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd .txt {
  margin-top: 24px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.47;
  color: #004963;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul {
  margin-top: 24px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul.fir {
  margin-top: 0px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul + p {
  margin-top: 40px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul.decimal {
  padding-left: 20px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul.decimal > li {
  list-style-type: decimal;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul.dot li {
  padding-left: 15px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul li {
  position: relative;
  font-size: 14px;
  line-height: 1.57;
}
.esg-full-page-2025 .bcms-mo-etc-img-txt > dl > dd ul li + li {
  margin-top: 10px;
}
.esg-full-page-2025 .board-structure-cont1 {
  width: 100%;
  margin-top: 60px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul {
  width: 100%;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li {
  width: 100%;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li + li {
  margin-top: 40px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .photo, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience {
  min-height: 300px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .photo {
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
  background: #f1f4fc;
  font-size: 0;
  line-height: 0;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .photo img {
  width: 100%;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile {
  -ms-flex-preferred-size: 256px;
      flex-basis: 256px;
  padding: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #fafafc;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .appellation .title {
  font-size: 14px;
  line-height: 1.43;
  color: #006a84;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .appellation .title strong {
  font-weight: 700;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .appellation .name {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.36;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date {
  color: #666;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date p {
  font-size: 13px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date p + p {
  margin-top: 6px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dt {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd {
  margin-top: 15px;
  font-size: 16px;
  color: #666;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul {
  margin-top: 20px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.fir {
  margin-top: 0px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul + p {
  margin-top: 40px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.decimal {
  padding-left: 30px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.decimal > li {
  list-style-type: decimal;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.dot li {
  padding-left: 10px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li {
  position: relative; /* font-size:16px; */
  line-height: 1.6;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li + li {
  margin-top: 10px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li strong {
  font-weight: 500;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 0;
  height: 50px;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #004963;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:hover, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:focus, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:active {
  width: 240px;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:hover > span, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:focus > span, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:active > span {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web > span {
  position: absolute;
  top: 11px;
  right: 50px;
  font-size: 18px;
  font-weight: 500;
  font-family: "ssl-gilroy", "ssl-font";
  color: #fff;
  white-space: nowrap;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/resources/front/en/images/ico_svg/btn_learn_more_on.svg) center center/cover no-repeat;
}
.esg-full-page-2025 .board-structure-txt-box {
  width: 100%;
  margin-top: 40px;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .board-structure-txt-box p.tit {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
}
.esg-full-page-2025 .board-structure-txt-box p + ul {
  margin-top: 20px;
}
.esg-full-page-2025 .board-structure-txt-box > ul + p {
  margin-top: 40px;
}
.esg-full-page-2025 .board-structure-txt-box > ul.dot li {
  padding-left: 10px;
}
.esg-full-page-2025 .board-structure-txt-box > ul.dot li:before {
  content: "•";
  position: absolute;
  top: 0px;
  left: 0px;
}
.esg-full-page-2025 .board-structure-txt-box > ul li {
  position: relative;
}
.esg-full-page-2025 .board-structure-txt-box > ul li + li {
  margin-top: 5px;
}
.esg-full-page-2025 .effort {
  width: 100%;
  margin-top: 60px;
  border-top: 3px solid #004963;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .effort .year-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.esg-full-page-2025 .effort .year-box > .txt {
  font-size: 16px;
  line-height: 1.75;
  color: #666;
}
.esg-full-page-2025 .effort .year-box > .tabBox {
  -ms-flex-preferred-size: 190px;
      flex-basis: 190px;
}
.esg-full-page-2025 .effort .year-tit {
  padding: 30px 0;
  font-size: 26px;
  line-height: 1.38;
  font-weight: 400;
}
.esg-full-page-2025 .effort .border_wrap {
  padding: 0;
  border-top: none;
}
.esg-full-page-2025 .effort .border_wrap .border_tit {
  padding: 30px 0;
  font-size: 26px;
  line-height: 1.38;
  font-weight: 400;
}
.esg-full-page-2025 .effort .border_wrap .border_tit + div {
  border-top: 1px solid #ddd;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .effort .col_table thead th, .esg-full-page-2025 .effort .col_table thead td {
  color: #222;
  font-size: 18px;
  line-height: 1.56;
}
.esg-full-page-2025 .effort .col_table thead + tbody tr:first-child > * {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
.esg-full-page-2025 .bod-committees {
  width: 100%;
}
.esg-full-page-2025 .bod-committees > ul > li {
  width: 100%;
}
.esg-full-page-2025 .bod-committees > ul > li + li {
  margin-top: 80px;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box { /* display:flex; justify-content:space-between; align-items:flex-start; gap:40px; */
  display: table;
  width: 100%;
  min-height: 400px;
  /* &.mh-560 {
  	& > .use,
  	& > .txt {min-height:560px;}
  }
  &.mh-360 {
  	& > .use,
  	& > .txt {min-height:360px;}
  }
  &.mh-330 {
  	& > .use,
  	& > .txt {min-height:330px;}
  }
  &.mh-300 {
  	& > .use,
  	& > .txt {min-height:300px;}
  } */
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use { /* flex-basis:460px; height:100%; */
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 500px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .def-h-tit {
  margin: 0;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: calc(100% - 40px);
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul { /*display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; */
  display: table;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li {
  position: relative; /* flex:1; */ /* flex-basis:148px; */
  display: table-cell;
  width: 148px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: #fafafc;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li + li {
  padding-left: 8px;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li + li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 8px;
  height: 100%;
  background: #fff;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl {
  width: 100%;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dt {
  position: relative;
  background: #f1f4fc;
  height: 148px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dt img {
  width: 100%;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd {
  width: 100%;
  padding: 15px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd .tit {
  font-size: 13px;
  font-weight: 700;
  color: #006a84;
  line-height: 1.38;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd .name {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt { /* flex:1; */
  display: table-cell;
  vertical-align: top;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafc;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dt {
  font-size: 18px;
  line-height: 1.56;
  font-weight: 600;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd + dt {
  margin-top: 30px;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd > ul li {
  /* & + li {margin-top:5px;} */
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd > ul li.one-num {
  padding-left: 20px;
  text-indent: -20px;
}
.esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd > ul li.one-num > span:first-child {
  margin-right: 5px;
}
.esg-full-page-2025 .csr-txt-box {
  position: relative;
  width: 100%;
  background: #fafafc;
}
.esg-full-page-2025 .csr-txt-box > ul {
  width: 100%;
  padding: 40px 70px;
  min-height: 175px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}
.esg-full-page-2025 .csr-txt-box > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .csr-txt-box > ul > li.photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-preferred-size: 242px;
      flex-basis: 242px;
  font-size: 0px;
  line-height: 0;
}
.esg-full-page-2025 .csr-txt-box > ul > li.photo img {
  width: 100%;
}
.esg-full-page-2025 .csr-txt-box > ul > li.txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.61;
}
.esg-full-page-2025 .csr-right-box {
  margin-top: 50px;
}
.esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) {
  height: 50px;
}
.esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .swiper-pagination-fraction {
  position: relative;
  left: auto;
  bottom: auto;
  right: auto;
  top: auto;
  text-align: left;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .custom-swiper-bar {
  position: relative;
  margin-top: 10px;
  width: 100%;
  height: 1px;
  background: #e8e8ea;
}
.esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .custom-swiper-bar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 100%;
  background: #004963;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .csr-right-box.swiper-box2 .right-box .swiper-slide {
  width: 31%;
}
.esg-full-page-2025 .csr-right-box.swiper-box2 .right-box .swiper-slide.pc {
  width: 65%;
}
.esg-full-page-2025 .csr-right-box .right-box {
  margin-left: calc(50% - 600px);
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide {
  width: 40%;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide.pc {
  width: 55%;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm {
  width: 100%;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .photo-box {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .photo-box img {
  width: 100%;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .txt-box {
  width: 100%;
  min-height: 115px;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .txt-box dl {
  width: 100%;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .txt-box dl dt {
  padding-top: 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.esg-full-page-2025 .csr-right-box .right-box .swiper-slide > .box-itm .txt-box dl dd {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  color: #666;
}
.esg-full-page-2025 .everyday-list {
  width: 100%;
  margin-top: 50px;
}
.esg-full-page-2025 .everyday-list > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.esg-full-page-2025 .everyday-list > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box {
  width: 100%;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .photo {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .photo img {
  width: 100%;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .txt {
  width: 100%;
  min-height: 140px;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl {
  padding-top: 30px;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl > dt {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl > dd {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  color: #666;
}
.esg-full-page-2025 .crs-driven-box {
  width: 100%;
  margin-top: 80px;
  padding: 60px 0 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f0faf9;
  text-align: center;
}
.esg-full-page-2025 .crs-driven-box .tit {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.08;
  color: #004963;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .crs-driven-box .txt {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: #004963;
  font-family: "ssl-gilroy", "ssl-font";
}
.esg-full-page-2025 .crs-driven-box .photo {
  margin-top: 50px;
  width: 100%;
  font-size: 0px;
  line-height: 0;
}
.esg-full-page-2025 .crs-driven-box .photo img {
  width: 100%;
}
.esg-full-page-2025 .ethics.btns {
  margin-top: 40px;
}
.esg-full-page-2025 .esg-suppliers > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}
.esg-full-page-2025 .esg-suppliers > dl:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.esg-full-page-2025 .esg-suppliers > dl + dl {
  margin-top: 60px;
}
.esg-full-page-2025 .esg-suppliers > dl > dt {
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
  font-size: 0px;
  line-height: 0;
}
.esg-full-page-2025 .esg-suppliers > dl > dt img {
  width: 100%;
}
.esg-full-page-2025 .esg-suppliers > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .esg-suppliers > dl > dd > dl {
  min-height: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.esg-full-page-2025 .esg-suppliers > dl > dd > dl > dt {
  font-size: 26px;
  line-height: 1.38;
  color: #004963;
  font-weight: 500;
}
.esg-full-page-2025 .esg-suppliers > dl > dd > dl > dt strong {
  font-weight: 700;
}
.esg-full-page-2025 .esg-suppliers > dl > dd > dl > dd {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .esg-suppliers > dl > dd > dl > dd .btns {
  margin-top: 40px;
}
.esg-full-page-2025 .en-esg-suppliers {
  margin-top: 80px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box {
  width: 100%;
  padding: 60px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f0faf9;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dt {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.38;
  color: #004963;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
  color: #004963;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > p + ul, .esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > p + p {
  margin-top: 20px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > p + .btns {
  margin-top: 40px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > ul {
  padding-left: 20px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > ul + p {
  margin-top: 30px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > ul + .btns {
  margin-top: 40px;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > ul.dot-list > li {
  position: relative;
  padding-left: 8px;
  text-indent: 0;
}
.esg-full-page-2025 .en-esg-suppliers .growing-box .pix-in > dl > dd > ul.dot-list > li::before {
  content: "∙";
  position: absolute;
  top: 0;
  left: 0;
}
.esg-full-page-2025 .esg-etc-tbl {
  width: 100%;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #00374f;
}
.esg-full-page-2025 .esg-etc-tbl > dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .esg-etc-tbl > dl + dl {
  border-left: 1px solid #00374f;
}
.esg-full-page-2025 .esg-etc-tbl > dl > dt {
  padding: 15px 0;
  border-bottom: 1px solid #00374f;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #004963;
}
.esg-full-page-2025 .esg-etc-tbl > dl > dd {
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
}
.esg-full-page-2025 .esg-etc-tbl > dl > dd p + p {
  margin-top: 10px;
}
.esg-full-page-2025 .cooperation {
  width: 100%;
}
.esg-full-page-2025 .cooperation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.esg-full-page-2025 .cooperation > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.esg-full-page-2025 .cooperation > ul > li > a {
  position: relative;
  width: 100%;
  min-height: 240px;
  padding: 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border: 1px solid #004963;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .cooperation > ul > li > a#voc-btn:before {
  background: url(/resources/front/en/images/ico_svg/esg/icon-contact-us-off.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .cooperation > ul > li > a#voc-btn:focus:before, .esg-full-page-2025 .cooperation > ul > li > a#voc-btn:hover:before, .esg-full-page-2025 .cooperation > ul > li > a#voc-btn:active:before {
  background: url(/resources/front/en/images/ico_svg/esg/icon-contact-us-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .cooperation > ul > li > a:before {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 38px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-off.svg) 0 0/cover no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.esg-full-page-2025 .cooperation > ul > li > a:focus, .esg-full-page-2025 .cooperation > ul > li > a:hover, .esg-full-page-2025 .cooperation > ul > li > a:active {
  background: #004963;
}
.esg-full-page-2025 .cooperation > ul > li > a:focus:before, .esg-full-page-2025 .cooperation > ul > li > a:hover:before, .esg-full-page-2025 .cooperation > ul > li > a:active:before {
  background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
}
.esg-full-page-2025 .cooperation > ul > li > a:focus dl dt, .esg-full-page-2025 .cooperation > ul > li > a:focus dl dd, .esg-full-page-2025 .cooperation > ul > li > a:hover dl dt, .esg-full-page-2025 .cooperation > ul > li > a:hover dl dd, .esg-full-page-2025 .cooperation > ul > li > a:active dl dt, .esg-full-page-2025 .cooperation > ul > li > a:active dl dd {
  color: #fff;
}
.esg-full-page-2025 .cooperation > ul > li > a dl dt, .esg-full-page-2025 .cooperation > ul > li > a dl dd {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #004963;
}
.esg-full-page-2025 .cooperation > ul > li > a dl dt {
  font-size: 24px;
  font-weight: 500;
}
.esg-full-page-2025 .cooperation > ul > li > a dl dd {
  margin-top: 20px;
  font-size: 16px;
}
.esg-full-page-2025 .esg-collaborating .list {
  position: relative;
  border-top: 1px solid #ddd;
}
.esg-full-page-2025 .esg-collaborating .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 82px;
  border-bottom: 1px solid #ddd;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.esg-full-page-2025 .esg-collaborating .list > a:hover > .tit, .esg-full-page-2025 .esg-collaborating .list > a:focus > .tit, .esg-full-page-2025 .esg-collaborating .list > a:active > .tit {
  text-decoration: underline;
}
.esg-full-page-2025 .esg-collaborating .list > a > .no {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  font-size: 18px;
}
.esg-full-page-2025 .esg-collaborating .list > a > .tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 90px;
  font-size: 18px;
  font-weight: 500;
}
.esg-full-page-2025 .esg-collaborating .list > a > .date {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  font-size: 14px;
  color: #666;
}
.esg-full-page-2025 .esg-collaborating .btns {
  margin-top: 50px;
}

@media (max-width: 1220px) {
  .esg-full-page-2025 .csr-right-box {
    margin-top: 50px;
    /* .pix-in:has(> .slide-control) {height:50px;
    	.swiper-pagination-fraction {position:relative; left:auto; bottom:auto; right:auto; top:auto; text-align:left; font-size:16px; line-height:1.75;
    	}
    	.custom-swiper-bar {position:relative; margin-top:10px; width:100%; height:1px; background:$defColor184;
    		.swiper-pagination-progressbar-fill {position:absolute; top:0px; left:0px; width:0; height:100%; background:$defColor178;}
    	}
    } */
  }
  .esg-full-page-2025 .csr-right-box .right-box {
    margin-left: 0;
    /* .swiper-slide {width:auto;} */
  }
}
@media (max-width: 1023px) {
  .esg-full-page-2025 {
    /* .m-img-view-box {} */
  }
  .esg-full-page-2025 .tabBox .listType .tab_area li.active {
    background: transparent;
  }
  .esg-full-page-2025 > .visual .visual-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 50px;
  }
  .esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dt {
    padding-top: 50px;
  }
  .esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dt h1 {
    font-size: 28px;
    line-height: 1.4;
  }
  .esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd {
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.7;
  }
  .esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd p {
    /* & + p {margin-top:40px;} */
  }
  .esg-full-page-2025 > .visual .visual-box > .txt-box > dl > dd p.point {
    font-size: 18px;
    line-height: 1.44;
  }
  .esg-full-page-2025 > .visual .visual-box > .logo-box {
    min-width: auto;
    min-height: auto;
    padding: 50px 30px;
  }
  .esg-full-page-2025 > .visual .visual-box > .logo-box.mo-pix-full {
    margin-left: 0;
  }
  .esg-full-page-2025 > .visual .visual-box > .logo-box > dl {
    /* & > dt {
    	.ico-logo {display:block; margin:0 auto; width:220px; height:220px; text-indent:-9999px; overflow:hidden; background:url(/resources/front/en/images/esg/new2025/our-commitment-terra.png) 0 0 / cover no-repeat;}
    } */
  }
  .esg-full-page-2025 > .visual .visual-box > .logo-box > dl > dd {
    margin-top: 40px;
    font-size: 14px; /*  line-height:1.6; color:$cfff; */
  }
  .esg-full-page-2025 > .esg-work .esg-list {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dt {
    display: none;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    padding: 26px 24px 50px;
    -webkit-transition: none;
    transition: none;
    z-index: 2;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus:before, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover:before, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active:before {
    opacity: 1;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:focus:after, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:hover:after, .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:active:after {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:before {
    position: absolute;
    bottom: 20px;
    right: 60px;
    font-size: 14px;
    color: #fff;
    font-family: "ssl-gilroy", "ssl-font";
    font-weight: 400;
    opacity: 1;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: unset;
            transition-delay: unset;
    white-space: nowrap;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a:after {
    content: "";
    position: absolute;
    bottom: 19px;
    right: 22px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/resources/front/en/images/esg/new2025/ico-esg-work-arrow.png) 0 0/cover no-repeat;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: unset;
            transition-delay: unset;
  }
  .esg-full-page-2025 > .esg-work .esg-list > dd > ul > li > a .txt {
    font-size: 18px;
    line-height: 1.3;
  }
  .esg-full-page-2025 > .esg-work .swiper-full-box {
    /* .box-itm {
    	.photo-box {width:100%;
    		img {width:100%; object-fit:contain;}
    	}
    	.txt-box {margin-top:24px;
    		p {font-size:15px; line-height:1.27; font-family:'ssl-gilroy', 'ssl-font';
    			& + p,
    			& + ul {margin-top:12px;}

    			strong {font-weight:600;}
    		}

    		ul {
    			li {position:relative; padding-left:10px; font-size:15px; line-height:1.27; font-family:'ssl-gilroy', 'ssl-font';
    				&:before {content:'•'; position:absolute; top:0px; left:0px;}
    			}
    		}
    	}
    } */
  }
  .esg-full-page-2025 > .esg-work .swiper-full-box .slide-control {
    top: -45px;
    right: 30px;
    /* .play, .pause {display:block; width:24px; height:24px; text-indent:-9999px; overflow:hidden;}
    .pause {background:url(/resources/front/en/images/esg/new2025/ico-swiper-pause.png) 0 0 / cover no-repeat;}
    .play {background:url(/resources/front/en/images/esg/new2025/ico-swiper-next.png) 0 0 / cover no-repeat;} */
    /* .swiper-button-prev {transform: rotate(180deg);} */
  }
  .esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .swiper-button-prev,
  .esg-full-page-2025 > .esg-work .swiper-full-box .slide-control .swiper-button-next {
    display: block; /* position:relative; top:auto; left:auto; right:auto; margin:0; width:24px; height:24px; background:url(/resources/front/en/images/esg/new2025/ico-swiper-next.png) 0 0 / cover no-repeat; */
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul li {
    position: relative;
    width: 100%;
    max-width: none;
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul li > dl {
    min-height: auto;
    padding: 23px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dt .ico-iso {
    position: unset;
    display: block;
    padding-left: 72px;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
    font-size: 16px;
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dt .ico-iso:before {
    position: absolute;
    top: calc(50% - 27px);
    left: 18px;
    display: block;
    width: 54px;
    height: 54px;
  }
  .esg-full-page-2025 > .esg-work .iso-list > ul li > dl > dd { /* margin-top:40px; */
    padding-left: 72px;
    padding-top: 8px;
    font-size: 13px;
    line-height: 1.23;
  }
  .esg-full-page-2025 .btns {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-full-page-2025 .btns a, .esg-full-page-2025 .btns button, .esg-full-page-2025 .btns .link {
    width: 100%;
    border: 1px solid #004963;
    background: #004963;
    color: #fff;
    font-size: 14px;
  }
  .esg-full-page-2025 .btns a.btn-down:after, .esg-full-page-2025 .btns button.btn-down:after, .esg-full-page-2025 .btns .link.btn-down:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-down-on.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .btns a.btn-web:after, .esg-full-page-2025 .btns button.btn-web:after, .esg-full-page-2025 .btns .link.btn-web:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-web-on.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .btns a.btn-contact:after, .esg-full-page-2025 .btns button.btn-contact:after, .esg-full-page-2025 .btns .link.btn-contact:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-contact-us-on.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .btns a.btn-more:after, .esg-full-page-2025 .btns button.btn-more:after, .esg-full-page-2025 .btns .link.btn-more:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-more-on.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .report-list {
    width: 100%;
  }
  .esg-full-page-2025 .report-list > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .report-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .esg-full-page-2025 .report-list > ul > li + li {
    margin-top: 50px;
  }
  .esg-full-page-2025 .report-list .report-title {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .report-list .report-title + .esg-accordion {
    margin-top: 50px;
  }
  .esg-full-page-2025 .report-list .report-title .photo-box {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* justify-content:space-between; */
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    width: 224px;
    min-height: 300px;
    padding: 38px 0 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    /* .photo-box {flex-basis:224px; min-height:300px; padding:56px 24px 30px; box-sizing:border-box; */
    /* &.esg {background:url(/resources/front/en/images/esg/new2025/m-bg-esg-report.jpg) 0 0 / cover no-repeat;}
    &.tcfd {background:url(/resources/front/en/images/esg/new2025/m-bg-tcfd-report.jpg) 0 0 / cover no-repeat;} */
  }
  .esg-full-page-2025 .report-list .report-title .photo-box .tit {
    padding: 0 23px;
    font-size: 34px;
    line-height: 1.06;
  }
  .esg-full-page-2025 .report-list .report-title .photo-box .txt {
    padding: 0 23px;
    margin-top: 14px;
    font-size: 18px;
    line-height: 1;
  }
  .esg-full-page-2025 .report-list .report-title .photo-box .btns { /* margin-top:23px; */ }
  .esg-full-page-2025 .report-list .report-title .photo-box .btns a {
    border: none;
  }
  .esg-full-page-2025 .report-list .report-title .report-txt {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.71;
    /* & > dl {
    	& > dt {
    		h2 {font-size:20px; line-height:1.4; font-weight:400;}
    	}
    	& > dd {margin-top:20px; font-size:14px; line-height:1.71;}
    } */
  }
  .esg-full-page-2025 .esg-accordion {
    margin: 50px 0 50px;
  }
  .esg-full-page-2025 .esg-accordion .tit {
    font-size: 20px;
    line-height: 1.4;
  }
  .esg-full-page-2025 .esg-accordion .tit + .list {
    margin-top: 20px;
  }
  .esg-full-page-2025 .esg-accordion .list > dt {
    /* &.on {
    	a {
    		&:after{transform: rotate(0deg);}
    	}
    } */
  }
  .esg-full-page-2025 .esg-accordion .list > dt a {
    position: relative;
    width: 100%;
    height: 86px;
    padding: 10px 50px 10px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* &:after{transform: rotate(-270deg);} */
  }
  .esg-full-page-2025 .esg-accordion .list > dt a:before, .esg-full-page-2025 .esg-accordion .list > dt a:after {
    right: 24px;
  }
  .esg-full-page-2025 .esg-accordion .list > dt a p {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .esg-accordion .list > dd {
    padding: 40px 24px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt {
    /* S : 기존코드 유지 */
    /* p {
    	& + dl,
    	& + p {margin-top:20px;}
    } */
    /* E : 기존코드 유지 */
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul {
    margin-top: 20px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.fir {
    margin-top: 0px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul + p {
    margin-top: 40px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.decimal {
    padding-left: 30px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.decimal > li {
    list-style-type: decimal;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.dot li {
    padding-left: 15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.dot li:before {
    content: "•";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.dash li {
    padding-left: 15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.dash li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.num {
    padding-left: 25px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul.num li {
    list-style: decimal;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul li {
    position: relative; /* font-size:16px; */
    line-height: 1.63;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt ul li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .imgBox {
    margin-top: 20px;
    /* img{width:100%;} */
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .imgBox + p {
    padding-top: 30px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt dl + dl {
    margin-top: 22px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt dl > dt {
    font-size: 16px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .stit { /* font-size: 13px;line-height:1.6; */ }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .stit + ul {
    margin-top: 12px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt > ul { /* font-size: 12px;line-height:1.7; */ }
  .esg-full-page-2025 .esg-accordion .list > dd .txt > ul + .stit {
    margin-top: 22px;
    padding-top: 17px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list {
    margin-left: 0;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li {
    margin-top: 0;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li:before {
    top: 8px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dot_list > li .point {
    font-size: 11px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list {
    margin: 8px 0 0 21px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 {
    margin-left: 0;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 > li {
    margin-top: 10px;
    padding-left: 16px;
    text-indent: -16px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ2 > li:first-child {
    margin-top: 0;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li {
    padding-left: 15px;
    text-indent: -15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li .num {
    margin-right: 0px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li .num-list {
    margin-left: 0;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li > ul.dot-list {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list.typ3 > li > ul.dot-list > li {
    margin-top: 5px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list > li {
    position: relative;
    padding-left: 15px;
    text-indent: -15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .num-list > li .num {
    margin-right: 5px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list > li {
    padding-left: 8px;
    text-indent: -8px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .dash-list > li .stit {
    margin-top: 15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .promoter {
    margin-top: 15px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li {
    padding-left: 20px;
    margin-top: 10px;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p {
    position: relative;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p:first-child {
    font-weight: 500;
    color: #222;
  }
  .esg-full-page-2025 .esg-accordion .list > dd .txt .promoter li p:first-child:after {
    display: block;
    content: "";
    position: absolute;
    left: -13px;
    top: 13px;
    background: #222;
    width: 3px;
    height: 3px;
    border-radius: 50%;
  }
  .esg-full-page-2025 .library-down-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 50px;
  }
  .esg-full-page-2025 .library-down-list.mt {
    margin-top: 50px;
  }
  .esg-full-page-2025 .library-down-list.report {
    margin-top: 50px;
    min-height: auto;
  }
  .esg-full-page-2025 .library-down-list.report + .esg-accordion {
    margin: 50px 0 0;
  }
  .esg-full-page-2025 .library-down-list > dl {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .library-down-list > dl > dt {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 1.4;
  }
  .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a {
    padding: 10px 50px 10px 24px;
  }
  .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a:after {
    right: 24px;
    display: block;
  }
  .esg-full-page-2025 .library-down-list > dl > dd > ul > li > a span {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .library-down-list > ul {
    width: 100%;
  }
  .esg-full-page-2025 .library-down-list > ul > li > a {
    padding: 10px 50px 10px 24px;
  }
  .esg-full-page-2025 .library-down-list > ul > li > a:after {
    right: 24px;
    display: block;
  }
  .esg-full-page-2025 .library-down-list > ul > li > a span {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .visual-way {
    display: block;
  }
  .esg-full-page-2025 .visual-way:after, .esg-full-page-2025 .visual-way:before {
    content: "";
    position: relative;
    top: auto;
    left: auto;
    min-width: auto;
    right: auto;
    display: block;
    min-height: auto;
    height: auto;
    background-size: cover;
  }
  .esg-full-page-2025 .visual-way:before {
    min-height: 180px;
    background-position-x: center;
  }
  .esg-full-page-2025 .visual-way:after {
    min-height: 300px;
  }
  .esg-full-page-2025 .visual-way.she:before, .esg-full-page-2025 .visual-way.environment:before, .esg-full-page-2025 .visual-way.human-rights:before, .esg-full-page-2025 .visual-way.compliance:before, .esg-full-page-2025 .visual-way.crs:before, .esg-full-page-2025 .visual-way.ethics:before, .esg-full-page-2025 .visual-way.supplier:before {
    min-height: 180px;
    background-position-x: center;
  }
  .esg-full-page-2025 .visual-way.she:after, .esg-full-page-2025 .visual-way.environment:after, .esg-full-page-2025 .visual-way.human-rights:after, .esg-full-page-2025 .visual-way.compliance:after, .esg-full-page-2025 .visual-way.crs:after, .esg-full-page-2025 .visual-way.ethics:after, .esg-full-page-2025 .visual-way.supplier:after {
    min-height: 300px;
  }
  .esg-full-page-2025 .visual-way .visula-pc-swiper {
    display: none;
  }
  .esg-full-page-2025 .visual-way .txt-box {
    max-width: 100%;
    min-height: auto;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .esg-full-page-2025 .visual-way .txt-box > dl {
    position: relative;
    width: 100%;
    height: auto; /* padding:60px 50px 10px; */
    padding: 50px 30px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
    z-index: 2;
  }
  .esg-full-page-2025 .visual-way .txt-box > dl > dt h1 {
    font-size: 26px;
    line-height: 1.38;
  }
  .esg-full-page-2025 .visual-way .txt-box > dl > dd {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .banner-visual-txt {
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 40px 0;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl {
    padding-left: 10px;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl:before {
    top: 0px;
    height: 100%;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl > dt > .tit {
    font-size: 13px;
    line-height: 1.38;
  }
  .esg-full-page-2025 .banner-visual-txt .txt-box > ul > li > dl > dd {
    font-size: 13px;
    line-height: 1.38;
  }
  .esg-full-page-2025 .img-box.max-she, .esg-full-page-2025 .img-box.max-bcms {
    margin: 0 50px;
  }
  .esg-full-page-2025 .img-box.max-environment {
    margin: 30px 50px 0;
  }
  .esg-full-page-2025 .img-box.human-rights {
    margin: 0 50px;
  }
  .esg-full-page-2025 .img-box > .list {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .img-box > .list > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .img-box > .list > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .img-box > .list > li p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .esg-way-accordion {
    margin-top: 50px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .esg-way-accordion > dl {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    /* &.on {background:$defColor177;
    	& > dt {
    		a {color:$defColor178;
    			&:before,
    			&:after{background:$defColor178; transform: rotate(0deg);}
    		}
    	}
    } */
  }
  .esg-full-page-2025 .esg-way-accordion > dl + dl {
    margin-top: 1px;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dt {
    width: 100%;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dt > a {
    padding: 10px 60px 10px 30px;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dt > a:before, .esg-full-page-2025 .esg-way-accordion > dl > dt > a:after {
    right: 30px;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dt > a span {
    font-size: 18px;
    line-height: 2;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dd {
    padding: 0 30px 50px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dd > ul > li {
    position: relative;
    padding-left: 8px;
    /* &:before {content:"•"; position:absolute; top:0px; left:0px;} */
  }
  .esg-full-page-2025 .esg-way-accordion > dl > dd > ul > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .she-box {
    margin-top: 50px;
  }
  .esg-full-page-2025 .she-box > dl {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .she-box > dl + dl {
    margin-top: 50px;
  }
  .esg-full-page-2025 .she-box > dl > dt {
    min-height: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding: 0;
    border: none;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
    /* h3 {font-size:36px; font-weight:300; line-height:1; color:$defColor178; font-family:'ssl-gilroy','ssl-font';} */
  }
  .esg-full-page-2025 .she-box > dl > dt.link {
    padding: 0;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    display: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a:before {
    display: none;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a:focus, .esg-full-page-2025 .she-box > dl > dt.link > a:hover, .esg-full-page-2025 .she-box > dl > dt.link > a:active {
    background: #fff;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a:focus h3, .esg-full-page-2025 .she-box > dl > dt.link > a:hover h3, .esg-full-page-2025 .she-box > dl > dt.link > a:active h3 {
    color: #004963;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a:focus dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:focus dl dd, .esg-full-page-2025 .she-box > dl > dt.link > a:hover dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:hover dl dd, .esg-full-page-2025 .she-box > dl > dt.link > a:active dl dt, .esg-full-page-2025 .she-box > dl > dt.link > a:active dl dd {
    color: #004963;
  }
  .esg-full-page-2025 .she-box > dl > dt.link > a .btns {
    margin-top: 30px;
    width: 100%;
  }
  .esg-full-page-2025 .she-box > dl > dt dl {
    margin-top: 10px;
    min-height: auto;
  }
  .esg-full-page-2025 .she-box > dl > dt dl > dt {
    font-size: 18px;
    line-height: 1.56;
  }
  .esg-full-page-2025 .she-box > dl > dt dl > dd {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .she-box > dl > dd {
    min-height: auto;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-top: 40px;
  }
  .esg-full-page-2025 .she-box > dl > dd:has(> .mo-pix-full) {
    padding: 0px;
  }
  .esg-full-page-2025 .she-box > dl > dd:has(> .mo-pix-full) .mo-pix-full {
    padding: 40px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f0faf9;
    color: #004963;
  }
  .esg-full-page-2025 .she-box > dl > dd ul {
    /* &.dot {
    	li {padding-left:15px;
    		&:before {content:'•'; position:absolute; top:0px; left:0px;}
    	}
    } */
  }
  .esg-full-page-2025 .she-box > dl > dd ul li {
    position: relative;
    font-size: 14px;
    line-height: 1.57;
  }
  .esg-full-page-2025 .she-box > dl > dd ul li + li {
    margin-top: 16px;
  }
  .esg-full-page-2025 .bar-txt-box {
    padding: 30px 30px 30px 33px;
  }
  .esg-full-page-2025 .bar-txt-box:before {
    width: 3px;
  }
  .esg-full-page-2025 .bar-txt-box p {
    font-size: 14px;
    line-height: 1.86;
    /* & + p {margin-top:30px;}
    strong {font-weight:700;}
    span {font-weight:400;} */
  }
  .esg-full-page-2025 .esg-box-txt-list {
    width: 100%;
  }
  .esg-full-page-2025 .esg-box-txt-list.mt {
    margin-top: 30px;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    /* ul {
    	&.dot-list{
    		& > li{position: relative; padding-left: 8px; text-indent: 0;
    			&::before{content: "∙";position: absolute; top: 0; left: 0;}
    		}
    	}
    } */
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl {
    padding: 24px;
    min-height: auto;
    /* &.color-type1 {background:$defColor178; color:$cfff;}
    &.color-type2 {background:$defColor177; color:$c222;
    	& > dt {color:$defColor180;}
    } */
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl.m-h140, .esg-full-page-2025 .esg-box-txt-list > ul > li > dl.m-h280 {
    min-height: auto;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl.button-btns {
    position: relative;
    min-height: auto;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl.button-btns .btns {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin-top: 30px;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl > dt {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .esg-box-txt-list > ul > li > dl > dd {
    margin-top: 20px;
    font-size: 14px;
  }
  .esg-full-page-2025 .she-grid {
    margin-top: 50px;
  }
  .esg-full-page-2025 .she-grid > dl {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .esg-full-page-2025 .she-grid > dl + dl {
    margin-top: 50px;
  }
  .esg-full-page-2025 .she-grid > dl > dt {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .esg-full-page-2025 .she-grid > dl > dt .def-h-tit {
    margin: 0;
  }
  .esg-full-page-2025 .she-grid > dl > dd {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.71;
    /* p {
    	& + .esg-box-txt-list {margin-top:40px;}
    } */
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list {
    width: 100%;
    margin-top: 30px;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a {
    position: relative;
    min-height: 90px;
    padding: 24px 55px 20px 20px;
    -webkit-transition: none;
    transition: none;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active {
    background: #fafafc;
    color: #222;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus .ico-down, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover .ico-down, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active .ico-down {
    background: transparent;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:focus .ico-down:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:hover .ico-down:after, .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a:active .ico-down:after {
    background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .tit {
    font-size: 16px;
    line-height: 1.5;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .txt {
    margin-top: 6px;
    font-size: 12px;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .txt:after {
    display: none;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .ico-down {
    position: relative;
    position: absolute;
    top: calc(50% - 12px);
    right: 28px;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
    background: transparent;
    text-indent: -9999px;
    overflow: hidden;
  }
  .esg-full-page-2025 .she-grid > dl > dd .btn-list > ul > li > a .ico-down:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(/resources/front/en/images/ico_svg/esg/icon-down-off.svg) 0 0/cover no-repeat;
  }
  .esg-full-page-2025 .she-grid > dl > dd .txt-list {
    width: 100%;
    /* ul.bar {
    	& > li {position:relative; padding-left:10px;
    		&:before {content:'-'; position:absolute; top:0px; left:0px;}
    		& + li {margin-top:5px;}
    	}
    } */
  }
  .esg-full-page-2025 .she-grid > dl > dd .txt-list > dl {
    font-size: 14px; /* font-weight:500; */
    /* & > dt {font-weight:600;
    	& + dd {margin-top:5px}
    }
    & > dd {
    	& + dt {margin-top:25px;}
    } */
  }
  .esg-full-page-2025 .she-grid > .img-box { /* margin-top:40px; */ }
  .esg-full-page-2025 .she-grid > .img-box + dl {
    margin-top: 50px;
  }
  .esg-full-page-2025 .environment-box-list.min-h215 > ul > li .box, .esg-full-page-2025 .environment-box-list.min-h260 > ul > li .box {
    min-height: auto;
  }
  .esg-full-page-2025 .environment-box-list > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .environment-box-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .environment-box-list > ul > li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 .environment-box-list > ul > li .box {
    width: 100%;
    min-height: auto;
    padding: 30px 24px;
  }
  .esg-full-page-2025 .environment-box-list > ul > li .box > dt {
    font-size: 18px;
  }
  .esg-full-page-2025 .environment-box-list > ul > li .box > dd {
    font-size: 13px;
    line-height: 1.69;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl {
    min-height: auto;
    padding: 32px 24px 20px;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl > dt {
    font-size: 18px;
    line-height: 1.44;
  }
  .esg-full-page-2025 .environment-photo-box-list > ul > li .box > dl > dd {
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .environment-ceo {
    padding-right: 0px;
  }
  .esg-full-page-2025 .environment-ceo .txt-box {
    padding: 50px 30px;
  }
  .esg-full-page-2025 .environment-ceo .txt-box p {
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .environment-ceo .txt-box p + p {
    margin-top: 25px;
  }
  .esg-full-page-2025 .environment-ceo .txt-box p.la {
    margin-top: 40px;
  }
  .esg-full-page-2025 .environment-ceo .txt-box p.txt-r {
    text-align: right;
  }
  .esg-full-page-2025 .environment-ceo .txt-box p.ceo-name {
    margin-top: 5px;
  }
  .esg-full-page-2025 .environment-ceo .photo {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
  }
  .esg-full-page-2025 .environment-ceo .photo img {
    height: auto;
    max-width: 100%;
  }
  .esg-full-page-2025 .human-rights-box {
    margin-top: 50px;
    padding: 40px 0 50px;
  }
  .esg-full-page-2025 .human-rights-box .tit {
    font-size: 19px;
  }
  .esg-full-page-2025 .human-rights-box .list {
    margin-top: 20px;
  }
  .esg-full-page-2025 .human-rights-box .list.mh2 > ul > li + li:before, .esg-full-page-2025 .human-rights-box .list.min-h320 > ul > li + li:before, .esg-full-page-2025 .human-rights-box .list.min-h350 > ul > li + li:before, .esg-full-page-2025 .human-rights-box .list.min-h380 > ul > li + li:before {
    bottom: auto;
  }
  .esg-full-page-2025 .human-rights-box .list.mh2 > ul > li .box, .esg-full-page-2025 .human-rights-box .list.min-h320 > ul > li .box, .esg-full-page-2025 .human-rights-box .list.min-h350 > ul > li .box, .esg-full-page-2025 .human-rights-box .list.min-h380 > ul > li .box {
    min-height: auto;
  }
  .esg-full-page-2025 .human-rights-box .list > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li + li:before {
    top: -28px;
    bottom: auto;
    left: calc(50% - 12px);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li .box {
    width: 100%;
    min-height: auto;
    padding: 30px 24px;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dt {
    font-size: 18px;
    line-height: 1.56;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd {
    margin-top: 20px;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul.dot li {
    padding-left: 10px;
  }
  .esg-full-page-2025 .human-rights-box .list > ul > li .box > dl > dd ul li {
    font-size: 14px;
    line-height: 1.57;
    /* & + li {margin-top:10px;} */
  }
  .esg-full-page-2025 .data-tab-cont {
    margin-top: 50px;
  }
  .esg-full-page-2025 .data-tab-cont .img-box {
    margin-top: 40px;
  }
  .esg-full-page-2025 .photo-half-field > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .photo-half-field > ul + ul {
    margin-top: 50px;
  }
  .esg-full-page-2025 .photo-half-field > ul.h-pc-600 .txt-box, .esg-full-page-2025 .photo-half-field > ul.h-pc-480 .txt-box, .esg-full-page-2025 .photo-half-field > ul.h-pc-350 .txt-box {
    min-height: auto;
  }
  .esg-full-page-2025 .photo-half-field > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .photo-half-field > ul > li:first-child {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .esg-full-page-2025 .photo-half-field > ul > li .txt-box {
    height: auto;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .photo-half-field > ul > li .txt-box > dl > dt {
    font-size: 20px;
    line-height: 1.4;
  }
  .esg-full-page-2025 .photo-half-field > ul > li .txt-box > dl > dd {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .compliance-box-list {
    padding: 30px 24px;
  }
  .esg-full-page-2025 .compliance-box-list > dl > dt {
    font-size: 16px;
    line-height: 1.75;
  }
  .esg-full-page-2025 .compliance-box-list > dl > dd {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .compliance-box-list > dl > dd + dt {
    margin-top: 30px;
  }
  .esg-full-page-2025 .compliance-bsi-box {
    margin-top: 40px;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt, .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dd {
    min-height: auto;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 24px 70px 26px 20px;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt:after {
    bottom: auto;
    left: auto;
    top: calc(50% - 20px);
    right: 25px;
    width: 40px;
    height: 40px;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .tit {
    font-size: 16px;
    line-height: 1.5;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .tit + .txt {
    margin-top: 6px;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dt .txt {
    font-size: 12px;
    line-height: 1.33;
  }
  .esg-full-page-2025 .compliance-bsi-box > ul > li > dl > dd {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 30px 24px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .bcms-txt-box {
    margin-top: 40px;
  }
  .esg-full-page-2025 .bcms-txt-box > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li + li {
    margin-top: 10px;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li > dl {
    width: 100%;
    min-height: auto;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li > dl > dt {
    font-size: 16px;
    line-height: 1.5;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li > dl > dd {
    font-size: 14px;
    line-height: 1.57;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li > p {
    width: 100%;
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 15px;
    line-height: 1.6;
    background: #fafafc;
  }
  .esg-full-page-2025 .bcms-txt-box > ul > li > p span {
    color: #666;
    font-size: 14px;
  }
  .esg-full-page-2025 .board-structure-cont1 {
    margin-top: 50px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul {
    width: 100%;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li {
    width: 100%;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li + li {
    margin-top: 50px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box {
    position: relative;
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .photo, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience {
    min-height: auto;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .photo {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile {
    margin-top: 4px;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    padding: 24px;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .appellation .title {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .appellation .name {
    margin-top: 12px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date {
    margin-top: 30px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date p + p {
    margin-top: 16px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date p span {
    font-weight: 700;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .profile .date p strong {
    font-weight: 400;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 4px;
    padding: 30px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience:has(> .btn-web) {
    padding-bottom: 74px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dt {
    font-size: 16px;
    font-weight: 600;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd {
    margin-top: 24px;
    font-size: 14px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul {
    margin-top: 24px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.fir {
    margin-top: 0px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul + p {
    margin-top: 40px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.decimal {
    padding-left: 30px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.decimal > li {
    list-style-type: decimal;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.dot li {
    padding-left: 10px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul.dot li:before {
    content: "•";
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li {
    position: relative; /* font-size:16px; */
    line-height: 1.63;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li + li {
    margin-top: 20px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li > span, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li > strong {
    display: block;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li > span + strong {
    margin-top: 6px;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience > dl > dd > ul li strong {
    font-weight: 500;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: 100%;
    height: 50px;
    padding-right: 0px;
    -webkit-transition: none;
    transition: none;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:hover, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:focus, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:active {
    width: 100%;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:hover > span, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:focus > span, .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:active > span {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web > span {
    position: relative;
    top: auto;
    right: auto;
    line-height: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .esg-full-page-2025 .board-structure-cont1 > .list > ul > li .board-box > .experience .btn-web:after {
    position: relative;
    top: auto;
    right: auto;
  }
  .esg-full-page-2025 .board-structure-txt-box {
    margin-top: 30px;
    padding: 40px 24px;
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .board-structure-txt-box p {
    /* & + ul {margin-top:20px;} */
  }
  .esg-full-page-2025 .board-structure-txt-box p.tit {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .board-structure-txt-box > ul {
    /* & + p {margin-top:40px;} */
  }
  .esg-full-page-2025 .board-structure-txt-box > ul li {
    position: relative;
  }
  .esg-full-page-2025 .board-structure-txt-box > ul li + li {
    margin-top: 15px;
  }
  .esg-full-page-2025 .effort {
    margin-top: 50px;
  }
  .esg-full-page-2025 .effort .year-box > .txt {
    -ms-flex-preferred-size: 80px;
        flex-basis: 80px;
  }
  .esg-full-page-2025 .effort .year-box > .tabBox {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .esg-full-page-2025 .bod-committees > ul > li + li {
    margin-top: 50px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box {
    display: block;
    min-height: auto;
    /* &.mh-560, &.mh-360, &.mh-330, &.mh-300 {
    	& > .use,
    	& > .txt {min-height:auto;}
    } */
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use { /* flex-basis:auto; */
    width: 100%;
    height: 100%;
    padding-right: 0px;
    display: block; /* display:unset; justify-content:unset; align-items:unset; flex-flow:unset; */
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .def-h-tit {
    margin: 50px 0 20px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    /* & > ul {display:table;
    	& > li {position:relative; display:table-cell; width:148px; box-sizing:content-box; background:$defColor176;
    		& + li {padding-left:8px;
    			&:before {content:""; position:absolute; top:0px; left:0px; display:block; width:8px; height:100%; background:$cfff;}
    		}
    } */
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul {
    display: block;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li {
    width: 100%;
    display: block;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li + li {
    margin-top: 6px;
    padding-left: 0px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li + li:before {
    display: none;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: #f1f4fc;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dt, .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd {
    min-height: 120px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dt {
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
    height: 120px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    background: #fafafc;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd .tit {
    font-size: 14px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .use .list > ul > li > dl > dd .name {
    margin-top: 8px;
    font-size: 16px;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt { /* flex:none; */
    margin-top: 30px;
    display: block;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl {
    width: 100%; /* padding:40px 30px; box-sizing:border-box; */
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dt {
    font-size: 16px;
    line-height: 1.63;
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.71;
    /* & > ul {
    	& li {
    		& + li {margin-top:5px;}
    		&.one-num {padding-left:20px; text-indent:-20px;
    			& > span {
    				&:first-child {margin-right:5px;}
    			}

    		}
    	}
    } */
  }
  .esg-full-page-2025 .bod-committees > ul > li .bod-box > .txt > dl > dd + dt {
    margin-top: 30px;
  }
  .esg-full-page-2025 .csr-txt-box {
    position: relative;
    width: 100%;
  }
  .esg-full-page-2025 .csr-txt-box > ul {
    width: 100%;
    padding: 30px;
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 30px;
  }
  .esg-full-page-2025 .csr-txt-box > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .esg-full-page-2025 .csr-txt-box > ul > li.photo {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding: 0 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0px;
    line-height: 0;
    text-align: center;
  }
  .esg-full-page-2025 .csr-txt-box > ul > li.photo img {
    width: 100%;
    max-width: 185px;
  }
  .esg-full-page-2025 .csr-txt-box > ul > li.txt {
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .csr-right-box {
    margin-top: 40px;
  }
  .esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) {
    height: 50px;
  }
  .esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .swiper-pagination-fraction {
    position: relative;
    left: auto;
    bottom: auto;
    right: auto;
    top: auto;
    text-align: left;
    font-size: 16px;
    line-height: 1.75;
  }
  .esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .custom-swiper-bar {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 1px;
    background: #e8e8ea;
  }
  .esg-full-page-2025 .csr-right-box .pix-in:has(> .slide-control) .custom-swiper-bar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 100%;
    background: #004963;
  }
  .esg-full-page-2025 .csr-right-box.swiper-box2 .right-box {
    margin-left: 30px;
  }
  .esg-full-page-2025 .csr-right-box.swiper-box2 .right-box .swiper-slide {
    width: auto;
  }
  .esg-full-page-2025 .csr-right-box .right-box {
    margin-left: 30px;
  }
  .esg-full-page-2025 .csr-right-box .right-box .swiper-slide {
    width: auto;
  }
  .esg-full-page-2025 .everyday-list > ul {
    width: 100%;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .everyday-list > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .esg-full-page-2025 .everyday-list > ul > li + li {
    margin-top: 40px;
  }
  .esg-full-page-2025 .everyday-list > ul > li .itm-box {
    /* .photo {width:100%; font-size:0; line-height:0;
    	img {width:100%;}
    } */
  }
  .esg-full-page-2025 .everyday-list > ul > li .itm-box .txt {
    width: 100%;
    min-height: auto;
  }
  .esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl {
    padding-top: 20px;
  }
  .esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl > dt {
    font-size: 16px;
    line-height: 1.4;
  }
  .esg-full-page-2025 .everyday-list > ul > li .itm-box .txt > dl > dd {
    font-size: 14px;
    line-height: 1.57;
  }
  .esg-full-page-2025 .crs-driven-box {
    margin-top: 50px;
    padding: 40px 0 0;
  }
  .esg-full-page-2025 .crs-driven-box .tit {
    font-size: 26px;
  }
  .esg-full-page-2025 .crs-driven-box .txt {
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.44;
  }
  .esg-full-page-2025 .crs-driven-box .photo {
    margin-top: 40px;
    /* img {width:100%;} */
  }
  .esg-full-page-2025 .esg-suppliers {
    margin-bottom: 50px;
  }
  .esg-full-page-2025 .esg-suppliers > dl {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .esg-suppliers > dl:nth-child(2n+2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  .esg-full-page-2025 .esg-suppliers > dl + dl {
    margin-top: 50px;
  }
  .esg-full-page-2025 .esg-suppliers > dl > dt {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .esg-full-page-2025 .esg-suppliers > dl > dd {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 30px;
  }
  .esg-full-page-2025 .esg-suppliers > dl > dd > dl {
    min-height: auto;
    display: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  .esg-full-page-2025 .esg-suppliers > dl > dd > dl > dt {
    font-size: 22px;
    line-height: 1.36;
  }
  .esg-full-page-2025 .esg-suppliers > dl > dd > dl > dd { /* margin-top:20px; font-size:16px; line-height:1.75; */ }
  .esg-full-page-2025 .esg-suppliers > dl > dd > dl > dd .btns {
    margin-top: 30px;
  }
  .esg-full-page-2025 .esg-etc-tbl {
    margin-top: 20px;
  }
  .esg-full-page-2025 .esg-etc-tbl > dl {
    /* & + dl {border-left:1px solid $defColor180;} */
  }
  .esg-full-page-2025 .esg-etc-tbl > dl > dt {
    font-size: 14px;
  }
  .esg-full-page-2025 .esg-etc-tbl > dl > dd {
    font-size: 14px;
    line-height: 1.71;
  }
  .esg-full-page-2025 .esg-etc-tbl > dl > dd p + p {
    margin-top: 5px;
  }
  .esg-full-page-2025 .cooperation {
    width: 100%;
  }
  .esg-full-page-2025 .cooperation > ul {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: unset;
  }
  .esg-full-page-2025 .cooperation > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .esg-full-page-2025 .cooperation > ul > li + li {
    margin-top: 30px;
  }
  .esg-full-page-2025 .cooperation > ul > li > a {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 24px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
    -webkit-transition: none;
    transition: none;
  }
  .esg-full-page-2025 .cooperation > ul > li > a:before {
    display: none;
  }
  .esg-full-page-2025 .cooperation > ul > li > a:focus, .esg-full-page-2025 .cooperation > ul > li > a:hover, .esg-full-page-2025 .cooperation > ul > li > a:active {
    background: #fff;
  }
  .esg-full-page-2025 .cooperation > ul > li > a:focus dl dt, .esg-full-page-2025 .cooperation > ul > li > a:focus dl dd, .esg-full-page-2025 .cooperation > ul > li > a:hover dl dt, .esg-full-page-2025 .cooperation > ul > li > a:hover dl dd, .esg-full-page-2025 .cooperation > ul > li > a:active dl dt, .esg-full-page-2025 .cooperation > ul > li > a:active dl dd {
    color: #004963;
  }
  .esg-full-page-2025 .cooperation > ul > li > a dl dt {
    font-size: 20px;
  }
  .esg-full-page-2025 .cooperation > ul > li > a dl dd {
    margin-top: 17px;
    font-size: 14px;
  }
  .esg-full-page-2025 .cooperation > ul > li > a .btns {
    margin-top: 30px;
    width: 100%;
  }
  .esg-full-page-2025 .esg-collaborating .list {
    position: relative;
  }
  .esg-full-page-2025 .esg-collaborating .list > a {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 20px 20px 20px 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .esg-full-page-2025 .esg-collaborating .list > a:hover > .tit, .esg-full-page-2025 .esg-collaborating .list > a:focus > .tit, .esg-full-page-2025 .esg-collaborating .list > a:active > .tit {
    text-decoration: underline;
  }
  .esg-full-page-2025 .esg-collaborating .list > a > .no {
    position: absolute;
    top: 20px;
    left: 20px;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    font-size: 14px;
  }
  .esg-full-page-2025 .esg-collaborating .list > a > .tit {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    margin-left: 0px;
    font-size: 14px;
  }
  .esg-full-page-2025 .esg-collaborating .list > a > .date {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    font-size: 12px;
  }
  .esg-full-page-2025 .esg-collaborating .btns {
    margin-top: 40px;
  }
}
#inquiryReply {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#inquiryReply .cont {
  position: relative;
  width: 100%;
  max-width: 1100px;
}
#inquiryReply .cont h3 {
  position: relative;
  display: block;
  padding: 50px 65px 40px 200px;
  line-height: 1;
  background: #222edd;
  text-align: right;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
#inquiryReply .cont h3 a.logo {
  position: absolute;
  top: 44px;
  left: 80px;
  display: block;
  width: 116px;
  height: 40px;
  background: url(../../images/common/logo@x2.png) 0 -40px no-repeat;
  background-size: 109px 80px;
  text-indent: -9999px;
  text-align: left;
}
#inquiryReply .cont .box {
  position: relative;
  width: 100%;
  padding: 80px 65px 100px 80px;
  border: 1px solid #e1e1e1;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#inquiryReply .cont .box .tit {
  padding-bottom: 35px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
#inquiryReply .cont .box .tit + .list {
  border-top: 1px solid #ddd;
}
#inquiryReply .cont .box .maxW {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}
#inquiryReply .cont .box .maxW .radio-list + .submit {
  margin-top: 50px;
}
#inquiryReply .cont .box .maxW .radio-list ul li {
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#inquiryReply .cont .box .maxW .radio-list ul li + li {
  padding-top: 20px;
}
#inquiryReply .cont .box .maxW .radio-list ul li .radio {
  display: block;
}
#inquiryReply .cont .box .maxW .radio-list ul li .radio label {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
#inquiryReply .cont .box .maxW .submit {
  max-width: 240px;
  margin: 0 auto;
}
#inquiryReply .cont .box .maxW .submit input {
  height: 60px;
  border: 1px solid #1c67bd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}

/* S : API LinkedIN */
.api-linkedin-footer-arg {
  margin-top: 15px;
}
.api-linkedin-footer-arg iframe {
  width: 212px !important;
}

/* E : API LinkedIN */
.scrollTopBtn {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.scrollTopBtn.hide {
  opacity: 0;
  visibility: hidden;
}
.scrollTopBtn button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -9999px;
  background: #222edd url(../../images/common/footer_topBtn_arrw.png) center center/24px no-repeat;
}

/* footer_banner */
#wrap #footer_banner {
  position: relative;
  width: 100%;
  padding-top: 90px;
}
#wrap #footer_banner .footer_banner_link {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}
#wrap #footer_banner .footer_banner_link ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrap #footer_banner .footer_banner_link ul:after {
  content: "";
  display: block;
  clear: both;
}
#wrap #footer_banner .footer_banner_link ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
  min-height: 150px;
}
#wrap #footer_banner .footer_banner_link ul li:first-child {
  margin-left: 0px;
}
#wrap #footer_banner .footer_banner_link ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link2.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link3.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 0 80px 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  font-size: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #f8f8f8;
}
#wrap #footer_banner .footer_banner_link ul li a:focus:after, #wrap #footer_banner .footer_banner_link ul li a:active:after, #wrap #footer_banner .footer_banner_link ul li a:hover:after {
  -webkit-transform: scale(1.05) translate(0, -50%);
          transform: scale(1.05) translate(0, -50%);
}
#wrap #footer_banner .footer_banner_link ul li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  right: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
#wrap #footer_banner .footer_banner_link ul li a br + strong {
  display: block;
  width: 100%;
  padding-left: 0;
}
#wrap #footer_banner .footer_banner_link ul li a strong {
  display: inline-block;
  width: auto;
  padding-left: 10px;
}
#wrap #footer_banner .footer_banner_link ul li a br {
  display: none;
}
#wrap #footer_banner .footer_banner_link.link_aboutus li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link7.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_aboutus li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link2.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_aboutus li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_careers ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link8.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_careers ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link7.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_careers ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link9.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_financialSnapshot ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_financialSnapshot ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link10.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_financialSnapshot ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_publicDisclosures ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link10.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_publicDisclosures ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_publicDisclosures ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_auditedFinancialStatements ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_auditedFinancialStatements ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_auditedFinancialStatements ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_annualBusinessReport ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_annualBusinessReport ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link10.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_annualBusinessReport ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_earningRelease ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_earningRelease ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link10.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_earningRelease ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_listingInformation ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_listingInformation ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_listingInformation ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_stockCharts ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_stockCharts ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_stockCharts ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ownershipStructure ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ownershipStructure ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link5.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ownershipStructure ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_articles ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link12.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_articles ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link13.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_articles ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link14.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_boardStructure ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link11.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_boardStructure ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link13.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_boardStructure ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link14.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_bodCommittees ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link11.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_bodCommittees ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link12.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_bodCommittees ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link14.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_generalMeeting ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link12.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_generalMeeting ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link13.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_generalMeeting ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link14.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_corporateGovernanceReport ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link11.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_corporateGovernanceReport ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link12.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_corporateGovernanceReport ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link13.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_investorIr ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link4.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_investorIr ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link10.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_investorIr ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link6.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_pressReleases ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link15.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_pressReleases ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link16.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_pressReleases ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_issues ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link17.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_issues ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link16.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_issues ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_mediaFocus ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link17.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_mediaFocus ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link15.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_mediaFocus ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_upcomingEvents ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link17.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_upcomingEvents ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link15.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_upcomingEvents ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link18.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_prMaterials ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link17.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_prMaterials ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link15.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_prMaterials ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link16.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ourServices ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link8.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ourServices ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link17.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_ourServices ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link19.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_development ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link20.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_development ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link21.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_development ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_manufacturing ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link20.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_manufacturing ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link21.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_manufacturing ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_research ul li:nth-child(1) a:after {
  background: url(../../images/ico/foot_banner_link20.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_research ul li:nth-child(2) a:after {
  background: url(../../images/ico/foot_banner_link21.png) center center no-repeat;
  background-size: cover;
}
#wrap #footer_banner .footer_banner_link.link_research ul li:nth-child(3) a:after {
  background: url(../../images/ico/foot_banner_link1.png) center center no-repeat;
  background-size: cover;
}

/* footer */
#footer {
  position: relative;
  margin: 80px 0 0;
  width: 100%;
  min-height: 170px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #ddd;
}
#footer.not {
  margin-top: 0px;
}
#footer a {
  font-family: "ssl-gilroy", "ssl-font";
  color: #646464;
  font-weight: 400;
}
#footer .footer_cont .footer_cont_bottom {
  margin: 0 auto;
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .footer_cont .footer_cont_bottom.btns-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_link {
  width: calc(100% - 204px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_link li:after {
  content: "";
  margin: 0 16px;
  width: 1px;
  height: 9px;
  display: inline-block;
  background: #b9b9b9;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_link li:last-child:after {
  content: none;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_link li a {
  font-size: 14px;
  color: #747474;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li:first-child {
  margin-left: 0;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li a {
  display: block;
  text-indent: -9999px;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li a.linkedin {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: url(../../images/common/footer_linkedin.png) 0 0/100% no-repeat;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li a.instagram {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: url(../../images/common/footer_instagram.png) 0 0/100% no-repeat;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li a.facebook {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: url(../../images/common/footer_facebook.png) 0 0/100% no-repeat;
}
#footer .footer_cont .footer_cont_bottom.btns-line .footer_sns li a.youtube {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: url(../../images/common/footer_youtube.png) 0 0/100% no-repeat;
}
#footer .footer_cont .footer_info {
  padding: 28px 0 0 0;
  border-top: 1px solid #ddd;
}
#footer .footer_cont .footer_info p {
  font-size: 14px;
  color: #747474;
  font-weight: 400;
  font-family: "ssl-gilroy", "ssl-font";
}
#footer .footer_cont .footer_info p.address br {
  display: none;
}
#footer .footer_cont .footer_info p.address a {
  position: relative;
  display: inline-block;
  color: #747474;
  font-size: 14px;
  -ms-flex-preferred-size: content;
      flex-basis: content;
  padding-left: 16px;
  margin-left: 16px;
  font-weight: 400;
  text-decoration: underline;
}
#footer .footer_cont .footer_info p.address a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 9px;
  background-color: #b9b9b9;
}
#footer .footer_cont .footer_info p.copyright {
  padding: 5px 0 0;
}
#footer .footer_cont .footer_evaluation > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
#footer .footer_cont .footer_evaluation > ul li span.ffm {
  width: 36px;
  height: 36px;
  display: block;
  background: url(../../images/common/footer_ffm.png) center/100% no-repeat;
}
#footer .footer_cont .footer_evaluation > ul li span.web_accessibility {
  width: 48px;
  height: 36px;
  display: block;
  background: url(../../images/common/footer_wa2025.png) center/100% no-repeat;
}
#footer .footer_cont .footer_evaluation > ul li span.korea_aeo {
  width: 58px;
  height: 22px;
  display: block;
  background: url(../../images/common/footer_korea_aeo2.png) center/100% no-repeat;
}
#footer .footer_cont .footer_layer {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%;
  display: none;
  background: #eee;
}
#footer .footer_cont .footer_layer .pix-in {
  padding: 46px 0;
}
#footer .footer_cont .footer_layer .pix-in .flex-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 60px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .conts p {
  width: auto;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a {
  font-family: "ssl-font-en";
  font-size: 18px;
  font-weight: 400;
  background-color: #222;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a.btnLink2 {
  background-color: transparent;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a.btnLink2:focus span {
  text-decoration: underline;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a.btnLink2 span {
  color: #222;
  border: 1px solid #222;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a + a {
  margin-top: 10px;
}
#footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a span {
  padding: 10px 27px;
  min-width: 190px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  text-align: center;
  letter-spacing: -0.6px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer .footer_cont .footer_layer .pix-in .flex-box .conts .tit {
  font-size: 44px;
  font-weight: 600;
  color: #222;
  letter-spacing: -1px;
}
#footer .footer_cont .footer_layer .pix-in .flex-box .conts p {
  width: calc(100% - 110px);
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 1.6;
  letter-spacing: -0.1px;
}
#footer .footer_cont .footer_layer .pix-in .flex-box .conts p a {
  color: #222edd;
  font-weight: 300;
  text-decoration: underline;
}
#footer .footer_cont .footer_layer .pix-in .conts p {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
}
#footer .footer_cont .footer_layer .pix-in .btnLink {
  padding: 0;
  font-size: 14px;
  color: #fff;
  background-color: transparent;
}
#footer .footer_cont .footer_layer .pix-in .btnLink:focus span {
  text-decoration: underline;
}
#footer .footer_cont .footer_layer .pix-in .btnLink span {
  position: relative;
  padding: 12px 68px 10px 20px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
}
#footer .footer_cont .footer_layer .bannerClose {
  position: absolute;
  right: 0;
  top: 18px;
  width: 28px;
  height: 28px;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  background: url(../../images/common/layer_footer_close.png) no-repeat left top;
}

@media (min-width: 1024px) {
  #footer .footer_cont .footer_layer.v231027 .pix-in {
    padding: 28px 0;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 {
    position: relative;
    padding: 0 30px 0 0;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .conts .tit {
    font-size: 24px;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .conts p {
    margin-top: 15px;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .btns {
    position: absolute;
    top: -2px;
    left: 110px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: initial;
            flex-flow: initial;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .btns a span {
    min-width: 150px;
    font-size: 12px;
    letter-spacing: 0.25px;
    font-family: "ssl-font";
    font-weight: 500;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .btns .btnLink span {
    border: 1px solid #222;
  }
  #footer .footer_cont .footer_layer.v231027 .pix-in .flex-box.typ2 .btns .btnLink2 {
    margin: 0 0 0 10px;
  }
}
@media (max-width: 1023px) {
  .scrollTopBtn {
    bottom: 30px;
    right: 30px;
  }
  #wrap #footer_banner {
    width: 100%;
  }
  #wrap #footer_banner .footer_banner_link {
    width: 100%;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #wrap #footer_banner .footer_banner_link ul {
    display: block;
  }
  #wrap #footer_banner .footer_banner_link ul li {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
    height: 105px;
    min-height: unset;
    margin: 10px 0 0 0;
  }
  #wrap #footer_banner .footer_banner_link ul li:first-child {
    margin-top: 0px;
  }
  #wrap #footer_banner .footer_banner_link ul li a {
    padding: 0 80px 0 25px;
    font-size: 18px;
  }
  #wrap #footer .footer_cont .footer_cont_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 28px;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-bottom: 0;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line .footer_link {
    width: 100%;
    padding: 24px 30px;
    border-top: 1px solid #ececec;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line .footer_link li {
    padding-bottom: 4px;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line .footer_link li:after {
    margin: 0 10px;
    background: #ececec;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line .footer_link li a {
    font-size: 12px;
  }
  #wrap #footer .footer_cont .footer_cont_bottom.btns-line .footer_sns {
    border: 0;
    padding: 24px 30px;
  }
  #wrap #footer .footer_cont .footer_cont_bottom .address.v231205 a {
    padding-left: 10px;
    margin-left: 6px;
    font-weight: 400;
  }
  #wrap #footer .footer_cont .footer_info {
    padding: 24px 0 0;
  }
  #wrap #footer .footer_cont .footer_info p.address {
    padding: 0 30px;
  }
  #wrap #footer .footer_cont .footer_info p.copyright {
    padding: 40px 30px 0;
  }
  #wrap #footer .footer_cont .footer_info .footer_evaluation {
    padding: 16px 30px 0;
  }
  #footer {
    margin: 40px 0 0;
  }
  #footer .footer_cont .footer_layer .pix-in {
    padding: 20px 30px;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box.typ2 {
    padding: 0;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns {
    margin-top: 10px;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a {
    margin-top: 10px;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box.typ2 .btns a span {
    min-width: 200px;
    padding: 8px 10px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box .conts .tit {
    font-size: 24px;
    letter-spacing: -0.5px;
  }
  #footer .footer_cont .footer_layer .pix-in .flex-box .conts p {
    padding-top: 10px;
    width: 100%;
    letter-spacing: -0.3px;
  }
  #footer .footer_cont .footer_layer .pix-in .conts p {
    font-size: 16px;
    text-align: left;
  }
  #footer .footer_cont .footer_layer .pix-in .btnLink {
    font-size: 12px;
  }
  #footer .footer_cont .footer_layer .pix-in .btnLink span {
    padding: 12px 44px 10px 20px;
    font-size: 12px;
  }
  #footer .footer_cont .footer_layer .bannerClose {
    top: 15px;
    right: 20px;
    background-position: center;
    background-size: 23px;
  }
}
/* private policy */
.private_page .privateBox {
  margin: 0 auto;
  padding: 0 70px;
  max-width: 1200px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_page .privateBox .policy_top {
  width: 100%;
  padding: 70px 0 67px; /* border-bottom:1px solid $cccc; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_page .privateBox .policy_top h1 {
  font-size: 40px;
  text-align: left;
}
.private_page .privateBox .policyFrm {
  width: 100%;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_page .privateBox .policyFrm:after {
  content: "";
  display: block;
  clear: both;
}
.private_page .privateBox .policyFrm .sortingItm {
  float: left;
  width: 220px;
  height: 43px;
  margin: 0 10px 0 0;
}
.private_page .privateBox .policyFrm .btn_policy {
  float: left;
  display: block;
  width: 54px;
  height: 43px;
  font-weight: 500;
  font-size: 14px;
  line-height: 3;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
}
.private_page .privateBox .policyFrm .btn_policy:focus, .private_page .privateBox .policyFrm .btn_policy:active, .private_page .privateBox .policyFrm .btn_policy:hover {
  color: #fff;
  background: #222edd;
}
.private_page .privateBox .policy_box {
  width: 100%;
  padding: 30px 0px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_page .privateBox .policy_cont {
  width: 100%;
  padding: 30px 0px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.private_page .privateBox .policy_cont strong {
  display: block;
  padding: 0 0 25px 0;
  font-size: 18px;
  font-weight: 500;
}
.private_page .privateBox .policy_cont > div {
  padding: 30px 0;
}
.private_page .privateBox .policy_cont .line {
  border-top: 1px solid #222edd;
}
.private_page .privateBox .policy_cont .dotted {
  border-top: 1px dotted #222edd;
}
.private_page .privateBox .policy_cont .cont1 p {
  padding: 30px 0 0;
  color: #666;
}
.private_page .privateBox .policy_cont .cont1 p:first-child {
  padding: 0;
}
.private_page .privateBox .policy_cont .cont2 ul li {
  position: relative;
  padding: 10px 0 0 30px;
  font-size: 18px;
}
.private_page .privateBox .policy_cont .cont2 ul li span {
  position: absolute;
  left: 0;
  top: 10px;
  color: #222edd;
}
.private_page .privateBox .policy_cont .cont3 strong {
  padding: 0 0 20px 0;
  font-size: 18px;
  font-weight: 500;
}
.private_page .privateBox .policy_cont .cont3 strong + ul {
  padding: 0;
}
.private_page .privateBox .policy_cont .cont3 strong span {
  padding: 0 15px 0 0;
  color: #222edd;
  font-weight: 500;
}
.private_page .privateBox .policy_cont .cont3 > p {
  color: #666;
}
.private_page .privateBox .policy_cont .cont3 > p.etc2 {
  margin-left: 10px;
  padding-left: 12px;
}
.private_page .privateBox .policy_cont .cont3 > p.etc2:before {
  content: "·";
  left: 2px;
}
.private_page .privateBox .policy_cont .cont3 > p.etc2.mt10 {
  margin-top: 10px;
}
.private_page .privateBox .policy_cont .cont3 > ul {
  padding: 13px 0 0 0;
}
.private_page .privateBox .policy_cont .cont3 > ul.numberling li {
  padding-left: 30px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li {
  position: relative;
  padding: 0 0 10px 0;
  color: #666;
}
.private_page .privateBox .policy_cont .cont3 > ul > li span {
  position: absolute;
  left: 0;
  top: 0;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p {
  position: relative;
  padding: 5px 0 0 10px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 3px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p:last-child {
  padding-bottom: 10px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.no-ptm {
  padding: 0px;
  padding-left: 10px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.no-ptm:before {
  top: -1px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.etc:before {
  content: ":";
  left: 2px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.etc2 {
  margin-left: 10px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.etc2:before {
  content: "·";
  left: 2px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.ns {
  padding-left: 0px;
}
.private_page .privateBox .policy_cont .cont3 > ul > li > p.ns:before {
  display: none;
}
.private_page .privateBox .policy_cont .cont3 > ul > li .cont_table {
  width: 100%;
}
.private_page .privateBox .policy_cont table {
  width: 100%;
  padding: 10px 0 0 0;
  font-size: 14px;
}
.private_page .privateBox .policy_cont table thead tr th {
  padding: 15px;
  background: #efefef;
}
.private_page .privateBox .policy_cont table thead tr th.tc {
  text-align: center;
}
.private_page .privateBox .policy_cont table tbody tr td {
  padding: 15px;
  background: #f8f8f8;
}
.private_page .privateBox .policy_cont table tbody tr td.td_line {
  border-bottom: 1px solid #fff;
}
.private_page .privateBox .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}

:lang(en) .private_page .policy_cont .pdl30 {
  padding-left: 30px;
}
:lang(en) .private_page .policy_cont .pdt40 {
  padding-top: 20px;
}
:lang(en) .private_page .policy_cont .pdt30 {
  padding-top: 30px;
}
:lang(en) .private_page .policy_cont .cont3 > ul > li span {
  left: 6px;
}
:lang(en) .private_page .policy_cont .cont_table.mo {
  display: none;
}

:lang(ko) .private_page .policy_cont {
  padding: 0px 0px 50px;
}

@media (max-width: 1023px) {
  .private_page {
    margin-top: 40px;
  }
  .private_page .privateBox {
    width: 100%;
    height: calc(100% - 100px); /* padding:0 25px 50px; */
    padding: 0 25px 0;
  }
  .private_page .privateBox .policy_top { /* height:82px;padding:25px 0; */
    padding: 0 0 25px;
  }
  .private_page .privateBox .policy_top h1 {
    font-size: 20px;
  }
  .private_page .privateBox .policyFrm {
    padding: 10px 0 10px 0;
  }
  .private_page .privateBox .policyFrm .sortingItm {
    float: left;
    width: calc(100% - 64px);
    height: 43px;
    margin: 0 10px 0 0;
  }
  .private_page .privateBox .policy_box {
    height: calc(100% - 82px);
    padding: 20px 0 0;
  }
  .private_page .privateBox .policy_cont {
    height: calc(100% - 82px);
    padding: 20px 0 0;
  }
  .private_page .privateBox .policy_cont strong {
    padding: 0 0 20px 0;
    font-size: 14px;
  }
  .private_page .privateBox .policy_cont > div {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .private_page .privateBox .policy_cont .line {
    border-top: 1px solid #222edd;
  }
  .private_page .privateBox .policy_cont .dotted {
    border-top: 1px dotted #222edd;
  }
  .private_page .privateBox .policy_cont .cont1 p {
    padding: 20px 0 0;
    color: #666;
    font-size: 12px;
  }
  .private_page .privateBox .policy_cont .cont1 p:first-child {
    padding: 0;
  }
  .private_page .privateBox .policy_cont .cont2 ul li {
    position: relative;
    padding: 5px 0 0 15px;
    font-size: 12px;
  }
  .private_page .privateBox .policy_cont .cont2 ul li span {
    position: absolute;
    left: 0;
    top: 5px;
    color: #222edd;
  }
  .private_page .privateBox .policy_cont .cont3 strong {
    padding: 0 0 15px 0;
    font-size: 12px;
  }
  .private_page .privateBox .policy_cont .cont3 strong + ul {
    padding: 0;
  }
  .private_page .privateBox .policy_cont .cont3 strong span {
    padding: 0 10px 0 0;
    color: #222edd;
    font-weight: 500;
  }
  .private_page .privateBox .policy_cont .cont3 > p {
    color: #666;
    font-size: 12px;
  }
  .private_page .privateBox .policy_cont .cont3 > ul {
    padding: 13px 0 0 0;
  }
  .private_page .privateBox .policy_cont .cont3 > ul.numberling li {
    padding-left: 20px;
  }
  .private_page .privateBox .policy_cont .cont3 > ul > li {
    position: relative;
    padding: 0 0 10px 0;
    color: #666;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .private_page .privateBox .policy_cont .cont3 > ul > li span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .private_page .privateBox .policy_cont .cont3 > ul > li > p {
    position: relative;
    padding: 5px 0 0 10px;
    word-break: break-word;
  }
  .private_page .privateBox .policy_cont .cont3 > ul > li > p:last-child {
    padding-bottom: 10px;
  }
  .private_page .privateBox .policy_cont .cont3 > ul > li > p:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 3px;
  }
  .private_page .privateBox .policy_cont .cont_table {
    min-width: 100%;
    overflow-x: scroll;
  }
  .private_page .privateBox .policy_cont table {
    width: 100%;
    padding: 10px 0 0 0;
    font-size: 14px;
  }
  .private_page .privateBox .policy_cont table thead tr th {
    padding: 15px 10px;
    font-size: 13px;
    background: #efefef;
  }
  .private_page .privateBox .policy_cont table tbody tr td {
    padding: 15px 10px;
    font-size: 13px;
    background: #f8f8f8;
  }
  .private_page .privateBox .policy_cont table tbody tr td.td_line {
    border-bottom: 1px solid #fff;
  }
  .private_page .close {
    position: absolute;
    right: 0;
    top: -40px;
    width: 30px;
    height: 30px;
    background: url(../../images/btn/banner_close.png) center center no-repeat;
    text-indent: -9999px;
  }
  :lang(en) .private_page .policy_cont .pdt20 {
    padding-top: 0px;
  }
  :lang(en) .private_page .policy_cont .pdt30 {
    padding-top: 0px;
  }
  :lang(en) .private_page .policy_cont .cont_table.pc {
    display: none;
  }
  :lang(en) .private_page .policy_cont .cont_table.mo {
    display: block;
  }
  :lang(en) .private_page .policy_cont table tbody tr td {
    vertical-align: top;
  }
  :lang(en) .private_page .policy_cont table tbody tr td:not([rowspan]) {
    display: block;
  }
  :lang(ko) .private_page .policy_cont {
    height: calc(100% - 145px);
    padding: 0 10px 20px;
  }
}
.layer_downLoad {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000;
}
.layer_downLoad:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: #000;
}
.layer_downLoad .fileDownBody {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%; /* height:calc(100% - 100px); */
  max-height: 760px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  z-index: 2;
}
.layer_downLoad .fileDownBody > .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  background: url(../../images/btn/banner_close.png) center center no-repeat;
  text-indent: -9999px;
}
.layer_downLoad .fileDownBody.setDown, .layer_downLoad .fileDownBody.setNewsLetter {
  max-width: 770px;
  padding: 60px;
}
.layer_downLoad .fileDownBody.setDown .tit, .layer_downLoad .fileDownBody.setDown h3, .layer_downLoad .fileDownBody.setNewsLetter .tit, .layer_downLoad .fileDownBody.setNewsLetter h3 {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.layer_downLoad .fileDownBody.setDown .txt, .layer_downLoad .fileDownBody.setNewsLetter .txt {
  padding-top: 20px;
  font-size: 18px;
}
.layer_downLoad .fileDownBody.setDown .btns, .layer_downLoad .fileDownBody.setNewsLetter .btns {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer_downLoad .fileDownBody.setDown .btns a, .layer_downLoad .fileDownBody.setNewsLetter .btns a {
  display: inline-block;
  padding: 16px 110px;
  font-size: 16px;
  background: #222edd;
  color: #fff;
}
.layer_downLoad .fileDownBody.setDown .mailForm, .layer_downLoad .fileDownBody.setNewsLetter .mailForm {
  width: 100%;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul {
  width: 100%;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li.input, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li.input {
  max-width: 400px;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li.btn, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li.btn {
  margin-left: 10px;
  max-width: 145px;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li {
  width: 100%;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li input, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li input {
  width: 100%;
  height: 50px;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li input[type=email], .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li input[type=email] {
  border: 1px solid #e1e1e1;
}
.layer_downLoad .fileDownBody.setDown .mailForm ul li input[type=submit], .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li input[type=submit] {
  background: #222edd;
  color: #fff;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite {
  max-width: 860px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter {
  width: 100%;
  height: 100%;
  max-height: 760px;
  padding: 65px 60px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .tit {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .txt {
  padding-top: 20px;
  font-size: 18px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list {
  margin-top: 50px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li {
  border-bottom: 1px solid #ddd;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li:last-child {
  border-bottom: 0;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li + li {
  padding-top: 20px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li[class^=space][class*=typ1] {
  padding: 20px 0 20px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dd {
  padding: 10px 0;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li[class^=space][class*=typ2] {
  padding-top: 20px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dt {
  float: left;
  width: 130px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dt label, .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dt span.tit {
  position: relative;
  display: block;
  height: 44px;
  padding: 10px 5px 10px 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dt label:after, .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dt span.tit:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 8px;
  display: block;
  width: 5px;
  height: 5px;
  background: #222edd;
  border-radius: 100%;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd {
  float: left;
  width: calc(100% - 130px);
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd input[type=text] {
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd > input[type=text] {
  width: 100%;
  height: 44px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd select {
  position: relative;
  width: 100%;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  border: none;
  background: url(../../images/ico/icon_select.png) center right 5px no-repeat;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .location_wrap {
  position: relative;
  width: 100%;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .location_wrap input[type=text] {
  width: calc(100% - 44px);
  height: 44px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .location_wrap .locationSearch {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list {
  width: 100%;
  font-size: 0px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li {
  display: inline-block;
  width: 33.33%;
  padding: 2px 0;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li:first-child {
  padding-top: 0px;
  width: 100%;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+3) {
  width: 29.33%;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+2) {
  width: 37.33%;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label {
  position: relative;
  min-height: 24px;
  padding-left: 24px;
  background: none;
  font-size: 16px;
  color: #666;
  font-weight: 400;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label:after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label:before {
  content: "";
  position: absolute;
  display: none;
  top: 8px;
  left: 2px;
  width: 9px;
  height: 4px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox input[type=checkbox]:checked + label:before {
  display: block;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox input[type=checkbox]:focus + label:after {
  border: 1px solid #777;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox {
  padding-left: 30px;
  color: #666;
  font-weight: 400;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox label {
  position: relative;
  min-height: 24px; /* padding-left:30px; */
  padding-left: 0px;
  background: none;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox label:after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  left: -30px;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox label:before {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: -26px;
  width: 12px;
  height: 6px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox label span {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox a {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox input[type=checkbox]:checked + label:before {
  display: block;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li .policy .checkbox input[type=checkbox]:focus + label:after {
  border: 1px solid #777;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .btn-submit {
  padding-top: 60px;
  width: 100%;
  text-align: center;
}
.layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .btn-submit input[type=submit] {
  display: inline-block;
  padding: 20px 50px;
  color: #fff;
  background: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite {
  max-width: 625px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter {
  width: 100%;
  height: 100%;
  max-height: 760px;
  padding: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .tit {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-box {
  margin-top: 20px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-box .btn-linkedin {
  display: inline-block;
  padding: 18px 18px 16px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .txt {
  padding-top: 20px;
  font-size: 18px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list {
  margin-top: 35px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list.last-line {
  border-bottom: 1px solid rgba(204, 221, 221, 0.8666666667);
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li {
  border-bottom: 1px solid #ddd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li:last-child {
  border-bottom: 0;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li + li {
  padding-top: 20px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li[class^=space][class*=typ1] {
  padding: 20px 0 20px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dd {
  padding: 10px 0;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li[class^=space][class*=typ2] {
  padding-top: 20px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl:after {
  content: ".";
  display: block;
  height: 0;
  font: 0/0 arial;
  clear: both;
  visibility: hidden;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt {
  float: left;
  width: 130px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label {
  position: relative; /* display:block; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  padding: 0 5px 0 0; /* padding:20px 5px 0px 0px; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label span {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label span:after {
  content: "*";
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  color: #222edd;
  border-radius: 100%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label.no-required span:after {
  display: none;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd {
  float: left;
  width: calc(100% - 130px);
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd input[type=text] {
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd > input[type=text] {
  width: 100%;
  height: 54px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd select {
  position: relative;
  width: 100%;
  height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  border: none;
  background: url(../../images/ico/icon_select.png) center right 5px no-repeat;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .location_wrap {
  position: relative;
  width: 100%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .location_wrap input[type=text] {
  width: calc(100% - 44px);
  height: 54px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .location_wrap .locationSearch {
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -8px;
  width: 17px;
  height: 17px;
  display: block;
  background: url(../../images/btn/input_location.png) center left no-repeat;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list {
  width: 100%;
  font-size: 0px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li {
  display: inline-block;
  width: 33.33%;
  padding: 2px 0;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li:first-child {
  padding-top: 0px;
  width: 100%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+3) {
  width: 29.33%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+2) {
  width: 37.33%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label {
  position: relative;
  min-height: 24px;
  padding-left: 24px;
  background: none;
  font-size: 16px;
  color: #666;
  font-weight: 400;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label:after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 0px;
  width: 14px;
  height: 14px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox label:before {
  content: "";
  position: absolute;
  display: none;
  top: 8px;
  left: 2px;
  width: 9px;
  height: 4px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox input[type=checkbox]:checked + label:before {
  display: block;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd .checkbox-list li .checkbox input[type=checkbox]:focus + label:after {
  border: 1px solid #777;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox {
  padding-left: 30px;
  color: #666;
  font-weight: 400;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox label {
  position: relative;
  min-height: 24px; /* padding-left:30px; */
  padding-left: 0px;
  background: none;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox label:after {
  content: "";
  position: absolute;
  display: block;
  top: 1px;
  left: -30px;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox label:before {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: -26px;
  width: 12px;
  height: 6px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox label span {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox a {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox input[type=checkbox]:checked + label:before {
  display: block;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li .policy .checkbox input[type=checkbox]:focus + label:after {
  border: 1px solid #777;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .required-txt {
  margin-top: 10px;
  text-align: right;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .required-txt span {
  color: #222edd;
  vertical-align: top;
  margin-right: 5px;
  font-weight: 500;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms {
  margin-top: 40px;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms.tl {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms + .terms {
  margin-top: 20px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox {
  padding-left: 38px;
  color: #666;
  font-weight: 400;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label {
  position: relative;
  min-height: 24px; /* padding-left:30px; */
  padding-left: 0px;
  background: none;
  font-size: 16px;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label:after {
  content: "";
  position: absolute;
  display: block;
  top: -3px;
  left: -40px;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label:before {
  content: "";
  position: absolute;
  display: none;
  top: 8px;
  left: -31px;
  width: 12px;
  height: 6px;
  border-left: 1px solid #222edd;
  border-bottom: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label span {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox .ico-req {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 2px;
  text-indent: 9999px;
  vertical-align: text-top;
  overflow: hidden;
  background: url(../../images/ico/ico_req.png) 0 0 no-repeat;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox a {
  color: #222edd;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:checked + label:after {
  border-color: #222edd !important;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:checked + label:before {
  display: block;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:focus + label:after {
  border: 1px solid #777;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit {
  padding-top: 40px;
  width: 100%;
  text-align: center;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit input[type=submit] {
  display: inline-block;
  padding: 19px 40px;
  border: 1px solid #222edd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222edd;
  background: #fff;
  font-size: 20px;
  line-height: 1;
}
.layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit input[type=submit]:focus, .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit input[type=submit]:active, .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit input[type=submit]:hover {
  color: #fff;
  background: #222edd;
}

@media (max-width: 1023px) {
  .layer_downLoad .fileDownBody {
    /* .close {position:absolute;right:0;top:-40px;width:30px;height:30px;background:url(../../images/btn/banner_close.png) center center no-repeat;text-indent:-9999px;} */
  }
  .layer_downLoad .fileDownBody.setDown, .layer_downLoad .fileDownBody.setNewsLetter, .layer_downLoad .fileDownBody.setNewsLetterWrite, .layer_downLoad .fileDownBody.setPleaseSignWrite {
    max-width: 85%;
    height: 85%;
  }
  .layer_downLoad .fileDownBody.setDown, .layer_downLoad .fileDownBody.setNewsLetter {
    padding: 30px 25px;
  }
  .layer_downLoad .fileDownBody.setDown .tit, .layer_downLoad .fileDownBody.setDown h3, .layer_downLoad .fileDownBody.setNewsLetter .tit, .layer_downLoad .fileDownBody.setNewsLetter h3 {
    font-size: 26px;
  }
  .layer_downLoad .fileDownBody.setDown .txt, .layer_downLoad .fileDownBody.setNewsLetter .txt {
    padding-top: 15px;
    font-size: 16px;
  }
  .layer_downLoad .fileDownBody.setDown .btns, .layer_downLoad .fileDownBody.setNewsLetter .btns {
    margin-top: 30px;
  }
  .layer_downLoad .fileDownBody.setDown .btns a, .layer_downLoad .fileDownBody.setNewsLetter .btns a {
    width: 100%;
    max-width: 260px;
    padding: 14px 60px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
  }
  .layer_downLoad .fileDownBody.setDown .mailForm ul, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul {
    margin-top: 20px;
  }
  .layer_downLoad .fileDownBody.setDown .mailForm ul li.input, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li.input {
    max-width: 100%;
  }
  .layer_downLoad .fileDownBody.setDown .mailForm ul li.btn, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li.btn {
    margin-left: 10px;
    max-width: 95px;
  }
  .layer_downLoad .fileDownBody.setDown .mailForm ul li input, .layer_downLoad .fileDownBody.setNewsLetter .mailForm ul li input {
    height: 45px;
    font-size: 14px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter {
    width: 100%;
    padding: 30px 25px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .tit {
    font-size: 26px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .txt {
    padding-top: 15px;
    font-size: 16px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list {
    margin-top: 50px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dt, .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dd {
    float: none;
    width: 100%;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter {
    width: 100%;
    padding: 30px 20px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .tit {
    font-size: 20px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-box {
    margin-top: 20px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-box .btn-linkedin {
    padding: 18px 18px 16px;
    font-size: 16px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .txt {
    padding-top: 15px;
    font-size: 16px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list {
    margin-top: 20px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li + li {
    padding-top: 14px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dt, .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li[class^=space][class*=typ1] dl dd {
    float: none;
    width: 100%;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label {
    height: 42px; /* padding:16px 5px 0px 0px;  */
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dt label span {
    font-size: 13px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd input[type=text], .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .field-list > li dl dd select {
    height: 42px;
    font-size: 13px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .required-txt {
    font-size: 13px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .required-txt span {
    margin-right: 0px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms {
    margin-top: 25px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms + .terms {
    margin-top: 10px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox {
    padding-left: 38px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label {
    display: inline;
    padding-left: 0px;
    font-size: 13px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label:after {
    top: -1px;
    left: -38px;
    width: 24px;
    height: 24px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label:before {
    top: 7px;
    left: -31px;
    width: 10px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox label span {
    color: #222edd;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox a {
    font-size: 13px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:checked + label:after {
    border-color: #222edd !important;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:checked + label:before {
    display: block;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .terms .checkbox input[type=checkbox]:focus + label:after {
    border: 1px solid #777;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit {
    padding-top: 35px;
  }
  .layer_downLoad .fileDownBody.setPleaseSignWrite .news-letter .btn-submit input[type=submit] {
    padding: 15px 18px 16px;
    font-size: 17px;
  }
}
@media (max-width: 740px) {
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list {
    margin-top: 50px;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li {
    width: 50%;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+2) {
    width: 50%;
  }
  .layer_downLoad .fileDownBody.setNewsLetterWrite .news-letter .field-list > li dl dd .checkbox-list li:nth-child(3n+3) {
    width: 50%;
  }
}
/* 게시물 관련 커스텀 scss */
/* .editor-custmo-view-year-in-review {

	a {display:inline-block !important; transition:transform .3s ease-in-out, color .5s ease-in-out;
		&:hover, &:focus, &:active {color:rgb(44, 130, 201) !important; transform: translateY(-5px) !important; background:rgba(2,32,71,0.05); border-radius:15px;}
	}

	img {transition:transform .3s ease-in-out; cursor:pointer !important;
		&:hover, &:focus, &:active {transform: scale(1.02) translateY(5px) !important;}
	}

} */
/* css 작성 가이드  한칸씩 띄어쓰기
{position, left, top, float, margin, padding, width, height, line-height, font-family, font-size, font-weight, color, text-align, text-indent, letter-spacing, display, border, overflow, background, background-size, clear, opacity}

{top, left, bottom, right} (margin, padding, border)
{url(../) no-repeat left top} (background)
*/