@charset "UTF-8";
/* base */ /* font */
/* base */
/* margin block 변수 */
/* grid system XD 사이즈 */
/* path */
/* media query */
/* font */
/* margin-bottom 
*  @param {number} $length - block 개수
*  @param {number} $font-size - font-size
*  @param {number} $line-height - line-height
*  @param {number} $marginBlockPx - _variable.scss 에 선언한 pc,tablet,mobile 마진블럭 개당 px 값
*                                   default 값은 pc마진블럭, 랩탑,모바일에서 마진값 변동시 변수값 변경 후 사용
*                                   ex)  tablet - marginBottom(2,18,30,$tabletBlockSize)
*                                   ex)  mobile - marginBottom(2,18,30,$mobileBlockSize)
*                                   블럭개수 없고 기본 margin rem 사용 시
*                                   ex)  marginBottom(0,null,null,픽셀값입력), marginBottom(0,$marginBlockPx:픽셀값입력)
*
*/
/* margin-top
*  위와 동일 하나 margin-bottom 을 기본적으로 사용 하지만 예외적인 경우 margin-top 사용
*  예외 - 타이틀부분 공통 처리를 하였는데 서브타이틀이 사용되지 않는 페이지의 경우 타이틀에 불필요한 margin-bottom 이 들어갈 경우 등
*/
/* font-size */
/* 말줄임 */
/* transform */
/* vw 계산기 */
/* grid */
/* flex */
/* background */
/* bullet */
/* clear */
/* wordBreak */
/* reset */
@import "plugin/jquery.mCustomScrollbar.css";
@import "plugin/swiper4.5.1.css";
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  color: #666;
  font-weight: 400;
  line-height: 1;
  -webkit-text-size-adjust: none;
}

html,
body {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  margin: 0;
  font-size: 100%;
  line-height: 1;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

select,
button,
input,
textarea,
pre {
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 16px;
  color: #666;
}

pre {
  white-space: pre-wrap;
}

fieldset,
img,
button {
  border: 0;
}

img,
input,
button {
  vertical-align: top;
}

img {
  pointer-events: none;
  display: block;
  max-width: 100%;
}

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

address,
em {
  font-style: normal;
}

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

hr {
  display: none;
}

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

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

legend {
  position: absolute;
  left: -9999px;
  top: 0;
}

caption {
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

button {
  background: none;
  cursor: pointer;
  -webkit-apperance: none;
}

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

textarea {
  resize: none;
}

* {
  box-sizing: border-box;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* select arrow none */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.hide {
  display: none !important;
  visibility: hidden !important;
}

.swiper-scrollbar-drag {
  cursor: pointer;
}

/* SamyangNeo */
@font-face {
  font-family: "SamyangNeo";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("/resources/cn/global/fonts/SamyangNeo-Light.eot");
  src: url("/resources/cn/global/fonts/SamyangNeo-Light.eot?#iefix") format("embedded-opentype"), url("/resources/cn/global/fonts/SamyangNeo-Light.woff2") format("woff2"), url("/resources/cn/global/fonts/SamyangNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "SamyangNeo";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("/resources/cn/global/fonts/SamyangNeo-Medium.eot");
  src: url("/resources/cn/global/fonts/SamyangNeo-Medium.eot?#iefix") format("embedded-opentype"), url("/resources/cn/global/fonts/SamyangNeo-Medium.woff2") format("woff2"), url("/resources/cn/global/fonts/SamyangNeo-Medium.woff") format("woff");
}
@font-face {
  font-family: "SamyangNeo";
  font-display: swap;
  font-style: normal;
  font-weight: bold;
  src: url("/resources/cn/global/fonts/SamyangNeo-Bold.eot");
  src: url("/resources/cn/global/fonts/SamyangNeo-Bold.eot?#iefix") format("embedded-opentype"), url("/resources/cn/global/fonts/SamyangNeo-Bold.woff2") format("woff2"), url("/resources/cn/global/fonts/SamyangNeo-Bold.woff") format("woff");
}
/* layout */
html.overflow,
body.overflow {
  width: 100%;
  overflow: hidden;
  position: fixed;
}

#wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 10003;
  opacity: 0;
  background-color: rgba(34, 34, 34, 0.6);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#wrap.on::before {
  top: 0;
  opacity: 1;
  transition: opacity 0.5s;
}

.sec_inner {
  position: relative;
}

.inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .inner {
    width: 89.6%;
  }
}
@media (max-width: 766px) {
  .inner {
    width: 89.334%;
  }
}

.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.container .content {
  padding: 120px 0 240px;
}
@media (max-width: 1023px) {
  .container .content {
    padding: 80px 0 180px;
  }
}
.container .title {
  position: absolute;
  left: 100px;
  top: 0;
  z-index: 2;
}
.container .title p {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #222222;
}
.container .title h2 {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000000;
}
.container .title h3 {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000000;
}
.container .title > span {
  display: block;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  margin-top: 0.65625rem;
  color: #666666;
}
.container .title.white p {
  color: #ffffff;
}
.container .title.white h2 {
  color: #ffffff;
}
.container .title.white span {
  color: #ffffff;
}
.container .sec_banner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
}
.container .sec_banner li {
  position: relative;
}
.container .sec_banner li::before {
  position: absolute;
  top: 95px;
  left: 0;
  width: 1px;
  height: 54px;
  background: #dddddd;
  content: "";
}
.container .sec_banner li:first-child::before {
  display: none;
}
.container .sec_banner a {
  display: block;
  width: 100%;
}
.container .sec_banner a:hover p {
  color: #26247B;
}
.container .sec_banner a:hover strong {
  color: #26247B;
}
.container .sec_banner a:hover strong::after {
  border-color: #26247B;
  background: url("/resources/cn/global/images/button/button_big_arrow_blue.svg") center no-repeat;
  background-size: cover;
}
.container .sec_banner p {
  display: block;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  margin-bottom: 0.625rem;
  color: #666666;
  transition: 0.2s;
}
.container .sec_banner strong {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  transition: 0.2s;
}
.container .sec_banner strong span {
  display: inline-block;
  vertical-align: middle;
}
.container .sec_banner strong::after {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 22px;
  background: url("/resources/cn/global/images/button/button_big_arrow_black.svg") center no-repeat;
  background-size: cover;
  vertical-align: middle;
  content: "";
}
.container .sec_banner_company {
  border-top: 1px solid #dddddd;
}
.container .sec_banner_company ul {
  max-width: 980px;
  margin: 0 auto;
}
.container .sec_banner_company li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 50%;
  /* margin-left 계산 gap */
}
.container .sec_banner_company li::before {
  top: 74px;
  height: 94px;
  content: "";
}
.container .sec_banner_company li:first-child a {
  padding: 75px 50px 90px 0;
}
.container .sec_banner_company li:last-child a {
  padding: 75px 0 90px 50px;
}
.container .sec_banner_company strong {
  color: #222222;
}
.container .sec_banner_company strong span {
  margin-right: 35px;
  text-align: left;
}
.container .sec_banner_company strong::after {
  width: 26px;
  height: 22px;
  vertical-align: middle;
  content: "";
}
@media (max-width: 1023px) {
  .container .sec_banner a {
    position: relative;
    display: block;
    width: 100%;
  }
  .container .sec_banner a:hover p {
    color: #666666;
  }
  .container .sec_banner a:hover strong {
    color: #222222;
  }
  .container .sec_banner a:hover strong::after {
    border-color: #999999;
    background: url("/resources/cn/global/images/button/button_big_arrow_black.svg") center no-repeat;
    background-size: cover;
  }
  .container .sec_banner p {
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 0.625rem;
  }
  .container .sec_banner strong {
    overflow: hidden;
    display: inline-block;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.08;
    text-align: right;
  }
  .container .sec_banner strong span {
    float: left;
    width: auto;
    padding-top: 5px;
    margin-right: 0;
  }
  .container .sec_banner strong::after {
    width: 20px;
    height: 20px;
    background: url("/resources/cn/global/images/button/button_big_arrow_black.svg") center no-repeat;
    background-size: cover;
    vertical-align: middle;
    content: "";
  }
  .container .sec_banner_company ul {
    max-width: none;
  }
  .container .sec_banner_company li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 50%;
    /* margin-left 계산 gap */
  }
  .container .sec_banner_company li::before {
    top: 50px;
    height: 70px;
    content: "";
  }
  .container .sec_banner_company li:first-child a {
    padding: 50px 5.2% 60px;
  }
  .container .sec_banner_company li:last-child a {
    padding: 50px 5.2% 60px;
  }
  .container .sec_banner_company a {
    padding: 50px 10.43% 60px;
  }
  .container .sec_banner_company strong {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .container .sec_banner_company strong span {
    padding-top: 0;
    margin-right: 15px;
  }
  .container .sec_banner_company strong::after {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 766px) {
  .container .sec_banner ul {
    padding: 35px 5.333% 50px;
  }
  .container .sec_banner li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-left: 0;
  }
  .container .sec_banner li::before {
    display: none;
  }
  .container .sec_banner li a::after {
    display: none;
  }
  .container .sec_banner a {
    position: relative;
    display: block;
    width: 100%;
    padding: 23px 0;
  }
  .container .sec_banner a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dddddd;
    content: "";
  }
  .container .sec_banner strong {
    overflow: hidden;
    display: inline-block;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.08;
    text-align: right;
  }
  .container .sec_banner strong span {
    float: left;
    width: auto;
    margin-right: 0;
  }
  .container .sec_banner strong::after {
    width: 20px;
    height: 20px;
    background: url("/resources/cn/global/images/button/button_big_arrow_black.svg") center no-repeat;
    background-size: cover;
    vertical-align: middle;
    content: "";
  }
  .container .sec_banner_company ul {
    display: block;
    padding: 0 5.333% 20px 5.333%;
  }
  .container .sec_banner_company li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
  }
  .container .sec_banner_company li:last-child {
    border-top: 1px solid #dddddd;
  }
  .container .sec_banner_company li:last-child::before {
    display: none;
  }
  .container .sec_banner_company li:first-child a {
    padding: 40px 0;
  }
  .container .sec_banner_company li:last-child a {
    padding: 40px 0;
  }
  .container .sec_banner_company strong {
    text-align: left;
  }
  .container .sec_banner_company strong span {
    float: none;
    width: 100%;
  }
  .container .sec_banner_company strong::after {
    display: block;
    margin-top: 0.9375rem;
    content: "";
  }
}
.container .con_title h3 {
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  word-break: break-all;
  word-wrap: break-word;
  color: #000000;
}
.container .con_title h2 {
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  word-break: break-all;
  word-wrap: break-word;
  color: #000000;
}
.container .con_title p {
  margin-top: 1.5rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
.container .con_title .highlight {
  color: #26247B;
}
.container .con_title.white h3 {
  color: #ffffff;
}
.container .con_title.white p {
  color: #ffffff;
}
@media (max-width: 1539px) {
  .container .title {
    left: 40px;
  }
}
@media (max-width: 1399px) {
  .container .title {
    position: static;
    left: auto;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    margin-bottom: 0.6875rem;
  }
  .container .title p {
    padding-left: 0;
  }
  .container .title h2 {
    padding-left: 0;
  }
  .container .title h3 {
    padding-left: 0;
  }
  .container .title span {
    padding-left: 0;
  }
}
@media (max-width: 1023px) {
  .container .title {
    width: 89.6%;
  }
  .container .title p {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .title h2 {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .title h3 {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .title span {
    margin-top: 0.375rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .container .con_title h3 {
    font-size: 1.9375rem;
    letter-spacing: 0;
    line-height: 1.2580645161;
  }
  .container .con_title h2 {
    font-size: 1.9375rem;
    letter-spacing: 0;
    line-height: 1.2580645161;
  }
  .container .con_title p {
    margin-top: 0.96875rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
@media (max-width: 766px) {
  .container .title {
    width: 89.334%;
    margin-bottom: 0.4375rem;
  }
  .container .title p {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .title h2 {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .title h3 {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .container .con_title h3 {
    font-size: 1.9375rem;
    letter-spacing: 0;
    line-height: 1.2580645161;
  }
  .container .con_title h2 {
    font-size: 1.9375rem;
    letter-spacing: 0;
    line-height: 1.2580645161;
  }
  .container .con_title p {
    margin-top: 1.5625rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
}

.pc_on {
  display: block;
}

.tablet_on {
  display: none;
}

.m_on {
  display: none;
}

.pc_none {
  display: none;
}

.tablet_none {
  display: block;
}

.m_none {
  display: block;
}

.laptop_on {
  display: none;
}

.laptop_none {
  display: block;
}

@media (max-width: 1399px) {
  .laptop_on {
    display: block;
  }
  .laptop_none {
    display: none;
  }
}
@media (max-width: 1023px) {
  .laptop_none {
    display: block;
  }
  .pc_on {
    display: none;
  }
  .tablet_on {
    display: block;
  }
  .m_on {
    display: none;
  }
  .pc_none {
    display: block;
  }
  .tablet_none {
    display: none;
  }
  .m_none {
    display: block;
  }
}
@media (max-width: 766px) {
  .laptop_none {
    display: block;
  }
  .pc_on {
    display: none;
  }
  .tablet_on {
    display: none;
  }
  .m_on {
    display: block;
  }
  .pc_none {
    display: block;
  }
  .tablet_none {
    display: block;
  }
  .m_none {
    display: none;
  }
}
.quick_menu {
  position: absolute;
  width: 62px;
  bottom: 261px;
  right: 0;
  z-index: 10000;
  text-align: right;
  transform: translateY(70px);
  transition: transform 0.3s;
}
.quick_menu.active {
  position: fixed;
  bottom: 40px;
}
.quick_menu.on {
  transform: translateY(0);
}
.quick_menu.on a.btn_top {
  opacity: 1;
}
.quick_menu a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 62px;
}
.quick_menu a.quick_100link {
  background-color: #26247B;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.1666666667;
  text-align: center;
  color: #ffffff;
}
.quick_menu a.btn_request {
  background-color: #6EEB83;
}
.quick_menu a.btn_request i {
  display: block;
  width: 40px;
  height: 40px;
  background: url("/resources/cn/global/images/button/button_quick.svg") center no-repeat;
  background-size: cover;
}
.quick_menu a.btn_request span {
  font-size: 0;
}
.quick_menu a.btn_top {
  position: relative;
  opacity: 0;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.quick_menu a.btn_top .box {
  position: relative;
  z-index: 1;
}
.quick_menu a.btn_top .box i {
  display: block;
  width: 10px;
  height: 5px;
  margin: 0 auto;
  background: url("/resources/cn/global/images/button/button_top_gray.svg") center no-repeat;
  background-size: cover;
}
.quick_menu a.btn_top .box span {
  display: block;
  margin-top: 0.46875rem;
  font-family: "SamyangNeo", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.0714285714;
  color: #939598;
}
.quick_menu a.btn_top .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #E7EBEC;
}
@media (max-width: 1023px) {
  .quick_menu {
    bottom: 287px;
    transform: translateY(65px);
    width: 45px;
  }
  .quick_menu a {
    height: 45px;
  }
  .quick_menu a.quick_100link {
    font-size: 0.6875rem;
    letter-spacing: 0;
    line-height: 1.1818181818;
  }
  .quick_menu a.btn_request i {
    width: 29px;
    height: 29px;
  }
  .quick_menu a.btn_top .box i {
    width: 8px;
    height: 4px;
  }
  .quick_menu a.btn_top .box span {
    margin-top: 0.21875rem;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.0833333333;
  }
}
@media (max-width: 766px) {
  .quick_menu {
    bottom: 394px;
    transform: translateY(55px);
    right: 0;
  }
}
@media (max-width: 479px) {
  .quick_menu {
    bottom: 419px;
  }
}

/* depth_btn */
.depth_btn {
  margin-top: 5.125rem;
  margin-bottom: 4.9375rem;
  position: relative;
}
.depth_btn ul {
  font-size: 0;
}
.depth_btn ul.scroll {
  white-space: nowrap;
  overflow: hidden;
}
.depth_btn ul.scroll.scroll__visible:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  transition: 0.3s;
  z-index: 10;
  content: "";
}
.depth_btn ul.scroll.scroll__active:after {
  opacity: 0;
}
.depth_btn ul.scroll .mCSB_scrollTools {
  top: 100%;
}
.depth_btn ul.scroll .mCSB_scrollTools .mCSB_draggerRail {
  margin: 4px 0;
}
.depth_btn ul li {
  display: inline-block;
  vertical-align: top;
}
.depth_btn ul li a {
  display: block;
  padding: 0 40px;
  position: relative;
  position: relative;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.0625;
  font-weight: 500;
  color: #999;
}
.depth_btn ul li a:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 30px;
  content: "";
  transform: translateY(-50%);
  background-color: #dddddd;
}
.depth_btn ul li a span {
  display: block;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .depth_btn ul li a:hover {
    color: #26247B;
    font-weight: bold;
  }
  .depth_btn ul li a:hover span:before {
    transition: 0.2s;
    width: 100%;
  }
}
.depth_btn ul li:nth-of-type(1) a {
  padding-left: 0;
}
.depth_btn ul li:last-child a:before {
  display: none;
}
.depth_btn ul li.active a {
  color: #26247B;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .depth_btn {
    margin-top: 3.4375rem;
    margin-bottom: 2.625rem;
  }
  .depth_btn ul {
    padding-bottom: 5px;
  }
  .depth_btn ul.scroll.scroll__visible:after {
    width: 20px;
  }
  .depth_btn ul li a {
    padding: 0 20px;
    position: relative;
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .depth_btn ul li a:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 21px;
    content: "";
  }
  .depth_btn ul li a span {
    position: relative;
  }
  .depth_btn ul li a span:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 6px;
    content: "";
  }
}

.lnbWrap {
  position: absolute;
  top: 0;
  left: 100px;
  z-index: 10000;
}
.lnbWrap .mCustomScrollBox,
.lnbWrap .mCSB_container {
  overflow: visible;
}
.lnbWrap.active {
  position: fixed;
  top: 120px;
}
.lnbWrap ul {
  padding-left: 16px;
  position: relative;
}
.lnbWrap ul:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  content: "";
  background-color: #ddd;
}
.lnbWrap ul li a {
  display: block;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  color: #aaaaaa;
  position: relative;
}
.lnbWrap ul li a:before {
  display: block;
  position: absolute;
  top: 0;
  left: -16px;
  width: 2px;
  height: 100%;
  content: "";
  display: none;
  background-color: #ddd;
}
.lnbWrap ul li:nth-of-type(n + 2) {
  margin-top: 0.625rem;
}
.lnbWrap ul li.active a {
  font-weight: bold;
  color: #26247B;
}
.lnbWrap ul li.active a::before {
  display: block;
  background-color: #6EEB83;
}
@media (max-width: 1539px) {
  .lnbWrap {
    left: 40px;
  }
}
@media (max-width: 1399px) {
  .lnbWrap {
    height: 60px;
    top: -120px;
    left: 0;
    width: 100%;
    white-space: nowrap;
    background-color: #fff;
    border-bottom: 2px solid #ddd;
    box-sizing: border-box;
  }
  .lnbWrap.active.lnb_no {
    top: 0;
  }
  .lnbWrap.lnb_on.active {
    top: 70px;
  }
  .lnbWrap .mCustomScrollBox,
.lnbWrap .mCSB_container {
    overflow: hidden;
  }
  .lnbWrap ul {
    white-space: nowrap;
    padding-left: 0;
    text-align: center;
    padding: 0 40px;
  }
  .lnbWrap ul::before {
    display: none;
  }
  .lnbWrap ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-top: 0 !important;
  }
  .lnbWrap ul li + li {
    margin-left: 100px;
  }
  .lnbWrap ul li a {
    display: inline-block;
    vertical-align: top;
    height: 60px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
    line-height: 60px;
  }
  .lnbWrap ul li a::before {
    left: 50%;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 2px;
    transform: translateX(-50%);
  }
}
@media (max-width: 1023px) {
  .lnbWrap {
    top: -80px;
    position: relative;
  }
  .lnbWrap ul {
    position: static;
  }
  .lnbWrap ul.scroll__visible:before {
    display: block;
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    z-index: 10;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    transition: 0.3s;
  }
  .lnbWrap ul.scroll__visible.scroll__active:before, .lnbWrap ul.scroll__visible.scroll__active:after {
    opacity: 0;
  }
  .lnbWrap ul li + li {
    margin-left: 35px;
  }
}
@media (max-width: 766px) {
  .lnbWrap.active {
    top: 70px;
  }
  .lnbWrap ul {
    padding: 0 20px;
  }
}

@media (max-width: 1399px) {
  body[data-scroll=down] .lnbWrap.active.lnb_on {
    top: 70px;
  }
}
@media (max-width: 766px) {
  body[data-scroll=down] .lnbWrap.active.lnb_on {
    top: 60px;
  }
}
@media (max-width: 1399px) {
  body[data-scroll=down] .lnbWrap.active.lnb_no {
    top: 0;
  }
}

@media (max-width: 1399px) {
  body[data-scroll=up] .lnbWrap.active.lnb_on {
    top: 90px;
  }
}
@media (max-width: 766px) {
  body[data-scroll=up] .lnbWrap.active.lnb_on {
    top: 70px;
  }
}
@media (max-width: 1399px) {
  body[data-scroll=up] .lnbWrap.active.lnb_no {
    top: 90px;
  }
}
@media (max-width: 766px) {
  body[data-scroll=up] .lnbWrap.active.lnb_no {
    top: 70px;
  }
}

.banner_area {
  position: relative;
  display: block;
  background: #f7f7f7;
}
.banner_area::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 100%;
  content: "";
}
.banner_area strong {
  display: block;
  margin-bottom: 0.9375rem;
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1;
  word-break: break-all;
  word-wrap: break-word;
  color: #222222;
}
.banner_area strong::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 18px;
  height: 18px;
  margin: 0 0 0 16px;
  background: url("/resources/cn/global/images/esg/arrow_banner.svg") center no-repeat;
  background-size: 100%;
}
.banner_area p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
}
.banner_area span {
  margin-bottom: 0.3125rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.banner_area_sustainability {
  padding: 50px 70px 50px 170px;
}
.banner_area_sustainability::before {
  background: url("/resources/cn/global/images/esg/esg_banner_icon.svg") 63px 38px no-repeat;
  background-size: 72px 72px;
}
.banner_area_faq {
  padding: 45px 70px 45px 160px;
}
.banner_area_faq::before {
  background: url("/resources/cn/global/images/common/ic_faq_banner.svg") 63px 32px no-repeat;
  background-size: 72px 72px;
}
.banner_area_faq p {
  font-weight: bold;
}
.banner_area_career {
  padding: 45px 70px 45px 170px;
}
.banner_area_career::before {
  background: url("/resources/cn/global/images/careers/careers_banner_icon.svg") 60px 44px no-repeat;
  background-size: 72px 72px;
}
.banner_area_career p {
  font-weight: bold;
}
.banner_area_career2 {
  padding: 50px 70px 50px 170px;
}
.banner_area_career2::before {
  background: url("/resources/cn/global/images/esg/careers_banner_icon2.svg") 63px 38px no-repeat;
  background-size: 72px 72px;
}
.banner_area_webinar {
  padding: 50px 70px 50px 170px;
}
.banner_area_webinar::before {
  background: url("/resources/cn/global/images/media/webinargroup/webinar_banner_icon.svg") 63px 38px no-repeat;
  background-size: 72px 72px;
}
@media (max-width: 1023px) {
  .banner_area::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 100%;
    content: "";
  }
  .banner_area strong {
    margin-bottom: 0.625rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .banner_area strong::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 2px 8px;
    background: url("/resources/cn/global/images/esg/arrow_banner.svg") center no-repeat;
    background-size: 100%;
  }
  .banner_area p {
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .banner_area span {
    margin-bottom: 0.4375rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .banner_area_sustainability {
    padding: 25px 7.5% 25px 23.88%;
  }
  .banner_area_sustainability::before {
    width: 23.88%;
    background-position: 80% 22px;
    background-size: 45px 45px;
    content: "";
  }
  .banner_area_sustainability p {
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .banner_area_faq {
    padding: 25px 7.5% 25px 23.88%;
  }
  .banner_area_faq::before {
    width: 23.88%;
    background-position: 80% 20px;
    background-size: 50px 50px;
    content: "";
  }
  .banner_area_career {
    padding: 25px 7.5% 25px 23.88%;
  }
  .banner_area_career::before {
    width: 23.88%;
    background-position: 80% 21px;
    background-size: 50px 50px;
    content: "";
  }
  .banner_area_career2 {
    padding: 25px 7.5% 25px 23.88%;
  }
  .banner_area_career2::before {
    width: 23.88%;
    background-position: 80% 21px;
    background-size: 45px 45px;
    content: "";
  }
  .banner_area_webinar {
    padding: 25px 7.5% 25px 23.88%;
  }
  .banner_area_webinar::before {
    width: 23.88%;
    background-position: 80% 22px;
    background-size: 45px 45px;
    content: "";
  }
  .banner_area_webinar p {
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .banner_area_sustainability::before {
    background-position: 60% 22px;
  }
  .banner_area_faq::before {
    background-position: 60% 22px;
  }
  .banner_area_career::before {
    background-position: 60% 21px;
  }
  .banner_area_career2::before {
    background-position: 60% 21px;
  }
  .banner_area_webinar::before {
    background-position: 60% 22px;
  }
}

@media (max-width: 1023px) {
  .sec_news .gallery_type01 .gallery li:nth-of-type(3) {
    display: none;
  }
}
#header {
  position: relative;
  width: 100%;
  height: 90px;
  background: #ffffff;
  box-sizing: border-box;
}
#header .header_wrap {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10004;
  height: 90px;
  text-align: center;
  transition: top 0.3s;
}
#header .header_wrap > .inner {
  position: relative;
  max-width: 100%;
  height: 90px;
  background-color: #ffffff;
  border-bottom: 1px solid #fff;
  z-index: 10;
}
#header a.logo {
  position: absolute;
  left: 100px;
  top: 35px;
  width: 152px;
  z-index: 2;
}
#header a.logo img {
  width: 100%;
  display: none;
}
#header a.logo img.blue {
  display: block;
}
#header #util {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  width: auto;
  box-sizing: border-box;
  text-align: right;
  z-index: 2;
}
#header #util > * {
  display: inline-block;
  vertical-align: middle;
}
#header #util .lang_list {
  position: relative;
  width: 50px;
  text-align: center;
}
#header #util .lang_list > a {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.8571428571;
  font-weight: 500;
  color: #939598;
}
#header #util .lang_list .list {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  padding: 6px 0;
  background-color: #ffffff;
  border: 1px solid #26247B;
}
#header #util .lang_list .list li a {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.8571428571;
  font-weight: 500;
  color: #666666;
}
#header #util .lang_list .list li a:hover {
  color: #26247B;
}
#header #util .lang_list .list li.current a {
  color: #26247B;
}
#header #util .lang_list.open .list {
  display: block;
}
#header #util .inquiry_btn {
  height: 40px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.8571428571;
  font-weight: bold;
  color: #939598;
}
#header #util .inquiry_btn + .search_btn {
  margin-left: 10px;
}
#header #util .search_btn {
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url("/resources/cn/global/images/common/search_icon.svg") center no-repeat;
  background-size: 20px 20px;
}
#header #util .search_btn.on {
  background: url("/resources/cn/global/images/common/search_close.svg") center no-repeat;
  background-size: 20px 20px;
}
#header #util .hammenu_btn {
  width: 28px;
  height: 28px;
  margin-left: 10px;
  font-size: 0;
  background: url("/resources/cn/global/images/common/pchamBtn.svg") center no-repeat;
  background-size: 18px 18px;
}
#header #util .allmenu_btn {
  display: none;
  width: 26px;
  height: 28px;
  font-size: 0;
  background: url("/resources/cn/global/images/common/mhamBtn.svg") center no-repeat;
  background-size: 16px 18px;
}
#header #gnb {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 90px;
  overflow: hidden;
  font-family: "SamyangNeo", sans-serif;
}
#header #gnb > ul {
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
  transition: 0.3s;
  font-size: 0;
  text-align: left;
}
#header #gnb > ul > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 100%;
}
#header #gnb > ul > li > a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 90px;
  padding: 0 28px;
  box-sizing: border-box;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 0.7;
  line-height: 90px;
  color: #000000;
  font-weight: 500;
  text-align: center;
  transition: padding-left 0.3s, padding-right 0.3s;
  position: relative;
}
#header #gnb > ul > li > a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 24px;
  content: "";
  transform: translateY(-50%) rotate(24deg);
  background-color: #D1D3D4;
}
#header #gnb > ul > li:first-of-type > a {
  padding-left: 56px;
}
#header #gnb > ul > li:nth-of-type(4) > a {
  padding: 0 44px;
}
#header #gnb > ul > li:nth-of-type(5) > a {
  padding: 0 47px;
}
#header #gnb > ul > li:nth-of-type(6) > a {
  padding: 0 45px;
}
#header #gnb > ul > li:last-of-type > a {
  padding: 0 47px;
}
#header #gnb > ul > li:last-of-type > a::after {
  display: none;
}
#header #gnb > ul > li:hover > a, #header #gnb > ul > li.active > a {
  color: #26247B;
}
#header #gnb > ul > li .gnb_outlink a {
  position: relative;
}
#header #gnb > ul > li .gnb_outlink a:after {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  content: "";
  margin: -2px 0 0 5px;
  background: url("/resources/cn/global/images/button/button_outlink_black.svg") center top no-repeat;
}
#header #gnb > ul > li .zep a {
  position: relative;
}
#header #gnb > ul > li .zep a:after {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  content: "";
  margin: -2px 0 0 4px;
  background: url("/resources/cn/global/images/common/gnb_zep.svg") center top no-repeat;
}
#header #gnb > ul > li .sub_gnb {
  position: relative;
  width: 100%;
  height: calc(100% - 90px);
  text-align: center;
}
#header #gnb .depth2_list {
  padding-bottom: 46px;
}
#header #gnb .depth2_list > li > a {
  display: block;
  padding: 8px 0;
  font-size: 0.9375rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #444;
  word-break: keep-all;
}
#header #gnb .depth2_list > li:hover > a, #header #gnb .depth2_list > li.active > a {
  color: #26247B;
  font-weight: bold;
}
#header #gnb .depth2_list > li:nth-of-type(1) > a {
  padding-top: 0;
}
#header #gnb .depth3_list > li > a {
  font-size: 0.8125rem;
  letter-spacing: 0;
  line-height: 1.6923076923;
  font-family: "SamyangNeo", sans-serif;
  color: #666666;
}
#header #gnb .depth3_list > li:hover > a, #header #gnb .depth3_list > li.active > a {
  color: #26247B;
  font-weight: bold;
}
#header #gnb .banner {
  display: inline-block;
  text-align: center;
}
#header #gnb .banner img {
  height: 100%;
}
#header #gnb .banner_100th {
  display: none;
}
#header #gnb.sy100banner .banner_100th {
  display: block;
  position: absolute;
  top: 90px;
  right: 100px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0s;
  transition-delay: 0;
}
#header #gnb.sy100banner .banner_100th .banner_100th_mo {
  display: none;
}
#header #gnb.on > ul > li:first-child > a {
  padding: 0 52px 0 56px;
}
#header #gnb.on > ul > li:nth-of-type(2) > a {
  padding: 0 52px 0 52px;
}
#header #gnb.on > ul > li:nth-of-type(3) > a {
  padding: 0 52px 0 52px;
}
#header #gnb.on > ul > li:nth-of-type(4) > a {
  padding: 0 68px 0 68px;
}
#header #gnb.on > ul > li:nth-of-type(5) > a {
  padding: 0 61px 0 61px;
}
#header #gnb.on > ul > li:last-child > a {
  padding: 0 69px 0 69px;
}
#header.active .header_wrap {
  top: -90px;
}
#header.scroll .inner {
  border-bottom-color: #ddd;
}
#header.on .header_wrap {
  background: #ffffff;
}
#header.on .inner {
  border-bottom-color: transparent;
}
#header.on #gnb.sy100banner .banner_100th {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.3s;
}
#header .linkWrap {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 810px;
  height: 100vh;
  padding-left: 50px;
  box-sizing: border-box;
  transition: right 0.5s;
  z-index: 10006;
}
#header .linkWrap.on {
  right: 0;
}
#header .linkWrap.new_bg {
  background-color: #fff;
}
#header .linkWrap.quick_bg {
  background-color: #eee;
}
#header .linkWrap .top_box {
  height: 80px;
  padding: 30px 39px 0 0;
  box-sizing: border-box;
}
#header .linkWrap .top_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#header .linkWrap .top_box .tab_btn {
  float: left;
  font-size: 0;
}
#header .linkWrap .top_box .tab_btn a {
  padding-bottom: 8px;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 0.95;
  color: #aaa;
}
#header .linkWrap .top_box .tab_btn a:nth-of-type(2) {
  margin-left: 40px;
}
#header .linkWrap .top_box .tab_btn a:hover, #header .linkWrap .top_box .tab_btn a.active {
  font-weight: bold;
  color: #26247B;
}
#header .linkWrap .top_box .tab_btn .one_btn {
  display: inline-block;
  vertical-align: top;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 0.95;
  font-weight: bold;
  color: #26247B;
  padding-bottom: 0;
}
#header .linkWrap .top_box .tab_btn .one_btn::after {
  display: none;
}
#header .linkWrap .top_box .tab_btn .one_btn:hover, #header .linkWrap .top_box .tab_btn .one_btn.active {
  color: #26247B;
}
#header .linkWrap .top_box .quick_close {
  float: right;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  background: url("/resources/cn/global/images/common/quicklist_close_btn.svg") center top no-repeat;
  background-size: 100% 100%;
}
#header .linkWrap .cont_box {
  height: calc(100% - 90px);
}
#header .linkWrap .cont {
  display: none;
  height: 100%;
}
#header .linkWrap .cont.active {
  display: block;
}
#header .linkWrap .new_inner {
  height: 100%;
  padding-right: 40px;
}
#header .linkWrap .new_inner .list li {
  border-bottom: 1px solid #ddd;
}
#header .linkWrap .new_inner .list li:first-of-type {
  border-top: 2px solid #222;
}
#header .linkWrap .new_inner .list li a {
  padding: 30px;
}
#header .linkWrap .new_inner .list li .txt {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.2857142857;
  color: #26247B;
  padding-bottom: 8px;
}
#header .linkWrap .new_inner .list li .tit {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4545454545;
  max-height: 1.4545454545em;
  color: #222222;
}
#header .linkWrap .new_inner .quick_top {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #aaa;
  background: url("/resources/cn/global/images/common/quicklist_top_arrow.svg") center no-repeat;
}
#header .linkWrap .quick_inner {
  height: 100%;
}
#header .linkWrap .quick_inner::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#header .linkWrap .quick_inner .quick_tab_box {
  float: left;
  width: 206px;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_tab {
  width: 144px;
  margin-top: -5px;
  text-align: left;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_tab li:nth-of-type(n + 2) {
  margin-top: 1.3125rem;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_tab li a {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #444444;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_tab li:hover a, #header .linkWrap .quick_inner .quick_tab_box .quick_tab li.on a {
  font-weight: bold;
  color: #26247B;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search {
  width: 100%;
  margin-bottom: 3.125rem;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search label input {
  width: 100%;
  padding: 10px 30px 10px 5px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  border: 0;
  border-bottom: 2px solid #aaa;
  background-color: transparent;
  color: #222222;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search label input::-moz-placeholder {
  color: #aaaaaa;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search label input::placeholder {
  color: #aaaaaa;
}
#header .linkWrap .quick_inner .quick_tab_box .quick_search label a {
  position: absolute;
  top: 14px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url("/resources/cn/global/images/common/quick_search_icon.svg") center top no-repeat;
  background-size: auto;
  padding: 14px;
}
#header .linkWrap .quick_inner .quick_list_box {
  float: right;
  width: 480px;
  height: 100%;
  margin-top: 0.625rem;
  text-align: left;
  box-sizing: border-box;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list {
  width: 100%;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li {
  width: 100%;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item1 {
  background: url("/resources/cn/global/images/common/quick_list_bg1.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item2 {
  background: url("/resources/cn/global/images/common/quick_list_bg2.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item3 {
  background: url("/resources/cn/global/images/common/quick_list_bg3.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item4 {
  background: url("/resources/cn/global/images/common/quick_list_bg4.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item5 {
  background: url("/resources/cn/global/images/common/quick_list_bg5.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item6 {
  background: url("/resources/cn/global/images/common/quick_list_bg6.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item7 {
  background: url("/resources/cn/global/images/common/quick_list_bg7.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item8 {
  background: url("/resources/cn/global/images/common/quick_list_bg8.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item9 {
  background: url("/resources/cn/global/images/common/quick_list_bg9.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item10 {
  background: url("/resources/cn/global/images/common/quick_list_bg10.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item11 {
  background: url("/resources/cn/global/images/common/quick_list_bg11.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item12 {
  background: url("/resources/cn/global/images/common/quick_list_bg12.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item13 {
  background: url("/resources/cn/global/images/common/quick_list_bg13.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item14 {
  background: url("/resources/cn/global/images/common/quick_list_bg14.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item15 {
  background: url("/resources/cn/global/images/common/quick_list_bg15.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item16 {
  background: url("/resources/cn/global/images/common/quick_list_bg16.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item17 {
  background: url("/resources/cn/global/images/common/quick_list_bg17.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item18 {
  background: url("/resources/cn/global/images/common/quick_list_bg18.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item19 {
  background: url("/resources/cn/global/images/common/quick_list_bg19.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item20 {
  background: url("/resources/cn/global/images/common/quick_list_bg20.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item21 {
  background: url("/resources/cn/global/images/common/quick_list_bg21.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item22 {
  background: url("/resources/cn/global/images/common/quick_list_bg22.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item23 {
  background: url("/resources/cn/global/images/common/quick_list_bg23.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item24 {
  background: url("/resources/cn/global/images/common/quick_list_bg24.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item25 {
  background: url("/resources/cn/global/images/common/quick_list_bg25.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item26 {
  background: url("/resources/cn/global/images/common/quick_list_bg26.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item27 {
  background: url("/resources/cn/global/images/common/quick_list_bg27.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.item28 {
  background: url("/resources/cn/global/images/common/quick_list_bg28.jpg") center top no-repeat;
  background-size: cover;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 53px 0 53px 30px;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  font-weight: bold;
  color: #ffffff;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background 0.5s;
  position: relative;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li a:after {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  content: "";
  margin: -4px 0 0 5px;
  background: url("/resources/cn/global/images/common/quick_list_arrow.svg") center top no-repeat;
  background-size: 100% 100%;
  transition: transform 0.5s;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li a:hover, #header .linkWrap .quick_inner .quick_list_box .quick_list li a:focus {
  background-color: transparent;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li a:hover::after, #header .linkWrap .quick_inner .quick_list_box .quick_list li a:focus::after {
  transform: translateX(10px);
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.black a:hover, #header .linkWrap .quick_inner .quick_list_box .quick_list li.black a:focus {
  color: #222222;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.black a:hover::after, #header .linkWrap .quick_inner .quick_list_box .quick_list li.black a:focus::after {
  background: url("/resources/cn/global/images/common/quick_list_black_arrow.svg") center top no-repeat;
  background-size: 100% 100%;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.nodata_item {
  display: none;
  padding: 276px 0 0 29px;
  text-align: center;
  position: static !important;
  opacity: 1 !important;
  transform: inherit !important;
}
#header .linkWrap .quick_inner .quick_list_box .quick_list li.nodata_item p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  font-weight: bold;
  color: #222222;
}
#header .linkWrap .quick_inner .quick_list_box .quick_top {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #aaa;
  background: url("/resources/cn/global/images/common/quicklist_top_arrow.svg") center no-repeat;
}
#header .linkWrap .quick_inner .quick_list_box .mCSB_scrollTools {
  opacity: 1;
}
#header .linkWrap .quick_inner .quick_list_box.on .quick_list {
  height: 100% !important;
}
#header .linkWrap .quick_inner .quick_list_box.on .quick_list li.nodata_item {
  display: block;
}
#header .linkWrap .quick_inner .quick_list_box.on .quick_top {
  display: none;
}
#header #pcdimmed {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 10005;
}
#header #pcdimmed.on {
  top: 0;
  opacity: 1;
  transition: opacity 0.5s;
}
@media (max-width: 1539px) {
  #header .header_wrap > .inner {
    width: 100%;
  }
  #header a.logo {
    left: 40px;
  }
  #header #util {
    right: 40px;
  }
  #header #gnb.sy100banner .banner_100th {
    right: 40px;
  }
}
@media (max-width: 1399px) {
  #header #gnb {
    display: none;
  }
  #header #util .inquiry_btn {
    height: 25px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.8571428571;
    margin-right: 10px;
  }
  #header #util .inquiry_btn + .search_btn {
    margin-left: 0;
  }
  #header #util .lang_list {
    display: none;
  }
  #header #util .search_btn {
    background-size: 21px 20px;
  }
  #header #util .hammenu_btn {
    display: none;
  }
  #header #util .allmenu_btn {
    display: inline-block;
    margin-left: 11px;
    background-size: 20px 20px;
  }
  #header .linkWrap {
    display: none;
  }
  #header #pcdimmed {
    display: none;
  }
}
@media (max-width: 1023px) {
  #header .header_wrap > .inner {
    width: 100%;
  }
  #header a.logo {
    left: 5.2%;
    width: 159px;
  }
  #header #util {
    width: auto;
    right: 4.8%;
  }
  #header #util .allmenu_btn {
    width: 30px;
    height: 30px;
    margin-left: 8px;
  }
  #header #util .search_btn.on {
    width: 30px;
    height: 30px;
    background-size: 19px 19px;
  }
}
@media (max-width: 766px) {
  #header {
    height: 70px;
  }
  #header .header_wrap {
    height: 70px;
  }
  #header .header_wrap > .inner {
    height: 70px;
  }
  #header a.logo {
    width: 120px;
    top: 28px;
    left: 5.333%;
  }
  #header #util {
    right: 4%;
  }
  #header #util .inquiry_btn {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.75;
  }
  #header #util .inquiry_btn + .search_btn {
    margin-left: 0;
  }
  #header #util .search_btn {
    width: 28px;
    height: 28px;
    background-size: 18px 18px;
  }
  #header #util .search_btn.on {
    width: 25px;
    height: 25px;
    background-size: 15px 15px;
  }
  #header #util .allmenu_btn {
    width: 28px;
    height: 26px;
    background-size: 18px 16px;
  }
}
#header .search_wrap {
  position: fixed;
  top: 90px;
  left: -200%;
  width: 100%;
  height: calc(100% - 90px);
  padding-top: 125px;
  background: url("/resources/cn/global/images/common/search_wrap_bg.jpg") 0 0 no-repeat;
  background-size: cover;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.5s, top 0.5s, height 0.5s;
  overflow: hidden;
  z-index: 10002;
}
#header .search_wrap.on {
  left: 0;
  opacity: 1;
}
#header .search_wrap .search_box strong {
  margin-bottom: 0.9375rem;
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  display: block;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
}
#header .search_wrap .info_box {
  width: 100%;
  margin-top: 3.75rem;
}
#header .search_wrap .info_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#header .search_wrap .info_box > * {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
#header .search_wrap .info_box p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
}
#header .search_wrap .info_box .keyword {
  padding-right: 63.5px;
}
#header .search_wrap .info_box .keyword p {
  padding-bottom: 15px;
}
#header .search_wrap .info_box .keyword .list {
  font-size: 0;
  text-align: left;
  margin-left: -3px;
  max-height: 132px;
  overflow: hidden;
}
#header .search_wrap .info_box .keyword .list li {
  display: inline-block;
  vertical-align: top;
  margin: 5px 3px;
  cursor: pointer;
}
#header .search_wrap .info_box .keyword .list li .tag {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
#header .search_wrap .info_box .link {
  padding-left: 63.5px;
}
#header .search_wrap .info_box .link p {
  padding-bottom: 20px;
}
#header .search_wrap .info_box .link .list {
  width: 280px;
  text-align: left;
  font-size: 0;
}
#header .search_wrap .info_box .link .list li {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  padding-left: 11px;
  box-sizing: border-box;
  position: relative;
}
#header .search_wrap .info_box .link .list li:before {
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #ffffff;
}
#header .search_wrap .info_box .link .list li:nth-of-type(odd) {
  margin-right: 40px;
}
#header .search_wrap .info_box .link .list li:nth-of-type(n + 3) {
  margin-top: 12px;
}
#header .search_wrap .info_box .link .list li a {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  color: #ffffff;
}
@media (max-width: 1023px) {
  #header .search_wrap {
    padding-top: 71px;
    background: url("/resources/cn/global/images/common/search_wrap_mbg.jpg") center no-repeat;
    background-size: cover;
  }
  #header .search_wrap .search_box strong {
    margin-bottom: 1.125rem;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.4666666667;
  }
  #header .search_wrap .info_box {
    margin-top: 2.5rem;
  }
  #header .search_wrap .info_box > * {
    width: auto;
  }
  #header .search_wrap .info_box p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    padding-bottom: 5px;
  }
  #header .search_wrap .info_box .keyword {
    padding-right: 0;
    width: 50%;
  }
  #header .search_wrap .info_box .keyword .list {
    max-height: 105px;
  }
  #header .search_wrap .info_box .link {
    float: right;
    width: 241px;
    padding-left: 0;
    padding-right: 67px;
  }
  #header .search_wrap .info_box .link::before {
    display: none;
  }
  #header .search_wrap .info_box .link .list li {
    width: 50%;
    padding-left: 8px;
    margin-right: 0;
  }
  #header .search_wrap .info_box .link .list li::before {
    width: 3px;
    height: 3px;
    top: 8px;
  }
  #header .search_wrap .info_box .link .list li:nth-of-type(odd) {
    margin-right: 0;
  }
  #header .search_wrap .info_box .link .list li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
  #header .search_wrap .info_box .link .list li a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  #header .search_wrap {
    top: 70px;
    height: calc(100% - 70px);
  }
  #header .search_wrap .info_box .keyword {
    float: none;
    width: 100%;
  }
  #header .search_wrap .info_box .link {
    float: none;
    margin-top: 3.75rem;
  }
}
#header.active .search_wrap {
  top: 70px;
  height: calc(100% - 70px);
}
@media (max-width: 1023px) {
  #header.active .search_wrap {
    top: 74px;
    height: calc(100% - 74px);
  }
}
@media (max-width: 766px) {
  #header.active .search_wrap {
    top: 59px;
    height: calc(100% - 59px);
  }
}

body[data-scroll=down] #header.active .search_wrap.lnb_no {
  top: 0;
  height: 100%;
}
body[data-scroll=down] #header.active .search_wrap.lnb_on {
  top: 70px;
  height: calc(100% - 70px);
}
@media (max-width: 1023px) {
  body[data-scroll=down] #header.active .search_wrap.lnb_on {
    top: 74px;
    height: calc(100% - 74px);
  }
}
@media (max-width: 766px) {
  body[data-scroll=down] #header.active .search_wrap.lnb_on {
    top: 59px;
    height: calc(100% - 59px);
  }
}

#lnb {
  display: none;
  position: fixed;
  width: 100%;
  height: 70px;
  top: -100px;
  left: 0;
  overflow: hidden;
  z-index: 10000;
  background-color: #6EEB83;
  transition: top 0.5s;
}
#lnb.active {
  top: 0;
}
#lnb ul {
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 40px;
  box-sizing: border-box;
}
#lnb ul.scroll__visible:before {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background: linear-gradient(to left, rgb(110, 235, 131), rgba(110, 235, 131, 0));
  transition: 0.3s;
}
#lnb ul.scroll__visible.scroll__active:before, #lnb ul.scroll__visible.scroll__active:after {
  opacity: 0;
}
#lnb ul li {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#lnb ul li + li {
  margin-left: 100px;
}
#lnb ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000000;
}
#lnb ul li a span {
  position: relative;
  display: block;
}
#lnb ul li.active a {
  font-weight: bold;
  color: #000000;
}
@media (max-width: 1023px) {
  #lnb {
    height: 75px;
  }
  #lnb ul {
    padding: 0 40px;
  }
  #lnb ul.scroll__visible:before {
    width: 40px;
  }
  #lnb ul li + li {
    margin-left: 35px;
  }
  #lnb ul li a {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  #lnb ul li.active a {
    position: relative;
  }
  #lnb ul li.active a:before {
    display: block;
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
  }
}
@media (max-width: 766px) {
  #lnb {
    height: 60px;
  }
  #lnb ul {
    padding: 0 20px;
  }
  #lnb ul.scroll__visible:before {
    width: 20px;
  }
}

/* allMenu */
#allMenu {
  position: fixed;
  right: -200%;
  top: 0;
  width: 449px;
  height: 100%;
  z-index: 100000;
  transition: right 0.5s;
}
#allMenu.active {
  right: 0;
}
#allMenu .box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
#allMenu .box .menu_tab {
  position: relative;
  width: 100%;
  height: 70px;
  background: #26247B;
  padding-top: 10px;
  padding-left: 8px;
  box-sizing: border-box;
}
#allMenu .box .menu_tab ul {
  width: calc(100% - 59px);
  font-size: 0;
}
#allMenu .box .menu_tab ul::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#allMenu .box .menu_tab ul li {
  display: table;
  width: calc(50% - 4px);
  height: 60px;
  margin-right: 8px;
  float: left;
  text-align: center;
}
#allMenu .box .menu_tab ul li:last-of-type {
  margin-right: 0;
}
#allMenu .box .menu_tab ul li a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #ffffff;
  font-weight: bold;
  background-color: #939598;
}
#allMenu .box .menu_tab ul li.active a {
  color: #26247B;
  background-color: #ffffff;
}
#allMenu .box .menu_tab ul.grid3 li {
  width: calc(33.333333% - 6px);
}
#allMenu .box .menu_tab a.close_btn {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  bottom: 20px;
  display: block;
}
#allMenu .box .menu_tab a.close_btn img {
  width: 100%;
}
#allMenu .box .menu_cont {
  height: calc(100% - 70px);
}
#allMenu .box .menu_cont .cont {
  display: none;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
#allMenu .box .menu_cont .cont.active {
  display: block;
}
#allMenu .box .menu_cont .cont.cont1 {
  padding-top: 19px;
  overflow-y: auto;
}
#allMenu .box .menu_cont .cont.cont2 {
  overflow-y: auto;
}
#allMenu .box .menu_cont .cont.cont3 {
  padding: 10px 0 0;
  overflow-y: auto;
}
#allMenu .box .gnb_wrap {
  padding: 23px 40px 51px;
  box-sizing: border-box;
  overflow: hidden;
}
#allMenu .box .gnb_wrap .gnb {
  height: 100%;
}
#allMenu .box .gnb_wrap .gnb > ul > li > a {
  position: relative;
  display: block;
  padding: 19px 20px 19px 0;
  font-size: 1.3125rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #222222;
  font-weight: bold;
}
#allMenu .box .gnb_wrap .gnb > ul > li > a:after {
  content: "";
  width: 17px;
  height: 10px;
  background: url("/resources/cn/global/images/common/all_menu_gnb_arrow.svg") center top no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
}
#allMenu .box .gnb_wrap .gnb > ul > li.active > a:after {
  transform: rotate(0);
}
#allMenu .box .gnb_wrap .gnb .sub_gnb {
  display: none;
  background: #f7f7f7;
  padding: 18px 20px;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li a {
  display: block;
  padding: 8px 0;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #222222;
  font-weight: 400;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li.active a {
  font-weight: bold;
  color: #26247B;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li.gnb_outlink a {
  position: relative;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li.gnb_outlink a:after {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  content: "";
  margin: -3px 0 0 4px;
  background: url("/resources/cn/global/images/button/button_outlink_black.svg") center top no-repeat;
  background-size: 100% 100%;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li.zep a {
  position: relative;
}
#allMenu .box .gnb_wrap .gnb .depth2_list li.zep a:after {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  content: "";
  margin: -3px 0 0 4px;
  background: url("/resources/cn/global/images/common/gnb_zep.svg") center top no-repeat;
}
#allMenu .box .banner {
  height: 105px;
  margin: 20px 40px 30px;
  position: relative;
  overflow: hidden;
}
#allMenu .box .banner img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#allMenu .box .lang {
  padding: 0 40px;
  box-sizing: border-box;
  font-size: 0;
}
#allMenu .box .lang li {
  display: inline-block;
  vertical-align: middle;
}
#allMenu .box .lang li + li {
  margin-left: 15px;
}
#allMenu .box .lang li a {
  padding: 5px 0;
  position: relative;
  display: block;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5625;
  font-weight: bold;
  color: #666666;
}
#allMenu .box .lang li.current a {
  color: #26247B;
}
#allMenu .box .quick_inner {
  position: relative;
}
#allMenu .box .quick_inner .quick_tab_box {
  position: relative;
  padding-bottom: 100px;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab {
  width: 100%;
  font-size: 0;
  padding: 35px 0 0 20px;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab .scroll {
  white-space: nowrap;
  overflow: hidden;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab .scroll.scroll__visible:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  transition: 0.3s;
  z-index: 10;
  content: "";
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab .scroll.scroll__active:after {
  opacity: 0;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab .scroll .mCSB_scrollTools {
  top: 100%;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab .scroll .mCSB_scrollTools .mCSB_draggerRail {
  margin: 4px 0;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  position: relative;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 21px;
  content: "";
  transform: translateY(-50%);
  background-color: #ddd;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li:first-of-type {
  padding-left: 0;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li:last-of-type::before {
  display: none;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li a {
  font-size: 1.4375rem;
  letter-spacing: 0;
  line-height: 1.2608695652;
  font-weight: bold;
  color: #999;
}
#allMenu .box .quick_inner .quick_tab_box .quick_tab li.on a {
  color: #26247B;
}
@media (min-width: 1024px) {
  #allMenu .box .quick_inner .quick_tab_box .quick_tab li:hover a {
    color: #26247B;
  }
}
#allMenu .box .quick_inner .quick_tab_box .quick_search {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  padding: 13px 20px 0 20px;
  box-sizing: border-box;
}
#allMenu .box .quick_inner .quick_tab_box .quick_search label {
  position: relative;
  width: 100%;
  height: 100%;
}
#allMenu .box .quick_inner .quick_tab_box .quick_search label input {
  width: 100%;
  padding: 10px 22px 8px 10px;
  border: 0;
  border-bottom: 1px solid #999;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.3571428571;
  color: #222222;
  box-sizing: border-box;
}
#allMenu .box .quick_inner .quick_tab_box .quick_search label input::-moz-placeholder {
  color: #aaaaaa;
}
#allMenu .box .quick_inner .quick_tab_box .quick_search label input::placeholder {
  color: #aaaaaa;
}
#allMenu .box .quick_inner .quick_tab_box .quick_search label a {
  position: absolute;
  top: 11px;
  right: 0;
  width: 22px;
  height: 24px;
  background: url("/resources/cn/global/images/common/quick_search_icon.svg") center no-repeat;
  background-size: 18px 18px;
  font-size: 0;
}
#allMenu .box .quick_inner .quick_list_box {
  width: 100%;
  box-sizing: border-box;
}
#allMenu .box .quick_inner .quick_list_box .quick_list {
  width: 100%;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li {
  width: 100%;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item1 {
  background: url("/resources/cn/global/images/common/quick_list_bg1.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item2 {
  background: url("/resources/cn/global/images/common/quick_list_bg2.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item3 {
  background: url("/resources/cn/global/images/common/quick_list_bg3.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item4 {
  background: url("/resources/cn/global/images/common/quick_list_bg4.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item5 {
  background: url("/resources/cn/global/images/common/quick_list_bg5.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item6 {
  background: url("/resources/cn/global/images/common/quick_list_bg6.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item7 {
  background: url("/resources/cn/global/images/common/quick_list_bg7.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item8 {
  background: url("/resources/cn/global/images/common/quick_list_bg8.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item9 {
  background: url("/resources/cn/global/images/common/quick_list_bg9.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item10 {
  background: url("/resources/cn/global/images/common/quick_list_bg10.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item11 {
  background: url("/resources/cn/global/images/common/quick_list_bg11.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item12 {
  background: url("/resources/cn/global/images/common/quick_list_bg12.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item13 {
  background: url("/resources/cn/global/images/common/quick_list_bg13.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item14 {
  background: url("/resources/cn/global/images/common/quick_list_bg14.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item15 {
  background: url("/resources/cn/global/images/common/quick_list_bg15.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item16 {
  background: url("/resources/cn/global/images/common/quick_list_bg16.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item17 {
  background: url("/resources/cn/global/images/common/quick_list_bg17.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item18 {
  background: url("/resources/cn/global/images/common/quick_list_bg18.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item19 {
  background: url("/resources/cn/global/images/common/quick_list_bg19.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item20 {
  background: url("/resources/cn/global/images/common/quick_list_bg20.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item21 {
  background: url("/resources/cn/global/images/common/quick_list_bg21.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item22 {
  background: url("/resources/cn/global/images/common/quick_list_bg22.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item23 {
  background: url("/resources/cn/global/images/common/quick_list_bg23.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item24 {
  background: url("/resources/cn/global/images/common/quick_list_bg24.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item25 {
  background: url("/resources/cn/global/images/common/quick_list_bg25.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item26 {
  background: url("/resources/cn/global/images/common/quick_list_bg26.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item27 {
  background: url("/resources/cn/global/images/common/quick_list_bg27.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.item28 {
  background: url("/resources/cn/global/images/common/quick_list_bg28.jpg") center top no-repeat;
  background-size: cover;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li a {
  display: block;
  width: 100%;
  padding: 41px 0 41px 20px;
  box-sizing: border-box;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  font-family: "SamyangNeo", sans-serif;
  font-weight: bold;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background 0.5s;
  position: relative;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li a:after {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  content: "";
  margin: -2px 0 0 6px;
  background: url("/resources/cn/global/images/common/quick_list_arrow.svg") center top no-repeat;
  background-size: 100% 100%;
  transition: transform 0.5s;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li a:hover {
  background-color: transparent;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li a:hover::after {
  transform: translateX(10px);
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.black a:hover {
  color: #222222;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.black a:hover::after {
  background: url("/resources/cn/global/images/common/quick_list_black_arrow.svg") center top no-repeat;
  background-size: 100% 100%;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.nodata_item {
  display: none;
  padding-top: 138px;
  text-align: center;
  position: static !important;
  opacity: 1 !important;
  transform: inherit !important;
}
#allMenu .box .quick_inner .quick_list_box .quick_list li.nodata_item p {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: bold;
}
#allMenu .box .quick_inner .quick_list_box .quick_top {
  display: block;
  width: 45px;
  height: 45px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #aaa;
  background: url("/resources/cn/global/images/common/quicklist_top_arrow.svg") center no-repeat;
  background-size: 10px 10px;
}
#allMenu .box .quick_inner .quick_list_box .mCSB_scrollTools {
  opacity: 1;
}
#allMenu .box .quick_inner .quick_list_box.on .quick_list {
  height: 100% !important;
}
#allMenu .box .quick_inner .quick_list_box.on .quick_list li.nodata_item {
  display: block;
}
#allMenu .box .quick_inner .quick_list_box.on .quick_top {
  display: none;
}
#allMenu .box .news_inner {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
}
#allMenu .box .news_inner .list li {
  border-bottom: 1px solid #ddd;
}
#allMenu .box .news_inner .list li a {
  display: block;
  padding: 20px 0;
}
#allMenu .box .news_inner .list li .txt {
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #26247B;
}
#allMenu .box .news_inner .list li .tit {
  margin-top: 0.5625rem;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.3333333333;
  max-height: 2.6666666667em;
  word-break: break-all;
  color: #222222;
}
#allMenu .box .news_inner .quick_top {
  display: block;
  width: 45px;
  height: 45px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #aaa;
  background: url("/resources/cn/global/images/common/quicklist_top_arrow.svg") center no-repeat;
  background-size: 10px 10px;
}
#allMenu .box .banner_100th {
  margin-top: 20px;
}
#allMenu .box .banner_100th .banner_100th_pc {
  display: none;
}
#allMenu .box .banner_100th .banner_100th_mo {
  display: block;
  width: 100%;
}
@media (min-width: 1400px) {
  #allMenu {
    display: none !important;
  }
}
@media (max-width: 766px) {
  #allMenu {
    width: 100%;
  }
  #allMenu .box .menu_cont {
    height: calc(100% - 70px);
  }
  #allMenu .box .gnb_wrap {
    padding: 15px 20px 27px;
  }
  #allMenu .box .banner {
    margin: 20px 20px 30px;
  }
  #allMenu .box .lang {
    padding: 0 20px;
  }
  #allMenu .quick_inner .quick_list_box .quick_top {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  #allMenu .news_inner .quick_top {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

#dimmed {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.8);
  z-index: 99999;
}
#dimmed.active {
  display: block;
}
@media (min-width: 1400px) {
  #dimmed {
    display: none !important;
    position: fixed;
  }
}

#footer {
  background-color: #26247B;
}
#footer .inner {
  max-width: 100%;
}
#footer .top_box {
  width: 100%;
  height: 100px;
  padding: 0 100px;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}
#footer .top_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#footer .top_box .list {
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  height: 100%;
}
#footer .top_box .list li {
  margin-right: 48px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.2105263158;
  color: #000000;
  opacity: 0.6;
}
#footer .top_box .list li.medium {
  font-weight: 500;
  opacity: 1;
}
#footer .top_box .list li:last-of-type {
  margin-right: 0;
}
#footer .top_box .list li.outlink > a {
  position: relative;
}
#footer .top_box .list li.outlink > a:after {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  content: "";
  margin: -2px 0 0 5px;
  background: url("/resources/cn/global/images/button/button_outlink_black.svg") center top no-repeat;
  background-size: cover;
}
#footer .top_box .list li.subsidiary {
  position: relative;
  overflow: hidden;
}
#footer .top_box .list li.subsidiary > a {
  position: relative;
  display: block;
  padding-right: 22px;
}
#footer .top_box .list li.subsidiary > a::before, #footer .top_box .list li.subsidiary > a::after {
  display: block;
  content: "";
  position: absolute;
  background-color: #000000;
  top: 50%;
  transform: translateY(-50%);
}
#footer .top_box .list li.subsidiary > a::before {
  width: 14px;
  height: 2px;
  right: 0;
}
#footer .top_box .list li.subsidiary > a::after {
  width: 2px;
  height: 14px;
  right: 6px;
  transition: transform 0.5s;
}
#footer .top_box .list li.subsidiary .box {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 606px;
  padding: 40px;
  background-color: #E7EBEC;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
  z-index: 10001;
}
#footer .top_box .list li.subsidiary .box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#footer .top_box .list li.subsidiary .box .mCSB_draggerContainer {
  display: none;
}
#footer .top_box .list li.subsidiary .box .row {
  float: left;
}
#footer .top_box .list li.subsidiary .box .row:last-of-type {
  margin-left: 50px;
}
#footer .top_box .list li.subsidiary .box .row dl + dl {
  margin-top: 1.46875rem;
}
#footer .top_box .list li.subsidiary .box .row dl dt {
  margin-bottom: 0.53125rem;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.1875;
  font-weight: bold;
  color: #26247B;
}
#footer .top_box .list li.subsidiary .box .row dl dd a {
  display: block;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.1875;
  color: #000000;
}
#footer .top_box .list li.subsidiary .box .row dl dd a + a {
  margin-top: 0.40625rem;
}
#footer .top_box .list li.subsidiary .box .row dl dd a span {
  font-weight: 300;
}
#footer .top_box .list li.subsidiary.active {
  overflow: visible;
}
#footer .top_box .list li.subsidiary.active > a::after {
  transform: translateY(-50%) rotate(90deg);
}
#footer .top_box .list li.subsidiary.active .box {
  bottom: calc(100% + 38px);
  opacity: 1;
}
#footer .top_box .sns_list {
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  width: auto;
  height: 100%;
}
#footer .top_box .sns_list li {
  width: auto;
  margin-right: 32px;
}
#footer .top_box .sns_list li::before {
  display: none;
}
#footer .top_box .sns_list li:last-of-type {
  margin-right: 0;
}
#footer .bot_box {
  width: 100%;
  padding: 38px 100px;
}
#footer .bot_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#footer .bot_box .ft_logo {
  float: left;
  margin-top: 0.25rem;
  width: 220px;
}
#footer .bot_box .ft_logo img {
  width: 100%;
}
#footer .bot_box .address_box {
  float: right;
  text-align: right;
}
#footer .bot_box .address_box p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1764705882;
  color: #ffffff;
  opacity: 0.6;
}
#footer .bot_box .address_box .txt:first-of-type {
  font-size: 0;
}
#footer .bot_box .address_box .txt:first-of-type > * {
  display: inline-block;
  vertical-align: middle;
}
#footer .bot_box .address_box .txt:first-of-type span {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: -1px 8px 0 8px;
}
#footer .bot_box .address_box .txt:last-of-type {
  margin-top: 0.3125rem;
}
#footer .bot_box .address_box .txt:last-of-type p {
  font-weight: 300;
}
@media (max-width: 1539px) {
  #footer .top_box {
    padding: 0 40px;
  }
  #footer .bot_box {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1399px) {
  #footer .top_box {
    padding: 30px 40px;
    height: auto;
  }
  #footer .top_box .list {
    float: none;
  }
  #footer .top_box .list li.subsidiary.active .box {
    bottom: calc(100% + 30px);
  }
  #footer .top_box .sns_list {
    float: none;
    margin-top: 1.25rem;
  }
  #footer .bot_box {
    padding: 30px 40px;
  }
}
@media (max-width: 1023px) {
  #footer .inner {
    width: 100%;
  }
  #footer .top_box {
    padding: 24px 5.2% 30px;
  }
  #footer .top_box .list li {
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin-top: 0.28125rem;
    margin-bottom: 0.28125rem;
    margin-right: 30px;
  }
  #footer .top_box .list li.outlink > a::after {
    width: 8px;
    height: 8px;
  }
  #footer .top_box .list li.subsidiary > a {
    padding-right: 19px;
  }
  #footer .top_box .list li.subsidiary > a::before {
    width: 11px;
  }
  #footer .top_box .list li.subsidiary > a::after {
    height: 11px;
    right: 5px;
  }
  #footer .top_box .list li.subsidiary .box {
    width: 335px;
    height: 252px;
    padding: 22px 20px 14px 25px;
  }
  #footer .top_box .list li.subsidiary .box .scroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  #footer .top_box .list li.subsidiary .box .scroll::-webkit-scrollbar-thumb {
    background: #6EEB83;
    border: 2px solid #6EEB83;
  }
  #footer .top_box .list li.subsidiary .box .scroll::-webkit-scrollbar-track {
    background: #ffffff;
  }
  #footer .top_box .list li.subsidiary .box .row {
    float: none;
  }
  #footer .top_box .list li.subsidiary .box .row:last-of-type {
    margin-left: auto;
    margin-top: 1.40625rem;
  }
  #footer .top_box .list li.subsidiary .box .row dl + dl {
    margin-top: 1.40625rem;
  }
  #footer .top_box .list li.subsidiary .box .row dl dt {
    margin-bottom: 0.53125rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
  }
  #footer .top_box .list li.subsidiary .box .row dl dd a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
  }
  #footer .top_box .list li.subsidiary .box .row dl dd a + a {
    margin-bottom: 0.53125rem;
  }
  #footer .top_box .list li.subsidiary.active .box {
    bottom: calc(100% + 29px);
  }
  #footer .top_box .sns_list {
    width: auto;
    margin-top: 0.96875rem;
  }
  #footer .top_box .sns_list li {
    width: auto;
    margin-right: 30px;
  }
  #footer .top_box .sns_list li::before {
    display: none;
  }
  #footer .bot_box {
    padding: 30px 5.2% 61px;
  }
  #footer .bot_box .ft_logo {
    width: 159px;
    margin-top: 0;
  }
  #footer .bot_box .address_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
  }
  #footer .bot_box .address_box .txt:last-of-type {
    margin-top: 0.25rem;
  }
}
@media (max-width: 766px) {
  #footer {
    position: relative;
  }
  #footer .top_box {
    padding: 30px 5.333%;
  }
  #footer .top_box .list li {
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin-right: 20px;
  }
  #footer .top_box .list li.subsidiary {
    position: static;
  }
  #footer .top_box .list li.subsidiary > a {
    padding-right: 19px;
  }
  #footer .top_box .list li.subsidiary > a::before {
    width: 11px;
  }
  #footer .top_box .list li.subsidiary > a::after {
    height: 11px;
    right: 5px;
  }
  #footer .top_box .list li.subsidiary .box {
    display: none;
    width: calc(100% - 40px);
    bottom: 100%;
    transition: none;
    opacity: 1;
  }
  #footer .top_box .list li.subsidiary.active .box {
    display: block;
    bottom: 100%;
  }
  #footer .top_box .sns_list {
    margin-top: 1.40625rem;
  }
  #footer .top_box .sns_list li {
    margin-right: 40px;
  }
  #footer .bot_box {
    padding: 30px 5.333% 61px;
  }
  #footer .bot_box .ft_logo {
    float: none;
    width: 142.5px;
  }
  #footer .bot_box .address_box {
    float: none;
    text-align: left;
    margin-top: 0.59375rem;
  }
  #footer .bot_box .address_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7857142857;
  }
  #footer .bot_box .address_box .txt:last-of-type {
    margin-top: 0;
  }
}

/* 이메일무단 수집거부 */
.common_popup.type1 .cont .con_box {
  padding: 60px 40px;
}
.common_popup.type1 .cont .con_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #666666;
}
.common_popup.type1 .cont .con_box p.date {
  margin-top: 1.875rem;
  text-align: right;
}
@media (max-width: 1023px) {
  .common_popup.type1 .cont .con_box {
    padding: 30px 20px;
  }
  .common_popup.type1 .cont .con_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .common_popup.type1 .cont .con_box p.date {
    margin-top: 1.25rem;
  }
}
@media (max-width: 766px) {
  .common_popup.type1 .cont .con_box p.date {
    margin-top: 1.25rem;
  }
}

/* components */
.tab_cont .tabpanel {
  display: none;
}
.tab_cont .tabpanel.active {
  display: block;
}

.table_wrap {
  position: relative;
  width: 100%;
  /* 테이블 공통 요소 */
  /* // 테이블 공통 요소 */
  /* type01 - 기본 타입 */
}
.table_wrap .table.title_bg thead th {
  background-color: #f7f7f7;
}
.table_wrap .table.line1 tbody td {
  height: 70px;
  padding: 10px 20px;
}
.table_wrap .table.line1 tbody td.tit a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.6842105263;
  max-height: 1.6842105263em;
}
.table_wrap table {
  border-top: 2px solid #222;
}
.table_wrap thead tr {
  border-bottom: 1px solid #aaa;
}
.table_wrap thead th {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  color: #222222;
}
.table_wrap tbody tr {
  border-bottom: 1px solid #aaa;
  color: #666666;
}
.table_wrap tbody th {
  font-weight: 500;
}
.table_wrap tbody td a {
  display: block;
}
.table_wrap tbody td a:hover {
  color: #26247B;
}
@media (max-width: 1023px) {
  .table_wrap thead th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .table_wrap .table {
    position: relative;
  }
  .table_wrap .table .scroll {
    padding-bottom: 16px;
    overflow: hidden;
  }
  .table_wrap .table .scroll table {
    min-width: 670px;
  }
  .table_wrap .table .scroll.scroll__visible:before {
    display: block;
    position: absolute;
    top: 75px;
    right: 5.97%;
    z-index: 1;
    width: 65px;
    height: 33px;
    background: url("/resources/cn/global/images/board/swipe_icon.svg") center no-repeat;
    background-size: 100%;
    transition: 0.3s;
    content: "";
  }
  .table_wrap .table .scroll.scroll__visible:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: calc(100% - 18px);
    background: linear-gradient(-90deg, rgba(221, 221, 221, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
    content: "";
  }
  .table_wrap .table .scroll.scroll__visible.scroll__active:before, .table_wrap .table .scroll.scroll__visible.scroll__active:after {
    opacity: 0;
  }
}
.table_wrap.type01 table col.num {
  min-width: 60px;
}
.table_wrap.type01 table col.date {
  min-width: 90px;
}
.table_wrap.type01 thead th {
  padding: 0 10px;
  height: 80px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
}
.table_wrap.type01 tbody td {
  padding: 24px 20px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  text-align: center;
}
.table_wrap.type01 tbody td.tit {
  text-align: left;
}
@media (max-width: 1023px) {
  .table_wrap.type01 thead th {
    height: 60px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap.type01 tbody td {
    padding: 20px 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .table_wrap.type01 tbody td.tit {
    padding-left: 20px;
  }
  .table_wrap.type01 .table.line1 tbody td {
    padding: 20px 10px;
    height: 60px;
  }
  .table_wrap.type01 .table.line1 tbody td.tit a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.1428571429;
    max-height: 1.1428571429em;
  }
}
@media (max-width: 766px) {
  .table_wrap.type01 .table .num {
    display: none;
  }
  .table_wrap.type01 .table col.num {
    width: auto;
  }
  .table_wrap.type01 .table col.tit {
    width: auto;
  }
  .table_wrap.type01 .table col.date {
    width: 90px;
  }
}
.table_wrap.type02::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.table_wrap.type02 .table .total {
  font-weight: bold;
  color: #222222;
}
.table_wrap.type02 .table_head {
  float: left;
  width: 25%;
  max-width: 260px;
}
.table_wrap.type02 .table_head table tr:first-child th {
  height: 105px;
  padding: 0 60px;
  background: #f7f7f7;
  font-weight: bold;
}
.table_wrap.type02 .table_head table th {
  height: 70px;
  padding: 0 60px;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5555555556;
  text-align: left;
  box-sizing: border-box;
}
.table_wrap.type02 .table_head table th.point {
  font-weight: bold;
  color: #26247B;
}
.table_wrap.type02 .table_body {
  float: left;
  width: 75%;
  white-space: nowrap;
}
.table_wrap.type02 .table_body .scroll.scroll__visible:after {
  right: auto;
  left: 0;
  background: linear-gradient(90deg, rgba(221, 221, 221, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.table_wrap.type02 .table_body th {
  max-width: 240px;
  height: 105px;
  padding: 0 60px;
  background: #f7f7f7;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5555555556;
  color: #222222;
  text-align: right;
  box-sizing: border-box;
}
.table_wrap.type02 .table_body td {
  max-width: 240px;
  height: 70px;
  padding: 0 60px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #666666;
  text-align: right;
}
.table_wrap.type02 .table_body .financial_date {
  display: block;
  font-weight: 400;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.3684210526;
}
@media (max-width: 1023px) {
  .table_wrap.type02 .table_head {
    max-width: 225px;
  }
  .table_wrap.type02 .table_head table tr:first-child th {
    height: 90px;
    padding: 0 0 0 17.777%;
    font-weight: bold;
  }
  .table_wrap.type02 .table_head table th {
    height: 50px;
    padding: 0 0 0 17.777%;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap.type02 .table_body th {
    height: 90px;
    padding: 0 8.7% 0 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap.type02 .table_body td {
    height: 50px;
    padding: 0 8.7% 0 0;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .table_wrap.type02 .table_body .financial_date {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 1023px) {
  .table_wrap.type02 .table .scroll table {
    min-width: 456px;
  }
  .table_wrap.type02 .table th {
    max-width: 152px;
  }
  .table_wrap.type02 .table td {
    max-width: 152px;
  }
}
.table_wrap .table.sticky .scroll.scroll__visible:after {
  right: auto;
  left: 245px;
  background: linear-gradient(90deg, rgba(221, 221, 221, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.table_wrap .table.sticky .scroll .mCSB_container {
  max-width: 980px !important;
}
.table_wrap .table.sticky .scroll table {
  min-width: 0;
}
.table_wrap .table.sticky .col01 {
  width: 245px;
}
.table_wrap .table.sticky .col02 {
  width: 245px;
}
.table_wrap .table.sticky table {
  table-layout: fixed;
}
.table_wrap .table.sticky thead tr th {
  height: 105px;
  padding: 20px 50px;
  background: #f7f7f7;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  color: #222222;
  text-align: right;
  box-sizing: border-box;
}
.table_wrap .table.sticky thead tr th:nth-of-type(1) {
  text-align: left;
  padding: 20px 10px 20px 50px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  left: 0;
  top: 0;
  background-color: transparent;
}
.table_wrap .table.sticky thead tr th:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 1px);
  background-color: #f7f7f7;
}
.table_wrap .table.sticky thead tr th .financial_date {
  display: block;
  font-weight: 400;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.3684210526;
  white-space: nowrap;
}
.table_wrap .table.sticky thead tr th.point {
  font-weight: bold;
  color: #26247B;
}
.table_wrap .table.sticky thead tr th.total {
  font-weight: bold;
  color: #222222;
}
.table_wrap .table.sticky tbody tr th {
  height: 70px;
}
.table_wrap .table.sticky tbody tr th:nth-of-type(1) {
  text-align: left;
  padding: 20px 10px 20px 50px;
  font-weight: 400;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
  left: 0;
  top: 0;
  background-color: transparent;
}
.table_wrap .table.sticky tbody tr th:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 1px);
  background-color: #ffffff;
}
.table_wrap .table.sticky tbody tr th.two_line {
  height: 95px;
}
.table_wrap .table.sticky tbody tr th.sub_line_txt {
  height: 90px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
}
.table_wrap .table.sticky tbody tr th.sub_line_txt:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px 0 0;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.table_wrap .table.sticky tbody tr th.sub_line_txt p {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 24px);
}
.table_wrap .table.sticky tbody tr th.point {
  font-weight: bold;
  color: #26247B;
}
.table_wrap .table.sticky tbody tr th.total {
  font-weight: bold;
  color: #222222;
}
.table_wrap .table.sticky tbody tr td {
  height: 70px;
  height: 70px;
  padding: 20px 50px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #666666;
  text-align: right;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 1023px) {
  .table_wrap .table.sticky .scroll.scroll__visible:after {
    left: 225px;
  }
  .table_wrap .table.sticky .col01 {
    width: 225px;
  }
  .table_wrap .table.sticky .col02 {
    width: 152px;
  }
  .table_wrap .table.sticky thead tr th {
    height: 90px;
    padding: 20px 5.86% 20px 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap .table.sticky thead tr th .financial_date {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap .table.sticky thead tr th:nth-of-type(1) {
    padding: 20px 0 20px 3.91%;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap .table.sticky tbody tr th {
    height: 50px;
  }
  .table_wrap .table.sticky tbody tr th:nth-of-type(1) {
    padding: 10px 0 10px 3.91%;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .table_wrap .table.sticky tbody tr th.sub_line_txt {
    height: 60px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .table_wrap .table.sticky tbody tr th.sub_line_txt:before {
    width: 8px;
    height: 8px;
  }
  .table_wrap .table.sticky tbody tr th.sub_line_txt p {
    width: calc(100% - 20px);
  }
  .table_wrap .table.sticky tbody tr td {
    height: 50px;
    padding: 10px 5.86% 10px 0;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
    color: #666666;
    text-align: right;
  }
}
@media (max-width: 766px) {
  .table_wrap .table.sticky .scroll.scroll__visible:after {
    left: 152px;
  }
  .table_wrap .table.sticky .col01 {
    width: 152px;
  }
  .table_wrap .table.sticky .col02 {
    width: 152px;
  }
  .table_wrap .table.sticky thead tr th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .table_wrap .table.sticky thead tr th:nth-of-type(1) {
    padding: 20px 5px 20px 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .table_wrap .table.sticky thead tr th .financial_date {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .table_wrap .table.sticky tbody tr th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .table_wrap .table.sticky tbody tr th:nth-of-type(1) {
    padding: 10px 5px 10px 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .table_wrap .table.sticky tbody tr th.sub_line_txt {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .table_wrap .table.sticky tbody tr td {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
}

.table_bot_text {
  margin-top: 1.25rem;
}
.table_bot_text::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.table_bot_text .left {
  float: left;
  text-align: left;
}
.table_bot_text .right {
  text-align: right;
  float: right;
}
.table_bot_text p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .table_bot_text {
    margin-top: 0.6875rem;
  }
  .table_bot_text p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
}

.table_top_text {
  margin-bottom: 1.25rem;
}
.table_top_text::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.table_top_text .left {
  float: left;
  text-align: left;
}
.table_top_text .right {
  text-align: right;
  float: right;
}
.table_top_text p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .table_top_text {
    margin-bottom: 0.6875rem;
  }
  .table_top_text p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
}

.list_wrap {
  border-top: 2px solid #222222;
}
.list_wrap li {
  padding: 30px;
  border-bottom: 1px solid #dddddd;
}
.list_wrap li > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.list_wrap .category {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #26247B;
}
@media (min-width: 1024px) {
  .list_wrap .category a:hover {
    text-decoration: underline;
  }
}
.list_wrap p {
  width: 560px;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
  word-break: break-all;
}
.list_wrap .down_box {
  width: 260px;
  font-size: 0;
}
.list_wrap .down_box a {
  display: inline-block;
  width: 49px;
  margin-right: 27px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 0.7058823529;
  color: #000000;
}
.list_wrap .down_box a::after {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: -3px 0 0 8px;
  background: url("/resources/cn/global/images/button/icon_download.svg") center no-repeat;
  background-size: 100%;
  content: "";
}
.list_wrap .down_box a:last-child {
  margin-right: 0;
}
.list_wrap .down_box a:hover {
  color: #6EEB83;
}
.list_wrap .down_box a:hover::after {
  background: url("/resources/cn/global/images/button/icon_download_green.svg") center no-repeat;
  background-size: 100%;
}
.list_wrap.type1 li {
  padding: 30px 44px 30px 30px;
}
.list_wrap.type1 li.title_box {
  background-color: #f7f7f7;
  padding: 27px 40px 25px 0;
}
.list_wrap.type1 li.title_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.list_wrap.type1 li.title_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.list_wrap.type1 li.title_box .tit {
  float: left;
  width: calc(100% - 273px);
  text-align: center;
}
.list_wrap.type1 li.title_box .country_txt {
  display: block;
  float: left;
  width: 273px;
  font-size: 0;
  text-align: right;
}
.list_wrap.type1 li.title_box .country_txt p {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding-right: 0;
  margin-right: 48px;
}
.list_wrap.type1 li.title_box .country_txt p:last-of-type {
  margin-right: 0;
}
.list_wrap.type1 li .down_box {
  width: 273px;
  text-align: right;
}
.list_wrap.type1 li .down_box a {
  width: auto;
  min-width: 16px;
  font-size: 0;
  margin-right: 58px;
}
.list_wrap.type1 li .down_box a:last-of-type {
  margin-right: 0;
}
.list_wrap.type1 li .down_box a::after {
  margin-left: 0;
}
.list_wrap.type1 li .down_box a.no {
  cursor: none;
  font-size: 0;
}
.list_wrap.type1 li .down_box a.no::after {
  display: none;
}
@media (max-width: 1023px) {
  .list_wrap li {
    padding: 20px 5.97%;
  }
  .list_wrap .category {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
  .list_wrap p {
    width: 56.9%;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .list_wrap .down_box {
    width: 220px;
  }
  .list_wrap .down_box a {
    width: 42px;
    margin-right: 20px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 0.8571428571;
  }
  .list_wrap .down_box a::after {
    width: 14px;
    height: 14px;
    margin-left: 7px;
  }
  .list_wrap .down_box a:hover {
    color: #666666;
  }
  .list_wrap .down_box a:hover::after {
    background: url("/resources/cn/global/images/button/icon_download.svg") center no-repeat;
    background-size: 100%;
  }
  .list_wrap.type1 li {
    padding: 20px 6.3% 17px 2.5%;
  }
  .list_wrap.type1 li.title_box {
    background-color: #f7f7f7;
    padding: 19px 5.97% 17px 2.5%;
  }
  .list_wrap.type1 li.title_box::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .list_wrap.type1 li.title_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .list_wrap.type1 li.title_box .tit {
    float: left;
    width: calc(100% - 235px);
    text-align: center;
  }
  .list_wrap.type1 li.title_box .country_txt {
    width: 235px;
  }
  .list_wrap.type1 li.title_box .country_txt p {
    margin-right: 45px;
  }
  .list_wrap.type1 li .down_box {
    width: 232px;
  }
  .list_wrap.type1 li .down_box a {
    margin-right: 51px;
  }
  .list_wrap.type1 li .down_box a:last-of-type {
    margin-right: 0;
  }
}
@media (max-width: 766px) {
  .list_wrap li {
    padding: 20px 5.97%;
  }
  .list_wrap p {
    width: 100%;
  }
  .list_wrap .down_box {
    width: 100%;
    margin-top: 1.25rem;
  }
  .list_wrap.type1 li.title_box {
    display: none;
  }
  .list_wrap.type1 li .down_box {
    width: 100%;
    text-align: left;
  }
  .list_wrap.type1 li .down_box a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 0.8571428571;
    margin-right: 20px;
  }
  .list_wrap.type1 li .down_box a::after {
    margin-left: 7px;
  }
  .list_wrap.type1 li .down_box a.no {
    display: none;
  }
}

.list_wrap1 {
  border-top: 2px solid #222222;
}
.list_wrap1 li {
  padding: 30px 44px 30px 30px;
  border-bottom: 1px solid #dddddd;
  font-size: 0;
}
.list_wrap1 li > * {
  display: inline-block;
  vertical-align: middle;
}
.list_wrap1 li .category {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #26247B;
}
@media (min-width: 1024px) {
  .list_wrap1 li .category a:hover {
    text-decoration: underline;
  }
}
.list_wrap1 li div {
  width: calc(100% - 20px);
  font-size: 0;
}
.list_wrap1 li div > * {
  display: inline-block;
  vertical-align: middle;
}
.list_wrap1 li div p {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
}
.list_wrap1 li div p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  font-weight: 400;
  margin-top: -4px;
  color: #666666;
}
.list_wrap1 li .down_box {
  width: 20px;
  text-align: right;
}
.list_wrap1 li .down_box a {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1176470588;
}
.list_wrap1 li .down_box a::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url("/resources/cn/global/images/button/icon_download.svg") center no-repeat;
  background-size: 100%;
  content: "";
}
.list_wrap1 li .down_box a:hover::after {
  background: url("/resources/cn/global/images/button/icon_download_blue.svg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .list_wrap1 li {
    padding: 20px 6.3% 17px 2.5%;
  }
  .list_wrap1 li .category {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
  .list_wrap1 li div p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .list_wrap1 li div p span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
  .list_wrap1 li .down_box {
    display: inline-block;
    vertical-align: middle;
  }
  .list_wrap1 li .down_box a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 0.8571428571;
  }
  .list_wrap1 li .down_box a::after {
    display: inline-block;
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 766px) {
  .list_wrap1 li {
    padding: 20px 2.5%;
  }
  .list_wrap1 li div {
    width: 100%;
  }
  .list_wrap1 li div p {
    width: 100%;
    padding-right: 0;
  }
  .list_wrap1 li .down_box {
    width: 100%;
    margin-top: 1.25rem;
    text-align: left;
  }
  .list_wrap1 li .down_box a::after {
    margin-left: 0;
  }
}

/******gallery_type01******/
.gallery_type01 .gallery {
  width: 100%;
  font-size: 0;
}
.gallery_type01 .gallery li {
  display: inline-block;
  vertical-align: top;
}
.gallery_type01 .gallery li .img_box {
  overflow: hidden;
  position: relative;
  width: 100%;
  outline: 1px solid #dddddd;
  box-sizing: border-box;
  transition: 0.5s;
}
.gallery_type01 .gallery li .img_box a {
  display: block;
  position: relative;
}
.gallery_type01 .gallery li .img_box a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.0005);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transition: transform 0.5s;
}
.gallery_type01 .gallery li .img_box .sns {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 42px;
  height: 42px;
}
.gallery_type01 .gallery li .txt_box {
  padding-top: 24px;
}
.gallery_type01 .gallery li .txt_box .enterprise {
  display: block;
  font-size: 0;
}
.gallery_type01 .gallery li .txt_box .enterprise p {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #26247B;
  padding: 0 10px;
  position: relative;
}
.gallery_type01 .gallery li .txt_box .enterprise p:before {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #aaa;
}
.gallery_type01 .gallery li .txt_box .enterprise p:first-of-type {
  padding-left: 0;
}
.gallery_type01 .gallery li .txt_box .enterprise p:last-of-type {
  padding-right: 0;
}
.gallery_type01 .gallery li .txt_box .enterprise p:last-of-type::before {
  display: none;
}
.gallery_type01 .gallery li .txt_box .tit {
  margin-top: 0.1875rem;
  margin-bottom: 1rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4545454545;
  max-height: 2.9090909091em;
  word-break: break-all;
}
.gallery_type01 .gallery li .txt_box .tit p {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}
.gallery_type01 .gallery li .txt_box .category {
  font-size: 0;
  overflow: hidden;
  height: 34px;
}
.gallery_type01 .gallery li .txt_box .category .tag {
  max-width: 100%;
  margin-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.gallery_type01 .gallery li .txt_box .category .tag:last-of-type {
  margin-right: 0;
}
.gallery_type01 .gallery li .txt_box .date {
  padding-top: 16px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #999;
}
@media (min-width: 1024px) {
  .gallery_type01 .gallery li.hover .img_box {
    background-size: 115%;
    transition: 0.5s;
  }
  .gallery_type01 .gallery li.hover .img_box a > img {
    transform: translate(-50%, -50%) scale(1.15);
  }
  .gallery_type01 .gallery li.hover .txt_box .tit p {
    text-decoration: underline;
  }
  .gallery_type01 .gallery li .enterprise:hover p {
    text-decoration: underline;
  }
}
.gallery_type01 .gallery li.youtube .sns {
  background: url("/resources/cn/global/images/board/youtube_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.gallery_type01 .gallery li.blog .sns {
  background: url("/resources/cn/global/images/board/blog_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.gallery_type01 .gallery li.instagram .sns {
  background: url("/resources/cn/global/images/board/instar_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.gallery_type01 .gallery.grid3 li {
  width: calc(33.333333% - 20px);
  margin-right: 30px;
}
.gallery_type01 .gallery.grid3 li:nth-of-type(3n) {
  margin-right: 0;
}
.gallery_type01 .gallery.grid3 li:nth-of-type(n + 4) {
  margin-top: 4.6875rem;
}
.gallery_type01 .gallery.grid3 li .img_box a {
  padding-top: 200px;
}
.gallery_type01 .gallery.grid2 li {
  width: calc(50% - 15px);
}
.gallery_type01 .gallery.grid2 li:nth-of-type(odd) {
  margin-right: 30px;
}
.gallery_type01 .gallery.grid2 li:nth-of-type(n + 3) {
  margin-top: 4.6875rem;
}
.gallery_type01 .gallery.grid2 li .img_box a {
  padding-top: 310px;
}
.gallery_type01 .gallery.webinar_gallery li .img_box a {
  padding-top: 260px;
  transition: all 0.5s;
  background-color: #f7f7f7;
  position: relative;
  position: relative;
}
.gallery_type01 .gallery.webinar_gallery li .img_box a:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  content: "";
  transform: translate(-50%, -50%);
  background: url("/resources/cn/global/images/board/play_btn.svg") center top no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.gallery_type01 .gallery.webinar_gallery li .img_box a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1023px) {
  .gallery_type01 .gallery li .txt_box {
    padding-top: 20px;
  }
  .gallery_type01 .gallery li .txt_box .enterprise p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
    position: relative;
  }
  .gallery_type01 .gallery li .txt_box .enterprise p:before {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 10px;
    content: "";
  }
  .gallery_type01 .gallery li .txt_box .tit {
    margin-top: 0.4375rem;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3333333333;
    max-height: 2.6666666667em;
  }
  .gallery_type01 .gallery li .txt_box .category {
    height: 25px;
  }
  .gallery_type01 .gallery li .txt_box .date {
    padding-top: 15px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
  }
  .gallery_type01 .gallery.grid3 li, .gallery_type01 .gallery.grid2 li {
    width: calc(50% - 10px);
    margin-right: 0;
  }
  .gallery_type01 .gallery.grid3 li:nth-of-type(odd), .gallery_type01 .gallery.grid2 li:nth-of-type(odd) {
    margin-right: 20px;
  }
  .gallery_type01 .gallery.grid3 li:nth-of-type(n + 3), .gallery_type01 .gallery.grid2 li:nth-of-type(n + 3) {
    margin-top: 3.125rem;
  }
  .gallery_type01 .gallery.grid3 li .img_box a, .gallery_type01 .gallery.grid2 li .img_box a {
    padding-top: 65.373%;
  }
  .gallery_type01 .gallery.webinar_gallery li .img_box a {
    padding-top: 54.373%;
  }
}
@media (max-width: 766px) {
  .gallery_type01 .gallery.grid3 li, .gallery_type01 .gallery.grid2 li {
    width: 100%;
  }
  .gallery_type01 .gallery.grid3 li:nth-of-type(odd), .gallery_type01 .gallery.grid2 li:nth-of-type(odd) {
    margin-right: 0;
  }
  .gallery_type01 .gallery.grid3 li:nth-of-type(n + 2), .gallery_type01 .gallery.grid2 li:nth-of-type(n + 2) {
    margin-top: 3.125rem;
  }
}

/******view_type01******/
.view_type01 .title_box {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.view_type01 .title_box .enterprise {
  padding-bottom: 15px;
  font-size: 0;
}
.view_type01 .title_box .enterprise p {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  color: #26247B;
  position: relative;
}
.view_type01 .title_box .enterprise p:before {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #aaa;
}
.view_type01 .title_box .enterprise p:first-of-type {
  padding-left: 0;
}
.view_type01 .title_box .enterprise p:last-of-type {
  padding-right: 0;
}
.view_type01 .title_box .enterprise p:last-of-type::before {
  display: none;
}
@media (min-width: 1024px) {
  .view_type01 .title_box .enterprise p a:hover {
    text-decoration: underline;
  }
}
.view_type01 .title_box .tit {
  padding-bottom: 23px;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #222222;
  word-break: break-all;
}
.view_type01 .title_box .data_box .date {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  color: #666666;
}
.view_type01 .view_content {
  padding: 60px 0 80px;
  border-bottom: 1px solid #ddd;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  font-size: 19px !important;
  color: #222222 !important;
  font-family: inherit !important;
}
.view_type01 .view_content * {
  font-size: 19px !important;
  color: #222222 !important;
  font-family: inherit !important;
}
.view_type01 .view_content .list_txt {
  margin-bottom: 3.75rem;
  padding: 40px 60px;
  background-color: #f7f7f7;
}
.view_type01 .view_content .list_txt p {
  padding-left: 10px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  position: relative;
}
.view_type01 .view_content .list_txt p:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 5px;
  height: 2px;
  content: "";
  background-color: #222;
}
.view_type01 .view_content img {
  margin-bottom: 1.5625rem;
}
.view_type01 .view_content table {
  border-top: 2px solid #222;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.view_type01 .view_content table tr {
  border-bottom: 1px solid #aaa;
}
.view_type01 .view_content table tr th {
  padding: 0 10px;
  height: 80px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  font-size: 17px !important;
  color: #222222 !important;
}
.view_type01 .view_content table tr td {
  padding: 24px 20px;
  text-align: center;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  font-size: 17px !important;
  color: #222222 !important;
}
.view_type01 .view_content ul li,
.view_type01 .view_content ol li {
  position: relative;
  padding-left: 15px;
}
.view_type01 .view_content ul li:before,
.view_type01 .view_content ol li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "·";
}
@media (max-width: 1023px) {
  .view_type01 .view_content {
    font-size: 16px !important;
  }
  .view_type01 .view_content * {
    font-size: 16px !important;
  }
  .view_type01 .view_content table tr th {
    height: 60px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    font-size: 14px !important;
  }
  .view_type01 .view_content table tr td {
    padding: 20px 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    font-size: 14px !important;
  }
  .view_type01 .view_content ul li,
.view_type01 .view_content ol li {
    padding-left: 12px;
  }
}
.view_type01 .keyword_box {
  padding: 17px 22px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
}
.view_type01 .keyword_box > * {
  display: inline-block;
  vertical-align: middle;
}
.view_type01 .keyword_box > p {
  width: 91px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  font-weight: bold;
  color: #222222;
}
.view_type01 .keyword_box .category {
  width: calc(100% - 91px);
  font-size: 0;
}
.view_type01 .keyword_box .category .tag {
  margin: 3px;
}
.view_type01 .file_box {
  padding: 28px 22px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
}
.view_type01 .file_box > * {
  display: inline-block;
  vertical-align: middle;
}
.view_type01 .file_box > p {
  width: 96px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  font-weight: bold;
  color: #222222;
}
.view_type01 .file_box .file_name {
  width: calc(100% - 96px);
  font-size: 0;
}
.view_type01 .file_box .file_name .box + .box {
  margin-top: 0.625rem;
}
.view_type01 .file_box .file_name a {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  color: #26247B;
  font-weight: 400;
  text-decoration: underline;
  word-break: break-all;
}
.view_type01 .btn_box {
  padding-top: 90px;
  width: 100%;
  text-align: center;
}
.view_type01 .btn_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.view_type01 .btn_box .btn {
  margin-right: 0;
}
.view_type01 .btn_box .writingbtn {
  margin-top: 17px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  position: relative;
}
.view_type01 .btn_box .writingbtn:before {
  display: block;
  position: absolute;
  top: 6px;
  width: 15px;
  height: 15px;
  content: "";
}
.view_type01 .btn_box .writingbtn.prev_btn {
  float: left;
  padding-left: 32px;
}
.view_type01 .btn_box .writingbtn.prev_btn::before {
  left: 0;
  background: url("/resources/cn/global/images/board/view_arrow_prev.svg") center no-repeat;
  background-size: 100% 100%;
}
.view_type01 .btn_box .writingbtn.next_btn {
  float: right;
  padding-right: 32px;
}
.view_type01 .btn_box .writingbtn.next_btn::before {
  right: 0;
  background: url("/resources/cn/global/images/board/view_arrow_next.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1023px) {
  .view_type01 .title_box .enterprise {
    padding-bottom: 10px;
  }
  .view_type01 .title_box .enterprise p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.1875;
  }
  .view_type01 .title_box .enterprise p::before {
    top: 4px;
  }
  .view_type01 .title_box .tit {
    padding-bottom: 13px;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .view_type01 .title_box .data_box .date {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.1875;
  }
  .view_type01 .view_content {
    padding: 40px 0 60px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .view_type01 .view_content .list_txt {
    margin-bottom: 2.5rem;
    padding: 20px;
  }
  .view_type01 .view_content .list_txt p {
    margin-top: 0.28125rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .view_type01 .view_content .list_txt p::before {
    top: 9px;
  }
  .view_type01 .view_content .list_txt p:first-of-type {
    margin-top: 0;
  }
  .view_type01 .view_content .img {
    margin-bottom: 1.875rem;
  }
  .view_type01 .view_content .type1 {
    margin-bottom: 2.8125rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .view_type01 .view_content .type2 {
    margin-bottom: 1.5625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .view_type01 .keyword_box {
    padding: 20px 4px 14px 10px;
  }
  .view_type01 .keyword_box > * {
    display: block;
  }
  .view_type01 .keyword_box > p {
    width: 100%;
    margin-left: 6px;
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .view_type01 .keyword_box .category {
    width: 100%;
  }
  .view_type01 .keyword_box .category .tag {
    margin: 6px;
  }
  .view_type01 .file_box {
    padding: 20px;
  }
  .view_type01 .file_box > p {
    width: 74px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .view_type01 .file_box .file_name {
    width: calc(100% - 74px);
  }
  .view_type01 .file_box .file_name .box + .box {
    margin-top: 0.625rem;
  }
  .view_type01 .file_box .file_name a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.0714285714;
  }
  .view_type01 .btn_box {
    padding-top: 50px;
  }
  .view_type01 .btn_box .writingbtn {
    margin-top: 17px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
    position: relative;
  }
  .view_type01 .btn_box .writingbtn:before {
    display: block;
    position: absolute;
    top: 3px;
    width: 14px;
    height: 10px;
    content: "";
  }
  .view_type01 .btn_box .writingbtn.prev_btn {
    padding-left: 26px;
  }
  .view_type01 .btn_box .writingbtn.next_btn {
    padding-right: 26px;
  }
}
@media (max-width: 766px) {
  .view_type01 .file_box {
    padding: 20px 10px;
  }
  .view_type01 .file_box > p {
    width: 100%;
  }
  .view_type01 .file_box .file_name {
    margin-top: 0.5rem;
    width: 100%;
  }
  .view_type01 .file_box .file_name .box + .box {
    margin-top: 0.625rem;
  }
}

/******write_type01******/
.write_wrap .table_form {
  padding: 25px 0;
  border-top: 3px solid #222;
  border-bottom: 1px solid #aaa;
}
.write_wrap .table_form .form .item .row {
  display: inline-block;
  padding: 15px 0;
  vertical-align: middle;
  font-size: 0;
}
.write_wrap .table_form .form .item .row dt {
  display: inline-block;
  vertical-align: middle;
}
.write_wrap .table_form .form .item .row dt label {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  font-weight: bold;
  color: #222222;
  text-align: left;
}
.write_wrap .table_form .form .item .row dt label .txt_point {
  margin-left: 4px;
  color: red;
}
.write_wrap .table_form .form .item .row dt.top {
  vertical-align: top;
  padding-top: 15px;
}
.write_wrap .table_form .form .item .row dd {
  display: inline-block;
  vertical-align: middle;
}
.write_wrap .table_form + .agree_accordion ul li {
  border-top: none;
}
.write_wrap_info .table_form .item {
  font-size: 0;
}
.write_wrap_info .table_form .item .row {
  display: inline-block;
  width: calc(50% - 10px);
}
.write_wrap_info .table_form .item .row:first-child {
  margin-right: 20px;
}
.write_wrap_info .table_form .item .row dt {
  display: block;
  width: 100%;
  margin-bottom: 0.625rem;
}
.write_wrap_info .table_form .item .row dd {
  display: block;
  width: 100%;
}
.write_wrap_info .table_form .item .row dd .input_area.w-336 {
  max-width: 100%;
}
.write_wrap_info .table_form .item .row dd .custom_select_area {
  max-width: 100%;
}
.write_wrap_content .table_form .item .row {
  width: 100%;
}
.write_wrap_content .table_form .item .row dt {
  width: 100%;
  margin-bottom: 0.625rem;
}
.write_wrap_content .table_form .item .row dd {
  width: 100%;
}
.write_wrap_content .table_form .item .row dd .input_area.w-336 {
  max-width: 100%;
}
.write_wrap_content .table_form .item .row dd .custom_select_area {
  max-width: 100%;
}
.write_wrap .tit_box {
  position: relative;
  padding-bottom: 18px;
}
.write_wrap .tit_box h5 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.write_wrap .tit_box strong {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.write_wrap .tit_box p {
  position: absolute;
  bottom: 18px;
  right: 0;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1176470588;
  color: #666666;
}
.write_wrap .tit_box p span {
  color: #ef2b2a;
}
@media (max-width: 1023px) {
  .write_wrap .tit_box {
    padding-bottom: 13px;
  }
  .write_wrap .tit_box h5 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .write_wrap .tit_box strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .write_wrap .tit_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    bottom: 13px;
  }
  .write_wrap .input_area.w-336 {
    max-width: 100%;
  }
  .write_wrap .table_form {
    padding: 15px 0;
  }
  .write_wrap .table_form .form .item .row dt {
    margin-bottom: 0.65625rem;
  }
  .write_wrap .table_form .form .item .row dt label {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .write_wrap_info .table_form .item {
    font-size: 0;
  }
  .write_wrap_info .table_form .item .row {
    width: calc(50% - 10px);
  }
  .write_wrap_info .table_form .item .row:first-child {
    margin-right: 20px;
  }
  .write_wrap_info .table_form .item .row dt {
    width: 100%;
  }
  .write_wrap_info .table_form .item .row dd {
    width: 100%;
  }
  .write_wrap_content .table_form {
    padding-top: 15px;
  }
  .write_wrap_content .table_form .item .row {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .write_wrap_info .table_form .item {
    font-size: 0;
  }
  .write_wrap_info .table_form .item .row {
    display: block;
    width: 100%;
  }
  .write_wrap_info .table_form .item .row:first-child {
    margin-right: 0;
  }
  .write_wrap_info .table_form .item .row dt {
    width: 100%;
  }
  .write_wrap_info .table_form .item .row dd {
    width: 100%;
  }
}

/******ir_table******/
.ir_table {
  border-top: 2px solid #222222;
}
.ir_table tr {
  border-bottom: 1px solid #ddd;
}
.ir_table tr th {
  height: 70px;
  padding: 0 10px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.ir_table tr th.tit {
  color: #444444;
  font-weight: bold;
  border-right: 1px solid #ddd;
  word-break: keep-all;
}
.ir_table tr th.t_left {
  padding-left: 60px;
  font-weight: 400;
  text-align: left;
  color: #444444;
}
.ir_table tr td {
  height: 70px;
  padding: 0 10px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  text-align: center;
}
.ir_table tr td.down {
  padding-right: 60px;
}
.ir_table tr td a {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.8823529412;
  color: #666666;
}
.ir_table tr td a::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url("/resources/cn/global/images/button/icon_download.svg") center no-repeat;
  background-size: 100%;
  content: "";
}
.ir_table tr td a:hover {
  color: #6EEB83;
}
.ir_table tr td a:hover::after {
  background: url("/resources/cn/global/images/button/icon_download_green.svg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .ir_table tr th {
    height: 60px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .ir_table tr th.t_left {
    color: #666666;
  }
  .ir_table tr td {
    height: 60px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    color: #666666;
  }
  .ir_table tr td.down {
    padding-right: 60px;
    text-align: right;
  }
  .ir_table tr td.m_t_left {
    padding-left: 60px;
    text-align: left;
  }
  .ir_table tr td a {
    display: inline-block;
    width: auto;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    color: #666666;
  }
  .ir_table tr td a::after {
    width: 14px;
    height: 13px;
  }
  .ir_table tr td a:hover {
    color: #666666;
  }
  .ir_table tr td a:hover::after {
    background: url("/resources/cn/global/images/button/icon_download.svg") center no-repeat;
    background-size: 100%;
  }
}
@media (max-width: 766px) {
  .ir_table tr th.t_left {
    padding-left: 20px;
  }
  .ir_table tr td.m_t_left {
    padding: 0 0 0 20px;
  }
  .ir_table tr td.down {
    min-width: 55px;
    padding-right: 20px;
  }
  .ir_table tr td.down a {
    font-size: 0;
  }
}

/******acco_list******/
.acco_list {
  border-top: 2px solid #444444;
}
.acco_list .acco_item {
  border-bottom: 1px solid #dddddd;
}
.acco_list .acco_item--active .acco_tit {
  border-bottom: 1px solid #dddddd;
}
.acco_list .acco_item--active .acco_tit p {
  color: #26247B;
}
.acco_list .acco_item--active .acco_tit p::after {
  background: url("/resources/cn/global/images/button/tab_btn_arrow_blue.svg") center no-repeat;
  background-size: 100%;
}
.acco_list .acco_item p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
}
.acco_list .acco_tit {
  display: block;
  width: 100%;
  height: 108px;
  padding: 24px 50px 24px 40px;
  font-size: 0;
}
.acco_list .acco_tit .acco_category {
  display: inline-block;
  width: 25.3%;
  max-width: 225px;
  vertical-align: middle;
}
.acco_list .acco_tit .acco_category span {
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 2.7272727273;
  color: #222222;
}
.acco_list .acco_tit p {
  position: relative;
  display: inline-block;
  width: 74.7%;
  max-width: 665px;
  color: #222222;
  vertical-align: middle;
}
.acco_list .acco_tit p::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/resources/cn/global/images/button/tab_btn_arrow_black.svg") center no-repeat;
  background-size: 100%;
  content: "";
}
.acco_list .acco_cont {
  padding: 40px 50px 56px 40px;
}
.acco_list .acco_cont p {
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.acco_list .acco_cont .btn_wrap {
  margin-top: 1.46875rem;
}
@media (max-width: 1023px) {
  .acco_list .acco_item p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .acco_list .acco_tit {
    height: 69px;
    padding: 22px 0;
  }
  .acco_list .acco_tit .acco_category {
    width: 32.7%;
    max-width: 225px;
  }
  .acco_list .acco_tit .acco_category span {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.6666666667;
  }
  .acco_list .acco_tit p {
    width: 67.3%;
  }
  .acco_list .acco_tit p::after {
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    content: "";
  }
  .acco_list .acco_cont {
    padding: 20px 1.96% 25px;
  }
  .acco_list .acco_cont .btn_wrap {
    margin-top: 0.75rem;
  }
  .acco_list .acco_cont .btn_wrap .btn {
    margin-top: 0.75rem;
  }
}
@media (max-width: 766px) {
  .acco_list .acco_tit {
    height: auto;
    padding: 20px 0 16px;
  }
  .acco_list .acco_tit .acco_category {
    display: block;
    width: 100%;
    max-width: none;
  }
  .acco_list .acco_tit p {
    display: block;
    width: 100%;
    max-width: none;
  }
  .acco_list .acco_cont {
    padding: 20px 4.02% 36px;
  }
  .acco_list .acco_cont .btn_wrap {
    margin-top: 1.25rem;
  }
  .acco_list .acco_cont .btn_wrap .btn {
    margin-top: 0.625rem;
  }
}

.download_pop .cont {
  max-width: 980px !important;
  height: calc(100% - 80px);
}
.download_pop .con_box {
  height: calc(100% - 80px);
  overflow: auto;
  padding: 40px 30px 80px 30px;
}
.download_pop .con_box .write_wrap {
  margin-bottom: 2.5rem;
}
.download_pop .con_box .write_wrap .table_form {
  border-bottom: 0;
}
.download_pop .con_box .agree_accordion + .agree_accordion ul li {
  border-top: 0;
}
.download_pop .con_box .agree_accordion .caution_txt {
  margin-top: 1.25rem;
}
.download_pop .con_box .agree_accordion .caution_txt span {
  margin-top: 0;
}
.download_pop .con_box .agree_accordion .caution_txt span a {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 20px;
  padding-right: 13px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  text-decoration: underline;
  position: relative;
}
.download_pop .con_box .agree_accordion .caution_txt span a:after {
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  transform: rotate(135deg);
}
.download_pop .con_box .btn_wrap {
  margin-top: 4.6875rem;
}
@media (max-width: 1023px) {
  .download_pop .con_box {
    padding: 30px 20px 60px 20px;
  }
  .download_pop .con_box .write_wrap {
    margin-bottom: 1.25rem;
  }
  .download_pop .con_box .agree_accordion .caution_txt {
    margin-top: 1.25rem;
  }
  .download_pop .con_box .agree_accordion .caution_txt span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .download_pop .con_box .agree_accordion .caution_txt span a {
    margin: -4px 0 0 5px;
    padding-right: 7px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .download_pop .con_box .agree_accordion .caution_txt span a::before {
    width: 3px;
    height: 3px;
  }
  .download_pop .con_box .btn_wrap {
    margin-top: 3.125rem;
  }
}

/* input_area */
.input_area {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
  background: #ffffff;
  width: 100%;
  max-width: 420px;
}
.input_area input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #222222;
  border: 1px solid #dddddd;
  font-weight: 300;
  background: inherit;
}
.input_area input.line {
  border: 0;
  border-bottom: 2px solid #aaaaaa;
  border-radius: 0 !important;
}
.input_area input::-moz-placeholder {
  color: #aaaaaa;
}
.input_area input::placeholder {
  color: #aaaaaa;
}
.input_area input:focus {
  border-color: #26247B;
}
.input_area input[readonly] {
  background: #f7f7f7;
}
.input_area a,
.input_area button {
  display: inline-block;
  vertical-align: middle;
}
.input_area a.search_btn,
.input_area button.search_btn {
  position: absolute;
  right: 0;
  padding: 15px 20px 15px 12px;
  top: 50%;
  transform: translateY(-50%);
}
.input_area span {
  display: none;
}
.input_area.validate input {
  border-color: red;
}
.input_area.validate span {
  padding: 5px 20px;
  display: block;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 400;
  color: red;
}
.input_area.input_search input {
  padding-right: 52px;
}
.input_area.w100 {
  max-width: 100%;
}
.input_area.w-230 {
  max-width: 230px;
}
.input_area.w-320 {
  max-width: 320px;
}
.input_area.w-325 {
  max-width: 325px;
}
.input_area.w-336 {
  max-width: 336px;
}
.input_area.w-400 {
  max-width: 400px;
}
.input_area.w-495 {
  max-width: 495px;
}
@media (max-width: 1023px) {
  .input_area {
    max-width: 100%;
  }
  .input_area input {
    height: 50px;
    padding: 0 15px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .input_area input.line {
    border-bottom-width: 1px;
  }
  .input_area a.search_btn,
.input_area button.search_btn {
    padding: 14px 15px;
  }
  .input_area.validate span {
    padding: 5px 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .input_area.input_search input {
    padding-right: 52px;
  }
}

.file_wrap .file_area {
  position: relative;
  font-size: 0;
}
.file_wrap .file_area .input_area {
  max-width: calc(100% - 240px);
  margin-right: 10px;
}
.file_wrap .file_area .file_input {
  display: inline-block;
  margin-right: 10px;
}
.file_wrap .file_area .file_input input {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 60px;
  opacity: 0;
}
.file_wrap .file_area .file_name {
  color: #aaaaaa;
}
.file_wrap .file_area .btn {
  cursor: pointer;
}
.file_wrap .file_area .btn.delete {
  display: inline-block;
}
@media (max-width: 1023px) {
  .file_wrap .file_area .input_area {
    max-width: calc(100% - 200px);
  }
  .file_wrap .file_area .file_input input {
    width: 100%;
    height: 50px;
  }
}
@media (max-width: 766px) {
  .file_wrap .file_area .input_area {
    max-width: 100%;
    margin: 0;
    margin-bottom: 0.9375rem;
  }
}

.form_bot_txt {
  padding-top: 5px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4705882353;
  color: #666666;
  word-break: break-all;
}

@media (max-width: 1023px) {
  .form_bot_txt {
    padding-top: 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
/* textarea_area */
.textarea_area textarea {
  width: 100%;
  height: 280px;
  border: 1px solid #dddddd;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #222222;
  font-weight: 300;
  resize: none;
}
.textarea_area textarea.scroll {
  resize: none;
}
.textarea_area textarea:focus {
  border-color: #26247B;
}
@media (max-width: 1023px) {
  .textarea_area textarea {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
    padding: 15px;
  }
}

/* select_area */
.select_area {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 420px;
}
.select_area select[multiple] {
  background: #ffffff;
}
.select_area select {
  padding: 0 55px 0 20px;
  width: 100%;
  height: 60px;
  min-width: 140px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 3.5294117647;
  background: url("/resources/cn/global/images/form/select_icon.svg") center right 20px no-repeat;
  background-color: #ffffff;
  color: #aaaaaa;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.select_area select::-ms-expand {
  display: none;
}
.select_area select:focus {
  border-color: #26247B;
}
.select_area.transparent select {
  border-left: none;
  border-top: none;
  border-right: none;
  background-color: transparent;
}
.select_area.w-160 {
  max-width: 160px;
}
.select_area.w-230 {
  max-width: 230px;
}
.select_area.w-336 {
  max-width: 336px;
}
@media (max-width: 1023px) {
  .select_area {
    max-width: 100%;
  }
  .select_area select {
    min-width: 100px;
    padding: 0 30px 0 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 3.125;
    height: 50px;
    background-position: center right 10px;
    background-size: 15px 13px;
  }
}

/* custom_select_area */
.custom_select_area {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  max-width: 420px;
}
.custom_select_area a.current {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 60px;
  padding: 0 55px 0 20px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 3.5294117647;
  color: #aaaaaa;
  position: relative;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom_select_area a.current::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background: url("/resources/cn/global/images/form/select_icon.svg") 0 0;
  background-size: cover;
}
.custom_select_area.on a.current::after {
  transform: rotate(-180deg);
}
.custom_select_area.on ul {
  display: block;
}
.custom_select_area ul {
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 70px;
  display: none;
  width: 100%;
  height: auto;
  max-height: 152px;
  padding: 15px 0;
  border: 1px solid #dddddd;
  background: #ffffff;
  z-index: 10;
}
.custom_select_area ul li.active a {
  color: #26247B;
}
.custom_select_area ul li a {
  padding: 10px 19px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1764705882;
  color: #aaaaaa;
  font-weight: 400;
  box-sizing: border-box;
  display: block;
}
.custom_select_area ul li a:hover {
  color: #26247B;
}
.custom_select_area .select_area {
  display: none;
}
@media (max-width: 1023px) {
  .custom_select_area {
    max-width: 100%;
  }
  .custom_select_area a.current {
    height: 50px;
    padding: 0 30px 0 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 3.125;
  }
  .custom_select_area a.current::after {
    right: 10px;
    width: 15px;
    height: 13px;
    margin-top: -6px;
    background: url("/resources/cn/global/images/form/select_icon.svg") 0 0;
    background-size: 100% 100%;
  }
  .custom_select_area ul {
    top: 60px;
    max-height: 170px;
    padding: 12px 0;
  }
  .custom_select_area ul li a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    padding: 15px;
  }
}

/* custom_radio */
.custom_radio {
  position: relative;
}
.custom_radio .radio_area {
  display: inline-block;
  vertical-align: top;
  padding: 5px 30px 5px 0;
}
.custom_radio .radio_area:last-of-type {
  margin-right: 0;
}
.custom_radio input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.custom_radio input[type=radio] + label {
  position: relative;
  padding-left: 32px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  color: #666666;
}
.custom_radio input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
}
.custom_radio input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 6px;
  width: 12px;
  height: 12px;
  background: #dddddd;
}
.custom_radio input[type=radio]:checked + label:after {
  background: #26247B;
}
@media (max-width: 1023px) {
  .custom_radio input[type=radio] + label {
    padding-left: 25px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .custom_radio input[type=radio] + label:before {
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
  }
  .custom_radio input[type=radio] + label:after {
    top: 9px;
    left: 4px;
    width: 10px;
    height: 10px;
  }
}

/* custom_checkbox */
.custom_checkbox {
  position: relative;
}
.custom_checkbox .checkbox_area {
  display: inline-block;
  vertical-align: top;
}
.custom_checkbox .checkbox_area + .checkbox_area {
  margin-left: 30px;
}
.custom_checkbox input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.custom_checkbox input[type=checkbox] + label {
  position: relative;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  color: #666666;
  font-weight: 400;
  padding-left: 30px;
  cursor: pointer;
}
.custom_checkbox input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  box-sizing: border-box;
}
.custom_checkbox input[type=checkbox] + label:after {
  content: "";
  position: absolute;
}
.custom_checkbox input[type=checkbox]:checked + label::before {
  border-color: #26247B;
  background-color: #26247B;
}
.custom_checkbox input[type=checkbox]:checked + label::after {
  left: 6px;
  top: 10px;
  width: 10px;
  height: 10px;
  background: url("/resources/cn/global/images/form/custom_checkbox_icon01.svg") center no-repeat;
}
.custom_checkbox input[type=checkbox][readonly] + label:before {
  border-color: #dddddd;
  background-color: #f7f7f7;
}
.custom_checkbox input[type=checkbox][readonly]:checked + label:before {
  border-color: #dddddd;
  background-color: #f7f7f7;
}
.custom_checkbox input[type=checkbox][readonly]:checked + label:after {
  background: url("/resources/cn/global/images/form/custom_checkbox_icon02.svg") center no-repeat;
}
@media (max-width: 1023px) {
  .custom_checkbox input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .custom_checkbox input[type=checkbox] + label {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    padding-left: 25px;
  }
  .custom_checkbox input[type=checkbox] + label:before {
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
  }
  .custom_checkbox input[type=checkbox]:checked + label::after {
    left: 5px;
    top: 9px;
    width: 8px;
    height: 8px;
    background: url("/resources/cn/global/images/form/custom_checkbox_icon01.svg") center no-repeat;
    background-size: 100% 100%;
  }
}

/* automatic_area */
.automatic_area {
  overflow: hidden;
  font-size: 0;
}
.automatic_area > * {
  display: inline-block;
  vertical-align: top;
}
.automatic_area .img {
  max-width: 230px;
  width: auto;
  height: 60px;
  box-sizing: border-box;
  margin-right: 10px;
}
.automatic_area .img img {
  width: 100%;
  height: 100%;
}
.automatic_area .input_area.w-400 {
  max-width: 400px;
}
.automatic_area .input_area.w-325 {
  max-width: calc(100% - 310px);
}
.automatic_area .btn {
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .automatic_area .img {
    max-width: 192px;
    height: 50px;
  }
  .automatic_area .input_area {
    display: inline-block;
  }
  .automatic_area .input_area.w-400 {
    max-width: calc(100% - 342px);
  }
  .automatic_area .input_area.w-325 {
    max-width: calc(100% - 262px);
  }
}
@media (max-width: 766px) {
  .automatic_area .input_area {
    display: block;
    margin-top: 0.9375rem;
  }
  .automatic_area .input_area.w-400 {
    max-width: 100%;
  }
  .automatic_area .input_area.w-325 {
    max-width: 100%;
  }
  .automatic_area .btn {
    margin-right: 0;
    min-width: 50px !important;
    width: calc(100% - 202px);
  }
}

/* agree_wrap */
.agree_wrap h3 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  margin-bottom: 1.0625rem;
  font-weight: bold;
  color: #222222;
}
.agree_wrap h3 .txt_point {
  color: red;
}
.agree_wrap .agree_box_scroll {
  width: 100%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 30px;
}
.agree_wrap .agree_box_scroll.scroll {
  height: 350px;
  overflow: hidden;
}
.agree_wrap .agree_box_scroll h5 {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-top: 1.25rem;
  color: #222222;
  word-break: break-all;
  padding-left: 10px;
  position: relative;
}
.agree_wrap .agree_box_scroll h5:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #222222;
  position: absolute;
  left: 0;
  top: 15px;
}
.agree_wrap .agree_box_scroll h5:first-child {
  margin-top: 0;
}
.agree_wrap .agree_box_scroll p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  word-break: break-all;
  font-weight: 400;
  padding-left: 10px;
  position: relative;
}
.agree_wrap .agree_box_check {
  padding: 32px 0 30px;
  border-bottom: 1px solid #dddddd;
}
.agree_wrap .agree_box_check::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.agree_wrap .agree_box_check p {
  float: left;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  font-weight: 400;
}
.agree_wrap .agree_box_check .custom_checkbox {
  float: right;
}
@media (max-width: 1023px) {
  .agree_wrap h3 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
    margin-bottom: 0.8125rem;
  }
  .agree_wrap h3 .txt_point {
    position: relative;
    top: 3px;
  }
  .agree_wrap .agree_box_scroll {
    padding: 25px 20px;
  }
  .agree_wrap .agree_box_scroll.scroll {
    height: 240px;
  }
  .agree_wrap .agree_box_scroll h5 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .agree_wrap .agree_box_scroll p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .agree_wrap .agree_box_check {
    padding: 30px 0;
  }
  .agree_wrap .agree_box_check p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .agree_wrap .agree_box_scroll.scroll {
    height: 200px;
  }
  .agree_wrap .agree_box_check p {
    float: none;
    margin-bottom: 0.9375rem;
  }
  .agree_wrap .agree_box_check .custom_checkbox {
    float: none;
    display: block;
    text-align: right;
  }
}

/* agree_accordion */
.agree_accordion ul li {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}
.agree_accordion ul li.on .check_wrap {
  border-bottom: 1px solid #dddddd;
}
.agree_accordion ul li.on .check_wrap > a {
  transform: translateY(-50%);
}
.agree_accordion ul li.on .check_wrap > a::after {
  background: url("/resources/cn/global/images/button/tab_btn_arrow_blue.svg") center no-repeat;
  background-size: 100%;
}
.agree_accordion ul li + li {
  border-top: none;
}
.agree_accordion .check_wrap {
  position: relative;
  padding: 25px 85px 25px 30px;
}
.agree_accordion .check_wrap > a {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
}
.agree_accordion .check_wrap > a img {
  display: none;
}
.agree_accordion .check_wrap > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/resources/cn/global/images/button/tab_btn_arrow_black.svg") center no-repeat;
  background-size: 100%;
}
.agree_accordion .check_wrap .custom_checkbox label {
  display: block;
  color: #222222;
  font-weight: bold;
}
.agree_accordion .check_wrap .custom_checkbox .txt_point {
  position: relative;
  top: 3px;
  color: red;
}
.agree_accordion .check_cont {
  display: none;
  padding: 30px;
  box-sizing: border-box;
}
.agree_accordion .check_cont h5 {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-top: 1.25rem;
  color: #222222;
  word-break: break-all;
  padding-left: 10px;
  position: relative;
}
.agree_accordion .check_cont h5:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #222222;
  position: absolute;
  left: 0;
  top: 15px;
}
.agree_accordion .check_cont h5:first-child {
  margin-top: 0;
}
.agree_accordion .check_cont strong {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-top: 1.25rem;
  color: #222222;
  word-break: break-all;
  padding-left: 10px;
  position: relative;
}
.agree_accordion .check_cont strong:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #222222;
  position: absolute;
  left: 0;
  top: 15px;
}
.agree_accordion .check_cont strong:first-child {
  margin-top: 0;
}
.agree_accordion .check_cont p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  word-break: break-all;
  font-weight: 400;
  padding-left: 10px;
  position: relative;
}
.agree_accordion .check_cont span {
  display: block;
  margin-top: 1.25rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  word-break: break-all;
  font-weight: 400;
  position: relative;
}
@media (max-width: 1023px) {
  .agree_accordion .check_wrap {
    padding: 19px 40px 18px 0;
  }
  .agree_accordion .check_wrap > a {
    right: 20px;
  }
  .agree_accordion .check_wrap > a::after {
    width: 16px;
    height: 16px;
  }
  .agree_accordion .check_cont {
    padding: 25px 20px;
  }
  .agree_accordion .check_cont h5 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .agree_accordion .check_cont strong {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .agree_accordion .check_cont p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .agree_accordion .check_cont span {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}

/****** nodata_box ******/
.nodata_box {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
  text-align: center;
}
.nodata_box .nodata_txt {
  margin-bottom: 2.8125rem;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  font-weight: bold;
  color: #222222;
}
.nodata_box .btn_wrap {
  margin-top: 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .nodata_box {
    margin-top: 3.125rem;
    margin-bottom: 3.125rem;
  }
  .nodata_box .nodata_txt {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
    margin-bottom: 1.875rem;
  }
}

/****** tab_search_box ******/
.tab_search_box {
  margin-top: 5.4375rem;
  margin-bottom: 4.6875rem;
}
.tab_search_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.tab_search_box .tab {
  position: relative;
  float: left;
  font-size: 0;
  margin: -5px 0 0 -5px;
}
.tab_search_box .tab .btn {
  margin: 5px;
}
.tab_search_box .tab .btn.active {
  border-color: #26247B;
  background-color: #26247B;
  color: #ffffff;
}
.tab_search_box .tab .btn:last-of-type {
  margin-right: 0;
}
.tab_search_box .search {
  float: right;
  width: 340px;
  font-size: 0;
  text-align: right;
}
.tab_search_box .search .custom_select_area {
  width: 100%;
  max-width: 120px;
  margin-right: 20px;
  text-align: left;
}
.tab_search_box .search .custom_select_area a.current {
  padding: 0;
  height: 40px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 2.3529411765;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0;
  padding-right: 16px;
}
.tab_search_box .search .custom_select_area a.current::after {
  width: 14px;
  height: 8px;
  top: 16px;
  margin-top: 0;
  right: 0;
  background: url("/resources/cn/global/images/form/select_icon01.svg") 0 0;
  background-size: cover;
}
.tab_search_box .search .custom_select_area ul {
  top: 50px;
  width: 340px;
}
.tab_search_box .search .input_area {
  width: 100%;
  max-width: 200px;
  text-align: left;
}
.tab_search_box .search .input_area input {
  height: 40px;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0 !important;
  padding: 0 24px 0 0;
  font-weight: 400;
}
.tab_search_box .search .input_area input:placeholder {
  color: #aaaaaa;
}
.tab_search_box .search .input_area :-ms-input-placeholder {
  color: #aaaaaa;
}
.tab_search_box .search .input_area a.search_btn {
  padding: 9px 0 8px 12px;
}
.tab_search_box .search .input_area a.search_btn img {
  width: 15px;
}
@media (max-width: 1023px) {
  .tab_search_box {
    margin-top: 3.625rem;
    margin-bottom: 3.1875rem;
  }
  .tab_search_box .tab {
    float: none;
  }
  .tab_search_box .search {
    position: relative;
    float: none;
    width: 100%;
    margin-top: 1.625rem;
  }
  .tab_search_box .search .custom_select_area {
    position: static;
    width: 91px;
    max-width: 100%;
    margin-right: 13px;
  }
  .tab_search_box .search .custom_select_area a.current {
    height: 30px;
    padding-right: 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.1428571429;
  }
  .tab_search_box .search .custom_select_area a.current::after {
    width: 9px;
    height: 4.5px;
    top: 13px;
  }
  .tab_search_box .search .custom_select_area ul {
    top: 43px;
    width: 100%;
  }
  .tab_search_box .search .input_area {
    width: calc(100% - 104px);
    max-width: 100%;
  }
  .tab_search_box .search .input_area input {
    height: 30px;
    padding: 0 30px 0 0;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.1428571429;
  }
  .tab_search_box .search .input_area a.search_btn {
    padding: 9px 0 8px 12px;
  }
  .tab_search_box .search .input_area.m-w100 {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .tab_search_box {
    margin-top: 3rem;
    margin-bottom: 3.125rem;
  }
  .tab_search_box .tab .scroll {
    white-space: nowrap;
    overflow: hidden;
  }
  .tab_search_box .tab .scroll.scroll__visible:after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 10;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    transition: 0.3s;
  }
  .tab_search_box .tab .scroll.scroll__active:after {
    opacity: 0;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools {
    top: 100%;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools .mCSB_draggerRail {
    margin: 4px 0;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools .mCSB_dragger_bar {
    margin: 0 auto;
  }
}

/****** sns_list ******/
.sns_list {
  font-size: 0;
  width: 100%;
  text-align: center;
}
.sns_list li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  height: 24px;
  position: relative;
}
.sns_list li:before {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #c9cbcc;
}
.sns_list li:first-of-type {
  margin-left: 0;
}
.sns_list li:last-of-type {
  margin-right: 0;
}
.sns_list li:last-of-type::before {
  display: none;
}
.sns_list li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 1023px) {
  .sns_list li {
    height: 20px;
  }
  .sns_list li::before {
    top: 5px;
    height: 10px;
  }
  .sns_list li:nth-of-type(1) a img {
    width: 21px;
  }
  .sns_list li:nth-of-type(2) a img {
    width: 20px;
  }
  .sns_list li:nth-of-type(3) a img {
    width: 8px;
  }
  .sns_list li:nth-of-type(4) a img {
    width: 9px;
  }
  .sns_list li:nth-of-type(5) a img {
    width: 12px;
  }
}

.check_input_area {
  margin-top: 0.625rem;
}
.check_input_area > * {
  vertical-align: middle;
}
.check_input_area .radio_area {
  vertical-align: middle;
}
.check_input_area .input_area {
  width: calc(100% - 100px);
  max-width: none;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .check_input_area {
    margin-top: 0rem;
  }
  .check_input_area .input_area {
    width: 100%;
  }
}

/* button */
.btn_wrap {
  margin-top: 4.6875rem;
  font-size: 0;
  text-align: left;
}
.btn_wrap.center {
  text-align: center;
}
.btn_wrap.right {
  text-align: right;
}
@media (max-width: 1023px) {
  .btn_wrap {
    margin-top: 3.125rem;
  }
}

.tag {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  position: relative;
  transition: 0.2s;
  white-space: nowrap;
  min-width: 60px;
  height: 34px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.2857142857;
  padding: 0 16px;
  color: #888;
}
@media (min-width: 1024px) {
  .tag:hover {
    background-color: #26247B;
    border-color: #26247B;
    color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .tag {
    min-width: 40px;
    height: 25px;
    padding: 0 8px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.9166666667;
  }
}

.btn {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  margin-right: 20px;
  color: #000000;
}
.btn:last-child {
  margin-right: 0;
}
.btn:before, .btn:after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s, margin 0.2s;
}
.btn.xs {
  min-width: 60px;
  height: 34px;
  padding: 0 16px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.2857142857;
}
.btn.sm {
  min-width: 90px;
  height: 44px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 2.4705882353;
  padding: 0 15px;
  border-color: #dddddd;
}
.btn.sm.icon {
  min-width: 120px;
}
.btn.sm.icon:before, .btn.sm.icon:after {
  right: 23px;
}
.btn.md {
  min-width: 150px;
  height: 60px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 3.4117647059;
  padding: 0 30px;
  border-color: #dddddd;
}
.btn.md.icon {
  min-width: 150px;
  padding-right: 60px;
}
.btn.md.icon:before, .btn.md.icon:after {
  right: 30px;
}
.btn.icon {
  text-align: left;
  padding-right: 50px;
}
.btn.icon:after {
  display: block;
}
.btn.icon:before {
  display: block;
  opacity: 0;
}
.btn.arrow:before {
  width: 14px;
  height: 14px;
  margin-right: 20px;
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.arrow:after {
  width: 14px;
  height: 14px;
  background: url("/resources/cn/global/images/button/button_arrow_black.svg") 0 0;
  background-size: 100% 100%;
}
.btn.arrow.gray:before, .btn.arrow.gray:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.arrow.blue:before, .btn.arrow.blue:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.outlink:before {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-right: 5px;
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100%;
}
.btn.outlink:after {
  width: 10px;
  height: 10px;
  background: url("/resources/cn/global/images/button/button_outlink_black.svg") 0 0;
  background-size: 100%;
}
.btn.outlink.gray:before, .btn.outlink.gray:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100%;
}
.btn.outlink.blue:before, .btn.outlink.blue:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100%;
}
.btn.more:before {
  width: 14px;
  height: 15px;
  margin-top: -15px;
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.more:after {
  width: 14px;
  height: 15px;
  background: url("/resources/cn/global/images/button/button_more_black.svg") 0 0;
  background-size: 100% 100%;
}
.btn.more.gray:before, .btn.more.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.more.blue:before, .btn.more.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.up:before {
  width: 14px;
  height: 15px;
  margin-top: -15px;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top;
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.up:after {
  width: 14px;
  height: 15px;
  background: url("/resources/cn/global/images/button/button_more_black.svg") 0 0;
  background-size: 100% 100%;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top;
}
.btn.up.gray:before, .btn.up.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.up.blue:before, .btn.up.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.down:before {
  width: 16px;
  height: 14px;
  margin-top: -14px;
  background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.down:after {
  width: 16px;
  height: 14px;
  background: url("/resources/cn/global/images/button/button_down_black.svg") 0 0;
  background-size: 100% 100%;
}
.btn.down.gray:before, .btn.down.gray:after {
  background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.down.blue:before, .btn.down.blue:after {
  background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.reset {
  width: 60px;
  height: 60px;
  padding: 0 !important;
}
.btn.reset:after {
  right: 17px;
  width: 23px;
  height: 25px;
  background: url("/resources/cn/global/images/button/button_reset_gray.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.reset.gray:after {
  background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.reset.blue:after {
  background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.delete {
  width: 60px;
  height: 60px;
  padding: 0 !important;
}
.btn.delete:after {
  right: 12px;
  width: 34px;
  height: 34px;
  background: url("/resources/cn/global/images/button/button_delete_gray.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.delete.gray:after {
  background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.delete.blue:after {
  background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.share {
  width: 60px;
  height: 60px;
  padding: 0 !important;
}
.btn.share:after {
  right: 19px;
  width: 22px;
  height: 27px;
  background: url("/resources/cn/global/images/button/button_share_gray.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.share.gray:after {
  background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.share.blue:after {
  background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.blue {
  background-color: #26247B;
  border-color: #26247B;
  color: #ffffff;
}
.btn.gray {
  background-color: #939598;
  border-color: #939598;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .btn:not(.disabled):hover {
    background-color: #26247B;
    border-color: #26247B;
    color: #ffffff;
  }
  .btn:not(.disabled):hover.arrow:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  @-webkit-keyframes arrowAnimationBefore {
    from {
      margin-right: 20px;
      opacity: 0;
    }
    to {
      margin-right: 0;
      opacity: 1;
    }
  }
  @keyframes arrowAnimationBefore {
    from {
      margin-right: 20px;
      opacity: 0;
    }
    to {
      margin-right: 0;
      opacity: 1;
    }
  }
  .btn:not(.disabled):hover.arrow:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
    background-size: 100% 100%;
  }
  @-webkit-keyframes arrowAnimationAfter {
    from {
      margin-right: 0;
      opacity: 1;
    }
    to {
      margin-right: -15px;
      opacity: 0;
    }
  }
  @keyframes arrowAnimationAfter {
    from {
      margin-right: 0;
      opacity: 1;
    }
    to {
      margin-right: -15px;
      opacity: 0;
    }
  }
  .btn:not(.disabled):hover.arrow.gray:after {
    background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.arrow.blue:after {
    background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.outlink:before {
    -webkit-animation: outlinkAnimationBefore 0.3s forwards 0.3s;
            animation: outlinkAnimationBefore 0.3s forwards 0.3s;
  }
  @-webkit-keyframes outlinkAnimationBefore {
    from {
      margin-top: 4px;
      margin-right: 4px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }
  @keyframes outlinkAnimationBefore {
    from {
      margin-top: 4px;
      margin-right: 4px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      margin-right: 0;
      opacity: 1;
    }
  }
  .btn:not(.disabled):hover.outlink:after {
    -webkit-animation: outlinkAnimationAfter 0.3s forwards;
            animation: outlinkAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
    background-size: 100% 100%;
  }
  @-webkit-keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }
    to {
      opacity: 0;
      margin-top: -4px;
      margin-right: -4px;
    }
  }
  @keyframes outlinkAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
      margin-right: 0;
    }
    to {
      opacity: 0;
      margin-top: -4px;
      margin-right: -4px;
    }
  }
  .btn:not(.disabled):hover.outlink.gray:after {
    background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.outlink.blue:after {
    background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.more:before {
    -webkit-animation: downAnimationBefore 0.3s forwards 0.3s;
            animation: downAnimationBefore 0.3s forwards 0.3s;
  }
  @-webkit-keyframes downAnimationBefore {
    from {
      margin-top: -20px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      opacity: 1;
    }
  }
  @keyframes downAnimationBefore {
    from {
      margin-top: -20px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      opacity: 1;
    }
  }
  .btn:not(.disabled):hover.more:after {
    -webkit-animation: downAnimationAfter 0.3s forwards;
            animation: downAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  @-webkit-keyframes downAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }
    to {
      opacity: 0;
      margin-top: 15px;
    }
  }
  @keyframes downAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }
    to {
      opacity: 0;
      margin-top: 15px;
    }
  }
  .btn:not(.disabled):hover.more.gray:after {
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.more.blue:after {
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.up:before {
    -webkit-animation: upAnimationBefore 0.3s forwards 0.3s;
            animation: upAnimationBefore 0.3s forwards 0.3s;
  }
  @-webkit-keyframes upAnimationBefore {
    from {
      margin-top: 20px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      opacity: 1;
    }
  }
  @keyframes upAnimationBefore {
    from {
      margin-top: 20px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      opacity: 1;
    }
  }
  .btn:not(.disabled):hover.up:after {
    -webkit-animation: upAnimationAfter 0.3s forwards;
            animation: upAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  @-webkit-keyframes upAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }
    to {
      opacity: 0;
      margin-top: -15px;
    }
  }
  @keyframes upAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }
    to {
      opacity: 0;
      margin-top: -15px;
    }
  }
  .btn:not(.disabled):hover.up.gray:after {
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.up.blue:after {
    background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.down:before {
    -webkit-animation: downAnimationBefore 0.3s forwards 0.3s;
            animation: downAnimationBefore 0.3s forwards 0.3s;
  }
  @keyframes downAnimationBefore {
    from {
      margin-top: -20px;
      opacity: 0;
    }
    to {
      margin-top: 0;
      opacity: 1;
    }
  }
  .btn:not(.disabled):hover.down:after {
    -webkit-animation: downAnimationAfter 0.3s forwards;
            animation: downAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
    background-size: 100% 100%;
  }
  @keyframes downAnimationAfter {
    from {
      opacity: 1;
      margin-top: 0;
    }
    to {
      opacity: 0;
      margin-top: 15px;
    }
  }
  .btn:not(.disabled):hover.down.gray:before, .btn:not(.disabled):hover.down.gray:after {
    background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.down.blue:before, .btn:not(.disabled):hover.down.blue:after {
    background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.gray {
    border-color: #7A7C80;
    background-color: #7A7C80;
    color: #ffffff;
  }
  .btn:not(.disabled):hover.blue {
    border-color: #1A1853;
    background-color: #1A1853;
    color: #ffffff;
  }
  .btn:not(.disabled):hover.reset:after {
    background: url("/resources/cn/global/images/button/button_reset_blue.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.reset.gray:after {
    background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.reset.blue:after {
    background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.delete:after {
    background: url("/resources/cn/global/images/button/button_delete_green.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.delete.gray:after {
    background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.delete.blue:after {
    background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.share:after {
    background: url("/resources/cn/global/images/button/button_share_blue.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.share.gray:after {
    background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
  .btn:not(.disabled):hover.share.blue:after {
    background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
    background-size: 100% 100%;
  }
}
.btn:not(.disabled).active {
  border-color: #26247B;
  color: #26247B;
}
.btn:not(.disabled).active.arrow:before {
  -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
          animation: arrowAnimationBefore 0.3s forwards 0.3s;
}
@-webkit-keyframes arrowAnimationBefore {
  from {
    margin-right: 20px;
    opacity: 0;
  }
  to {
    margin-right: 0;
    opacity: 1;
  }
}
@keyframes arrowAnimationBefore {
  from {
    margin-right: 20px;
    opacity: 0;
  }
  to {
    margin-right: 0;
    opacity: 1;
  }
}
.btn:not(.disabled).active.arrow:after {
  -webkit-animation: arrowAnimationAfter 0.3s forwards;
          animation: arrowAnimationAfter 0.3s forwards;
}
@-webkit-keyframes arrowAnimationAfter {
  from {
    margin-right: 0;
    opacity: 1;
  }
  to {
    margin-right: -15px;
    opacity: 0;
  }
}
@keyframes arrowAnimationAfter {
  from {
    margin-right: 0;
    opacity: 1;
  }
  to {
    margin-right: -15px;
    opacity: 0;
  }
}
.btn:not(.disabled).active.arrow.gray:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.arrow.blue:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.outlink:before {
  -webkit-animation: outlinkAnimationBefore 0.3s forwards 0.3s;
          animation: outlinkAnimationBefore 0.3s forwards 0.3s;
}
@-webkit-keyframes outlinkAnimationBefore {
  from {
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    margin-right: 0;
    opacity: 1;
  }
}
@keyframes outlinkAnimationBefore {
  from {
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    margin-right: 0;
    opacity: 1;
  }
}
.btn:not(.disabled).active.outlink:after {
  -webkit-animation: outlinkAnimationAfter 0.3s forwards;
          animation: outlinkAnimationAfter 0.3s forwards;
}
@-webkit-keyframes outlinkAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
    margin-right: 0;
  }
  to {
    opacity: 0;
    margin-top: -4px;
    margin-right: -4px;
  }
}
@keyframes outlinkAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
    margin-right: 0;
  }
  to {
    opacity: 0;
    margin-top: -4px;
    margin-right: -4px;
  }
}
.btn:not(.disabled).active.outlink.gray:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.outlink.blue:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.more:before {
  -webkit-animation: downAnimationBefore 0.3s forwards 0.3s;
          animation: downAnimationBefore 0.3s forwards 0.3s;
}
@-webkit-keyframes downAnimationBefore {
  from {
    margin-top: -20px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes downAnimationBefore {
  from {
    margin-top: -20px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.btn:not(.disabled).active.more:after {
  -webkit-animation: downAnimationAfter 0.3s forwards;
          animation: downAnimationAfter 0.3s forwards;
}
@-webkit-keyframes downAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: 15px;
  }
}
@keyframes downAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: 15px;
  }
}
.btn:not(.disabled).active.more.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.more.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.up:before {
  -webkit-animation: downAnimationBefore 0.3s forwards 0.3s;
          animation: downAnimationBefore 0.3s forwards 0.3s;
}
@keyframes downAnimationBefore {
  from {
    margin-top: 20px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.btn:not(.disabled).active.up:after {
  -webkit-animation: downAnimationAfter 0.3s forwards;
          animation: downAnimationAfter 0.3s forwards;
}
@keyframes downAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: -15px;
  }
}
.btn:not(.disabled).active.up.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.up.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.down:before {
  -webkit-animation: downAnimationBefore 0.3s forwards 0.3s;
          animation: downAnimationBefore 0.3s forwards 0.3s;
}
@keyframes downAnimationBefore {
  from {
    margin-top: -20px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.btn:not(.disabled).active.down:after {
  -webkit-animation: downAnimationAfter 0.3s forwards;
          animation: downAnimationAfter 0.3s forwards;
}
@keyframes downAnimationAfter {
  from {
    opacity: 1;
    margin-top: 0;
  }
  to {
    opacity: 0;
    margin-top: 15px;
  }
}
.btn:not(.disabled).active.down.gray:before, .btn:not(.disabled).active.down.gray:after {
  background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.down.blue:before, .btn:not(.disabled).active.down.blue:after {
  background: url("/resources/cn/global/images/button/button_down_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.gray {
  border-color: #7A7C80;
  background-color: #7A7C80;
  color: #ffffff;
}
.btn:not(.disabled).active.blue {
  border-color: #0E0D2C;
  background-color: #0E0D2C;
  color: #ffffff;
}
.btn:not(.disabled).active.reset:after {
  background: url("/resources/cn/global/images/button/button_reset_blue.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.reset.gray:after {
  background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.reset.blue:after {
  background: url("/resources/cn/global/images/button/button_reset_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.delete:after {
  background: url("/resources/cn/global/images/button/button_delete_blue.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.delete.gray:after {
  background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.delete.blue:after {
  background: url("/resources/cn/global/images/button/button_delete_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.share:after {
  background: url("/resources/cn/global/images/button/button_share_blue.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.share.gray:after {
  background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn:not(.disabled).active.share.blue:after {
  background: url("/resources/cn/global/images/button/button_share_white.svg") center no-repeat;
  background-size: 100% 100%;
}
.btn.disabled {
  border-color: #dddddd;
  color: #aaaaaa;
  background-color: #f7f7f7;
}
.btn.disabled.arrow:after {
  background: url("/resources/cn/global/images/button/button_arrow_disabled.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.arrow.gray:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.arrow.blue:after {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.outlink:after {
  background: url("/resources/cn/global/images/button/button_outlink_disabled.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.outlink.gray:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.outlink.blue:after {
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.more:after {
  background: url("/resources/cn/global/images/button/button_more_disabled.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.more.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.more.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.up:after {
  background: url("/resources/cn/global/images/button/button_more_disabled.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.up.gray:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.up.blue:after {
  background: url("/resources/cn/global/images/button/button_more_white.svg") 0 0;
  background-size: 100% 100%;
}
.btn.disabled.gray, .btn.disabled.blue {
  border-color: #aaaaaa;
  color: #ffffff;
  background-color: #aaaaaa;
}
@media (max-width: 1023px) {
  .btn {
    margin-right: 16px;
  }
  .btn.xs {
    min-width: 40px;
    height: 25px;
    padding: 0 8px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.9166666667;
  }
  .btn.sm {
    min-width: 80px;
    height: 35px;
    padding: 0 15px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.3571428571;
  }
  .btn.sm.icon {
    min-width: 105px;
  }
  .btn.sm.icon:before, .btn.sm.icon:after {
    right: 17px;
  }
  .btn.md {
    min-width: 130px;
    height: 50px;
    padding: 0 22px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 3.4285714286;
  }
  .btn.md.icon {
    min-width: 150px;
    padding-right: 48px;
  }
  .btn.md.icon:before, .btn.md.icon:after {
    right: 22px;
  }
  .btn.icon {
    padding-right: 35px;
  }
  .btn.arrow:before, .btn.arrow:after {
    width: 12px;
    height: 12px;
  }
  .btn.outlink:before, .btn.outlink:after {
    width: 10px;
    height: 10px;
  }
  .btn.more:before, .btn.more:after {
    width: 13px;
    height: 14px;
  }
  .btn.up:before, .btn.up:after {
    width: 13px;
    height: 14px;
  }
  .btn.reset {
    width: 50px;
    height: 50px;
  }
  .btn.reset:after {
    right: 15px;
    width: 18px;
    height: 21px;
  }
  .btn.delete {
    width: 50px;
    height: 50px;
    padding: 0;
  }
  .btn.delete:after {
    right: 9px;
    width: 30px;
    height: 30px;
  }
  .btn.share {
    width: 50px;
    height: 50px;
  }
  .btn.share:after {
    right: 15px;
    width: 18px;
    height: 21px;
  }
}

/* toggle button */
.toggle_btn ul {
  font-size: 0;
  text-align: left;
}
.toggle_btn ul li {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.toggle_btn ul li a {
  display: flex;
  padding: 30px 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.toggle_btn ul li p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.6363636364;
  color: #222222;
  font-weight: bold;
}
.toggle_btn ul li p span {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
}
.toggle_btn ul li span {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  font-weight: 400;
}
.toggle_btn ul li i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-top: -2px;
  margin-left: 10px;
  margin-right: 10px;
}
.toggle_btn ul li i:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  left: -5px;
  bottom: -5px;
  display: block;
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100%;
}
.toggle_btn ul li i:after {
  content: "";
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: url("/resources/cn/global/images/button/button_outlink_black.svg") 0 0;
  background-size: 100%;
}
.toggle_btn ul li.active {
  border-color: #26247B;
  background-color: #26247B;
}
.toggle_btn ul li.active a p {
  color: #ffffff;
}
.toggle_btn ul li.active a span {
  color: #ffffff;
}
.toggle_btn ul li.active a i:before {
  left: 0;
  bottom: 0;
  opacity: 1;
  background: url("/resources/cn/global/images/button/button_outlink_white.svg") 0 0;
  background-size: 100%;
}
.toggle_btn ul li.active a i:after {
  top: -5px;
  right: -5px;
  opacity: 0;
}
.toggle_btn ul.grid2 li {
  width: calc(50% - 15px);
  margin-right: 30px;
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .toggle_btn ul.grid2 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .toggle_btn ul.grid2 li:nth-last-of-type(-n + 2) {
    margin-bottom: 0;
  }
}
.toggle_btn ul.grid3 li {
  width: calc(33.333333% - 20px);
  margin-right: 30px;
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .toggle_btn ul.grid3 li:nth-of-type(3n) {
    margin-right: 0;
  }
  .toggle_btn ul.grid3 li:nth-last-of-type(-n + 3) {
    margin-bottom: 0;
  }
}
.toggle_btn ul.grid4 li {
  width: calc(25% - 22.5px);
  margin-right: 30px;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .toggle_btn ul.grid4 li:nth-of-type(4n) {
    margin-right: 0;
  }
  .toggle_btn ul.grid4 li:nth-last-of-type(-n + 4) {
    margin-bottom: 0;
  }
}
.toggle_btn.link ul li {
  transition: border-color 0.2s;
}
.toggle_btn.link ul li a p {
  transition: color 0.2s;
}
.toggle_btn.link ul li a span {
  transition: color 0.2s;
}
.toggle_btn.link ul li a i {
  position: relative;
}
@media (min-width: 1024px) {
  .toggle_btn.link ul li:hover {
    border-color: #26247B;
    background-color: #26247B;
  }
  .toggle_btn.link ul li:hover a p {
    color: #ffffff;
  }
  .toggle_btn.link ul li:hover a span {
    color: #ffffff;
  }
  .toggle_btn.link ul li:hover a i:before {
    -webkit-animation: outlinkAnimationBefore2 0.3s forwards 0.3s;
            animation: outlinkAnimationBefore2 0.3s forwards 0.3s;
  }
  @-webkit-keyframes outlinkAnimationBefore2 {
    from {
      left: -5px;
      bottom: -5px;
      opacity: 0;
    }
    to {
      left: 0;
      bottom: 0;
      opacity: 1;
    }
  }
  @keyframes outlinkAnimationBefore2 {
    from {
      left: -5px;
      bottom: -5px;
      opacity: 0;
    }
    to {
      left: 0;
      bottom: 0;
      opacity: 1;
    }
  }
  .toggle_btn.link ul li:hover a i:after {
    -webkit-animation: outlinkAnimationAfter2 0.3s forwards;
            animation: outlinkAnimationAfter2 0.3s forwards;
  }
  @-webkit-keyframes outlinkAnimationAfter2 {
    from {
      left: 0;
      bottom: 0;
      opacity: 1;
    }
    to {
      left: 5px;
      bottom: 5px;
      opacity: 0;
    }
  }
  @keyframes outlinkAnimationAfter2 {
    from {
      left: 0;
      bottom: 0;
      opacity: 1;
    }
    to {
      left: 5px;
      bottom: 5px;
      opacity: 0;
    }
  }
}
.toggle_btn.icon_hover ul li {
  transition: border-color 0.2s;
}
.toggle_btn.icon_hover ul li a p {
  transition: color 0.2s;
}
.toggle_btn.icon_hover ul li a span {
  transition: color 0.2s;
}
.toggle_btn.icon_hover ul li a i:before {
  opacity: 1;
  left: 0;
  top: 0;
  transition: all 0.2s;
}
.toggle_btn.icon_hover ul li a i:after {
  opacity: 0;
  left: 0;
  top: 0;
  transition: all 0.2s;
}
@media (min-width: 1024px) {
  .toggle_btn.icon_hover ul li:hover {
    border-color: #26247B;
    background-color: #26247B;
  }
  .toggle_btn.icon_hover ul li:hover a p {
    color: #ffffff;
  }
  .toggle_btn.icon_hover ul li:hover a span {
    color: #ffffff;
  }
  .toggle_btn.icon_hover ul li:hover a i:before {
    opacity: 0;
  }
  .toggle_btn.icon_hover ul li:hover a i:after {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .toggle_btn ul li a {
    padding: 20px 0;
  }
  .toggle_btn ul li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
  }
  .toggle_btn ul li span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .toggle_btn ul li i {
    width: 10px;
    height: 10px;
  }
  .toggle_btn ul.grid2 li, .toggle_btn ul.grid3 li, .toggle_btn ul.grid4 li {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .toggle_btn ul.grid2 li:nth-of-type(2n), .toggle_btn ul.grid3 li:nth-of-type(2n), .toggle_btn ul.grid4 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .toggle_btn ul.grid2 li:nth-last-of-type(-n + 2), .toggle_btn ul.grid3 li:nth-last-of-type(-n + 2), .toggle_btn ul.grid4 li:nth-last-of-type(-n + 2) {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .toggle_btn ul.grid2 li, .toggle_btn ul.grid3 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .toggle_btn ul.grid2 li:nth-last-of-type(-n + 2), .toggle_btn ul.grid3 li:nth-last-of-type(-n + 2) {
    margin-bottom: 1.25rem;
  }
  .toggle_btn ul.grid2 li:last-child, .toggle_btn ul.grid3 li:last-child {
    margin-bottom: 0;
  }
}

/* share btn */
.share_area {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.share_area a {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  text-align: center;
}
.share_area a:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.share_area a img {
  display: inline-block;
  vertical-align: middle;
}
.share_area a i {
  display: inline-block;
  width: 12px;
  height: 15px;
  margin-left: -2px;
  vertical-align: middle;
  background: url("/resources/cn/global/images/button/share_button.svg") 0 0;
  background-size: 100% 100%;
}
.share_area > a {
  border: 1px solid #dddddd;
  background: #ffffff;
  position: relative;
  z-index: 2;
  font-size: 0;
}
.share_area ul {
  position: absolute;
  left: 0;
  top: 0;
  transition: left 0.4s, width 0.3s;
  z-index: 1;
  display: flex;
  width: 0;
  overflow: hidden;
}
.share_area ul li {
  display: inline-block;
  vertical-align: top;
}
.share_area ul li + li {
  margin-left: 5px;
}
.share_area ul li a.facebook {
  background: #3a5ca9;
}
.share_area ul li a.kakao {
  background: #fae300;
}
.share_area ul li a.link {
  background: #797a81;
}
.share_area.active > a {
  background: #f7f7f7;
}
.share_area.active > a i {
  margin-left: -0.5px;
  background: url("/resources/cn/global/images/button/share_delete.svg") 0 0;
  background-size: 100% 100%;
}
.share_area.active ul {
  left: 40px;
  width: 106px;
}
@media (max-width: 1023px) {
  .share_area a {
    width: 30px;
    height: 30px;
  }
}

/* tab_btn_select */
.tab_btn_select {
  position: relative;
}
.tab_btn_select .list .current {
  display: none;
}
.tab_btn_select .list ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-bottom: 4px solid #26247B;
}
.tab_btn_select .list li {
  display: table-cell;
  height: 80px;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  vertical-align: middle;
  background-color: #ffffff;
}
.tab_btn_select .list li a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 28px;
}
.tab_btn_select .list li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #444444;
  font-weight: 400;
}
.tab_btn_select .list li:first-child {
  border-left: 1px solid #aaaaaa;
}
.tab_btn_select .list li.active {
  background-color: #26247B;
  border-color: #26247B;
}
.tab_btn_select .list li.active span {
  color: #ffffff;
  font-weight: bold;
}
.tab_btn_select .panel {
  display: none;
}
.tab_btn_select .panel.active {
  display: block;
}
@media (max-width: 1023px) {
  .tab_btn_select.active .list .current:after {
    transform: rotate(180deg) translateY(-50%);
  }
  .tab_btn_select.active .list ul {
    display: block;
  }
  .tab_btn_select .list .current {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    background-color: #26247B;
    font-size: 0;
    text-align: left;
    box-sizing: border-box;
  }
  .tab_btn_select .list .current:after {
    content: "";
    width: 17px;
    height: 9px;
    background: url("/resources/cn/global/images/button/tab_btn_arrow_white.svg") 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transform-origin: top;
  }
  .tab_btn_select .list .current span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.1875;
    color: #ffffff;
    font-weight: bold;
  }
  .tab_btn_select .list ul {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 100;
    background-color: #ffffff;
    border-bottom: 1px solid #aaaaaa;
  }
  .tab_btn_select .list li {
    display: block;
    width: 100%;
    height: 60px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
  }
  .tab_btn_select .list li a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding: 0 20px;
  }
  .tab_btn_select .list li span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.1875;
  }
  .tab_btn_select .list li:last-child a {
    border-bottom: 0;
  }
  .tab_btn_select .list li.active {
    display: none;
  }
}

/* search_box */
.search_box .label_box {
  position: relative;
  display: block;
  width: 100%;
}
.search_box .label_box input {
  width: 100%;
  height: 80px;
  padding: 0 70px 0 30px;
  box-sizing: border-box;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 3.1818181818;
  color: #222222;
  border: 0;
}
.search_box .label_box input::-moz-placeholder {
  color: #aaaaaa;
}
.search_box .label_box input::placeholder {
  color: #aaaaaa;
}
.search_box .label_box a,
.search_box .label_box button {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: url("/resources/cn/global/images/common/integrated_search_icon.svg") center top no-repeat;
  background-size: 100% 100%;
  font-size: 0;
}
@media (max-width: 1023px) {
  .search_box .label_box input {
    height: 60px;
    padding: 0 39px 0 15px;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .search_box .label_box a,
.search_box .label_box button {
    top: 18px;
    right: 20px;
    width: 24px;
    height: 24px;
  }
}

.paging_wrap {
  text-align: center;
  font-size: 0;
}
.paging_wrap * {
  vertical-align: middle;
}
.paging_wrap .arrow {
  display: inline-block;
  vertical-align: middle;
}
.paging_wrap .arrow > a {
  overflow: hidden;
  display: inline-block;
  width: 40px;
  height: 35px;
  margin: 0;
  text-indent: -9999px;
}
.paging_wrap .arrow a.first {
  background: url("/resources/cn/global/images/paging/ico_paging_first.svg") center center no-repeat;
  background-size: 100%;
}
.paging_wrap .arrow a.prev {
  background: url("/resources/cn/global/images/paging/ico_paging_prev.svg") center center no-repeat;
  background-size: 100%;
}
.paging_wrap .arrow a.next {
  background: url("/resources/cn/global/images/paging/ico_paging_next.svg") center center no-repeat;
  background-size: 100%;
}
.paging_wrap .arrow a.last {
  background: url("/resources/cn/global/images/paging/ico_paging_last.svg") center center no-repeat;
  background-size: 100%;
}
.paging_wrap .arrow.left {
  margin-right: 10px;
}
.paging_wrap .arrow.right {
  margin-left: 10px;
}
.paging_wrap .num {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  margin: 0 5px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 2.5;
  text-align: center;
  color: #999;
  font-weight: bold;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.paging_wrap .num:hover, .paging_wrap .num.active {
  color: #ffffff;
  background-color: #26247B;
  border-color: #26247B;
}
.paging_wrap .total {
  display: none;
}
@media (max-width: 1023px) {
  .paging_wrap .arrow > a {
    width: 30px;
    height: 26px;
  }
  .paging_wrap .arrow.left {
    margin-right: 20px;
  }
  .paging_wrap .arrow.right {
    margin-left: 20px;
  }
  .paging_wrap .num {
    width: 32px;
    height: 32px;
    margin: 0 5px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.1428571429;
    display: none;
  }
  .paging_wrap .num.active {
    width: auto;
    height: auto;
    margin: 0;
    margin-right: 5px;
    display: inline-block;
    border: none;
    background: none;
    color: #26247B;
  }
  .paging_wrap .total {
    display: inline-block;
    vertical-align: top;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.1428571429;
    color: #999;
    font-weight: bold;
    padding-left: 10px;
    position: relative;
  }
  .paging_wrap .total:before {
    content: "/";
    position: absolute;
    left: 0;
    top: 0;
    font: inherit;
    color: inherit;
  }
}

/* plugin */
/* pages */
:root {
  --clip1: 100%;
  --clip2: 0;
}

.main #header {
  position: absolute;
  background-color: transparent;
}
.main #header .header_wrap .inner {
  background-color: transparent;
  border-bottom-color: transparent;
}
.main #header a.logo img {
  display: none;
}
.main #header a.logo img.white {
  display: block;
}
.main #header #gnb > ul > li > a {
  color: #ffffff;
}
.main #header #gnb > ul > li > a::after {
  background-color: #ffffff;
}
.main #header #gnb > ul > li:hover > a {
  color: #26247B;
}
.main #header #util .lang_list > a {
  color: #ffffff;
}
.main #header #util .inquiry_btn {
  border-color: #fff;
  color: #fff;
}
.main #header #util .search_btn {
  background-image: url("/resources/cn/global/images/common/search_icon_white.svg");
}
.main #header #util .search_btn.on {
  background-image: url("/resources/cn/global/images/common/search_close.svg");
}
.main #header #util .hammenu_btn {
  background-image: url("/resources/cn/global/images/common/pchamBtn_white.svg");
}
.main #header #util .allmenu_btn {
  background-image: url("/resources/cn/global/images/common/mhamBtn_white.svg");
}
.main #header.on .header_wrap .inner, .main #header.scroll .header_wrap .inner, .main #header.main_active .header_wrap .inner {
  background-color: #ffffff;
}
.main #header.on a.logo img, .main #header.scroll a.logo img, .main #header.main_active a.logo img {
  display: none;
}
.main #header.on a.logo img.blue, .main #header.scroll a.logo img.blue, .main #header.main_active a.logo img.blue {
  display: block;
}
.main #header.on #gnb > ul > li > a, .main #header.scroll #gnb > ul > li > a, .main #header.main_active #gnb > ul > li > a {
  color: #222222;
}
.main #header.on #gnb > ul > li > a::after, .main #header.scroll #gnb > ul > li > a::after, .main #header.main_active #gnb > ul > li > a::after {
  background-color: #D1D3D4;
}
.main #header.on #gnb > ul > li:hover > a, .main #header.scroll #gnb > ul > li:hover > a, .main #header.main_active #gnb > ul > li:hover > a {
  color: #26247B;
}
.main #header.on #util .lang_list > a, .main #header.scroll #util .lang_list > a, .main #header.main_active #util .lang_list > a {
  color: #939598;
}
.main #header.on #util .inquiry_btn, .main #header.scroll #util .inquiry_btn, .main #header.main_active #util .inquiry_btn {
  color: #939598;
}
.main #header.on #util .search_btn, .main #header.scroll #util .search_btn, .main #header.main_active #util .search_btn {
  background-image: url("/resources/cn/global/images/common/search_icon.svg");
}
.main #header.on #util .search_btn.on, .main #header.scroll #util .search_btn.on, .main #header.main_active #util .search_btn.on {
  background-image: url("/resources/cn/global/images/common/search_close.svg");
}
.main #header.on #util .hammenu_btn, .main #header.scroll #util .hammenu_btn, .main #header.main_active #util .hammenu_btn {
  background-image: url("/resources/cn/global/images/common/pchamBtn.svg");
}
.main #header.on #util .allmenu_btn, .main #header.scroll #util .allmenu_btn, .main #header.main_active #util .allmenu_btn {
  background-image: url("/resources/cn/global/images/common/mhamBtn.svg");
}
.main .container {
  max-width: 100%;
}
.main .content {
  padding: 0;
}
.main .inner_wrap {
  max-width: 1210px;
  margin: 0 auto;
}
.main .tit_box {
  position: relative;
  z-index: 1;
}
.main .tit_box .group_tit {
  display: block;
  margin-bottom: 0.21875rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4090909091;
  font-weight: 500;
  color: #ffffff;
  font-family: "SamyangNeo", sans-serif;
}
.main .tit_box .group_txt {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.40625;
  font-weight: 500;
  color: #ffffff;
}
.main .tit_box i {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 1.5rem;
  background: url("/resources/cn/global/images/main/arrow_upward_w.svg") 50% 50% no-repeat;
  background-size: cover;
}
.main .tit_box i.black {
  background: url("/resources/cn/global/images/main/arrow_upward_bk.svg") 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .main .tit_box .group_tit {
    margin-bottom: 0.296875rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.40625;
  }
  .main .tit_box .group_txt {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
  .main .tit_box i {
    width: 20px;
    height: 20px;
    margin-top: 1.5rem;
  }
}
@media (max-width: 766px) {
  .main .tit_box .group_tit {
    margin-bottom: 0.296875rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.40625;
  }
  .main .tit_box .group_txt {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
  .main .tit_box i {
    width: 20px;
    height: 20px;
    margin-top: 1.25rem;
  }
}
.main .sec_visual {
  width: 100% !important;
  height: 100vh;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.main .sec_visual.type1 .kv_box {
  max-width: 994px;
}
.main .sec_visual.type1 .kv_box > div.mask_tit01 {
  transform: translateX(-40px);
}
.main .sec_visual.type1 .kv_box > div.mask_tit02 {
  transform: translateX(40px);
}
.main .sec_visual.type1 .kv_box > div.mask_tit03 {
  opacity: 0;
  transform: translateY(15px);
  transition-delay: 0.8s;
}
.main .sec_visual.type1 .slide.active .kv_box {
  opacity: 1;
}
.main .sec_visual.type1 .slide.active .kv_box > div {
  opacity: 1;
}
.main .sec_visual.type1 .slide.active .kv_box > div.mask_tit01 {
  transform: translateX(0);
}
.main .sec_visual.type1 .slide.active .kv_box > div.mask_tit02 {
  transform: translateX(0);
}
.main .sec_visual.type1 .slide.active .kv_box > div.mask_tit03 {
  transform: translateY(0);
}
.main .sec_visual.type2 .kv_box {
  transition: none;
  transform: translateY(50px);
}
.main .sec_visual.type2 .kv_box span {
  text-align: center;
  text-transform: none;
}
.main .sec_visual.type2 .kv_box span.kv_tit01 {
  font-size: 3.625rem;
  letter-spacing: 0;
  line-height: 1.1034482759;
  font-weight: 700;
}
.main .sec_visual.type2 .kv_box span.kv_tit02 {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #ffffff;
}
.main .sec_visual.type2 .kv_box > div {
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.main .sec_visual.type2 .kv_box > div.mask_tit01 {
  margin-bottom: 1rem;
  -webkit-clip-path: none;
          clip-path: none;
}
.main .sec_visual.type2 .kv_box > div.mask_tit02 {
  -webkit-clip-path: none;
          clip-path: none;
}
.main .sec_visual.type2 .slide {
  overflow: hidden;
  transform: rotate(-0.03deg);
}
.main .sec_visual.type2 .slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-timing-function: linear;
  -webkit-clip-path: polygon(0 0, 0 0, var(--clip2) 100%, 0% 100%);
          clip-path: polygon(0 0, 0 0, var(--clip2) 100%, 0% 100%);
  transform: scale(1.1) rotate(0.03deg);
  transition-duration: 1.5s;
}
.main .sec_visual.type2 .slide.swiper-slide-duplicate-active .bg, .main .sec_visual.type2 .slide.swiper-slide-prev .bg {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transform: scale(1);
}
.main .sec_visual.type2 .slide.swiper-slide-duplicate-active .kv_box, .main .sec_visual.type2 .slide.swiper-slide-prev .kv_box {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}
.main .sec_visual.type2 .slide.active .bg {
  -webkit-clip-path: polygon(0 0, var(--clip1) 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, var(--clip1) 0, 100% 100%, 0% 100%);
}
.main .sec_visual.type2 .slide.active .kv_box {
  transition-duration: 0.6s;
  transition-timing-function: linear;
  transition-property: opacity, transform, duration;
}
.main .sec_visual.type2 .slide.initMotion .bg {
  transform: scale(1);
}
.main .sec_visual.type2 .slide.initMotion .kv_box {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}
.main .sec_visual .swiper-container {
  height: 100%;
}
.main .sec_visual .swiper-wrapper {
  height: 100%;
}
.main .sec_visual .slide {
  overflow: hidden;
  height: 100%;
  width: 100% !important;
}
.main .sec_visual .visual_inner {
  z-index: 1;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
}
.main .sec_visual .kv_box {
  max-width: 960px;
  margin: 0 auto;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}
.main .sec_visual .kv_box span {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}
.main .sec_visual .kv_box > div {
  transition-duration: 0.5s;
  transition-timing-function: linear;
}
.main .sec_visual .kv_tit01 {
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.1;
  font-family: "SamyangNeo", sans-serif;
  color: #ffffff;
}
.main .sec_visual .kv_tit02 {
  margin-top: 0.3125rem;
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.1;
  font-family: "SamyangNeo", sans-serif;
  color: #E4FF1A;
  text-align: right;
}
.main .sec_visual .kv_tit03 {
  margin-top: 0.4375rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.1;
  color: #ffffff;
  text-align: right;
}
.main .sec_visual .video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-timing-function: cubic-bezier(0.68, 0.08, 0.36, 0.91);
  transition-duration: 1s;
}
.main .sec_visual .video_wrap .dim {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}
.main .sec_visual .video_wrap video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* IE CSS */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main .sec_visual .video_wrap video {
    height: auto;
  }
}
.main .sec_visual .swiper-controller {
  display: none;
  z-index: 3;
  position: absolute;
  left: 50%;
  bottom: 50px;
  width: 100%;
  max-width: 1210px;
  transform: translateX(-50%);
  font-size: 0;
  color: #fff;
  text-align: center;
}
.main .sec_visual .swiper-controller.on {
  display: block;
}
.main .sec_visual .swiper-controller .pagination {
  display: inline-block;
  vertical-align: middle;
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet {
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 13px;
  margin-right: 10px;
  padding: 5px 0;
  border: 0;
  border-radius: 0;
  background: none;
  cursor: pointer;
  outline: 0;
  opacity: 1;
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .rail {
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .fill {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ffffff;
  transform: translateX(-101%);
  transition-property: transform;
  transition-timing-function: ease-out;
}
.main .sec_visual .swiper-controller .controller-btn {
  display: inline-block;
  vertical-align: middle;
}
.main .sec_visual .swiper-controller .controller-btn a {
  display: block;
}
.main .sec_visual .swiper-controller .controller-btn a.pause {
  width: 10px;
  height: 11px;
  background: url("/resources/cn/global/images/main/btn_pause.svg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .swiper-controller .controller-btn a.play {
  width: 11px;
  height: 10px;
  background: url("/resources/cn/global/images/main/btn_play.svg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .swiper-controller .controller-txt {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  vertical-align: middle;
}
.main .sec_visual .swiper-controller .controller-txt span {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.1666666667;
  color: #ffffff;
}
.main .sec_visual .swiper-controller .controller-txt span::before {
  content: "/";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 16px;
}
.main .sec_visual .kv_center_bg {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transition-duration: 0.4s;
}
.main .sec_visual .kv_center_bg .swiper-slide .fade_bg {
  transform: scale(1.2);
  transition: 3s;
}
.main .sec_visual .kv_center_bg .swiper-slide:nth-child(1) .fade_bg {
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/main/main_sec_visual_bg01.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .kv_center_bg .swiper-slide:nth-child(2) .fade_bg {
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/main/main_sec_visual_bg02.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .kv_center_bg .swiper-slide:nth-child(3) .fade_bg {
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/main/main_sec_visual_bg03.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .kv_center_bg .swiper-slide-prev .fade_bg,
.main .sec_visual .kv_center_bg .swiper-slide-active .fade_bg,
.main .sec_visual .kv_center_bg .swiper-slide-duplicate-active .fade_bg {
  transform: scale(1);
}
@media (max-width: 1023px) {
  .main .sec_visual.type1 .kv_box {
    max-width: 611px;
  }
  .main .sec_visual.type2 .kv_box span.kv_tit01 {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.2941176471;
  }
  .main .sec_visual.type2 .kv_box span.kv_tit02 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .main .sec_visual.type2 .kv_box > div.mask_tit01 {
    margin-bottom: 0.34375rem;
  }
  .main .sec_visual.type2 .slide .bg {
    -webkit-clip-path: none;
            clip-path: none;
  }
  .main .sec_visual.type2 .slide.swiper-slide-duplicate-active .bg, .main .sec_visual.type2 .slide.swiper-slide-prev .bg {
    -webkit-clip-path: none;
            clip-path: none;
  }
  .main .sec_visual.type2 .slide.active .bg {
    -webkit-clip-path: none;
            clip-path: none;
    transition: transform 1.5s;
  }
  .main .sec_visual .kv_box {
    max-width: 611px;
  }
  .main .sec_visual .kv_tit01 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.0952380952;
  }
  .main .sec_visual .kv_tit02 {
    margin-top: 0.5rem;
    font-size: 2.8125rem;
    letter-spacing: 0;
    line-height: 1.1111111111;
    text-align: left;
  }
  .main .sec_visual .kv_tit03 {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.125;
  }
  .main .sec_visual .swiper-controller {
    max-width: 100%;
  }
  .main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .rail {
    height: 4px;
  }
  .main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .fill {
    bottom: 4px;
    height: 4px;
  }
  .main .sec_visual .kv_center_bg .bg {
    background-size: 95% 80%;
  }
}
@media (max-width: 766px) {
  .main .sec_visual.type1 .kv_box > div.mask_tit03 {
    transform: translateY(0);
  }
  .main .sec_visual.type1 .slide.active .kv_box > div.mask_tit01 {
    transform: translateX(0);
  }
  .main .sec_visual.type1 .slide.active .kv_box > div.mask_tit02 {
    transform: translateX(0);
  }
  .main .sec_visual.type1 .slide.active .kv_box > div.mask_tit03 {
    transform: translateY(0);
  }
  .main .sec_visual.type2 .kv_box {
    padding: 0 26px;
  }
  .main .sec_visual.type2 .kv_box span.kv_tit01 {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.2941176471;
  }
  .main .sec_visual.type2 .kv_box span.kv_tit02 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .main .sec_visual.type2 .kv_box > div.mask_tit01 {
    margin-bottom: 0.34375rem;
  }
  .main .sec_visual .kv_box {
    max-width: 100%;
    padding: 0 16px;
  }
  .main .sec_visual .kv_tit01 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.0952380952;
  }
  .main .sec_visual .kv_tit02 {
    margin-top: 0.5rem;
    font-size: 2.8125rem;
    letter-spacing: 0;
    line-height: 1.1111111111;
  }
  .main .sec_visual .kv_tit03 {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.125;
    text-align: left;
  }
  .main .sec_visual .swiper-controller {
    bottom: 40px;
  }
  .main .sec_visual .kv_center_bg .bg {
    background-size: 95% 80%;
  }
}
.main .sec .arrow_btn {
  position: relative;
}
.main .sec .arrow_btn:before, .main .sec .arrow_btn:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s, opacity 0.2s, margin 0.2s;
}
.main .sec .arrow_btn::before {
  margin-right: 20px;
  opacity: 0;
}
@keyframes arrowAnimationBefore {
  from {
    margin-right: 20px;
    opacity: 0;
  }
  to {
    margin-right: 0;
    opacity: 1;
  }
}
@keyframes arrowAnimationAfter {
  from {
    margin-right: 0;
    opacity: 1;
  }
  to {
    margin-right: -15px;
    opacity: 0;
  }
}
.main .sec01 {
  padding: 186px 10px 194px 10px;
  text-align: center;
}
.main .sec01 .txt_box {
  overflow: hidden;
}
.main .sec01 .txt_box p {
  position: relative;
  font-size: 3.125rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-weight: bold;
  color: #26247B;
  word-break: break-all;
  word-wrap: break-word;
}
.main .sec01 a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 24px;
  margin-top: 1.71875rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  font-family: "SamyangNeo", sans-serif;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
}
.main .sec01 a::before, .main .sec01 a::after {
  width: 16px;
  height: 16px;
}
.main .sec01 a:before {
  background: url("/resources/cn/global/images/main/vision_arrow_black.svg") 0 0;
  background-size: 100% 100%;
}
.main .sec01 a:after {
  background: url("/resources/cn/global/images/main/vision_arrow_black.svg") 0 0;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .main .sec01 a:hover {
    color: #000000;
  }
  .main .sec01 a:hover:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  .main .sec01 a:hover:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
  }
}
@media (max-width: 1023px) {
  .main .sec01 {
    padding: 159px 10px;
  }
  .main .sec01 .txt_box p {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
  .main .sec01 a {
    padding-right: 15px;
    margin-top: 0.625rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
  }
  .main .sec01 a::before, .main .sec01 a::after {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 766px) {
  .main .sec01 {
    padding: 127px 10px 117px 10px;
  }
}
.main .sec02 {
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.main .sec02 .sec_inner {
  width: 100%;
  height: 100%;
}
.main .sec02 .sec_inner strong {
  color: #fff;
}
.main .sec02 .mask {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 0 0, -24% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, -24% 100%, 0 100%);
  z-index: 1;
}
.main .sec02 .mask img {
  opacity: 0;
}
.main .sec02 .list_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
  position: relative;
  width: 100%;
  padding-top: 46.875%;
  border-top: 0;
}
.main .sec02 .list_wrap .list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 1210px;
}
.main .sec02 .list_wrap .list li {
  position: relative;
  width: 100%;
  padding: 0;
  border-bottom: 0;
}
.main .sec02 .list_wrap .list li::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #6EEB83;
}
.main .sec02 .list_wrap .list li .arrow_btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 27.5px 0;
  font-family: "SamyangNeo", sans-serif;
  font-size: 2.875rem;
  letter-spacing: 0;
  line-height: 1.3043478261;
  font-weight: 500;
  color: #fff;
}
.main .sec02 .list_wrap .list li .arrow_btn::before, .main .sec02 .list_wrap .list li .arrow_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
}
.main .sec02 .list_wrap .list li .arrow_btn::before {
  background: url("/resources/cn/global/images/main/arrow_upward_gr.svg") center no-repeat;
  background-size: cover;
}
.main .sec02 .list_wrap .list li .arrow_btn::after {
  background: url("/resources/cn/global/images/main/arrow_upward_w.svg") center no-repeat;
  background-size: cover;
}
@media (min-width: 1024px) {
  .main .sec02 .list_wrap .list li.active::before {
    transition: width 0.5s;
    width: 100%;
  }
  .main .sec02 .list_wrap .list li.active .arrow_btn {
    color: #6EEB83;
  }
  .main .sec02 .list_wrap .list li.active .arrow_btn:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  .main .sec02 .list_wrap .list li.active .arrow_btn:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
  }
}
.main .sec02 .list_wrap .img_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .sec02 .list_wrap .img_wrap .img_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.main .sec02 .list_wrap .img_wrap .img_box:first-child {
  opacity: 1;
  z-index: 1;
}
.main .sec02 .list_wrap .img_wrap .img_box .mask img {
  transform: scale(1.2);
}
.main .sec02 .list_wrap .img_wrap .img_box.active {
  opacity: 1;
  z-index: 1;
}
.main .sec02 .list_wrap .img_wrap .img_box.active .mask img {
  opacity: 1;
  transform: scale(1);
}
.main .sec02 .list_wrap .img_wrap .img_box.active img {
  transform: scale(1.1);
}
.main .sec02 .list_wrap .img_wrap .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s;
}
.main .sec02 .list_wrap .img_wrap .img_box > img {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1399px) {
  .main .sec02 .list_wrap .list {
    width: 89%;
  }
}
@media (max-width: 1023px) {
  .main .sec02 {
    height: auto;
  }
  .main .sec02 .mask {
    display: none;
  }
  .main .sec02 .mask img {
    opacity: 0;
  }
  .main .sec02 .list_wrap {
    padding-top: 0;
  }
  .main .sec02 .list_wrap .list {
    position: static;
    transform: none;
    width: 100%;
  }
  .main .sec02 .list_wrap .list li {
    position: relative;
    padding: 29.8% 0 0 0;
    border-bottom: 0;
  }
  .main .sec02 .list_wrap .list li:nth-child(1) {
    background: url("/resources/cn/global/images/main/main_sec01_m_bg01.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li:nth-child(2) {
    background: url("/resources/cn/global/images/main/main_sec01_m_bg02.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li:nth-child(3) {
    background: url("/resources/cn/global/images/main/main_sec01_m_bg03.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li:nth-child(4) {
    background: url("/resources/cn/global/images/main/main_sec01_m_bg04.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec02 .list_wrap .list li .arrow_btn {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 40px;
    border-bottom: 0;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.3;
  }
  .main .sec02 .list_wrap .list li .arrow_btn::after {
    right: 40px;
    width: 20px;
    height: 20px;
    background: url("/resources/cn/global/images/main/arrow_upward_w.svg") 50% 50% no-repeat;
    background-size: cover;
    transform: translateY(-50%);
  }
  .main .sec02 .list_wrap .img_wrap {
    display: none;
  }
}
@media (max-width: 766px) {
  .main .sec02 .list_wrap .list li {
    padding-top: 44.5333333333%;
  }
  .main .sec02 .list_wrap .list li .arrow_btn {
    padding: 0 20px;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.3;
  }
  .main .sec02 .list_wrap .list li .arrow_btn::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }
}
.main .sec03 {
  position: relative;
  height: 100vh;
  background-color: #fff;
}
.main .sec03 .inner_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
  height: 100%;
}
.main .sec03 .group_area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: normal;
  width: 100%;
}
.main .sec03 .group_area > a {
  overflow: hidden;
  display: block;
  width: 50%;
  height: 550px;
  transition-duration: 0.6s;
}
@media (min-width: 1024px) {
  .main .sec03 .group_area > a .tit_box i {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
  }
  .main .sec03 .group_area > a:hover .tit_box i {
    opacity: 1;
    transform: translateY(0);
  }
}
.main .sec03 .group_area .box_cont {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 50px;
}
.main .sec03 .group_area .box_cont .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.6s;
}
.main .sec03 .group_area .box_cont.company .bg {
  background: url("/resources/cn/global/images/main/main_sec02_bg1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec03 .group_area .box_cont.esg .bg {
  background: url("/resources/cn/global/images/main/main_sec02_bg2.jpg") 50% 50% no-repeat;
  background-size: cover;
}
@media (min-width: 1024px) {
  .main .sec03 .group_area .box_cont:hover .bg {
    transform: scale(1.05);
  }
}
@media (max-width: 1399px) {
  .main .sec03 .inner_wrap {
    width: 94%;
  }
}
@media (max-width: 1023px) {
  .main .sec03 {
    height: auto;
  }
  .main .sec03 .group_area {
    flex-direction: column;
    padding: 120px 0;
  }
  .main .sec03 .group_area > a {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 48.3%;
  }
  .main .sec03 .group_area > a.active {
    transform: translateY(0);
  }
  .main .sec03 .group_area .box_cont {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
  }
  .main .sec03 .group_area .box_cont.company .bg {
    background: url("/resources/cn/global/images/main/main_sec02_t_bg1.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec03 .group_area .box_cont.esg .bg {
    background: url("/resources/cn/global/images/main/main_sec02_t_bg2.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
}
@media (max-width: 766px) {
  .main .sec03 .inner_wrap {
    width: 92%;
  }
  .main .sec03 .group_area {
    padding: 100px 0;
  }
  .main .sec03 .group_area > a {
    padding-top: 67.1%;
  }
  .main .sec03 .group_area .box_cont {
    padding: 20px;
  }
  .main .sec03 .group_area .box_cont.company .bg {
    background: url("/resources/cn/global/images/main/main_sec02_t_bg1.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec03 .group_area .box_cont.esg .bg {
    background: url("/resources/cn/global/images/main/main_sec02_t_bg2.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
}
.main .sec04 {
  position: relative;
  width: 100%;
  height: 380px;
}
.main .sec04 a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .main .sec04 a .tit_box i {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
  }
  .main .sec04 a:hover .tit_box i {
    opacity: 1;
    transform: translateY(0);
  }
}
.main .sec04 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.8s;
  background: url("/resources/cn/global/images/main/main_sec03_bg1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec04 .inner_wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  flex-direction: column;
  padding: 60px 0;
}
.main .sec04 .inner_wrap i {
  margin-top: 2rem;
}
.main .sec04 .img_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: normal;
  width: 100%;
}
.main .sec04 .img_box .logo_100th {
  width: 267px;
}
@media (max-width: 1399px) {
  .main .sec04 .inner_wrap {
    width: 94%;
  }
}
@media (max-width: 1023px) {
  .main .sec04 {
    height: auto;
    padding-top: 49.4%;
  }
  .main .sec04 a {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main .sec04 .bg {
    background: url("/resources/cn/global/images/main/main_sec03_t_bg1.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec04 .inner_wrap {
    height: 100%;
    padding: 40px 0;
  }
  .main .sec04 .inner_wrap i {
    margin-top: 1.5rem;
  }
  .main .sec04 .img_box .logo_100th {
    width: 167.5px;
  }
}
@media (max-width: 766px) {
  .main .sec04 {
    padding-top: 83.7%;
  }
  .main .sec04 .bg {
    background: url("/resources/cn/global/images/main/main_sec03_m_bg1.jpg") 50% 50% no-repeat;
    background-size: cover;
  }
  .main .sec04 .inner_wrap {
    width: 92%;
    padding: 20px 0;
  }
  .main .sec04 .inner_wrap i {
    margin-top: 1.25rem;
  }
  .main .sec04 .img_box .logo_100th {
    width: 167.5px;
  }
}
.main .sec05 {
  position: relative;
  padding: 150px 0 206px;
  background-color: #fff;
}
.main .sec05 .con {
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
}
.main .sec05 .con .arrow_btn {
  display: block;
}
.main .sec05 .con .arrow_btn::before {
  background: url("/resources/cn/global/images/main/arrow_upward_bu.svg") center no-repeat;
  background-size: cover;
}
.main .sec05 .con .arrow_btn::after {
  background: url("/resources/cn/global/images/main/arrow_upward_bk.svg") center no-repeat;
  background-size: cover;
}
.main .sec05 .con01 .group_tit {
  color: #26247B;
}
.main .sec05 .con01 .group_txt {
  color: #000000;
}
.main .sec05 .con01 .type_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .main .sec05 .con01 .type_box .arrow_btn:hover:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  .main .sec05 .con01 .type_box .arrow_btn:hover:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
  }
}
.main .sec05 .con01 .arrow_btn {
  width: 32px;
  height: 32px;
}
.main .sec05 .con01 .arrow_btn::before, .main .sec05 .con01 .arrow_btn::after {
  width: 32px;
  height: 32px;
}
.main .sec05 .con01 .slide_inner {
  position: relative;
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 1.34375rem;
}
.main .sec05 .con01 .media_slide {
  overflow: visible;
}
.main .sec05 .con01 .swiper-slide {
  width: 440px;
}
.main .sec05 .con01 .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transition-duration: 0.6s;
}
@media (min-width: 1024px) {
  .main .sec05 .con01 .swiper-slide:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .main .sec05 .con01 .swiper-slide:hover .thumb_txt {
    color: #26247B;
  }
}
.main .sec05 .con01 .img_box {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 300px;
  box-sizing: border-box;
}
.main .sec05 .con01 .txt_box {
  margin-top: 1.375rem;
}
.main .sec05 .con01 .thumb_txt {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.1818181818;
  font-weight: 500;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.1818181818;
  max-height: 2.3636363636em;
}
.main .sec05 .con01 .swiper-scrollbar {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  max-width: 1210px;
  width: 100%;
  margin-top: 3.75rem;
  border-radius: 0;
  background-color: #E7EBEC;
}
.main .sec05 .con01 .swiper-scrollbar-drag {
  background-color: #6EEB83;
}
.main .sec05 .con02 .company_list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: normal;
  margin-top: 7.25rem;
}
.main .sec05 .con02 .company_list li {
  position: relative;
  width: 33.333%;
  padding: 36px 10px 44px 40px;
  box-sizing: border-box;
}
.main .sec05 .con02 .company_list li:last-child::after {
  display: none;
}
.main .sec05 .con02 .company_list li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: calc(100% - 44px);
  transform: translateY(-50%);
  background-color: #dddddd;
}
.main .sec05 .con02 .company_list li .arrow_btn {
  width: 24px;
  height: 24px;
  background: none;
}
.main .sec05 .con02 .company_list li .arrow_btn::before, .main .sec05 .con02 .company_list li .arrow_btn::after {
  width: 24px;
  height: 24px;
}
.main .sec05 .con02 .company_list li .arrow_btn::before {
  background: url("/resources/cn/global/images/main/arrow_upward_w.svg") center no-repeat;
  background-size: cover;
}
@media (min-width: 1024px) {
  .main .sec05 .con02 .company_list:not(.type1) li:hover {
    background-color: #26247B;
    transition-duration: 0.4s;
  }
  .main .sec05 .con02 .company_list:not(.type1) li:hover::after {
    display: none;
  }
  .main .sec05 .con02 .company_list:not(.type1) li:hover .group_tit {
    color: #ffffff;
  }
  .main .sec05 .con02 .company_list:not(.type1) li:hover .group_txt {
    color: #ffffff;
  }
  .main .sec05 .con02 .company_list:not(.type1) li:hover .arrow_btn:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  .main .sec05 .con02 .company_list:not(.type1) li:hover .arrow_btn:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
    background: url("/resources/cn/global/images/main/arrow_upward_w.svg") center no-repeat;
    background-size: cover;
  }
}
.main .sec05 .con02 .company_list.grid2 li {
  width: 50%;
  padding-left: 80px;
}
.main .sec05 .con02 .company_list.type1 .btn_wrap {
  margin-top: 2.375rem;
}
.main .sec05 .con02 .company_list.type1 .arrow_btn {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  padding-right: 26px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #000000;
}
.main .sec05 .con02 .company_list.type1 .arrow_btn::before, .main .sec05 .con02 .company_list.type1 .arrow_btn::after {
  top: 50%;
  width: 10px;
  height: 10px;
}
.main .sec05 .con02 .company_list.type1 .arrow_btn::before {
  background: url("/resources/cn/global/images/main/arrow_upward_bu.svg") center no-repeat;
  background-size: cover;
}
.main .sec05 .con02 .company_list.type1 .arrow_btn + .arrow_btn {
  margin-left: 32px;
}
@media (min-width: 1024px) {
  .main .sec05 .con02 .company_list.type1 .arrow_btn:hover {
    color: #26247B;
  }
  .main .sec05 .con02 .company_list.type1 .arrow_btn:hover:before {
    -webkit-animation: arrowAnimationBefore 0.3s forwards 0.3s;
            animation: arrowAnimationBefore 0.3s forwards 0.3s;
  }
  .main .sec05 .con02 .company_list.type1 .arrow_btn:hover:after {
    -webkit-animation: arrowAnimationAfter 0.3s forwards;
            animation: arrowAnimationAfter 0.3s forwards;
  }
}
.main .sec05 .con02 .group_tit {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #26247B;
}
.main .sec05 .con02 .group_txt {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000000;
}
@media (min-width: 1024px) {
  .main .sec05 .con02 .group_txt {
    min-height: 68px;
  }
}
@media (max-width: 1399px) {
  .main .sec05 .con {
    width: 94%;
  }
}
@media (max-width: 1023px) {
  .main .sec05 {
    padding: 120px 0 175px;
  }
  .main .sec05 .con .arrow_btn {
    width: 20px;
    height: 20px;
  }
  .main .sec05 .con .arrow_btn::before, .main .sec05 .con .arrow_btn::after {
    width: 20px;
    height: 20px;
  }
  .main .sec05 .con01 .media_slide {
    margin-top: 1.925rem;
  }
  .main .sec05 .con01 .swiper-slide {
    width: 288px;
  }
  .main .sec05 .con01 .txt_box {
    margin-top: 1.15625rem;
  }
  .main .sec05 .con01 .thumb_txt {
    margin-top: 0.4rem;
    margin-bottom: 1.025rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.4444444444;
    max-height: 2.8888888889em;
  }
  .main .sec05 .con01 .swiper-scrollbar {
    margin-top: 2.5rem;
  }
  .main .sec05 .con01 .img_box {
    padding-top: 63.2%;
  }
  .main .sec05 .con02 {
    margin-top: 7.5rem;
  }
  .main .sec05 .con02 .company_list {
    flex-direction: column;
  }
  .main .sec05 .con02 .company_list li {
    width: 100%;
    height: auto;
    padding: 30px 0;
  }
  .main .sec05 .con02 .company_list li:first-child {
    padding-top: 0;
  }
  .main .sec05 .con02 .company_list li:last-child {
    padding-bottom: 0;
  }
  .main .sec05 .con02 .company_list li::after {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: translateY(0);
  }
  .main .sec05 .con02 .company_list li .arrow_btn {
    width: 20px;
    height: 20px;
    margin-top: 0rem;
  }
  .main .sec05 .con02 .company_list li .arrow_btn::before, .main .sec05 .con02 .company_list li .arrow_btn::after {
    width: 20px;
    height: 20px;
  }
  .main .sec05 .con02 .company_list.grid2 li {
    width: 100%;
    padding: 30px 0;
  }
  .main .sec05 .con02 .company_list.type1 .type_box {
    display: block;
  }
  .main .sec05 .con02 .company_list.type1 .btn_wrap {
    margin-top: 1.15625rem;
  }
  .main .sec05 .con02 .company_list.type1 .arrow_btn {
    padding-right: 20px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
  }
  .main .sec05 .con02 .company_list.type1 .arrow_btn::before, .main .sec05 .con02 .company_list.type1 .arrow_btn::after {
    width: 8px;
    height: 8px;
  }
  .main .sec05 .con02 .company_list.type1 .arrow_btn + .arrow_btn {
    margin-left: 30px;
  }
  .main .sec05 .con02 .type_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .main .sec05 .con02 .group_tit {
    margin-bottom: 0.328125rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3928571429;
  }
  .main .sec05 .con02 .group_txt {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
}
@media (max-width: 766px) {
  .main .sec05 {
    padding: 110px 0 174px;
  }
  .main .sec05 .con {
    width: 92%;
  }
  .main .sec05 .con01 .media_slide {
    margin-top: 1.925rem;
  }
  .main .sec05 .con01 .txt_box {
    margin-top: 1.15625rem;
  }
  .main .sec05 .con01 .thumb_txt {
    margin-top: 0.4rem;
    margin-bottom: 1.025rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.4444444444;
    max-height: 2.8888888889em;
  }
  .main .sec05 .con01 .swiper-scrollbar {
    margin-top: 2.5rem;
  }
  .main .sec05 .con02 {
    margin-top: 6.875rem;
  }
  .main .sec05 .con02 .company_list li {
    padding: 20px 0;
  }
  .main .sec05 .con02 .company_list.grid2 li {
    padding: 20px 0;
  }
  .main .sec05 .con02 .company_list.type1 .btn_wrap {
    margin-top: 1.15625rem;
  }
  .main .sec05 .con02 .group_tit {
    margin-bottom: 0.328125rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3928571429;
  }
  .main .sec05 .con02 .group_txt {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.main.top_banner_on #header .header_wrap {
  position: absolute;
}

.main_popup .popup-multiple {
  z-index: 100000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.main_popup .popup-multiple.popup-multiple--open {
  display: block;
}
.main_popup .popup-multiple__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 1080px;
  transform: translate(-50%, -50%);
}
.main_popup .popup-multiple .custom-checkbox {
  display: inline-block;
  vertical-align: middle;
  font-size: 19px;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #666666;
}
.main_popup .popup-multiple .custom-checkbox input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  opacity: 0;
}
.main_popup .popup-multiple .custom-checkbox label {
  position: relative;
  margin-right: 20px;
  padding-left: 30px;
  font-weight: 400;
  cursor: pointer;
}
.main_popup .popup-multiple .custom-checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  border: 1px solid #dddddd;
  background-color: #fff;
  box-sizing: border-box;
}
.main_popup .popup-multiple .custom-checkbox label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 8px;
  width: 5px;
  height: 9px;
  border: 1px solid #ccc;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: none;
}
.main_popup .popup-multiple .custom-checkbox input[type=checkbox]:checked + label:after,
.main_popup .popup-multiple .custom-checkbox input[type=checkbox].checked + label:after {
  display: block;
}
.main_popup .popup-multiple .swiper-container {
  background-color: #fff;
}
.main_popup .popup-multiple .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  background-color: #f7f7f7;
}
.main_popup .popup-multiple .swiper-slide:nth-of-type(even) {
  background-color: #fff;
}
.main_popup .popup-multiple .swiper-slide a {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 117%;
}
.main_popup .popup-multiple .swiper-slide a:before {
  content: "";
  width: 100%;
  height: 190px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0, rgba(221, 221, 221, 0.7) 20%, rgba(255, 255, 255, 0) 60%);
}
.main_popup .popup-multiple .swiper-slide > span {
  font-size: 50px;
  color: #b1bbe8;
  font-weight: bold;
}
.main_popup .popup-multiple .swiper-slide img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main_popup .popup-multiple .swiper-pagination {
  display: none;
}
.main_popup .popup-multiple .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin: 0 7px;
}
.main_popup .popup-multiple .swiper-pagination-bullet-active {
  background-color: #fff;
}
.main_popup .popup-multiple .btm-cont {
  width: 100%;
  height: 72px;
  border-top: 1px solid #f0f1f1;
  text-align: right;
  box-sizing: border-box;
  background-color: #f7f7f7;
}
.main_popup .popup-multiple .btm-cont__inner {
  width: 100%;
  padding: 25px 30px;
  box-sizing: border-box;
}
.main_popup .popup-multiple .btm-cont__inner:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.main_popup .popup-multiple .btm-cont__checkbox {
  float: left;
}
.main_popup .popup-multiple .btm-cont__close {
  float: right;
  font-size: 0;
}
.main_popup .popup-multiple .btm-cont__close i {
  display: block;
  width: 22px;
  height: 22px;
  background: url("/resources/cn/global/images/main/main_popup_close_btn.svg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1399px) {
  .main_popup .popup-multiple .swiper-pagination {
    display: block;
  }
  .main_popup .popup-multiple__inner {
    max-width: 400px;
  }
}
@media all and (max-width: 767px) {
  .main_popup .popup-multiple__inner {
    width: 89.6%;
  }
  .main_popup .popup-multiple__inner .swiper-slide {
    width: 100%;
  }
  .main_popup .popup-multiple .custom-checkbox {
    font-size: 16px;
  }
  .main_popup .popup-multiple .custom-checkbox label:before {
    top: 4px;
    width: 18px;
    height: 18px;
  }
  .main_popup .popup-multiple .custom-checkbox label:after {
    left: 6px;
    top: 7px;
    width: 4px;
    height: 8px;
  }
  .main_popup .popup-multiple .btm-cont {
    height: 52px;
  }
  .main_popup .popup-multiple .btm-cont__inner {
    padding: 15px 20px;
  }
  .main_popup .popup-multiple .btm-cont__close i {
    width: 18px;
    height: 18px;
  }
}

.main_top_banner {
  position: relative;
  z-index: 10004;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.main_top_banner .inner a {
  display: block;
  padding: 23px 0;
  font-size: 0;
}
.main_top_banner .inner a strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  font-family: "SamyangNeo", sans-serif;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #26247B;
}
.main_top_banner .swiper-pagination {
  font-size: 0;
  position: absolute;
  right: 152px;
  top: 50%;
  transform: translateY(-50%);
}
.main_top_banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  opacity: 1;
  background-color: transparent;
}
.main_top_banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 15px;
}
.main_top_banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #aaaaaa;
}
.main_top_banner a.close {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1539px) {
  .main_top_banner .inner .swiper-container {
    max-width: 90%;
    margin: 0;
  }
  .main_top_banner .swiper-pagination {
    right: 92px;
  }
  .main_top_banner a.close {
    right: 40px;
  }
}
@media (max-width: 1023px) {
  .main_top_banner {
    padding: 15px 0 20px;
  }
  .main_top_banner .inner .swiper-container {
    max-width: 93%;
  }
  .main_top_banner .inner a {
    padding: 0 0 8px;
  }
  .main_top_banner .inner a strong {
    display: block;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .main_top_banner .swiper-pagination {
    position: relative;
    top: auto;
    transform: none;
    right: auto;
    display: block;
    width: 89.6%;
    margin: 0 auto;
    text-align: left;
  }
  .main_top_banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 10px;
  }
  .main_top_banner a.close {
    right: 4.8%;
  }
}
@media (max-width: 766px) {
  .main_top_banner a.close {
    right: 4%;
    width: 20px;
  }
}

/* 페이지 공통 */
/* 상단 애니메이션 부분 */
body[data-scroll=up] #wrap.header_motion_break #header .header_wrap,
body[data-scroll=down] #wrap.header_motion_break #header .header_wrap {
  top: -90px;
}
body[data-scroll=up] #wrap.header_motion_break #header.active .search_wrap,
body[data-scroll=down] #wrap.header_motion_break #header.active .search_wrap {
  top: 0;
  height: 100%;
}
body[data-scroll=up] #wrap.header_motion_break #header .search_wrap,
body[data-scroll=down] #wrap.header_motion_break #header .search_wrap {
  top: 0;
  height: 100%;
}
body[data-scroll=up] #wrap.header_motion_break #lnb.active,
body[data-scroll=down] #wrap.header_motion_break #lnb.active {
  top: -100px;
}
body[data-scroll=up] #wrap.header_motion_break .top_sec_common .txt_box .con_title a,
body[data-scroll=down] #wrap.header_motion_break .top_sec_common .txt_box .con_title a {
  display: block;
}

.top_sec_common .txt_box {
  position: fixed;
  left: 0;
  top: 210px;
  width: 100%;
  z-index: 13;
}
.top_sec_common .txt_box .con_title {
  position: relative;
  overflow: hidden;
}
.top_sec_common .txt_box .con_title a {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: -120px;
}
.top_sec_common .txt_box.is-break {
  position: absolute;
}
.top_sec_common .bg_box {
  position: relative;
  visibility: hidden;
  margin-top: 340px;
}
.top_sec_common .bg_box .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.top_sec_common .bg_box .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.top_sec_common .bg_box .curtain_wrap .left {
  left: 0;
}
.top_sec_common .bg_box .curtain_wrap .right {
  right: 0;
}
.top_sec_common .bg_box .bg {
  padding: 210px 0 0;
  width: 100%;
  margin: 0 auto;
  height: 783px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.top_sec_common .bg_box .bg .pin {
  width: 1px;
  height: 1px;
}
.top_sec_common .bg_box .bg .video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.top_sec_common .bg_box .bg .video video {
  min-width: 1920px;
}
.top_sec_common .bg_box .dim {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 1023px) {
  .top_sec_common .txt_box {
    top: 170px;
  }
  .top_sec_common .txt_box .con_title a {
    position: absolute;
    left: 0;
    bottom: -90px;
  }
  .top_sec_common .bg_box .curtain_wrap > div {
    width: 5.2%;
    transition: width 0.1s;
  }
  .top_sec_common .bg_box .bg {
    padding: 170px 0 0;
    height: 667px;
  }
}
@media (max-width: 766px) {
  .top_sec_common .txt_box {
    top: 150px;
  }
  .top_sec_common .bg_box .curtain_wrap > div {
    width: 5.333%;
  }
  .top_sec_common .bg_box .bg {
    padding: 150px 0 0;
  }
}

.samyang-esg .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/samyang-esg_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .samyang-esg .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/samyang-esg_visual_m.jpg");
  }
}

.environmental .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/environmental_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .environmental .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/environmental_visual_m.jpg");
  }
}

.social .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/social_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .social .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/social_visual_m.jpg");
  }
}

.governance .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/governance_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .governance .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/governance_visual_m.jpg");
  }
}

.ethics .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/ethics_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .ethics .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/ethics_visual_m.jpg");
  }
}

.quality .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/quality_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .quality .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/quality_visual_m.jpg");
  }
}

.environmental-safety .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/environmental-safety_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .environmental-safety .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/environmental-safety_visual_m.jpg");
  }
}

.social-contribution .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/social-contribution_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .social-contribution .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/social-contribution_visual_m.jpg");
  }
}

.careers_overview .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/common/careers_overview_visual_pc.jpg");
}
@media (max-width: 1023px) {
  .careers_overview .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/common/careers_overview_visual_m.jpg");
  }
}

.careers_overview .top_sec_common .bg_box .bg {
  background-position: center;
}

/****클릭 시 확인팝업(이메일 무단수집거부 , 제보하기 등등)****/
/* 이메일무단 수집거부 */
.common_popup {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 10008;
  width: 100%;
  height: 100%;
}
.common_popup .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.common_popup .title_box {
  padding: 19px 20px 19px 30px;
  background-color: #26247B;
  max-height: 80px;
}
.common_popup .title_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.common_popup .title_box p {
  float: left;
  margin-top: 4px;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  color: #ffffff;
}
.common_popup .title_box a {
  float: right;
  padding: 10px;
}
.common_popup .cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 810px;
  overflow: hidden;
}
.common_popup .cont .con_box {
  background-color: #ffffff;
}
.common_popup.active {
  display: block;
}
@media (max-width: 1023px) {
  .common_popup .title_box {
    padding: 14px 20px;
    max-height: 60px;
  }
  .common_popup .title_box p {
    margin-top: 4px;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .common_popup .title_box a img {
    width: 12px;
    height: 12px;
  }
  .common_popup .cont {
    width: 89.6%;
  }
}
@media (max-width: 766px) {
  .common_popup .cont {
    width: 89.334%;
  }
}
.common_popup.type2 .con_box {
  padding: 78px 10px 90px 10px;
  text-align: center;
}
.common_popup.type2 .con_box strong {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  color: #222222;
}
.common_popup.type2 .con_box p {
  padding: 27px 0 30px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
}
@media (max-width: 1023px) {
  .common_popup.type2 .con_box {
    padding: 31px 10px 40px 10px;
  }
  .common_popup.type2 .con_box strong {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .common_popup.type2 .con_box p {
    padding: 18px 0 20px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
.common_popup.type3 {
  z-index: 100001;
}
.common_popup.type3 .cont {
  max-width: 540px;
}
.common_popup.type3 .con_box {
  padding: 50px 59px 41px;
  text-align: center;
}
.common_popup.type3 .con_box .title_wrap {
  margin-bottom: 0.6875rem;
}
.common_popup.type3 .con_box .title_wrap p {
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #222222;
}
.common_popup.type3 .con_box .cont_wrap strong {
  display: block;
  margin-bottom: 1.5625rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
}
.common_popup.type3 .con_box .cont_wrap span {
  display: block;
  margin-bottom: 0.53125rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
}
.common_popup.type3 .con_box .cont_wrap span:last-child {
  margin-bottom: 0;
}
.common_popup.type3 .con_box .btn_wrap {
  margin-top: 1.46875rem;
  text-align: center;
}
.common_popup.type3 .con_box .btn_wrap .btn {
  margin: 0 10px 15px;
}
.common_popup.type3 .cont_bot {
  padding: 22px 30px;
  background: #f7f7f7;
  font-size: 0;
}
.common_popup.type3 .cont_bot .custom_checkbox {
  display: inline-block;
  width: calc(100% - 25px);
  vertical-align: middle;
}
.common_popup.type3 .cont_bot .confirm_close {
  display: inline-block;
  width: 22px;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .common_popup.type3 .con_box {
    padding: 43px 15px 35px;
  }
  .common_popup.type3 .con_box .title_wrap {
    margin-bottom: 0.15625rem;
  }
  .common_popup.type3 .con_box .title_wrap p {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2173913043;
  }
  .common_popup.type3 .con_box .cont_wrap strong {
    margin-bottom: 1.0625rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .common_popup.type3 .con_box .cont_wrap span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    margin-bottom: 0.34375rem;
  }
  .common_popup.type3 .con_box .btn_wrap {
    margin-top: 0.96875rem;
  }
  .common_popup.type3 .cont_bot {
    padding: 15px 20px;
  }
  .common_popup.type3 .cont_bot .confirm_close {
    width: 20px;
  }
}
@media (max-width: 766px) {
  .common_popup.type3 .con_box {
    padding: 43px 15px 35px;
  }
  .common_popup.type3 .con_box .cont_wrap strong {
    margin-bottom: 1.0625rem;
  }
  .common_popup.type3 .con_box .cont_wrap span {
    margin-bottom: 0.34375rem;
  }
  .common_popup.type3 .con_box .btn_wrap {
    margin-top: 0.96875rem;
  }
  .common_popup.type3 .con_box .btn_wrap .btn {
    display: block;
    width: 130px;
    margin: 0 auto 15px;
  }
  .common_popup.type3 .cont_bot {
    padding: 15px 20px;
  }
  .common_popup.type3 .cont_bot .confirm_close {
    width: 20px;
  }
}

.diagram_box ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  padding: 60px 84px;
  border: 1px solid #dddddd;
}
.diagram_box li {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.diagram_box li + li > p::before {
  content: "";
  position: absolute;
  left: -37px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("/resources/cn/global/images/esg/ic_plus_green.svg") center no-repeat;
  background-size: cover;
}
.diagram_box li > p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 28px 0;
  margin-bottom: 1.625rem;
  background-color: #6EEB83;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  color: #000000;
}
.diagram_box li > p::after {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid;
  width: unset;
  height: unset;
  border-color: #6EEB83 transparent transparent transparent;
}
.diagram_box li > span {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  text-align: center;
}
.diagram_box.type2 li > p {
  background-color: #26247B;
  color: #ffffff;
}
.diagram_box.type2 li > p::after {
  border-color: #26247B transparent transparent transparent;
}
.diagram_box.type2 li + li > p::before {
  background: url("/resources/cn/global/images/careers/ic_plus_blue.svg") center no-repeat;
  background-size: cover;
}
.diagram_box .dia_txt_list {
  width: 100%;
}
.diagram_box .dia_txt_list p {
  position: relative;
  padding-left: 12px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  text-align: left;
}
.diagram_box .dia_txt_list p::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #aaaaaa;
}
.diagram_box .dia_txt_list p + p {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .diagram_box ul {
    flex-direction: column;
    align-items: center;
    gap: 45px;
    padding: 40px 9.55%;
  }
  .diagram_box li {
    width: 100%;
  }
  .diagram_box li + li > p::before {
    display: none;
  }
  .diagram_box li > p {
    margin-bottom: 1.21875rem;
    padding: 28px 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6875;
  }
  .diagram_box li > span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6875;
  }
}

.overflow_scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}
.overflow_scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
}
.overflow_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}

.scroll .mCSB_scrollTools {
  opacity: 1 !important;
  margin: 0 !important;
}
.scroll .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100% !important;
  height: 4px !important;
  margin: 4px 0 !important;
}
.scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {
  margin: 4px 0 !important;
}

.general .step_txt {
  margin-bottom: 1.5625rem;
}
.general .step_txt span {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-weight: 500;
  color: #aaaaaa;
}
.general .step_txt p {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.general .agree_accordion .check_cont span {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  margin-top: 1.25rem;
}
.general .sec01 .con01 {
  margin-bottom: 10.875rem;
}
.general .sec01 .con02 .tab_list {
  margin-bottom: 7.0625rem;
}
.general .sec01 .con02 .write_wrap {
  margin-bottom: 7.1875rem;
}
.general .sec01 .con02 .write_wrap:last-child {
  margin-bottom: 0rem;
}
.general .sec01 .con02 .row_box {
  margin-top: 4.6875rem;
}
.general .sec01 .con02 .row_box .txt h3 {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  margin-bottom: 1.125rem;
  color: #222222;
  font-weight: bold;
}
.general .toggle_btn ul.height124 li {
  height: 124px;
}
.general .toggle_btn ul.height124 li a {
  height: 100%;
  flex-direction: row;
}
.general .toggle_btn ul.height124 li p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
}
.general .toggle_btn ul.height124 li p span {
  line-height: inherit;
}
@media (max-width: 1023px) {
  .general .step_txt {
    margin-bottom: 1.5625rem;
  }
  .general .step_txt span {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .general .step_txt p {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.5238095238;
  }
  .general .agree_accordion .check_cont span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    margin-top: 0.75rem;
  }
  .general .sec01 .con01 {
    margin-bottom: 7.1875rem;
  }
  .general .sec01 .con02 .tab_list {
    margin-bottom: 4.625rem;
  }
  .general .sec01 .con02 .write_wrap {
    margin-bottom: 4.625rem;
  }
  .general .sec01 .con02 .write_wrap:last-child {
    margin-bottom: 0rem;
  }
  .general .sec01 .con02 .row_box {
    margin-top: 2.625rem;
  }
  .general .sec01 .con02 .row_box .txt h3 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.0952380952;
    margin-bottom: 1.125rem;
  }
  .general .toggle_btn ul.height124 li {
    height: 95px;
  }
}

.about .content {
  padding-bottom: 0;
}
.about .con_title .btn_wrap {
  margin-top: 3.375rem;
}
@media (max-width: 1023px) {
  .about .con_title .btn_wrap {
    margin-top: 2.21875rem;
  }
}
@media (max-width: 766px) {
  .about .con_title .btn_wrap {
    margin-top: 2.21875rem;
  }
}
.about .sec01 {
  margin-bottom: 11.25rem;
}
.about .sec01 .con02 {
  padding-top: 180px;
  overflow: hidden;
}
.about .sec01 .con .company_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 730px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
}
.about .sec01 .con .company_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.about .sec01 .con .company_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.about .sec01 .con .company_area .curtain_wrap .left {
  left: 0;
}
.about .sec01 .con .company_area .curtain_wrap .right {
  right: 0;
}
.about .sec01 .con .company_area .sky_vdo {
  width: 100%;
  height: 100%;
}
.about .sec01 .con .company_area .sky_vdo video {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about .sec01 .con .company_area img {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
.about .sec01 .con .company_over_area {
  width: 100%;
  height: 800px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-top: 5.625rem;
}
.about .sec01 .con .company_over_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.about .sec01 .con .company_over_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.about .sec01 .con .company_over_area .curtain_wrap .left {
  left: 0;
}
.about .sec01 .con .company_over_area .curtain_wrap .right {
  right: 0;
}
.about .sec01 .con .company_over_area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("/resources/cn/global/images/company/company_over_area_bg_pc.png") center no-repeat;
  background-size: cover;
}
.about .sec01 .con .since_wrap {
  position: relative;
  padding-bottom: 50px;
  margin-top: 1.875rem;
}
.about .sec01 .con .since_wrap .inner {
  position: relative;
  padding-top: 60px;
}
.about .sec01 .con .since_wrap .bg {
  width: 100%;
  height: 254px;
  padding-right: 110px;
  text-align: right;
}
.about .sec01 .con .since_wrap .bg video {
  width: auto;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
}
.about .sec01 .con .since_wrap strong {
  position: absolute;
  bottom: -50px;
  left: 70px;
  font-weight: bold;
  font-size: 6.5625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #222222;
}
.about .sec01 .con .since_wrap .circle {
  position: absolute;
  top: 0;
  width: 240px;
  height: 240px;
}
.about .sec01 .con .since_wrap .circle.blue {
  left: 0;
  background: url("/resources/cn/global/images/company/circle_blue_line.svg") center no-repeat;
  background-size: 100% 100%;
}
.about .sec01 .con .since_wrap .circle.red {
  right: 0;
  overflow: hidden;
  background: url("/resources/cn/global/images/company/circle_red_line.svg") center no-repeat;
  background-size: 100% 100%;
}
.about .sec01 .con .since_wrap .circle.green {
  left: 0;
  background: url("/resources/cn/global/images/company/circle_green_line.svg") center no-repeat;
  background-size: 100% 100%;
}
.about .sec01 .con .since_wrap .circle_area {
  position: absolute;
  top: 0;
  z-index: 10;
}
.about .sec01 .con .since_wrap .circle_area.left {
  width: 240px;
  left: 100px;
}
.about .sec01 .con .since_wrap .circle_area.right {
  width: 361px;
  right: 100px;
}
@media (max-width: 1539px) {
  .about .sec01 .con .since_wrap {
    padding-bottom: 0;
  }
  .about .sec01 .con .since_wrap .circle {
    width: 195px;
    height: 195px;
  }
  .about .sec01 .con .since_wrap .circle_area.left {
    left: 40px;
    width: 195px;
    height: 195px;
  }
  .about .sec01 .con .since_wrap .circle_area.right {
    right: 40px;
    width: 294px;
    height: 195px;
  }
  .about .sec01 .con .since_wrap strong {
    font-size: 3.75rem;
    letter-spacing: 0;
    line-height: 1;
    left: 50px;
    bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .about .sec01 {
    margin-bottom: 7.5rem;
  }
  .about .sec01 .con02 {
    padding-top: 50px;
  }
  .about .sec01 .con .company_area {
    width: 89.6%;
    height: 440px;
    margin-top: 3.75rem;
  }
  .about .sec01 .con .company_area .curtain_wrap {
    display: none;
  }
  .about .sec01 .con .company_area .sky_vdo {
    min-width: 100%;
  }
  .about .sec01 .con .company_area img {
    min-width: 1420px;
    bottom: 0 !important;
    transform: translate(-50%, 0) scale(1) !important;
  }
  .about .sec01 .con .company_over_area {
    width: 89.6%;
    height: 430px;
    margin-top: 3.75rem;
  }
  .about .sec01 .con .company_over_area .curtain_wrap {
    display: none;
  }
  .about .sec01 .con .company_over_area .bg {
    background: url("/resources/cn/global/images/company/company_over_area_bg_m.png") center no-repeat;
    background-size: cover;
  }
  .about .sec01 .con .since_wrap {
    margin-top: 1.875rem;
    padding-bottom: 20px;
  }
  .about .sec01 .con .since_wrap .inner {
    padding-top: 30px;
  }
  .about .sec01 .con .since_wrap .bg {
    width: 100%;
    height: 112px;
    padding-right: 0;
    text-align: center;
  }
  .about .sec01 .con .since_wrap strong {
    bottom: -20px;
    left: 24%;
    font-size: 3.25rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .about .sec01 .con .since_wrap .circle {
    width: 98px;
    height: 98px;
  }
  .about .sec01 .con .since_wrap .circle_area.left {
    width: 98px;
  }
  .about .sec01 .con .since_wrap .circle_area.right {
    width: 148px;
  }
}
@media (max-width: 766px) {
  .about .sec01 {
    margin-bottom: 5.625rem;
  }
  .about .sec01 .con02 {
    padding-top: 90px;
  }
  .about .sec01 .con .company_area {
    width: 89.334%;
    margin: 0 5.333%;
    height: 215px;
    margin-top: 3.75rem;
  }
  .about .sec01 .con .company_area img {
    min-width: 656px;
  }
  .about .sec01 .con .company_over_area {
    width: 89.334%;
    margin: 0 5.333%;
    height: 215px;
    margin-top: 3.75rem;
  }
  .about .sec01 .con .since_wrap .bg {
    padding-right: 0;
    padding-left: 25px;
  }
  .about .sec01 .con .since_wrap strong {
    left: 5.333%;
  }
  .about .sec01 .con .since_wrap .circle {
    display: none;
  }
}
.about .sec02 {
  padding: 180px 0 0;
  margin-bottom: 11.25rem;
  background: #f7f7f7;
}
.about .sec02 .con01 {
  margin-bottom: 7.5rem;
}
.about .sec02 .business_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}
.about .sec02 .business_list li {
  width: 25%;
  height: 272px;
  position: relative;
  overflow: hidden;
}
.about .sec02 .business_list li .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: transform 0.5s;
}
.about .sec02 .business_list li.chemical .bg {
  background: url("/resources/cn/global/images/company/img_chemical.png") center no-repeat;
  background-size: cover;
}
.about .sec02 .business_list li.food .bg {
  background: url("/resources/cn/global/images/company/img_food.png") center no-repeat;
  background-size: cover;
}
.about .sec02 .business_list li.bio .bg {
  background: url("/resources/cn/global/images/company/img_bio.png") center no-repeat;
  background-size: cover;
}
.about .sec02 .business_list li.packaging .bg {
  background: url("/resources/cn/global/images/company/img_packaging.png") center no-repeat;
  background-size: cover;
}
.about .sec02 .business_list li a {
  position: relative;
  z-index: 10;
  display: block;
  height: 100%;
}
.about .sec02 .business_list li p {
  position: relative;
  padding: 47px 0 0 40px;
  font-weight: 700;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #ffffff;
}
.about .sec02 .business_list li p::after {
  content: "";
  position: absolute;
  left: 40px;
  top: calc(100% + 10px);
  width: 24px;
  height: 24px;
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") center no-repeat;
  background-size: cover;
  vertical-align: middle;
  transition: transform 0.5s;
}
.about .sec02 .business_list li:hover .bg {
  transform: scale(1.2);
}
.about .sec02 .business_list li:hover p::after {
  transform: translateX(10px);
}
@media (max-width: 1023px) {
  .about .sec02 {
    padding: 120px 0 0;
    margin-bottom: 7.5rem;
  }
  .about .sec02 .con01 {
    margin-bottom: 5rem;
  }
  .about .sec02 .business_list li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 50%;
    /* margin-left 계산 gap */
    max-height: 164px;
  }
  .about .sec02 .business_list li p {
    padding: 27px 0 0 5.2%;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .about .sec02 .business_list li p::after {
    left: 5.2%;
    bottom: calc(100% + 12px);
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 766px) {
  .about .sec02 .con01 {
    margin-bottom: 5rem;
  }
  .about .sec02 .business_list li {
    position: relative;
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    height: auto;
    padding-bottom: 42.666%;
  }
  .about .sec02 .business_list li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.about .sec03 {
  margin-bottom: 11.25rem;
}
.about .sec03 .con01 .con_title p {
  font-weight: bold;
}
.about .sec03 .cont_area {
  padding-bottom: 60px;
  margin-top: 4.3125rem;
}
.about .sec03 .cont_area p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
.about .sec03 .cont_area .cont_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  margin-top: 2.1875rem;
}
.about .sec03 .cont_area .area {
  box-sizing: border-box;
}
.about .sec03 .cont_area .area_txt {
  width: calc(100% - 435px);
  padding-right: 50px;
}
.about .sec03 .cont_area .area_txt span {
  display: block;
  margin-bottom: 1.9375rem;
}
.about .sec03 .cont_area .area_txt span:last-child {
  margin-bottom: 0;
}
.about .sec03 .cont_area .area_img {
  width: 435px;
  text-align: right;
}
.about .sec03 .cont_area .area_img img {
  display: inline-block;
}
.about .sec03 .sign_img p {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 2.3;
  color: #222222;
}
.about .sec03 .sign_img p span {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 2.7058823529;
}
.about .sec03 .sign_img p::before {
  display: block;
  width: 100%;
  height: 44px;
  margin-bottom: 8px;
  background: url("/resources/cn/global/images/company/img_signature.png") left center no-repeat;
  background-size: 100px 44px;
  content: "";
}
@media (max-width: 1023px) {
  .about .sec03 {
    margin-bottom: 7.5rem;
  }
  .about .sec03 .cont_area {
    margin-top: 3.75rem;
  }
  .about .sec03 .cont_area p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .about .sec03 .cont_area .cont_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    margin-top: 1.25rem;
  }
  .about .sec03 .cont_area .area {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 46.6836734694%;
    /* margin-left 계산 gap */
    margin-left: 6.6326530612%;
  }
  .about .sec03 .cont_area .area:nth-child(2n-1) {
    margin-left: 0;
  }
  .about .sec03 .cont_area .area_txt {
    padding-right: 0;
  }
  .about .sec03 .cont_area .area_txt span {
    margin-bottom: 1.25rem;
  }
  .about .sec03 .cont_area .area_img {
    margin-bottom: 1.5625rem;
  }
  .about .sec03 .sign_img {
    position: absolute;
    bottom: 0;
    right: 5.2%;
    width: 75px;
    margin-top: 0;
  }
  .about .sec03 .sign_img p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .about .sec03 .sign_img p span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.4285714286;
  }
  .about .sec03 .sign_img p::before {
    display: block;
    width: 100%;
    height: 33px;
    margin-bottom: 6px;
    background: url("/resources/cn/global/images/company/img_signature.png") right center no-repeat;
    background-size: 75px 33px;
    content: "";
  }
}
@media (max-width: 766px) {
  .about .sec03 .cont_area {
    padding-bottom: 0;
    margin-top: 3.75rem;
  }
  .about .sec03 .cont_area .cont_wrap {
    display: block;
  }
  .about .sec03 .cont_area .area {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
  }
  .about .sec03 .cont_area .area_txt span {
    margin-bottom: 1.25rem;
  }
  .about .sec03 .cont_area .area_img {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-top: 3.75rem;
    margin-left: 0;
    text-align: center;
  }
  .about .sec03 .sign_img {
    position: static;
    right: 0;
    width: 100%;
    margin-top: 0;
    text-align: right;
  }
}
.about .sec04 {
  position: relative;
  padding: 172px 0 180px;
}
.about .sec04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 524px;
  background: url("/resources/cn/global/images/company/bg_vdo.png") center no-repeat;
  background-size: cover;
}
.about .sec04 .vdo_wrap {
  margin-bottom: 3.3125rem;
}
.about .sec04 .vdo_wrap .vdo_area {
  position: relative;
  padding-bottom: 56.25%;
}
.about .sec04 .vdo_wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about .sec04 .vdo_wrap .vdo_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/company/vdo_thumbnail_100.png") center no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}
.about .sec04 .vdo_wrap .vdo_bg i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}
.about .sec04 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #444444;
}
.about .sec04 .con_title p {
  color: #444444;
}
@media (max-width: 1023px) {
  .about .sec04 {
    padding: 100px 0;
  }
  .about .sec04::before {
    height: 279px;
    background: #26247B;
  }
  .about .sec04 .vdo_wrap {
    margin-bottom: 2.1875rem;
  }
  .about .sec04 .vdo_wrap .vdo_bg i {
    width: 45px;
    height: 45px;
  }
  .about .sec04 .con_title h3 {
    font-size: 1.6875rem;
    letter-spacing: 0;
    line-height: 1.2592592593;
  }
}
@media (max-width: 766px) {
  .about .sec04 .vdo_wrap {
    margin-bottom: 2.1875rem;
  }
}
.about .sec05 {
  padding: 180px 0;
  background: #E7EBEC;
}
.about .sec05 .brochure_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.about .sec05 .brochure_wrap > div {
  position: relative;
  margin: 0;
  width: 660px;
  overflow: visible;
}
.about .sec05 .brochure_wrap > div img {
  width: 100%;
}
.about .sec05 .brochure_wrap > div::after {
  position: absolute;
  bottom: 0;
  left: 100%;
  width: 320px;
  height: 70px;
  background: url("/resources/cn/global/images/company/shadow_brochure.png") center no-repeat;
  background-size: 100%;
  content: "";
}
.about .sec05 .brochure_btn {
  width: 190px;
  position: relative;
  z-index: 2;
}
.about .sec05 .brochure_btn li {
  margin-bottom: 1.25rem;
}
.about .sec05 .brochure_btn li:last-child {
  margin-bottom: 0;
}
.about .sec05 .brochure_btn .btn {
  width: 100%;
}
@media (max-width: 1023px) {
  .about .sec05 {
    padding: 100px 0;
  }
  .about .sec05 .brochure_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-end;
  }
  .about .sec05 .brochure_wrap > div {
    width: 48%;
    max-width: 670px;
  }
  .about .sec05 .brochure_btn {
    width: 177px;
  }
  .about .sec05 .brochure_btn li {
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 766px) {
  .about .sec05 {
    padding: 120px 0;
  }
  .about .sec05 .brochure_wrap {
    display: block;
  }
  .about .sec05 .brochure_wrap > div {
    width: 100%;
    max-width: none;
    margin-bottom: 2.3125rem;
  }
  .about .sec05 .brochure_btn {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .about .sec05 .brochure_btn .btn {
    width: auto;
  }
}
.about .sec_banner {
  border-top: 1px solid #dddddd;
}
.about .sec_banner ul {
  max-width: 980px;
  margin: 0 auto;
}
.about .sec_banner li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 50%;
  /* margin-left 계산 gap */
}
.about .sec_banner li::before {
  top: 74px;
  height: 94px;
  content: "";
}
.about .sec_banner li:first-child a {
  padding: 75px 50px 90px 0;
}
.about .sec_banner li:last-child a {
  padding: 75px 0 90px 50px;
}
.about .sec_banner strong {
  color: #222222;
}
.about .sec_banner strong span {
  margin-right: 35px;
}
.about .sec_banner strong::after {
  width: 26px;
  height: 22px;
  vertical-align: middle;
  content: "";
}
@media (max-width: 1023px) {
  .about .sec_banner ul {
    max-width: none;
  }
  .about .sec_banner li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 50%;
    /* margin-left 계산 gap */
  }
  .about .sec_banner li::before {
    top: 50px;
    height: 70px;
    content: "";
  }
  .about .sec_banner li:first-child a {
    padding: 50px 5.2% 60px;
  }
  .about .sec_banner li:last-child a {
    padding: 50px 5.2% 60px;
  }
  .about .sec_banner a {
    padding: 50px 10.43% 60px;
  }
  .about .sec_banner strong {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .about .sec_banner strong span {
    padding-top: 0;
    margin-right: 25px;
  }
  .about .sec_banner strong::after {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 766px) {
  .about .sec_banner ul {
    display: block;
    padding: 0 5.333% 20px 5.333%;
  }
  .about .sec_banner li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
  }
  .about .sec_banner li:last-child {
    border-top: 1px solid #dddddd;
  }
  .about .sec_banner li:last-child::before {
    display: none;
  }
  .about .sec_banner li:first-child a {
    padding: 40px 0;
  }
  .about .sec_banner li:last-child a {
    padding: 40px 0;
  }
  .about .sec_banner strong {
    text-align: left;
  }
  .about .sec_banner strong span {
    float: none;
    width: 100%;
  }
  .about .sec_banner strong::after {
    display: block;
    margin-top: 0.9375rem;
    content: "";
  }
}

.vision .sec01 .con01 .vision_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 3.75rem;
}
.vision .sec01 .con01 .vision_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.vision .sec01 .con01 .vision_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.vision .sec01 .con01 .vision_area .curtain_wrap .left {
  left: 0;
}
.vision .sec01 .con01 .vision_area .curtain_wrap .right {
  right: 0;
}
.vision .sec01 .con01 .vision_area .curtain_wrap p {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 0 20px;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.375;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  opacity: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.vision .sec01 .con01 .vision_area .bg {
  background: url("/resources/cn/global/images/company/vision_img01.jpg") center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0) scale(1.3);
  z-index: 10;
}
@media (max-width: 1023px) {
  .vision .sec01 .con01 .vision_area {
    width: 100%;
    margin-top: 3.75rem;
  }
  .vision .sec01 .con01 .vision_area .curtain_wrap > div {
    width: 5.2%;
  }
  .vision .sec01 .con01 .vision_area .curtain_wrap p {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
  }
  .vision .sec01 .con01 .vision_area .bg {
    min-width: 0;
    height: 100%;
    background-size: auto 100%;
  }
}
@media (max-width: 766px) {
  .vision .sec01 .con01 .vision_area {
    padding-top: 175%;
    margin-top: 3.75rem;
  }
}
.vision .sec02 .con01 {
  position: relative;
  height: 1874px;
}
.vision .sec02 .con01 .rolling_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vision .sec02 .con01 .img_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vision .sec02 .con01 .img_list2 {
  display: none;
}
.vision .sec02 .con01 .img_list .img_box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}
.vision .sec02 .con01 .img_list .img_box01 {
  top: 71px;
  height: 223px;
}
.vision .sec02 .con01 .img_list .img_box02 {
  top: 137px;
  height: 460px;
}
.vision .sec02 .con01 .img_list .img_box03 {
  top: 137px;
  height: 260px;
}
.vision .sec02 .con01 .img_list .img_box04 {
  top: 722px;
  height: 442px;
}
.vision .sec02 .con01 .img_list .img_box05 {
  top: 892px;
  height: 346px;
}
.vision .sec02 .con01 .img_list .img_box06 {
  bottom: 185px;
  height: 451px;
}
.vision .sec02 .con01 .img_list .img_box07 {
  bottom: 0;
  height: 342px;
}
.vision .sec02 .con01 .img_list .img_box01 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img01.png");
}
.vision .sec02 .con01 .img_list .img_box02 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img02.png");
}
.vision .sec02 .con01 .img_list .img_box03 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img03.png");
}
.vision .sec02 .con01 .img_list .img_box04 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img04.png");
}
.vision .sec02 .con01 .img_list .img_box05 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img05.png");
}
.vision .sec02 .con01 .img_list .img_box06 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img06.png");
}
.vision .sec02 .con01 .img_list .img_box07 div {
  width: 100%;
  height: 100%;
  background-image: url("/resources/cn/global/images/company/vision_sec02_img07.png");
}
.vision .sec02 .con01 .img_list .img_box div {
  transform: translateY(50%);
  opacity: 0;
  transition: transform 1.2s, opacity 0.75s, background 0.75s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}
.vision .sec02 .con01 .img_list .img_box.active div {
  transform: translateY(0);
  opacity: 1;
}
.vision .sec02 .con01 .inner {
  position: relative;
  z-index: 1;
  height: 1430px;
  padding-top: 380px;
}
.vision .sec02 .con01 .txt_box {
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
}
.vision .sec02 .con01 .txt_box strong {
  display: block;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  font-weight: 500;
  color: #000000;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 0.75s;
}
.vision .sec02 .con01 .txt_box strong.active {
  opacity: 1;
  transform: translateY(0);
}
.vision .sec02 .con01 .txt_box p {
  margin-top: 1.5rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.4615384615;
  font-weight: 500;
  color: #000000;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 0.75s;
  word-break: break-all;
  word-wrap: break-word;
}
.vision .sec02 .con01 .txt_box p.active {
  opacity: 1;
  transform: translateY(0);
}
.vision .sec02 .con01 .txt_box p + p {
  margin-top: 0.875rem;
}
.vision .sec02 .con02 {
  padding-top: 171px;
}
.vision .sec02 .con02 .cont_box {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.vision .sec02 .con02 .bg_wrap {
  width: 824px;
  height: 434px;
  margin: 0 auto;
}
.vision .sec02 .con02 .bg_wrap .bg {
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/company/vision_sec02_con02_bg.jpg") center no-repeat;
  background-size: cover;
  transition: all 0.75s;
}
.vision .sec02 .con02 .bg_wrap .bg.active {
  transform: scale(1.1);
}
.vision .sec02 .con02 .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vision .sec02 .con02 .txt_box {
  opacity: 0;
  transition: opacity 0.75s;
}
.vision .sec02 .con02 .txt_box p {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.4615384615;
  color: #ffffff;
  word-break: break-all;
  word-wrap: break-word;
}
.vision .sec02 .con02 .txt_box p + p {
  margin-top: 0.875rem;
}
.vision .sec02 .con02 .txt_box.active {
  opacity: 1;
}
@media (max-width: 1539px) {
  .vision .sec02 .con01 .txt_box {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
  }
}
@media (max-width: 1023px) {
  .vision .sec02 {
    overflow: hidden;
  }
  @-webkit-keyframes rollingleft1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-100%);
    }
    50.01% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes rollingleft1 {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-100%);
    }
    50.01% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @-webkit-keyframes rollingleft2 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-200%);
    }
  }
  @keyframes rollingleft2 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-200%);
    }
  }
  .vision .sec02 .con01 {
    position: relative;
    padding-top: 90px;
    height: auto;
  }
  .vision .sec02 .con01 .rolling_list {
    position: static;
    width: 100%;
    padding-top: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .vision .sec02 .con01 .rolling_list.active .img_list1 {
    -webkit-animation: rollingleft1 50s linear infinite;
            animation: rollingleft1 50s linear infinite;
  }
  .vision .sec02 .con01 .rolling_list.active .img_list2 {
    -webkit-animation: rollingleft2 50s linear infinite;
            animation: rollingleft2 50s linear infinite;
  }
  .vision .sec02 .con01 .img_list {
    position: static;
    width: 100%;
    height: 195px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: normal;
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .vision .sec02 .con01 .img_list .img_box {
    position: static;
    width: auto;
    height: 100%;
    transform: none;
    max-width: none;
    margin-right: 15px;
  }
  .vision .sec02 .con01 .img_list .img_box01 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg01.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box02 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg02.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box03 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg03.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box04 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg04.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box05 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg05.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box06 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg06.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box07 div {
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/company/vision_sec02_mimg07.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con01 .img_list .img_box01 {
    width: 155.5px;
  }
  .vision .sec02 .con01 .img_list .img_box02 {
    width: 335px;
  }
  .vision .sec02 .con01 .img_list .img_box03 {
    width: 156px;
  }
  .vision .sec02 .con01 .img_list .img_box04 {
    width: 316px;
  }
  .vision .sec02 .con01 .img_list .img_box05 {
    width: 126.5px;
  }
  .vision .sec02 .con01 .img_list .img_box06 {
    width: 328.5px;
  }
  .vision .sec02 .con01 .img_list .img_box07 {
    width: 304px;
  }
  .vision .sec02 .con01 .img_list .img_box div {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .vision .sec02 .con01 .inner {
    position: relative;
    height: auto;
    padding-top: 0;
    z-index: 1;
  }
  .vision .sec02 .con01 .txt_box {
    position: static;
  }
  .vision .sec02 .con01 .txt_box strong {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
    transform: translateY(50px);
    transition: opacity 0.5s, transform 0.5s;
  }
  .vision .sec02 .con01 .txt_box p {
    margin-top: 0.65625rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
    transform: translateY(50px);
    transition: opacity 0.5s, transform 0.75s;
  }
  .vision .sec02 .con01 .txt_box p + p {
    margin-top: 0.65625rem;
  }
  .vision .sec02 .con01 .txt_box.active strong,
.vision .sec02 .con01 .txt_box.active p {
    opacity: 1;
    transform: translateY(0);
  }
  .vision .sec02 .con02 {
    padding-top: 120px;
  }
  .vision .sec02 .con02 .cont_box {
    height: 668px;
  }
  .vision .sec02 .con02 .bg_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 89.6%;
    height: 100%;
  }
  .vision .sec02 .con02 .bg_wrap .bg {
    background: url("/resources/cn/global/images/company/vision_sec02_con02_mbg.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec02 .con02 .txt_box p {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
  }
  .vision .sec02 .con02 .txt_box p + p {
    margin-top: 0.75rem;
  }
}
@media (max-width: 766px) {
  .vision .sec02 .con02 .cont_box {
    height: auto;
    padding-top: 175%;
  }
}
.vision .sec03 {
  padding-top: 180px;
}
.vision .sec03 .con01 .con_title p {
  font-weight: 500;
  color: #000000;
}
.vision .sec03 .con01 .img_slide {
  position: relative;
  width: 100%;
  height: 400px;
  margin-top: 5rem;
}
.vision .sec03 .con01 .img_slide .swiper-slide {
  width: 100%;
  height: 100%;
}
.vision .sec03 .con01 .img_slide .swiper-slide1 {
  background: url("/resources/cn/global/images/company/vision_sec03_img01.jpg") center no-repeat;
  background-size: cover;
}
.vision .sec03 .con01 .img_slide .swiper-slide2 {
  background: url("/resources/cn/global/images/company/vision_sec03_img02.jpg") center no-repeat;
  background-size: cover;
}
.vision .sec03 .con01 .img_slide .swiper-slide3 {
  background: url("/resources/cn/global/images/company/vision_sec03_img03.jpg") center no-repeat;
  background-size: cover;
}
.vision .sec03 .con01 .img_slide .swiper-slide4 {
  background: url("/resources/cn/global/images/company/vision_sec03_img04.jpg") center no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .vision .sec03 {
    padding-top: 120px;
  }
  .vision .sec03 .con01 .img_slide {
    height: 89.1vw;
    margin-top: 2.5rem;
  }
  .vision .sec03 .con01 .img_slide .swiper-slide1 {
    background: url("/resources/cn/global/images/company/vision_sec03_mimg01.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec03 .con01 .img_slide .swiper-slide2 {
    background: url("/resources/cn/global/images/company/vision_sec03_mimg02.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec03 .con01 .img_slide .swiper-slide3 {
    background: url("/resources/cn/global/images/company/vision_sec03_mimg03.jpg") center no-repeat;
    background-size: cover;
  }
  .vision .sec03 .con01 .img_slide .swiper-slide4 {
    background: url("/resources/cn/global/images/company/vision_sec03_mimg04.jpg") center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 766px) {
  .vision .sec03 .con01 .img_slide {
    height: 128vw;
    margin-top: 2.5rem;
  }
}

body[data-scroll=down] .history.type01 .history_anchors.active .fixed_area {
  top: 0;
}
body[data-scroll=down] .history.type02 .history_tab.active .fixed_area {
  top: 0;
}
body[data-scroll=up] .history.type01 .history_anchors.active .fixed_area {
  top: 0;
}
body[data-scroll=up] .history.type02 .history_tab.active .fixed_area {
  top: 0;
}
@media (max-width: 766px) {
  body[data-scroll=up] .history.type01 .history_anchors.active .fixed_area {
    top: 0;
  }
  body[data-scroll=up] .history.type02 .history_tab.active .fixed_area {
    top: 0;
  }
}

.history .history_con_wrap .con:last-of-type .progress {
  display: none !important;
}
.history.type01 {
  /* history_anchors */
  /* history_bg */
  /* history_txt */
}
.history.type01 .history_anchors {
  position: relative;
  width: 100%;
  height: 70px;
}
.history.type01 .history_anchors .fixed_area {
  position: relative;
  border-bottom: 1px solid #aaa;
  background: #fff;
  width: 100%;
  height: 70px;
  z-index: 10;
  transition: top 0.3s;
}
.history.type01 .history_anchors ul {
  text-align: center;
  font-size: 0;
  width: 100%;
  height: 100%;
  max-width: 1190px;
  margin: 0 auto;
}
.history.type01 .history_anchors ul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 100%;
  position: relative;
}
.history.type01 .history_anchors ul li a {
  display: block;
  padding: 12px 0;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.history.type01 .history_anchors ul li span {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #aaa;
  font-weight: 400;
}
.history.type01 .history_anchors ul li p {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #aaa;
  font-weight: 400;
}
.history.type01 .history_anchors ul li i {
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  display: block;
  width: 9px;
  height: 9px;
  margin: 11px auto 0;
}
.history.type01 .history_anchors ul li i:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #aaa;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: all 0.3s;
}
.history.type01 .history_anchors ul li.active i:after {
  background-color: #6EEB83;
}
.history.type01 .history_anchors ul li.active span,
.history.type01 .history_anchors ul li.active p {
  color: #26247B;
  font-weight: bold;
}
.history.type01 .history_anchors ul li.pass i:after {
  background-color: #6EEB83;
}
.history.type01 .history_anchors ul li.pass span,
.history.type01 .history_anchors ul li.pass p {
  color: #26247B;
  font-weight: bold;
}
.history.type01 .history_anchors .progress {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  text-align: left;
  z-index: 2;
}
.history.type01 .history_anchors .progress.start {
  left: 0;
  width: calc((100% - 952px) / 2);
}
.history.type01 .history_anchors .progress.end {
  left: auto;
  right: 0;
  width: calc((100% - 952px) / 2);
}
.history.type01 .history_anchors .progress .percent {
  display: inline-block;
  vertical-align: top;
  width: 0;
  height: 100%;
  background-color: #6EEB83;
}
.history.type01 .history_anchors.active .fixed_area {
  position: fixed;
  left: 0;
}
@media (max-width: 1199px) {
  .history.type01 .history_anchors .progress.start {
    width: 10%;
  }
  .history.type01 .history_anchors .progress.end {
    width: 10%;
  }
}
@media (max-width: 766px) {
  .history.type01 .history_anchors {
    height: 60px;
  }
  .history.type01 .history_anchors .fixed_area {
    height: 60px;
  }
  .history.type01 .history_anchors ul li a {
    padding: 20px 0;
  }
  .history.type01 .history_anchors ul li span {
    display: block;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.6666666667;
    color: #aaa;
    font-weight: 400;
  }
  .history.type01 .history_anchors ul li p {
    display: none;
  }
  .history.type01 .history_anchors ul li i {
    width: 10px;
    height: 10px;
  }
}
.history.type01 .history_bg {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.history.type01 .history_bg .txt_box {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.history.type01 .history_bg .txt_box span {
  display: block;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #ffffff;
  opacity: 0;
}
.history.type01 .history_bg .txt_box h4 {
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 1.25rem;
  font-weight: bold;
  color: #ffffff;
  opacity: 0;
}
.history.type01 .history_bg .txt_box p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 500;
  color: #ffffff;
  opacity: 0;
}
@media (max-width: 1023px) {
  .history.type01 .history_bg .txt_box {
    padding: 0 10px;
  }
  .history.type01 .history_bg .txt_box span {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .history.type01 .history_bg .txt_box h4 {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.2941176471;
    margin-bottom: 0.8125rem;
  }
  .history.type01 .history_bg .txt_box p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .history.type01 .history_bg .txt_box p br {
    display: none;
  }
}
.history.type01 .history_area {
  font-size: 0;
  /* IE scrolltrigger 이슈 */
}
.history.type01 .history_area::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .history.type01 .history_area .pin-spacer {
    float: left;
  }
}
.history.type01 .history_area .img_box {
  width: calc(50% - 180px);
  height: 100vh;
  overflow: hidden;
  float: left;
}
.history.type01 .history_area .img_box ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.history.type01 .history_area .img_box ul li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.history.type01 .history_area .img_box ul li:nth-of-type(1) {
  opacity: 1;
}
.history.type01 .history_area .img_box ul li .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.history.type01 .history_area .txt_box {
  width: calc(50% + 179px);
  float: left;
  padding: 60px 0 60px 110px;
  box-sizing: border-box;
}
.history.type01 .history_area .txt_box .tit {
  padding: 0 0 90px;
}
.history.type01 .history_area .txt_box .tit span {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  font-weight: bold;
}
.history.type01 .history_area .txt_box .tit p {
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  word-break: break-all;
  word-wrap: break-word;
  color: #222222;
  font-weight: bold;
}
.history.type01 .history_area .txt_box .list ul li + li {
  margin-top: 2rem;
}
.history.type01 .history_area .txt_box .list ul li dl {
  display: flex;
  gap: 32px;
  font-size: 0;
}
.history.type01 .history_area .txt_box .list ul li dl dt {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  margin-bottom: 0.9375rem;
  color: #222222;
  font-weight: bold;
}
.history.type01 .history_area .txt_box .list ul li dl dd p {
  padding-left: 12px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  font-weight: 400;
  box-sizing: border-box;
  position: relative;
}
.history.type01 .history_area .txt_box .list ul li dl dd p:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.history.type01 .history_area .txt_box .list ul li dl dd p + p {
  margin-top: 0.75rem;
}
.history.type01 .history_area .txt_box .img_slide {
  margin-bottom: 3.75rem;
  display: none;
}
.history.type01 .history_area .txt_box .img_slide ul li .img {
  padding-top: 64%;
  position: relative;
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.history.type01 .history_area .txt_box .img_slide .swiper-pagination {
  bottom: 20px;
}
.history.type01 .history_area .txt_box .img_slide .swiper-pagination .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  margin: 0 4px;
  background-color: #E7EBEC;
  border-radius: unset;
  transform: skew(-40deg);
  opacity: 1;
}
.history.type01 .history_area .txt_box .img_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6EEB83;
}
.history.type01 .history_area.type02 .txt_box {
  padding: 60px 110px 60px 0;
  padding-left: calc((100% - 980px) / 2);
}
@media (max-width: 1539px) {
  .history.type01 .history_area .img_box {
    width: calc(50% - 90px);
  }
  .history.type01 .history_area .txt_box {
    width: calc(50% + 89px);
    padding: 60px 0 60px 50px;
    padding-left: 50px;
  }
  .history.type01 .history_area.type02 .txt_box {
    padding: 60px 50px 60px 0;
    padding-left: calc((100% - 980px) / 2);
  }
}
@media (max-width: 1399px) {
  .history.type01 .history_area {
    padding: 0 10%;
  }
  .history.type01 .history_area .img_box {
    width: calc(50% - 40px);
  }
  .history.type01 .history_area .txt_box {
    width: calc(50% + 39px);
    padding: 40px 0 40px 40px;
  }
  .history.type01 .history_area.type02 .txt_box {
    padding: 40px 40px 40px 0;
  }
}
@media (max-width: 1023px) {
  .history.type01 .history_area {
    padding: 0;
  }
  .history.type01 .history_area .img_box {
    display: none;
  }
  .history.type01 .history_area .txt_box {
    width: 89.6%;
    float: none;
    margin: 0 auto;
    padding: 0;
  }
  .history.type01 .history_area .txt_box .tit {
    padding: 0 0 35px;
  }
  .history.type01 .history_area .txt_box .tit span {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .history.type01 .history_area .txt_box .tit p {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.2941176471;
  }
  .history.type01 .history_area .txt_box .list ul li + li {
    margin-top: 1.875rem;
  }
  .history.type01 .history_area .txt_box .list ul li dl {
    flex-direction: column;
    gap: unset;
  }
  .history.type01 .history_area .txt_box .list ul li dl dt {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0.625rem;
  }
  .history.type01 .history_area .txt_box .list ul li dl dd p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .history.type01 .history_area .txt_box .list ul li dl dd p + p {
    margin-top: 0.625rem;
  }
  .history.type01 .history_area .txt_box .img_slide {
    display: block;
  }
  .history.type01 .history_area .txt_box .img_slide .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
  }
  .history.type01 .history_area.type02 .txt_box {
    padding: 0;
  }
}
@media (max-width: 766px) {
  .history.type01 .history_area .list ul li + li {
    margin-top: 1.875rem;
  }
  .history.type01 .history_area .list ul li dl dt {
    margin-bottom: 0.625rem;
  }
  .history.type01 .history_area .list ul li dl dd p + p {
    margin-top: 1.25rem;
  }
}
.history.type01 .sec.sec1 .con_title {
  margin-bottom: 5.625rem;
}
.history.type01 .sec.sec2 {
  height: 100vh;
}
.history.type01 .sec.sec2 .history_bg {
  width: 980px;
  height: 551px;
  margin: 0 auto;
}
.history.type01 .sec.sec_txt {
  overflow: hidden;
  padding: 180px 0;
}
.history.type01 .sec:last-child {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .history.type01 .sec.sec1 .con_title {
    margin-bottom: 3.75rem;
  }
  .history.type01 .sec.sec2 {
    height: 100vh;
  }
  .history.type01 .sec.sec2 .history_bg {
    width: 89.6%;
    padding-top: 50.27%;
    height: auto;
  }
  .history.type01 .sec.sec_txt {
    padding: 110px 0;
  }
  .history.type01 .sec:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 766px) {
  .history.type01 .sec.sec1 .con_title {
    margin-bottom: 3.75rem;
  }
}
.history.type01 .history_area .img_box .img1 {
  background-image: url("/resources/cn/global/images/company/history_area_img1_pc.jpg");
}
.history.type01 .history_area .img_box .img1,
.history.type01 .history_area .img_slide .img1 {
  background-image: url("/resources/cn/global/images/company/history_area_img1_m.jpg");
}
.history.type01 .sec1 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec1_bg.jpg");
}
.history.type01 .history_area .img_box .img2 {
  background-image: url("/resources/cn/global/images/company/history_area_img2_pc.jpg");
}
.history.type01 .history_area .img_box .img2,
.history.type01 .history_area .img_slide .img2 {
  background-image: url("/resources/cn/global/images/company/history_area_img2_m.jpg");
}
.history.type01 .sec2 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec2_bg.jpg");
}
.history.type01 .history_area .img_box .img3 {
  background-image: url("/resources/cn/global/images/company/history_area_img3_pc.jpg");
}
.history.type01 .history_area .img_box .img3,
.history.type01 .history_area .img_slide .img3 {
  background-image: url("/resources/cn/global/images/company/history_area_img3_m.jpg");
}
.history.type01 .sec3 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec3_bg.jpg");
}
.history.type01 .history_area .img_box .img4 {
  background-image: url("/resources/cn/global/images/company/history_area_img4_pc.jpg");
}
.history.type01 .history_area .img_box .img4,
.history.type01 .history_area .img_slide .img4 {
  background-image: url("/resources/cn/global/images/company/history_area_img4_m.jpg");
}
.history.type01 .sec4 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec4_bg.jpg");
}
.history.type01 .history_area .img_box .img5 {
  background-image: url("/resources/cn/global/images/company/history_area_img5_pc.jpg");
}
.history.type01 .history_area .img_box .img5,
.history.type01 .history_area .img_slide .img5 {
  background-image: url("/resources/cn/global/images/company/history_area_img5_m.jpg");
}
.history.type01 .sec5 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec5_bg.jpg");
}
.history.type01 .history_area .img_box .img6 {
  background-image: url("/resources/cn/global/images/company/history_area_img6_pc.jpg");
}
.history.type01 .history_area .img_box .img6,
.history.type01 .history_area .img_slide .img6 {
  background-image: url("/resources/cn/global/images/company/history_area_img6_m.jpg");
}
.history.type01 .sec6 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec6_bg.jpg");
}
.history.type01 .history_area .img_box .img7 {
  background-image: url("/resources/cn/global/images/company/history_area_img7_pc.jpg");
}
.history.type01 .history_area .img_box .img7,
.history.type01 .history_area .img_slide .img7 {
  background-image: url("/resources/cn/global/images/company/history_area_img7_m.jpg");
}
.history.type01 .sec7 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec7_bg.jpg");
}
.history.type01 .history_area .img_box .img8 {
  background-image: url("/resources/cn/global/images/company/history_area_img8_pc.jpg");
}
.history.type01 .history_area .img_box .img8,
.history.type01 .history_area .img_slide .img8 {
  background-image: url("/resources/cn/global/images/company/history_area_img8_m.jpg");
}
.history.type01 .sec8 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec8_bg.jpg");
}
.history.type01 .history_area .img_box .img9 {
  background-image: url("/resources/cn/global/images/company/history_area_img9_pc.jpg");
}
.history.type01 .history_area .img_box .img9,
.history.type01 .history_area .img_slide .img9 {
  background-image: url("/resources/cn/global/images/company/history_area_img9_m.jpg");
}
.history.type01 .sec9 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec9_bg.jpg");
}
.history.type01 .history_area .img_box .img10 {
  background-image: url("/resources/cn/global/images/company/history_area_img10_pc.jpg");
}
.history.type01 .history_area .img_box .img10,
.history.type01 .history_area .img_slide .img10 {
  background-image: url("/resources/cn/global/images/company/history_area_img10_m.jpg");
}
.history.type01 .sec10 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec10_bg.jpg");
}
.history.type01 .history_area .img_box .img11 {
  background-image: url("/resources/cn/global/images/company/history_area_img11_pc.jpg");
}
.history.type01 .history_area .img_box .img11,
.history.type01 .history_area .img_slide .img11 {
  background-image: url("/resources/cn/global/images/company/history_area_img11_m.jpg");
}
.history.type01 .sec11 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec11_bg.jpg");
}
.history.type01 .history_area .img_box .img12 {
  background-image: url("/resources/cn/global/images/company/history_area_img12_pc.jpg");
}
.history.type01 .history_area .img_box .img12,
.history.type01 .history_area .img_slide .img12 {
  background-image: url("/resources/cn/global/images/company/history_area_img12_m.jpg");
}
.history.type01 .sec12 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec12_bg.jpg");
}
.history.type01 .history_area .img_box .img13 {
  background-image: url("/resources/cn/global/images/company/history_area_img13_pc.jpg");
}
.history.type01 .history_area .img_box .img13,
.history.type01 .history_area .img_slide .img13 {
  background-image: url("/resources/cn/global/images/company/history_area_img13_m.jpg");
}
.history.type01 .sec13 .history_bg {
  background-image: url("/resources/cn/global/images/company/history_sec13_bg.jpg");
}
.history.type02 {
  /* history_tab */
}
.history.type02 .sec01 {
  margin-bottom: 11.25rem;
}
.history.type02 .sec01 .con_title {
  margin-bottom: 5.625rem;
}
@media (max-width: 1023px) {
  .history.type02 .sec01 {
    margin-bottom: 5.625rem;
  }
  .history.type02 .sec01 .con_title {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 766px) {
  .history.type02 .sec.sec1 {
    margin-bottom: 5.625rem;
  }
  .history.type02 .sec.sec1 .con_title {
    margin-bottom: 3.75rem;
  }
}
.history.type02 .history_tab {
  position: relative;
  width: 100%;
  height: 80px;
  margin-bottom: 7.5rem;
}
.history.type02 .history_tab .fixed_area {
  position: relative;
  background: #6EEB83;
  width: 100%;
  height: 80px;
  z-index: 10;
  transition: top 0.3s;
  white-space: nowrap;
}
.history.type02 .history_tab .fixed_area .scroll.scroll__visible:before {
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background: linear-gradient(to left, rgb(110, 235, 131), rgba(110, 235, 131, 0));
  transition: 0.3s;
}
.history.type02 .history_tab .fixed_area .scroll.scroll__visible.scroll__active:before, .history.type02 .history_tab .fixed_area .scroll.scroll__visible.scroll__active:after {
  opacity: 0;
}
.history.type02 .history_tab ul {
  text-align: center;
  font-size: 0;
  width: 100%;
  height: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.history.type02 .history_tab ul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  height: 100%;
  position: relative;
}
.history.type02 .history_tab ul li a {
  display: inline-block;
  padding: 28px 0;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000000;
}
.history.type02 .history_tab ul li.active a {
  font-weight: bold;
}
.history.type02 .history_tab ul li.pass a {
  color: #26247B;
  font-weight: bold;
}
.history.type02 .history_tab.active .fixed_area {
  position: fixed;
  left: 0;
}
@media (max-width: 1023px) {
  .history.type02 .history_tab {
    height: 60px;
    margin-bottom: 2.5rem;
  }
  .history.type02 .history_tab .fixed_area {
    height: 60px;
    padding: 0 5.33%;
  }
  .history.type02 .history_tab .fixed_area .scroll.scroll__visible {
    height: 100%;
  }
  .history.type02 .history_tab .fixed_area .scroll.scroll__visible:before {
    content: "";
    width: 20px;
  }
  .history.type02 .history_tab ul li {
    width: auto;
    margin-left: 40px;
  }
  .history.type02 .history_tab ul li:first-child {
    margin-left: 0;
  }
  .history.type02 .history_tab ul li a {
    padding: 20px 0;
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .history.type02 .history_tab ul li.active a::after {
    margin-top: 7px;
    content: "";
  }
  .history.type02 .history_tab ul li.pass a {
    color: #26247B;
    font-weight: bold;
  }
}
@media (max-width: 766px) {
  .history.type02 .history_tab {
    margin-bottom: 2.5rem;
  }
}
.history.type02 .history_con_wrap .con .inner {
  padding: 0 30px 90px 30px;
  font-size: 0;
}
.history.type02 .history_con_wrap .con .inner::before {
  position: absolute;
  top: 39px;
  left: 250px;
  width: 1px;
  height: 100%;
  background: #aaaaaa;
  content: "";
}
.history.type02 .history_con_wrap .con .progress {
  position: absolute;
  top: 40px;
  left: 250px;
  width: 1px;
  height: 0;
  transition: 0.3s;
  background: #6EEB83;
}
.history.type02 .history_con_wrap .con .area {
  display: inline-block;
}
.history.type02 .history_con_wrap .con .area_year {
  position: relative;
  width: 220px;
  vertical-align: top;
}
.history.type02 .history_con_wrap .con .area_year h4 {
  padding-right: 90px;
  font-weight: bold;
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  color: #444444;
}
.history.type02 .history_con_wrap .con .area_year::before {
  position: absolute;
  top: 32px;
  right: 0;
  z-index: 1;
  width: 12px;
  height: 12px;
  transform: translateX(50%);
  background: #aaaaaa;
  transition: 0.3s;
  content: "";
}
.history.type02 .history_con_wrap .con .area_history {
  width: calc(100% - 220px);
  padding-left: 55px;
}
.history.type02 .history_con_wrap .con .history_desc {
  position: relative;
}
.history.type02 .history_con_wrap .con .history_desc .dl {
  margin-top: 1.5625rem;
  font-size: 0;
}
.history.type02 .history_con_wrap .con .history_desc .dl:first-child {
  margin-top: 0.5625rem;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dt {
  display: inline-block;
  width: 36px;
  margin-right: 50px;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
  margin-top: 0.625rem;
  color: #444444;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd {
  display: inline-block;
  width: calc(100% - 86px);
  margin-top: 10px;
  vertical-align: top;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd p {
  margin-top: 0.625rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd p:first-child {
  margin-top: 0;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd .img_box {
  max-width: 475px;
  margin-top: 0.625rem;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd:first-child {
  width: 100%;
  margin-top: 12px;
  padding-left: 11px;
  position: relative;
}
.history.type02 .history_con_wrap .con .history_desc .dl .dd:first-child:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #444;
}
.history.type02 .history_con_wrap .con .history_desc .dl + .dl .dd:first-child {
  margin-top: 5px;
}
.history.type02 .history_con_wrap .con:last-child .inner {
  padding-bottom: 0;
}
.history.type02 .history_con_wrap .con:last-child .inner::before {
  display: none;
}
.history.type02 .history_con_wrap .con.pass .area_year::before {
  background: #6EEB83;
}
.history.type02 .history_con_wrap .con.active .area_year::after {
  transform: translateX(50%) scale(1);
}
@media (max-width: 1023px) {
  .history.type02 .history_con_wrap .con .inner {
    padding: 0 0 60px 0;
  }
  .history.type02 .history_con_wrap .con .inner::before {
    top: 19px;
    left: 130px;
    content: "";
  }
  .history.type02 .history_con_wrap .con .progress {
    top: 19px;
    left: 130px;
  }
  .history.type02 .history_con_wrap .con .area_year {
    width: 130px;
  }
  .history.type02 .history_con_wrap .con .area_year h4 {
    padding-right: 45px;
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.1176470588;
  }
  .history.type02 .history_con_wrap .con .area_year::before {
    top: 17px;
    right: 0;
    width: 9px;
    height: 9px;
    content: "";
  }
  .history.type02 .history_con_wrap .con .area_year::after {
    top: 22px;
    right: 0;
    width: 22px;
    height: 22px;
    transform: translateX(50%) scale(0);
    content: "";
  }
  .history.type02 .history_con_wrap .con .area_history {
    padding-left: 35px;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl {
    margin-top: 1.25rem;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl:first-child {
    margin-top: 0.375rem;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dt {
    width: 30px;
    margin-right: 10px;
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.1739130435;
    margin-top: 0;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dd {
    width: calc(100% - 40px);
    margin-top: 0;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dd p {
    margin-top: 0.9375rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.8125;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dd .img_box {
    max-width: 100%;
    margin-top: 0.8125rem;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dd:first-child {
    margin-top: 0;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl .dd:first-child:before {
    top: 14px;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl + .dl .dd:first-child {
    margin-top: 0;
  }
  .history.type02 .history_con_wrap .con.active .area_year::after {
    transform: translate(50%, -50%) scale(1);
  }
}
@media (max-width: 766px) {
  .history.type02 .history_con_wrap .con .inner {
    padding: 0 0 60px 15px;
  }
  .history.type02 .history_con_wrap .con .inner::before {
    left: 0;
    content: "";
  }
  .history.type02 .history_con_wrap .con .progress {
    left: 0;
  }
  .history.type02 .history_con_wrap .con .area {
    display: block;
  }
  .history.type02 .history_con_wrap .con .area_year {
    width: 100%;
    padding-left: 25px;
    margin-bottom: 1.25rem;
  }
  .history.type02 .history_con_wrap .con .area_year::before {
    top: 15px;
    right: calc(100% + 1px);
    transform: translate(-100%, 0);
    content: "";
  }
  .history.type02 .history_con_wrap .con .area_year::after {
    top: 20px;
    right: calc(100% + 3px);
    transform: translate(0, -50%) scale(0);
    content: "";
  }
  .history.type02 .history_con_wrap .con .area_history {
    width: 100%;
    padding-left: 25px;
  }
  .history.type02 .history_con_wrap .con .history_desc .dl {
    margin-top: 1.25rem;
  }
  .history.type02 .history_con_wrap .con.active .area_year::after {
    transform: translate(0, -50%) scale(1);
  }
}

.ci .sec {
  margin-bottom: 11.25rem;
}
.ci .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .ci .sec {
    margin-bottom: 7.5rem;
  }
}
@media (max-width: 766px) {
  .ci .sec {
    margin-bottom: 7.5rem;
  }
}
.ci .sec:not(.sec01) .con_title {
  margin-bottom: 2.8125rem;
}
.ci .sec:not(.sec01) .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
@media (max-width: 1023px) {
  .ci .sec:not(.sec01) .con_title {
    margin-bottom: 1.875rem;
  }
  .ci .sec:not(.sec01) .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
}
@media (max-width: 766px) {
  .ci .sec:not(.sec01) .con_title {
    margin-bottom: 1.875rem;
  }
}
.ci .sec .vdo_wrap .vdo_area {
  position: relative;
  padding-top: 56.25%;
}
.ci .sec .vdo_wrap .vdo_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ci .sec .vdo_wrap .vdo_bg i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}
.ci .sec .vdo_wrap .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .ci .sec .vdo_wrap .vdo_bg i {
    width: 45px;
    height: 45px;
  }
}
.ci .sec01 .con02 {
  margin-top: 5.625rem;
}
.ci .sec01 .txt_area {
  padding: 162px 0;
  border: 1px solid #dddddd;
}
.ci .sec01 .txt_area .bg {
  display: block;
  width: 680px;
  height: 96px;
  margin: 0 auto;
}
.ci .sec01 .txt_area .bg::before {
  display: block;
  height: 96px;
  background: url("/resources/cn/global/images/company/logo_samsyang.svg") center no-repeat;
  background-size: 680px 96px;
  content: "";
}
.ci .sec01 .btn_wrap {
  margin-top: 4.375rem;
}
@media (max-width: 1023px) {
  .ci .sec01 .con02 {
    margin-top: 3.75rem;
  }
  .ci .sec01 .txt_area {
    padding: 0;
    padding: 114px 0;
  }
  .ci .sec01 .txt_area .bg {
    display: block;
    width: 100%;
    height: 67px;
  }
  .ci .sec01 .txt_area .bg::before {
    height: 67px;
    background-size: 477px 67px;
  }
  .ci .sec01 .btn_wrap {
    margin-top: 2.5rem;
  }
}
@media (max-width: 766px) {
  .ci .sec01 .con02 {
    margin-top: 3.75rem;
  }
  .ci .sec01 .txt_area {
    padding: 0;
    padding: 72px 0;
  }
  .ci .sec01 .txt_area .bg {
    height: 36px;
  }
  .ci .sec01 .txt_area .bg::before {
    height: 36px;
    background-size: 260px 36px;
  }
  .ci .sec01 .btn_wrap {
    margin-top: 2.5rem;
  }
}
.ci .sec02 .con01 .vdo_wrap .vdo_bg {
  background: url("/resources/cn/global/images/company/ci_sec02_video_bg.jpg") center no-repeat;
  background-size: cover;
}
@media (max-width: 766px) {
  .ci .sec02 .con01 .vdo_wrap {
    background: url("/resources/cn/global/images/company/ci_sec02_video_mbg.jpg") center no-repeat;
    background-size: cover;
  }
}
.ci .sec03 .con01 .vdo_wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ci .sec04 .con + .con {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .ci .sec04 .con + .con {
    margin-top: 5.625rem;
  }
}
@media (max-width: 766px) {
  .ci .sec04 .con + .con {
    margin-top: 5.625rem;
  }
}
.ci .sec04 .con01 ul {
  font-size: 0;
}
.ci .sec04 .con01 ul li {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  margin-right: 20px;
}
.ci .sec04 .con01 ul li:nth-of-type(1) .color_bg_box {
  background-image: url("/resources/cn/global/images/company/ci_sec03_con01_img01.jpg");
}
.ci .sec04 .con01 ul li:nth-of-type(2) .color_bg_box {
  background-image: url("/resources/cn/global/images/company/ci_sec03_con01_img02.jpg");
}
.ci .sec04 .con01 ul li:nth-of-type(3) .color_bg_box {
  background-image: url("/resources/cn/global/images/company/ci_sec03_con01_img03.jpg");
}
.ci .sec04 .con01 ul li:nth-of-type(4) .color_bg_box {
  background-image: url("/resources/cn/global/images/company/ci_sec03_con01_img04.jpg");
}
.ci .sec04 .con01 ul li:last-of-type {
  margin-right: 0;
}
.ci .sec04 .con01 ul li .color_bg_box {
  width: 100%;
  height: 130px;
  border: 1px solid #dddddd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ci .sec04 .con01 ul:nth-of-type(2) .color_bg_box {
  border-color: #26247B;
}
.ci .sec04 .con01 ul:nth-of-type(4) .color_bg_box {
  border-color: #000000;
}
.ci .sec04 .con01 ul span {
  display: block;
  margin-top: 0.625rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  font-weight: 300;
  color: #444444;
}
@media (max-width: 1023px) {
  .ci .sec04 .con01 ul li {
    width: calc(50% - 20px);
    margin-right: 0;
  }
  .ci .sec04 .con01 ul li:nth-of-type(odd) {
    margin-right: 20px;
  }
  .ci .sec04 .con01 ul li:nth-of-type(n+3) {
    margin-top: 2.5rem;
  }
  .ci .sec04 .con01 ul li:nth-of-type(1) .color_bg_box {
    background-image: url("/resources/cn/global/images/company/ci_sec03_con01_mimg01.jpg");
  }
  .ci .sec04 .con01 ul li:nth-of-type(2) .color_bg_box {
    background-image: url("/resources/cn/global/images/company/ci_sec03_con01_mimg02.jpg");
  }
  .ci .sec04 .con01 ul li:nth-of-type(3) .color_bg_box {
    background-image: url("/resources/cn/global/images/company/ci_sec03_con01_mimg03.jpg");
  }
  .ci .sec04 .con01 ul li:nth-of-type(4) .color_bg_box {
    background-image: url("/resources/cn/global/images/company/ci_sec03_con01_mimg04.jpg");
  }
  .ci .sec04 .con01 ul li:last-of-type {
    margin-right: 0;
  }
  .ci .sec04 .con01 ul li .color_bg_box {
    height: auto;
    padding-top: 49%;
  }
  .ci .sec04 .con01 ul span {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  .ci .sec04 .con01 ul li {
    display: block;
    width: 100%;
  }
  .ci .sec04 .con01 ul li:nth-of-type(odd) {
    margin-right: 0;
  }
  .ci .sec04 .con01 ul li:nth-of-type(n+2) {
    margin-top: 2.5rem;
  }
  .ci .sec04 .con01 ul span {
    margin-top: 0.625rem;
  }
}
.ci .sec04 .con02 .img_box {
  width: 100%;
}
.ci .sec04 .con02 .img_box img {
  width: 100%;
}
.ci .sec04 .con02 .img_box .m_img {
  display: none;
}
@media (max-width: 766px) {
  .ci .sec04 .con02 .img_box .pc_img {
    display: none;
  }
  .ci .sec04 .con02 .img_box .m_img {
    display: block;
  }
}
.ci .sec04 .con03 .provision_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.ci .sec04 .con03 .provision_box > div {
  float: left;
}
.ci .sec04 .con03 .provision_box .con_title {
  width: calc(100% - 475px);
  padding-right: 30px;
  margin-bottom: 0;
}
.ci .sec04 .con03 .provision_box .img_box {
  width: 475px;
  margin-top: 5.25rem;
  padding: 43px 0;
  background-color: #f7f7f7;
}
.ci .sec04 .con03 .provision_box .img_box .bg {
  width: 310px;
  height: 94px;
  margin: 0 auto;
  background: url("/resources/cn/global/images/company/ci_sec03_con03_img01.png") center no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .ci .sec04 .con03 .provision_box > div {
    float: none;
  }
  .ci .sec04 .con03 .provision_box .con_title {
    width: 100%;
    margin-bottom: 1.875rem;
    padding-right: 0;
  }
  .ci .sec04 .con03 .provision_box .img_box {
    width: 100%;
    padding: 62px 0;
    margin-top: 0;
  }
  .ci .sec04 .con03 .provision_box .img_box .bg {
    width: 449px;
    height: 136px;
    margin: 0 auto;
    background: url("/resources/cn/global/images/company/ci_sec03_con03_mimg01.png") center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 766px) {
  .ci .sec04 .con03 .provision_box .con_title {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .ci .sec04 .con03 .provision_box .img_box {
    padding: 38.5px 0;
  }
  .ci .sec04 .con03 .provision_box .img_box .bg {
    width: 275px;
    height: 85px;
  }
}
.ci .sec05 {
  position: relative;
  padding-top: 100px;
}
.ci .sec05::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76.8%;
  background-color: #E7EBEC;
}
.ci .sec05 .con01 .con_title {
  margin-bottom: 3.75rem;
}
.ci .sec05 .con01 .vdo_wrap .vdo_bg {
  background: url("/resources/cn/global/images/company/ci_sec04_video_bg.jpg") center no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .ci .sec05::before {
    height: 67.5%;
  }
  .ci .sec05 .con01 .con_title {
    margin-bottom: 1.875rem;
  }
  .ci .sec05 .con01 .vdo_wrap .vdo_bg {
    background: url("/resources/cn/global/images/company/ci_sec04_video_mbg.jpg") center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 766px) {
  .ci .sec05::before {
    height: 90.82%;
  }
  .ci .sec05 .con01 .con_title {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 1399px) {
  .global-network .lnbWrap {
    display: none !important;
  }
}
.global-network .sec01 .con02 {
  margin-top: 4rem;
}
.global-network .sec01 .con02 .img_box {
  position: relative;
  width: 1306px;
  height: 649px;
  margin: 0 auto;
}
.global-network .sec01 .con02 .img_box.m_img_box {
  display: none;
}
.global-network .sec01 .con02 .img_box .marker_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.global-network .sec01 .con02 .img_box .marker_box .marker {
  opacity: 0;
  position: absolute;
  text-align: center;
}
.global-network .sec01 .con02 .img_box .marker_box .marker img {
  margin: 0 auto;
}
.global-network .sec01 .con02 .img_box .marker_box .marker p {
  opacity: 0;
  min-width: 47px;
  padding: 8px;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  font-weight: bold;
  background-color: #6EEB83;
  color: #26247B;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker1 {
  top: 136px;
  left: 82px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker2 {
  top: 175px;
  left: 120px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker3 {
  top: 232px;
  left: 438px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker4 {
  top: 293px;
  left: 419px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker5 {
  top: 204px;
  left: 499px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker6 {
  top: 204px;
  left: 533px;
}
.global-network .sec01 .con02 .img_box .marker_box .marker.marker7 {
  top: 193px;
  right: 294px;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker {
  opacity: 1;
  transition: opacity 0.3s;
  transition-duration: 0.4s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker1 {
  transition-delay: 0.3s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker2 {
  transition-delay: 0.5s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker3 {
  transition-delay: 0.7s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker4 {
  transition-delay: 0.9s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker5 {
  transition-delay: 1.2s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker6 {
  transition-delay: 1.4s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker.marker7 {
  transition-delay: 1.6s;
}
.global-network .sec01 .con02 .img_box .marker_box.active .marker:hover p {
  opacity: 1;
}
.global-network .sec01 .con03 {
  margin-top: 2.6875rem;
  padding: 45px 0;
  background-color: #f7f7f7;
}
.global-network .sec01 .con03 .btn_inner .box {
  font-size: 0;
}
.global-network .sec01 .con03 .btn_inner .box > * {
  display: inline-block;
  vertical-align: middle;
}
.global-network .sec01 .con03 .btn_inner .box p {
  width: 62px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  font-weight: bold;
  color: #222222;
}
.global-network .sec01 .con03 .btn_inner .box .btn_wrap {
  width: calc(100% - 62px);
  margin-left: -5px;
  margin-top: 0;
}
.global-network .sec01 .con03 .btn_inner .box .btn_wrap .btn {
  margin: 5px;
  color: #000000 !important;
  border-color: #dddddd !important;
}
@media (min-width: 1024px) {
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap .btn:hover {
    color: #ffffff !important;
  }
}
.global-network .sec01 .con03 .btn_inner .box .btn_wrap .btn.active {
  background-color: #26247B;
  border-color: #26247B !important;
  color: #ffffff !important;
}
@media (min-width: 1024px) {
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap#search-business .btn:hover {
    color: #000000 !important;
    background-color: #ffffff;
    border-color: #dddddd !important;
  }
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap#search-business .btn.active:hover {
    background-color: #26247B;
    color: #ffffff !important;
    border-color: #26247B !important;
  }
}
.global-network .sec01 .con03 .btn_inner .box + .box {
  margin-top: 1.875rem;
}
@media (max-width: 1305px) {
  .global-network .sec01 .con02 .img_box {
    width: 980px;
    height: 450px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker img {
    width: 20px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker1 {
    top: 86px;
    left: 57px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker2 {
    top: 114px;
    left: 82px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker3 {
    top: 157px;
    left: 323px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker4 {
    top: 202px;
    left: 308px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker5 {
    top: 136px;
    left: 360px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker6 {
    top: 136px;
    left: 395px;
  }
  .global-network .sec01 .con02 .img_box .marker_box .marker.marker7 {
    top: 127px;
    right: 215px;
  }
}
@media (max-width: 1023px) {
  .global-network .sec01 .con02 {
    margin-top: 4.875rem;
  }
  .global-network .sec01 .con02 .img_box {
    width: 89.6%;
    height: auto;
    margin: 0 auto;
  }
  .global-network .sec01 .con02 .img_box.pc_img_box {
    display: none;
  }
  .global-network .sec01 .con02 .img_box.m_img_box {
    display: block;
  }
  .global-network .sec01 .con02 .img_box.m_img_box img {
    width: 100%;
  }
  .global-network .sec01 .con03 {
    margin-top: 0.9375rem;
    padding: 30px 0;
  }
  .global-network .sec01 .con03 .btn_inner .box > * {
    display: block;
  }
  .global-network .sec01 .con03 .btn_inner .box p {
    width: 100%;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
  }
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap {
    width: 100%;
    margin-top: 0.3125rem;
    margin-left: -10px;
  }
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap .btn {
    margin: 5px;
  }
  .global-network .sec01 .con03 .btn_inner .box + .box {
    margin-top: 1.25rem;
  }
}
@media (max-width: 766px) {
  .global-network .sec01 .con03 .btn_inner .box + .box {
    margin-top: 1.25rem;
  }
  .global-network .sec01 .con03 .btn_inner .box .btn_wrap {
    white-space: nowrap;
  }
}
.global-network .sec02 {
  padding-top: 85px;
}
.global-network .sec02 .con {
  margin-bottom: 7.5rem;
}
.global-network .sec02 .con:last-of-type {
  margin-bottom: 0;
}
.global-network .sec02 .con .tit {
  margin-bottom: 1.125rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.global-network .sec02 .con .btn_box {
  margin-top: 4.6875rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .global-network .sec02 {
    padding-top: 100px;
  }
  .global-network .sec02 .con {
    margin-bottom: 5rem;
  }
  .global-network .sec02 .con .tit {
    margin-bottom: 0.9375rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2380952381;
  }
  .global-network .sec02 .con .btn_box {
    margin-top: 3.125rem;
  }
}
@media (max-width: 766px) {
  .global-network .sec02 .con {
    margin-bottom: 5rem;
  }
  .global-network .sec02 .con .btn_box {
    margin-top: 3.125rem;
  }
}
.global-network .lnbWrap.active {
  top: 85px;
}

.place_business_list {
  font-size: 0;
}
.place_business_list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 15px);
  padding: 30px 35px 30px 30px;
  border: 1px solid #ddd;
}
.place_business_list li:nth-of-type(odd) {
  margin-right: 30px;
}
.place_business_list li:nth-of-type(n + 3) {
  margin-top: 2.8125rem;
}
.place_business_list li .enterprise {
  font-size: 0;
}
.place_business_list li .enterprise p {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #26247B;
  padding: 0 10px;
  position: relative;
}
.place_business_list li .enterprise p:before {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #aaa;
}
.place_business_list li .enterprise p:first-of-type {
  padding-left: 0;
}
.place_business_list li .enterprise p:last-of-type {
  padding-right: 0;
}
.place_business_list li .enterprise p:last-of-type::before {
  display: none;
}
.place_business_list li strong {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
  word-break: break-all;
}
.place_business_list li .info_txt {
  display: table;
  width: 100%;
  min-height: 83px;
  padding-top: 13px;
}
.place_business_list li .info_txt .vertical {
  display: table-cell;
  vertical-align: top;
}
.place_business_list li .info_txt .address_txt {
  display: inline-block;
  vertical-align: top;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.5294117647;
  color: #999;
  word-break: break-all;
}
.place_business_list li .info_txt .address_txt button {
  display: none;
  padding: 5px;
  margin: -4px 0 0 2px;
}
@media (min-width: 1024px) {
  .place_business_list li .info_txt .address_txt:hover {
    text-decoration: underline;
  }
}
.place_business_list li .info_txt .address_txt:hover button {
  display: inline-block;
  vertical-align: middle;
}
.place_business_list li .info_txt .num_box {
  width: 300px;
  margin-top: 0.5rem;
}
.place_business_list li .info_txt .num_box p {
  display: block;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.5294117647;
  color: #999;
  position: relative;
}
.place_business_list li .info_txt .num_box p:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
}
.place_business_list li .info_txt .num_box p.tel {
  padding-left: 24px;
}
.place_business_list li .info_txt .num_box p.tel::before {
  width: 16px;
  height: 16px;
  top: 5px;
  background: url("/resources/cn/global/images/company/global_tel_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.place_business_list li .info_txt .num_box p.tel .call {
  display: none;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  margin: -4px 2px 0 0;
  padding-top: 5px;
  position: relative;
}
.place_business_list li .info_txt .num_box p.tel .call img {
  width: 13px;
  height: 13px;
  margin: 0 auto;
}
.place_business_list li .info_txt .num_box p.tel .call:after {
  display: block;
  position: absolute;
  top: 6px;
  right: -2px;
  width: 1px;
  height: 11px;
  content: "";
  background-color: #ddd;
}
.place_business_list li .info_txt .num_box p.fax {
  margin-top: 0.3125rem;
  padding-left: 24px;
}
.place_business_list li .info_txt .num_box p.fax::before {
  width: 16px;
  height: 16px;
  top: 5px;
  left: 0;
  background: url("/resources/cn/global/images/company/global_fax_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.place_business_list li .info_txt .num_box p button {
  display: none;
  vertical-align: middle;
  padding: 5px;
  margin: -4px 0 0 2px;
}
@media (min-width: 1024px) {
  .place_business_list li .info_txt .num_box p:hover {
    text-decoration: underline;
  }
}
.place_business_list li .info_txt .num_box p:hover button {
  display: inline-block;
  vertical-align: middle;
}
.place_business_list li .map_link {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 32px;
  height: 40px;
  transition: background 0.5s;
  background: url("/resources/cn/global/images/company/global_map_link_icon.svg") center no-repeat;
  background-size: 32px 40px;
}
@media (min-width: 1024px) {
  .place_business_list li .map_link:hover {
    background: url("/resources/cn/global/images/company/global_map_link_icon_on.svg") center no-repeat;
    background-size: 32px 40px;
  }
}
@media (max-width: 1023px) {
  .place_business_list li {
    display: block;
    width: 100%;
    padding: 20px 42px 20px 20px;
  }
  .place_business_list li:nth-of-type(odd) {
    margin-right: 0;
  }
  .place_business_list li:nth-of-type(n + 2) {
    margin-top: 1.875rem;
  }
  .place_business_list li .enterprise p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.4166666667;
    padding: 0 8px;
  }
  .place_business_list li .enterprise p::before {
    top: 3px;
    height: 11px;
  }
  .place_business_list li strong {
    margin-top: 0.1875rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
  }
  .place_business_list li .info_txt {
    width: 100%;
    padding-top: 15px;
  }
  .place_business_list li .info_txt .address_txt {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.8571428571;
  }
  .place_business_list li .info_txt .address_txt button {
    margin-left: 0;
    width: 23px;
    height: 23px;
    margin-top: -3px;
  }
  .place_business_list li .info_txt .address_txt button img {
    width: 15px;
    height: 15px;
  }
  .place_business_list li .info_txt .num_box {
    width: 100%;
    margin-top: 0.1875rem;
  }
  .place_business_list li .info_txt .num_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.9285714286;
  }
  .place_business_list li .info_txt .num_box p.tel {
    margin-top: 0;
  }
  .place_business_list li .info_txt .num_box p.tel:hover .call {
    display: inline-block;
  }
  .place_business_list li .info_txt .num_box p.fax {
    margin-top: 0;
  }
  .place_business_list li .info_txt .num_box p button {
    width: 23px;
    height: 23px;
    margin-left: 0;
  }
  .place_business_list li .map_link {
    bottom: auto;
    top: 24px;
    right: 20px;
    width: 20px;
    height: 30px;
    background: url("/resources/cn/global/images/company/global_map_link_icon.svg") center no-repeat;
    background-size: 20px 30px;
  }
}
@media (max-width: 766px) {
  .place_business_list li:nth-of-type(n + 2) {
    margin-top: 1.875rem;
  }
}

.business .visual_wrap {
  position: relative;
}
.business .visual_wrap .visual_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
}
.business .visual_wrap .visual_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.business .visual_wrap .visual_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.business .visual_wrap .visual_area .curtain_wrap .left {
  left: 0;
}
.business .visual_wrap .visual_area .curtain_wrap .right {
  right: 0;
}
.business .visual_wrap .visual_area .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
.business .visual_wrap.chemical .bg {
  background: url("/resources/cn/global/images/business/visual_chemical.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.food .bg {
  background: url("/resources/cn/global/images/business/visual_food.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.packaging .bg {
  background: url("/resources/cn/global/images/business/visual_packaging.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.biopharmaceutical .bg {
  background: url("/resources/cn/global/images/business/visual_biopharmaceutical.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.IT .bg {
  background: url("/resources/cn/global/images/business/visual_IT.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.datasystem .bg {
  background: url("/resources/cn/global/images/business/visual_datasystem.jpg") center no-repeat;
  background-size: 100%;
}
.business .visual_wrap.cosmetic .bg {
  background: url("/resources/cn/global/images/business/visual_cosmetic.jpg") center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .business .visual_wrap .visual_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.8125rem;
  }
  .business .visual_wrap .visual_area .curtain_wrap {
    display: none;
  }
  .business .visual_wrap .visual_area .bg {
    min-width: unset;
    height: 100%;
    background-size: auto 100%;
  }
}
.business .sec_banner_company ul {
  max-width: 100%;
}
.business .sec_banner_company li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 25%;
  /* margin-left 계산 gap */
}
.business .sec_banner_company li::before {
  top: 50%;
  height: 54px;
  transform: translate(0, -50%);
  content: "";
}
.business .sec_banner_company li:first-child a {
  padding: 77px 0 77px 0;
  text-align: center;
}
.business .sec_banner_company li:last-child {
  border-top: none;
}
.business .sec_banner_company li:last-child a {
  padding: 77px 0 77px 45px;
}
.business .sec_banner_company a {
  padding: 77px 0 77px 45px;
}
.business .sec_banner_company strong {
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.15;
}
.business .sec_banner_company strong span {
  margin-right: 15px;
}
@media (max-width: 1399px) {
  .business .sec_banner_company ul {
    padding: 33px 5.4% 42px;
  }
  .business .sec_banner_company li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 47.7040816327%;
    /* margin-left 계산 gap */
    margin-left: 4.5918367347%;
  }
  .business .sec_banner_company li:nth-child(2n-1) {
    margin-left: 0;
  }
  .business .sec_banner_company li::before {
    display: none;
  }
  .business .sec_banner_company li:first-child a, .business .sec_banner_company li:nth-child(2) a {
    border-bottom: 1px solid #dddddd;
  }
  .business .sec_banner_company li:first-child a {
    padding: 25px 0;
  }
  .business .sec_banner_company li:last-child a {
    padding: 25px 0;
  }
  .business .sec_banner_company li a {
    padding: 25px 0;
  }
  .business .sec_banner_company strong {
    overflow: hidden;
    text-align: right;
  }
  .business .sec_banner_company strong span {
    float: left;
    padding-top: 5px;
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .business .sec_banner_company ul {
    padding: 33px 5.4% 42px;
  }
  .business .sec_banner_company li::before {
    display: none;
  }
  .business .sec_banner_company strong span {
    margin-right: 0;
  }
}
@media (max-width: 766px) {
  .business .sec_banner_company ul {
    padding: 0 5.333%;
  }
  .business .sec_banner_company li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-left: 0;
  }
  .business .sec_banner_company li:nth-child(3) a {
    border-bottom: 1px solid #dddddd;
  }
  .business .sec_banner_company strong {
    overflow: unset;
    display: inline-block;
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: left;
  }
  .business .sec_banner_company strong span {
    float: none;
    padding-top: 0;
  }
}

.business_summary .con_title {
  margin-bottom: 5.25rem;
}
.business_summary .con_title h3 {
  margin-bottom: 1.3125rem;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
.business_summary .con_title p {
  margin-top: 0;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
}
.business_summary .cont_area p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 1023px) {
  .business_summary .con_title {
    margin-bottom: 3.46875rem;
  }
  .business_summary .con_title h3 {
    margin-bottom: 1rem;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .business_summary .con_title p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .business_summary .cont_area p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .business_summary .con_title {
    margin-bottom: 3.46875rem;
  }
  .business_summary .con_title h3 {
    margin-bottom: 1rem;
  }
}

.portfolio_sec {
  position: relative;
  padding-top: 120px;
  margin-bottom: 11.25rem;
}
.portfolio_sec::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 86.5%;
  max-height: 500px;
  background: url("/resources/cn/global/images/business/portfolio_sec_bg.jpg") 0 0 no-repeat;
  background-size: cover;
  content: "";
}
.portfolio_sec .inner {
  width: 100%;
  max-width: 980px;
  padding: 0;
}
.portfolio_sec .portfolio_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 60px;
  position: relative;
  z-index: 10;
}
.portfolio_sec .portfolio_wrap.scroll-motion-on li .box {
  transform: translateX(100px);
}
.portfolio_sec .portfolio_wrap.scroll-motion-on li.motion .box {
  transform: translateX(0);
}
.portfolio_sec .portfolio_wrap.scroll-motion-on li.unfold .box {
  transform: translateY(0);
}
@media (min-width: 1024px) {
  .portfolio_sec .portfolio_wrap.scroll-motion-on li.motion:hover .box {
    transition: transform 0.3s;
    transform: translateY(-30px);
  }
}
@media (min-width: 1024px) {
  .portfolio_sec .portfolio_wrap.scroll-motion-off li:hover .box {
    transition: transform 0.3s;
    transform: translateY(-30px);
  }
}
.portfolio_sec .portfolio_wrap .swiper-scrollbar {
  width: 980px;
  background: #B5B4E9;
}
.portfolio_sec .portfolio_wrap .swiper-scrollbar-drag {
  background: #413DC7;
}
.portfolio_sec .portfolio_wrap ul {
  display: inline-flex;
  font-size: 0;
}
.portfolio_sec .portfolio_wrap li {
  position: relative;
  display: inline-block;
  width: 270px;
  height: 460px;
  margin-right: 20px;
  flex-shrink: 0;
  transition: width 0.3s;
  vertical-align: top;
}
.portfolio_sec .portfolio_wrap li .box {
  height: 100%;
  background: #ffffff;
  box-shadow: 14px 21px 15px 7px rgba(0, 0, 0, 0.17);
  position: relative;
  transition: transform 0.6s;
}
.portfolio_sec .portfolio_wrap li .box::before {
  position: absolute;
  top: 130px;
  right: 50%;
  transform: translate(50%, 0);
  width: 72px;
  height: 72px;
  content: "";
}
.portfolio_sec .portfolio_wrap li .box a.plus {
  display: block;
  position: absolute;
  bottom: 80px;
  right: 50%;
  margin-right: -13px;
  width: 26px;
  height: 26px;
  transition: transform 0.3s;
  background: url("/resources/cn/global/images/business/icon_plus.svg") center bottom no-repeat;
  background-size: 26px;
  content: "";
}
.portfolio_sec .portfolio_wrap li.plastic .box::before {
  background: url("/resources/cn/global/images/business/icon_plastic.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.ion .box::before {
  background: url("/resources/cn/global/images/business/icon_ion.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.panel .box::before {
  background: url("/resources/cn/global/images/business/icon_panel.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.personal .box::before {
  background: url("/resources/cn/global/images/business/icon_personal.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.eco .box::before {
  background: url("/resources/cn/global/images/business/icon_eco.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.polycarbonate .box::before {
  background: url("/resources/cn/global/images/business/icon_polycarbonate.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.etc_chemical .box::before {
  background: url("/resources/cn/global/images/business/icon_etc_chemical.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.sugar .box::before {
  background: url("/resources/cn/global/images/business/icon_sugar.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.special_sugar .box::before {
  background: url("/resources/cn/global/images/business/icon_special_sugar.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.dairy .box::before {
  background: url("/resources/cn/global/images/business/icon_dairy.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.provider .box::before {
  background: url("/resources/cn/global/images/business/icon_provider.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.easytomw .box::before {
  background: url("/resources/cn/global/images/business/icon_easytomw.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.medical_device .box::before {
  background: url("/resources/cn/global/images/business/icon_medical_device.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.medicine .box::before {
  background: url("/resources/cn/global/images/business/icon_medicine.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.new_medicine .box::before {
  background: url("/resources/cn/global/images/business/icon_new_medicine.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.aseptic .box::before {
  background: url("/resources/cn/global/images/business/icon_aseptic.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.recycle .box::before {
  background: url("/resources/cn/global/images/business/icon_recycle.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.bottle .box::before {
  background: url("/resources/cn/global/images/business/icon_bottle.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.serviceIT .box::before {
  background: url("/resources/cn/global/images/business/icon_serviceIT.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.cosmetic .box::before {
  background: url("/resources/cn/global/images/business/icon_cosmetic.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.fortextile .box::before {
  background: url("/resources/cn/global/images/business/icon_fortextile.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.film .box::before {
  background: url("/resources/cn/global/images/business/icon_film.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.industry .box::before {
  background: url("/resources/cn/global/images/business/icon_industry.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li.semiconductor .box::before {
  background: url("/resources/cn/global/images/business/icon_semiconductor.svg") center no-repeat;
  background-size: 72px 72px;
}
.portfolio_sec .portfolio_wrap li:last-child {
  margin-right: 0;
}
.portfolio_sec .portfolio_wrap li.unfold {
  width: 720px;
}
.portfolio_sec .portfolio_wrap li.unfold .box {
  transition: transform 0.3s;
  transform: translateY(-30px);
}
.portfolio_sec .portfolio_wrap li.unfold .box::before {
  top: 58px;
  right: 48px;
  transform: translate(0, 0);
  content: "";
}
.portfolio_sec .portfolio_wrap li.unfold .box a.plus {
  right: 50px;
  bottom: 70px;
  margin-right: 0;
  transform: rotate(135deg);
}
.portfolio_sec .portfolio_wrap li.unfold .area_top {
  display: none;
}
.portfolio_sec .portfolio_wrap li.unfold .area_top::before {
  width: 98px;
  height: 98px;
  top: 65px;
  left: 644px;
  transform: translate(0, 0);
  background-size: 98px;
  content: "";
}
.portfolio_sec .portfolio_wrap li.unfold .area_bot {
  transition: opacity 0.3s;
  transition-delay: 0.2s;
  visibility: visible;
  opacity: 1;
}
.portfolio_sec .portfolio_wrap li.fold {
  width: 195px;
}
.portfolio_sec .portfolio_wrap li.fold .area_top a strong {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
.portfolio_sec .portfolio_wrap .area_top {
  position: relative;
  z-index: 2;
}
.portfolio_sec .portfolio_wrap .area_top a {
  display: block;
  position: relative;
  height: 460px;
  padding: 248px 10px 160px;
}
.portfolio_sec .portfolio_wrap .area_top a strong {
  display: block;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
  text-align: center;
  transition: font 0.3s;
}
.portfolio_sec .portfolio_wrap .area_bot {
  height: 100%;
  padding: 75px 50px 164px 60px;
  opacity: 0;
  visibility: hidden;
  text-align: left;
}
.portfolio_sec .portfolio_wrap .area_bot strong {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
  text-align: left;
  color: #222222;
}
.portfolio_sec .portfolio_wrap .area_bot strong span {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.1538461538;
  letter-spacing: -0.02em;
  margin: 0;
  display: inline-block;
  color: inherit;
}
.portfolio_sec .portfolio_wrap .area_bot p {
  padding-right: 70px;
  font-weight: bold;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.portfolio_sec .portfolio_wrap .area_bot span {
  display: block;
  margin-top: 2.5rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
  word-wrap: break-word;
}
.portfolio_sec .portfolio_wrap .area_bot span.scroll {
  height: 128px;
  padding-right: 20px;
}
.portfolio_sec .portfolio_wrap .area_bot .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
}
.portfolio_sec .portfolio_wrap .area_bot .btn_wrap {
  position: absolute;
  bottom: 60px;
  left: 50px;
  margin-top: 0;
}
.portfolio_sec .progress_wrap {
  background: #E7EBEC;
}
.portfolio_sec .progress_wrap .progress {
  width: 0;
  height: 5px;
  background: #6EEB83;
}
@media (max-width: 1023px) {
  .portfolio_sec {
    padding: 75px 0 80px;
    margin-bottom: 7.5rem;
  }
  .portfolio_sec::before {
    height: 100%;
    max-height: 100%;
    background: url("/resources/cn/global/images/business/portfolio_sec_mbg.jpg") 0 0 no-repeat;
    background-size: cover;
  }
  .portfolio_sec .inner {
    width: 89.334%;
  }
  .portfolio_sec .portfolio_wrap {
    padding: 0;
  }
  .portfolio_sec .portfolio_wrap ul {
    flex-direction: column;
  }
  .portfolio_sec .portfolio_wrap li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    max-height: 85px;
    margin-right: 0;
    margin-top: 0.625rem;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
  }
  .portfolio_sec .portfolio_wrap li .box {
    box-shadow: none;
  }
  .portfolio_sec .portfolio_wrap li .box::before {
    width: 85px;
    height: 85px;
    top: 0;
    right: 100%;
    transform: translate(100%, 0);
  }
  .portfolio_sec .portfolio_wrap li .box a.plus {
    bottom: 50%;
    left: calc(100% - 35px);
    margin-left: 0;
    width: 15px;
    height: 15px;
    transform: translate(-50%, 50%);
    background-position: center;
  }
  .portfolio_sec .portfolio_wrap li:first-child {
    margin-top: 0;
  }
  .portfolio_sec .portfolio_wrap li.plastic .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.ion .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.panel .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.personal .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.eco .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.polycarbonate .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.etc_chemical .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.sugar .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.special_sugar .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.dairy .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.provider .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.easytomw .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.medical_device .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.medicine .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.new_medicine .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.aseptic .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.recycle .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.bottle .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.serviceIT .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.cosmetic .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.fortextile .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.film .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.industry .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.semiconductor .box::before {
    background-size: 45px;
  }
  .portfolio_sec .portfolio_wrap li.unfold {
    width: 100%;
    max-height: unset;
  }
  .portfolio_sec .portfolio_wrap li.unfold .box {
    transform: none;
  }
  .portfolio_sec .portfolio_wrap li.unfold .box::before {
    top: 0;
    right: 0;
  }
  .portfolio_sec .portfolio_wrap li.unfold .box::after {
    display: none;
  }
  .portfolio_sec .portfolio_wrap li.unfold .box a.plus {
    left: auto;
    right: 20px;
    bottom: 48px;
    width: 20px;
    height: 20px;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_top {
    display: block;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_top a {
    height: auto;
    padding: 32px 20px 10px;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_top a strong {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_bot {
    height: 100%;
    padding: 0 20px 40px 20px;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_bot strong {
    display: none;
  }
  .portfolio_sec .portfolio_wrap li.fold {
    width: 100%;
  }
  .portfolio_sec .portfolio_wrap li.fold .area_top a strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .portfolio_sec .portfolio_wrap .area_top a {
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0 45px 0 85px;
  }
  .portfolio_sec .portfolio_wrap .area_top a strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    text-align: left;
  }
  .portfolio_sec .portfolio_wrap .area_top a strong span {
    display: block;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.6111111111;
    letter-spacing: -0.02em;
  }
  .portfolio_sec .portfolio_wrap .area_bot {
    height: 0;
    padding: 0;
    text-align: left;
  }
  .portfolio_sec .portfolio_wrap .area_bot strong {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    text-align: left;
  }
  .portfolio_sec .portfolio_wrap .area_bot p {
    padding-right: 0;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .portfolio_sec .portfolio_wrap .area_bot span {
    margin-top: 1.5625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    word-break: break-all;
    word-wrap: break-word;
  }
  .portfolio_sec .portfolio_wrap .area_bot span.scroll {
    height: 100%;
    padding-right: 0;
  }
  .portfolio_sec .portfolio_wrap .area_bot .btn_wrap {
    position: static;
    padding-right: 12px;
    margin-top: 1.25rem;
  }
  .portfolio_sec .portfolio_wrap .area_bot .btn_wrap .btn {
    margin-top: 0.625rem;
    margin-right: 10px;
  }
  .portfolio_sec .portfolio_wrap .area_bot .mCSB_scrollTools {
    display: none !important;
  }
  .portfolio_sec .progress_wrap {
    display: none;
  }
}
@media (max-width: 766px) {
  .portfolio_sec {
    margin-bottom: 7.5rem;
  }
  .portfolio_sec .portfolio_wrap .area_bot .btn_wrap {
    margin-top: 1.25rem;
  }
  .portfolio_sec .portfolio_wrap .area_bot .btn_wrap .btn {
    margin-top: 0.625rem;
  }
}
@media (max-width: 360px) {
  .portfolio_sec .portfolio_wrap li.plastic .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.ion .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.panel .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.personal .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.eco .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.polycarbonate .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.etc_chemical .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.sugar .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.special_sugar .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.dairy .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.provider .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.easytomw .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.medical_device .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.medicine .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.new_medicine .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.aseptic .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.recycle .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.bottle .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.serviceIT .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.cosmetic .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.fortextile .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.film .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.industry .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li.semiconductor .box::before {
    width: 70px;
    background-size: 40px;
  }
  .portfolio_sec .portfolio_wrap li .box a.plus {
    left: auto;
    right: 20px;
  }
  .portfolio_sec .portfolio_wrap li.unfold .area_top a strong {
    padding-right: 40px;
    word-break: break-all;
  }
  .portfolio_sec .portfolio_wrap .area_top a {
    padding-left: 70px;
  }
}

.valuechain_area .value_img {
  margin-top: 6.25rem;
}
.valuechain_area .value_img span {
  display: inline-block;
  width: auto;
  margin-bottom: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.2857142857;
  color: #444444;
}
.valuechain_area .value_img span::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: #1BE7FF;
  vertical-align: middle;
  content: "";
}
.valuechain_area .btn_glass {
  display: none;
}
@media (max-width: 1023px) {
  .valuechain_area .value_img {
    position: relative;
    margin-top: 3.46875rem;
  }
}
@media (max-width: 766px) {
  .valuechain_area .value_img {
    margin-top: 3.46875rem;
    padding: 19px 10px;
    border: 1px solid #aaaaaa;
  }
  .valuechain_area .value_img span {
    width: 100%;
    margin-bottom: 0.96875rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    text-align: right;
  }
  .valuechain_area .value_img span::before {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  .valuechain_area .btn_glass {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .valuechain_area .btn_glass::before, .valuechain_area .btn_glass::after {
    content: "";
    position: absolute;
  }
  .valuechain_area .btn_glass::before {
    bottom: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background-color: #797a81;
  }
  .valuechain_area .btn_glass::after {
    bottom: 16.5px;
    right: 16.5px;
    width: 12px;
    height: 12px;
    background: url("/resources/cn/global/images/business/btn_glass.png") center no-repeat;
    background-size: 100% 100%;
  }
}

.list_busi_type1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: -2.8125rem;
  font-size: 0;
}
.list_busi_type1 li {
  position: relative;
  margin-bottom: 2.8125rem;
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 31.2925170068%;
  /* margin-left 계산 gap */
  margin-left: 3.0612244898%;
}
.list_busi_type1 li:nth-child(3n-2) {
  margin-left: 0;
}
.list_busi_type1 li.active .bg_hover {
  z-index: 1;
  opacity: 1;
}
.list_busi_type1 a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 306px;
  height: 306px;
  margin: 0 auto;
  border: 1px solid #aaaaaa;
}
.list_busi_type1 a:hover .bg_hover {
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
}
.list_busi_type1 .bg {
  height: 100%;
}
.list_busi_type1 .bg_hover {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 50px 35px;
  background: #26247B;
}
.list_busi_type1 .bg_hover i {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-top: 1.53125rem;
}
.list_busi_type1 .bg_hover i img {
  width: 100%;
}
.list_busi_type1 .bg_hover p {
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #ffffff;
  text-align: center;
}
.list_busi_type1 .bg_hover span {
  display: block;
  margin-top: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 1023px) {
  .list_busi_type1 ul {
    justify-content: flex-start;
    margin-bottom: -1.25rem;
  }
  .list_busi_type1 li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 31.9727891156%;
    /* margin-left 계산 gap */
    margin-left: 2.0408163265%;
    margin-bottom: 1.25rem;
  }
  .list_busi_type1 li:nth-child(3n-2) {
    margin-left: 0;
  }
  .list_busi_type1 a {
    width: 100%;
    height: auto;
    padding-top: 100%;
  }
  .list_busi_type1 a:hover .bg_hover {
    display: none;
  }
  .list_busi_type1 .bg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
  }
  .list_busi_type1 .bg::after {
    display: block;
    width: 100%;
    height: 100%;
    background: url("/resources/cn/global/images/button/button_outlink_black.svg") center 72% no-repeat;
    background-size: 12px 12px;
    content: "";
  }
  .list_busi_type1 .bg_hover {
    display: none;
  }
}
@media (max-width: 766px) {
  .list_busi_type1 ul {
    margin-bottom: -1.25rem;
  }
  .list_busi_type1 li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 48.9795918367%;
    /* margin-left 계산 gap */
    margin-left: 2.0408163265%;
    min-width: 157px;
    margin-bottom: 1.25rem;
  }
  .list_busi_type1 li:nth-child(2n-1) {
    margin-left: 0;
  }
  .list_busi_type1 li:nth-child(2n) {
    margin-left: 2.0408163265%;
  }
  .list_busi_type1 .bg::after {
    background-position: center 73%;
    background-size: 12px 12px;
  }
}
.list_busi_type2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 9.375rem;
}
.list_busi_type2:first-child {
  margin-top: 0;
}
.list_busi_type2 .con_title {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 66.6666666667%;
  /* margin-left 계산 gap */
}
.list_busi_type2 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
.list_busi_type2 .con_title h4 {
  margin-top: 0.3125rem;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
}
.list_busi_type2 .con_title p {
  margin-top: 1.46875rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
}
.list_busi_type2 .con_title .btn_wrap {
  margin-top: 3.34375rem;
}
.list_busi_type2 .con_title .more_btn {
  margin-top: 4.28125rem;
}
.list_busi_type2 .con_title .more_btn ul {
  display: none;
  font-size: 0;
}
.list_busi_type2 .con_title .more_btn ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.list_busi_type2 .con_title .more_btn ul li:last-child {
  margin-right: 0;
}
.list_busi_type2 .con_title .more_btn.active > a {
  display: none;
}
.list_busi_type2 .con_title .more_btn.active ul {
  display: block;
}
.list_busi_type2 .con_img {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 25.9183673469%;
  /* margin-left 계산 gap */
  margin-left: 11.1224489796%;
}
.list_busi_type2 .con_img:nth-child(3n-2) {
  margin-left: 0;
}
@media (max-width: 1023px) {
  .list_busi_type2 {
    margin-top: 5.625rem;
  }
  .list_busi_type2 .con_title {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 66.6666666667%;
    /* margin-left 계산 gap */
  }
  .list_busi_type2 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .list_busi_type2 .con_title h4 {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .list_busi_type2 .con_title p {
    margin-top: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .list_busi_type2 .con_title .btn_wrap {
    margin-top: 0.96875rem;
  }
  .list_busi_type2 .con_title .btn_wrap a {
    margin-top: 0.625rem;
  }
  .list_busi_type2 .con_title .more_btn {
    margin-top: 1.59375rem;
  }
  .list_busi_type2 .con_title .more_btn ul li {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .list_busi_type2 .con_img {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 25.9183673469%;
    /* margin-left 계산 gap */
    margin-left: 11.1224489796%;
  }
  .list_busi_type2 .con_img:nth-child(3n-2) {
    margin-left: 0;
  }
  .list_busi_type2 .con_img .pc_on {
    display: block;
  }
}
@media (max-width: 766px) {
  .list_busi_type2 {
    flex-wrap: wrap;
    margin-top: 5.625rem;
  }
  .list_busi_type2 .con_title {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
  }
  .list_busi_type2 .con_title .btn_wrap {
    margin-top: 0.96875rem;
  }
  .list_busi_type2 .con_title .more_btn {
    margin-top: 1.59375rem;
  }
  .list_busi_type2 .con_img {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-left: 0;
    margin-top: 2.8125rem;
  }
  .list_busi_type2 .con_img .pc_on {
    display: none;
  }
}

:root {
  --clip1: 100%;
  --clip2: 100%;
  --clip3: 100%;
}

.business_overview .container .content {
  padding-bottom: 0;
}
.business_overview .business_overview_cont01 {
  width: 100%;
  padding-left: calc((100% - 980px) / 2);
  box-sizing: border-box;
}
.business_overview .business_overview_cont01 .tit_area {
  width: 100%;
  max-width: 980px;
  padding-bottom: 60px;
  font-size: 0;
}
.business_overview .business_overview_cont01 .tit_area h3 {
  font-size: 3.75rem;
  letter-spacing: 0;
  line-height: 1.2666666667;
  font-weight: bold;
  color: #222222;
  width: 45%;
  display: inline-block;
  vertical-align: bottom;
}
.business_overview .business_overview_cont01 ul::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.business_overview .business_overview_cont01 ul li {
  width: 50%;
  float: left;
}
.business_overview .business_overview_cont01 .img_area {
  width: 100%;
  height: 468px;
  padding: 60px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.business_overview .business_overview_cont01 .img_area .bg {
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.business_overview .business_overview_cont01 .img_area .mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-clip-path: polygon(var(--clip1) 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(var(--clip1) 0, 100% 0, 100% 100%, 100% 100%);
}
@media (min-width: 1024px) {
  .business_overview .business_overview_cont01 .img_area .bg {
    transform: scale(1);
    transition: all 0.5s;
  }
  .business_overview .business_overview_cont01 .img_area .mask {
    transform: scale(1.1);
    transition: all 1s;
  }
  .business_overview .business_overview_cont01 .img_area:hover .bg {
    transform: scale(1.1);
  }
  .business_overview .business_overview_cont01 .img_area:hover .mask {
    transform: scale(1);
    -webkit-clip-path: polygon(var(--clip2) 0, 100% 0, 100% 100%, 42% 100%);
            clip-path: polygon(var(--clip2) 0, 100% 0, 100% 100%, 42% 100%);
  }
}
.business_overview .business_overview_cont01 .img_area h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  margin-bottom: 0.8125rem;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #ffffff;
}
.business_overview .business_overview_cont01 .img_area p {
  width: 51%;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #ffffff;
}
.business_overview .business_overview_cont01 .img_area a {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  margin-top: 1.5rem;
}
@media (max-width: 1023px) {
  .business_overview .business_overview_cont01 {
    padding-left: 5.2%;
  }
  .business_overview .business_overview_cont01 .tit_area {
    width: 89.6%;
    max-width: 100%;
    padding-bottom: 36px;
  }
  .business_overview .business_overview_cont01 .tit_area h3 {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1.2941176471;
    width: 100%;
    display: block;
  }
  .business_overview .business_overview_cont01 .tit_area p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 0.9375rem;
    width: 100%;
    display: block;
    text-align: left;
  }
  .business_overview .business_overview_cont01 ul li {
    width: 100%;
    float: none;
  }
  .business_overview .business_overview_cont01 ul li .img_area {
    height: auto;
    min-height: 265px;
    padding: 25px 20px;
  }
  .business_overview .business_overview_cont01 .img_area {
    width: 100%;
    height: 412px;
    padding: 35px 20px;
  }
  .business_overview .business_overview_cont01 .img_area h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    margin-bottom: 0.9375rem;
  }
  .business_overview .business_overview_cont01 .img_area p {
    width: 100%;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .business_overview .business_overview_cont01 .img_area a {
    width: 20px;
    height: 20px;
    margin-top: 1rem;
  }
  .business_overview .business_overview_cont01 .img_area.bg1 .bg {
    background-position: center;
  }
}
.business_overview .sec02 {
  margin-top: 5.625rem;
  height: 100vh;
}
.business_overview .sec02 .con01 {
  position: relative;
}
.business_overview .sec02 .bg_area {
  margin: 0 auto;
  width: 980px;
  height: 630px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/resources/cn/global/images/business/business_overview_sec02_bg.jpg");
}
.business_overview .sec02 .txt_area {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.business_overview .sec02 .txt_area .top_box {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 40px;
  text-align: center;
}
.business_overview .sec02 .txt_area .top_box .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.1s;
}
.business_overview .sec02 .txt_area .top_box h4 {
  font-size: 2.8125rem;
  letter-spacing: 0;
  line-height: 1.2222222222;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #ffffff;
  opacity: 0;
  transition: 0.3s;
}
.business_overview .sec02 .txt_area .list_box {
  margin-top: 4.5625rem;
}
.business_overview .sec02 .txt_area .list_box ul {
  font-size: 0;
  text-align: center;
}
.business_overview .sec02 .txt_area .list_box ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 54px;
  opacity: 0;
  transition: 0.3s;
  transform: translateY(20px);
  text-align: center;
}
.business_overview .sec02 .txt_area .list_box ul li:first-of-type {
  margin-left: 0;
}
.business_overview .sec02 .txt_area .list_box ul li:last-of-type {
  margin-right: 0;
}
.business_overview .sec02 .txt_area .list_box ul li i {
  display: inline-block;
  vertical-align: top;
}
.business_overview .sec02 .txt_area .list_box ul li p {
  margin-top: 0.375rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 400;
  color: #ffffff;
}
.business_overview .sec02.active .top_box h4 {
  opacity: 1;
}
.business_overview .sec02.active .top_box .line {
  opacity: 1;
}
.business_overview .sec02.active .list_box li:nth-of-type(1) {
  opacity: 1;
  transition-delay: calc(0.1 *1s);
  transform: translateY(0);
}
.business_overview .sec02.active .list_box li:nth-of-type(2) {
  opacity: 1;
  transition-delay: calc(0.1 *2s);
  transform: translateY(0);
}
.business_overview .sec02.active .list_box li:nth-of-type(3) {
  opacity: 1;
  transition-delay: calc(0.1 *3s);
  transform: translateY(0);
}
.business_overview .sec02.active .list_box li:nth-of-type(4) {
  opacity: 1;
  transition-delay: calc(0.1 *4s);
  transform: translateY(0);
}
.business_overview .sec02.active .list_box li:nth-of-type(5) {
  opacity: 1;
  transition-delay: calc(0.1 *5s);
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .business_overview .sec02 {
    margin-top: 3.75rem;
  }
  .business_overview .sec02 .bg_area {
    margin: 0 auto;
    width: 89.6%;
    padding-top: 60%;
    height: auto;
  }
  .business_overview .sec02 .txt_area {
    padding: 0 5.2%;
    box-sizing: border-box;
  }
  .business_overview .sec02 .txt_area .top_box {
    width: 100%;
    padding: 0 20px 40px;
  }
  .business_overview .sec02 .txt_area .top_box h4 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .business_overview .sec02 .txt_area .list_box {
    margin-top: 0.625rem;
  }
  .business_overview .sec02 .txt_area .list_box ul li {
    width: 150px;
    height: 150px;
    padding: 30px 0 0;
    margin: -8px;
  }
  .business_overview .sec02 .txt_area .list_box ul li i {
    width: 70px;
  }
  .business_overview .sec02 .txt_area .list_box ul li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.2222222222;
  }
}
@media (max-width: 766px) {
  .business_overview .sec02 .txt_area .list_box ul li {
    width: 117px;
    height: 117px;
    margin: -6px -8px;
    padding: 30px 0 0;
  }
  .business_overview .sec02 .txt_area .list_box ul li i {
    width: 50px;
  }
}
.business_overview .sec03 {
  padding-top: 180px;
}
.business_overview .sec03 .lnbWrap.active {
  top: 180px;
}
.business_overview .sec03 .con + .con {
  margin-top: 11.25rem;
}
.business_overview .sec03 .con05 .img_area h4,
.business_overview .sec03 .con05 .img_area a {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}
.business_overview .sec03 .con05 .img_area a {
  margin-left: 16px;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg1 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg1.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg1 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg1.png") right center no-repeat;
  background-size: cover;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg2 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg2.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg2 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg2.png") right center no-repeat;
  background-size: cover;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg3 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg3.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg3 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg3.png") right center no-repeat;
  background-size: cover;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg4 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg4.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg4 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg4.png") right center no-repeat;
  background-size: cover;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg5 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg5.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg5 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg5.png") right center no-repeat;
  background-size: cover;
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg6 .bg {
  background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_bg6.jpg");
}
.business_overview .sec03 .business_overview_cont01 .img_area.bg6 .mask {
  background: url("/resources/cn/global/images/business/business_overview_sec03_con_maskbg6.png") right center no-repeat;
  background-size: cover;
}
@media (max-width: 1399px) {
  .business_overview .sec03 {
    padding-top: 110px;
  }
  .business_overview .sec03 .lnbWrap {
    top: -110px;
  }
  .business_overview .sec03 .lnbWrap.active {
    top: 70px;
  }
}
@media (max-width: 1023px) {
  .business_overview .sec03 .con + .con {
    margin-top: 5.625rem;
  }
  .business_overview .sec03 .con05 .img_area h4,
.business_overview .sec03 .con05 .img_area a {
    display: block;
  }
  .business_overview .sec03 .con05 .img_area a {
    margin-left: 0;
    margin-top: 1rem;
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg1 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg1.jpg");
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg2 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg2.jpg");
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg3 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg3.jpg");
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg4 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg4.jpg");
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg5 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg5.jpg");
  }
  .business_overview .sec03 .business_overview_cont01 .img_area.bg6 .bg {
    background-image: url("/resources/cn/global/images/business/business_overview_sec03_con_mbg6.jpg");
  }
}
@media (max-width: 766px) {
  .business_overview .sec03 .con + .con {
    margin-top: 5.625rem;
  }
}

@media (max-width: 1399px) {
  body[data-scroll=up] .business_overview .sec03 .lnbWrap.active {
    top: 90px;
  }
  body[data-scroll=down] .business_overview .sec03 .lnbWrap.active {
    top: 70px;
  }
}
@media (max-width: 766px) {
  body[data-scroll=up] .business_overview .sec03 .lnbWrap.active {
    top: 70px;
  }
  body[data-scroll=down] .business_overview .sec03 .lnbWrap.active {
    top: 60px;
  }
}
.chemical .container .content {
  padding-bottom: 0;
}
.chemical .sec {
  margin-bottom: 11.25rem;
}
.chemical .sec06, .chemical .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .chemical .sec {
    margin-bottom: 7.5rem;
  }
  .chemical .sec06, .chemical .sec:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .chemical .sec {
    margin-bottom: 7.5rem;
  }
  .chemical .sec06, .chemical .sec:last-child {
    margin-bottom: 0;
  }
}
.chemical .sec03:before {
  background-color: #26247B;
}
.chemical .sec04 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
@media (max-width: 1023px) {
  .chemical .sec04 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
}
.chemical .sec05 .acco_list .acco_item--active .acco_tit .acco_category span {
  color: #26247B;
}
.chemical .sec05 .acco_list .acco_item p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.chemical .sec05 .acco_list .acco_tit {
  height: auto;
  padding: 30px;
}
.chemical .sec05 .acco_list .acco_tit .acco_category {
  width: 36%;
  max-width: 350px;
}
.chemical .sec05 .acco_list .acco_tit .acco_category span {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1;
}
.chemical .sec05 .acco_list .acco_tit p {
  width: 64%;
  max-width: 630px;
  color: #666666;
}
.chemical .sec05 .acco_list .acco_cont {
  padding: 45px 50px 45px 30px;
  background: #ffffff;
}
.chemical .sec05 .acco_list .acco_cont .btn_wrap {
  margin-top: 1.46875rem;
}
.chemical .sec05 .acco_list .acco_cont .btn_wrap .btn {
  margin-right: 10px;
}
.chemical .sec05 .acco_list .acco_cont .btn_wrap .btn:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .chemical .sec05 .acco_list .acco_item p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .chemical .sec05 .acco_list .acco_tit {
    padding: 22px 20px;
  }
  .chemical .sec05 .acco_list .acco_tit .acco_category span {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .chemical .sec05 .acco_list .acco_cont {
    padding: 30px 20px;
  }
  .chemical .sec05 .acco_list .acco_cont .btn_wrap {
    margin-top: 0.625rem;
  }
  .chemical .sec05 .acco_list .acco_cont .btn_wrap .btn {
    margin-top: 0.625rem;
  }
}
@media (max-width: 766px) {
  .chemical .sec05 .acco_list .acco_tit {
    position: relative;
    height: auto;
    padding: 22px 20px;
  }
  .chemical .sec05 .acco_list .acco_tit .acco_category {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .chemical .sec05 .acco_list .acco_tit p {
    position: static;
    width: 100%;
    max-width: 100%;
    margin-top: 0.3125rem;
  }
  .chemical .sec05 .acco_list .acco_tit p::after {
    right: 20px;
    content: "";
  }
}
.chemical .sec06 {
  padding: 90px 0 120px;
  background: #f7f7f7;
}
@media (max-width: 1023px) {
  .chemical .sec06 {
    padding: 60px 0 120px;
  }
}

.food .container .content {
  padding-bottom: 0;
}
.food .sec {
  margin-bottom: 11.25rem;
}
.food .sec06, .food .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .food .sec {
    margin-bottom: 7.5rem;
  }
  .food .sec06, .food .sec:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .food .sec {
    margin-bottom: 7.5rem;
  }
  .food .sec06, .food .sec:last-child {
    margin-bottom: 0;
  }
}
.food .sec03 .portfolio_wrap li {
  width: 295px;
}
.food .sec03 .portfolio_wrap li.unfold {
  width: 670px;
}
.food .sec03 .portfolio_wrap li.fold {
  width: 170px;
}
.food .sec03 .portfolio_wrap li .btn_wrap a {
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .food .sec03 .portfolio_wrap li {
    width: 100%;
  }
  .food .sec03 .portfolio_wrap li.unfold {
    width: 100%;
    max-height: unset;
  }
  .food .sec03 .portfolio_wrap li.fold {
    width: 100%;
  }
}
.food .sec05 .list_busi_type1 li.qone .bg {
  background: url("/resources/cn/global/images/business/logo_qone.svg") center no-repeat;
  background-size: 224px 88px;
}
.food .sec05 .list_busi_type1 li.serveq .bg {
  background: url("/resources/cn/global/images/business/logo_serveq.svg") center no-repeat;
  background-size: 224px 88px;
}
.food .sec05 .list_busi_type1 li.easytomorrow .bg {
  background: url("/resources/cn/global/images/business/logo_easytomorrow.svg") center no-repeat;
  background-size: 224px 88px;
}
.food .sec05 .list_busi_type1 li.easytomorrow .bg {
  background-size: auto 120px;
}
@media (max-width: 1023px) {
  .food .sec05 .list_busi_type1 li.qone .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .food .sec05 .list_busi_type1 li.serveq .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .food .sec05 .list_busi_type1 li.easytomorrow .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .food .sec05 .list_busi_type1 li.easytomorrow .bg {
    background-position: center 40%;
    background-size: auto 34%;
  }
}
@media (max-width: 766px) {
  .food .sec05 .list_busi_type1 li.qone .bg {
    background-position: center 45%;
  }
  .food .sec05 .list_busi_type1 li.serveq .bg {
    background-position: center 45%;
  }
  .food .sec05 .list_busi_type1 li.easytomorrow .bg {
    background-position: center 45%;
  }
  .food .sec05 .list_busi_type1 li.easytomorrow .bg {
    background-position: center 40%;
  }
}
.food .sec06 {
  padding: 90px 0 120px;
  background: #f7f7f7;
}
@media (max-width: 1023px) {
  .food .sec06 {
    padding: 60px 0 120px;
  }
}

.biopharmaceutical .container .content {
  padding-bottom: 0;
}
.biopharmaceutical .sec {
  margin-bottom: 11.25rem;
}
.biopharmaceutical .sec06, .biopharmaceutical .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .biopharmaceutical .sec {
    margin-bottom: 7.5rem;
  }
  .biopharmaceutical .sec06, .biopharmaceutical .sec:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .biopharmaceutical .sec {
    margin-bottom: 7.5rem;
  }
  .biopharmaceutical .sec06, .biopharmaceutical .sec:last-child {
    margin-bottom: 0;
  }
}
.biopharmaceutical .sec03 .portfolio_wrap {
  padding-bottom: 0;
}
.biopharmaceutical .sec03 .portfolio_wrap li {
  width: 33.333333%;
}
.biopharmaceutical .sec03 .portfolio_wrap li.unfold {
  width: 660px;
}
.biopharmaceutical .sec03 .portfolio_wrap li.fold {
  width: 160px;
}
.biopharmaceutical .sec03 .progress_wrap {
  display: none;
}
@media (max-width: 1023px) {
  .biopharmaceutical .sec03 .portfolio_wrap {
    padding-bottom: 0;
  }
  .biopharmaceutical .sec03 .portfolio_wrap li {
    width: 100%;
  }
  .biopharmaceutical .sec03 .portfolio_wrap li.unfold {
    width: 100%;
  }
  .biopharmaceutical .sec03 .portfolio_wrap li.fold {
    width: 100%;
  }
}
.biopharmaceutical .sec04 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
@media (max-width: 1023px) {
  .biopharmaceutical .sec04 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
}
.biopharmaceutical .sec05 .list_busi_type1 li.nicostop .bg {
  background: url("/resources/cn/global/images/business/logo_nicostop.jpg") center no-repeat;
  background-size: 224px 88px;
}
.biopharmaceutical .sec05 .list_busi_type1 li.rheumastop .bg {
  background: url("/resources/cn/global/images/business/logo_rheumastop.jpg") center no-repeat;
  background-size: 224px 88px;
}
.biopharmaceutical .sec05 .list_busi_type1 li.croquis .bg {
  background: url("/resources/cn/global/images/business/logo_croquis.jpg") center no-repeat;
  background-size: 224px 88px;
}
.biopharmaceutical .sec05 .list_busi_type1 li.lafullen .bg {
  background: url("/resources/cn/global/images/business/logo_lafullen.jpg") center no-repeat;
  background-size: 224px 88px;
}
@media (max-width: 1023px) {
  .biopharmaceutical .sec05 .list_busi_type1 li.nicostop .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.rheumastop .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.croquis .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.lafullen .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
}
@media (max-width: 766px) {
  .biopharmaceutical .sec05 .list_busi_type1 li.nicostop .bg {
    background-position: center 45%;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.rheumastop .bg {
    background-position: center 45%;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.croquis .bg {
    background-position: center 45%;
  }
  .biopharmaceutical .sec05 .list_busi_type1 li.lafullen .bg {
    background-position: center 45%;
  }
}
.biopharmaceutical .sec06 {
  padding: 90px 0 120px;
  background: #f7f7f7;
}
@media (max-width: 1023px) {
  .biopharmaceutical .sec06 {
    padding: 60px 0 120px;
  }
}

.packaging .container .content {
  padding-bottom: 0;
}
.packaging .sec {
  margin-bottom: 11.25rem;
}
.packaging .sec06, .packaging .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .packaging .sec {
    margin-bottom: 7.5rem;
  }
  .packaging .sec06, .packaging .sec:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .packaging .sec {
    margin-bottom: 7.5rem;
  }
  .packaging .sec06, .packaging .sec:last-child {
    margin-bottom: 0;
  }
}
.packaging .sec03 .portfolio_wrap {
  padding-bottom: 0;
}
.packaging .sec03 .portfolio_wrap li {
  width: 33.333333%;
}
.packaging .sec03 .portfolio_wrap li.unfold {
  width: 660px;
}
.packaging .sec03 .portfolio_wrap li.fold {
  width: 160px;
}
.packaging .sec03 .progress_wrap {
  display: none;
}
@media (max-width: 1023px) {
  .packaging .sec03 .portfolio_wrap {
    padding-bottom: 0;
  }
  .packaging .sec03 .portfolio_wrap li {
    width: 100%;
  }
  .packaging .sec03 .portfolio_wrap li.unfold {
    width: 100%;
  }
  .packaging .sec03 .portfolio_wrap li.fold {
    width: 100%;
  }
}
.packaging .sec04 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
@media (max-width: 1023px) {
  .packaging .sec04 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .packaging .sec04 .con_title p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
.packaging .sec06 {
  padding: 90px 0 120px;
  background: #f7f7f7;
}
@media (max-width: 1023px) {
  .packaging .sec06 {
    padding: 60px 0 120px;
  }
}
.other .container .content {
  padding-bottom: 0;
}
.other .tab_list_box .tab {
  display: none;
}
.other .tab_list_box .tab.active {
  display: block;
}
.other .depth_btn {
  margin-top: 5.125rem;
  margin-bottom: 0;
}
.other .visual_wrap .visual_area {
  margin-top: 4.4375rem;
}
.other .busi_cosmetic .sec03 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
.other .busi_cosmetic .sec03 .tab_area {
  margin-top: 3.1875rem;
  margin-bottom: 1.875rem;
}
.other .busi_cosmetic .sec03 .tab_area .btn {
  margin-right: 6px;
}
.other .busi_cosmetic .sec03 .tab_area .btn.active {
  background-color: #26247B;
  color: #ffffff;
}
.other .busi_cosmetic .sec03 .panel {
  display: none;
}
.other .busi_cosmetic .sec03 .panel.active {
  display: block;
}
.other .busi_cosmetic .sec03 .txt_box {
  width: calc(100% - 283px);
  padding-right: 75px;
  box-sizing: border-box;
}
.other .busi_cosmetic .sec03 .txt_box strong {
  display: block;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.3636363636;
  font-weight: bold;
  color: #444444;
  margin-bottom: 0.9375rem;
}
.other .busi_cosmetic .sec03 .txt_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #444444;
}
.other .busi_cosmetic .sec03 .con_img {
  position: absolute;
  right: 0;
  top: 0;
  width: 283px;
}
@media (max-width: 766px) {
  .other .busi_cosmetic .sec03 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .other .busi_cosmetic .sec03 .tab_area {
    margin-top: 2.1875rem;
    margin-bottom: 1.25rem;
  }
  .other .busi_cosmetic .sec03 .txt_box {
    width: 100%;
    padding-right: 0;
  }
  .other .busi_cosmetic .sec03 .txt_box strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0.625rem;
  }
  .other .busi_cosmetic .sec03 .txt_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .other .busi_cosmetic .sec03 .con_img {
    position: relative;
    width: 100%;
    margin-top: 3.75rem;
  }
}
@media (max-width: 1023px) {
  .other .depth_btn {
    margin-top: 3.75rem;
  }
  .other .visual_wrap .visual_area {
    margin-top: 2.4375rem;
  }
}
.other .sec {
  margin-bottom: 11.25rem;
}
.other .sec05, .other .sec_banner {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .other .sec {
    margin-bottom: 7.5rem;
  }
  .other .sec05, .other .sec_banner {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .other .sec {
    margin-bottom: 7.5rem;
  }
  .other .sec05, .other .sec_banner {
    margin-bottom: 0;
  }
}
.other .sec02 .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1023px) {
  .other .sec02 .inner {
    padding-bottom: 120px;
  }
}
.other .sec04 .list_busi_type1 li.aboutme .bg {
  background: url("/resources/cn/global/images/business/logo_aboutme.svg") center no-repeat;
  background-size: 224px 88px;
}
.other .sec04 .list_busi_type1 li.medianswer .bg {
  background: url("/resources/cn/global/images/business/logo_medianswer.svg") center no-repeat;
  background-size: 224px 88px;
}
@media (max-width: 1023px) {
  .other .sec04 .list_busi_type1 li.aboutme .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
  .other .sec04 .list_busi_type1 li.medianswer .bg {
    background-position: center 40%;
    background-size: 73% auto;
  }
}
@media (max-width: 766px) {
  .other .sec04 {
    margin-bottom: 6.875rem;
  }
  .other .sec04 .list_busi_type1 li.aboutme .bg {
    background-position: center 45%;
  }
  .other .sec04 .list_busi_type1 li.medianswer .bg {
    background-position: center 45%;
  }
}
.other .sec05 {
  padding: 90px 0 120px;
  background: #f7f7f7;
}
@media (max-width: 1023px) {
  .other .sec05 {
    padding: 60px 0 120px;
  }
}
/* 투자정보 - 주식정보 - 실시간 주가정보 */
.stock-chart .up {
  color: #ef2b2a !important;
}
.stock-chart .up i {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 12px;
  margin-top: -4px;
  background: url("/resources/cn/global/images/investors/up.svg") center no-repeat;
  background-size: 100%;
}
.stock-chart .down {
  color: #26247B !important;
}
.stock-chart .down i {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 12px;
  margin-top: -4px;
  background: url("/resources/cn/global/images/investors/down.svg") center no-repeat;
  background-size: 100%;
}
.stock-chart .table_wrap.type01 thead th {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1764705882;
  height: 70px;
}
.stock-chart .table_wrap.type01 tbody td {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1764705882;
  padding: 0 10px;
  height: 70px;
}
.stock-chart .table_wrap.type01 b {
  color: #222222;
}
.stock-chart .sec01 {
  margin-bottom: 7.5rem;
}
.stock-chart .sec01 .con01 {
  margin-bottom: 5.625rem;
}
.stock-chart .sec01 .con01 .top_area {
  background-color: #f7f7f7;
  padding: 40px 70px 25px 45px;
  position: relative;
}
.stock-chart .sec01 .con01 .top_area .txt_box strong {
  display: block;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 0.9523809524;
  margin-bottom: 0.9375rem;
  letter-spacing: -0.03em;
  color: #222222;
  font-weight: bold;
}
.stock-chart .sec01 .con01 .top_area .txt_box p {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #222222;
  font-weight: bold;
}
.stock-chart .sec01 .con01 .top_area .txt_box p i {
  margin-left: 20px;
}
.stock-chart .sec01 .con01 .top_area ul {
  position: absolute;
  right: 40px;
  bottom: 22px;
  font-size: 0;
}
.stock-chart .sec01 .con01 .top_area ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  font-weight: 400;
  position: relative;
}
.stock-chart .sec01 .con01 .top_area ul li:after {
  content: "";
  width: 1px;
  height: 16px;
  background: #aaa;
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
}
.stock-chart .sec01 .con01 .top_area ul li > * {
  display: inline-block;
  vertical-align: middle;
}
.stock-chart .sec01 .con01 .top_area ul li:last-child:after {
  display: none;
}
.stock-chart .sec01 .con01 .top_area ul li i {
  width: 9px;
  height: 7px;
  margin-left: 4px;
}
.stock-chart .sec01 .con01 .top_area ul li span {
  margin-left: 8px;
  font-weight: bold;
}
.stock-chart .sec01 .con01 .list {
  border-bottom: 1px solid #dddddd;
  font-size: 0;
}
.stock-chart .sec01 .con01 .list dl {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 34px 10px 27px;
  box-sizing: border-box;
  position: relative;
}
.stock-chart .sec01 .con01 .list dl:after {
  content: "";
  width: 1px;
  height: 40px;
  background: #dddddd;
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
}
.stock-chart .sec01 .con01 .list dl:last-child:after {
  display: none;
}
.stock-chart .sec01 .con01 .list dl dt {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-bottom: 0.625rem;
  font-weight: bold;
  color: #222222;
}
.stock-chart .sec01 .con01 .list dl dd {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1176470588;
  font-weight: 400;
  color: #666666;
}
.stock-chart .sec01 .con01 .bot_text {
  margin-top: 1.0625rem;
  text-align: right;
}
.stock-chart .sec01 .con01 .bot_text p {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  font-weight: 400;
  color: #666666;
}
.stock-chart .sec01 .con01 .bot_text p i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -2px;
}
.stock-chart .sec01 .con02::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.stock-chart .sec01 .con02 .left {
  width: 390px;
  margin-right: 86px;
  float: left;
}
.stock-chart .sec01 .con02 .right {
  width: 504px;
  float: left;
}
.stock-chart .sec01 .con02 .top_box .table_wrap {
  font-size: 0;
  white-space: nowrap;
}
.stock-chart .sec01 .con02 .top_box .table_wrap .table_inline {
  display: inline-block;
  vertical-align: top;
}
.stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(1) {
  width: 227px;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
}
.stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(2) {
  width: calc(100% - 227px);
}
@media (min-width: 1024px) {
  .stock-chart .sec01 .con02 .top_box .table_wrap .mCSB_scrollTools {
    display: none !important;
  }
}
.stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(1) {
  text-align: left;
  padding: 0 10px 0 30px;
}
.stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(2) {
  text-align: right;
  padding: 0 30px 0 10px;
}
.stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(1) {
  text-align: left;
  padding: 0 10px 0 30px;
}
.stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(2) {
  text-align: right;
  padding: 0 30px 0 10px;
}
.stock-chart .sec01 .con02 .bot_box {
  border-top: 2px solid #222222;
  border-bottom: 1px solid #aaa;
  margin-top: 1.8125rem;
}
.stock-chart .sec01 .con02 .bot_box dl {
  height: 124px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  align-items: center;
  text-align: center;
}
.stock-chart .sec01 .con02 .bot_box dl + dl {
  border-top: 2px solid #dddddd;
}
.stock-chart .sec01 .con02 .bot_box dl dt {
  width: 45%;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
  font-weight: bold;
}
.stock-chart .sec01 .con02 .bot_box dl dd {
  width: 55%;
}
.stock-chart .sec01 .con02 .bot_box dl dd p {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  font-weight: bold;
}
.stock-chart .sec01 .con02 .bot_box dl dd p i {
  background: none;
  position: relative;
  vertical-align: top;
  width: auto;
  height: auto;
  margin-top: -2px;
}
.stock-chart .sec01 .con02 .bot_box dl dd p.up i:before {
  content: "▲";
  font-style: normal;
  line-height: 1;
}
.stock-chart .sec01 .con02 .bot_box dl dd p.down i:before {
  content: "▼";
  font-style: normal;
  line-height: 1;
}
.stock-chart .sec01 .con02 .bot_box dl dd span {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  font-weight: 400;
  color: #666666;
}
.stock-chart .sec02 .table_wrap .table_head {
  width: 14.285714%;
}
.stock-chart .sec02 .table_wrap .table_head th {
  padding: 0 9px;
  height: 70px;
  text-align: center;
}
.stock-chart .sec02 .table_wrap .table_head tr:first-of-type th {
  padding: 0 9px;
  height: 70px;
  text-align: center;
}
.stock-chart .sec02 .table_wrap .table_body {
  width: 85.714286%;
}
.stock-chart .sec02 .table_wrap .table_body th {
  padding: 0 10px;
  height: 70px;
  text-align: center;
  max-width: inherit;
}
.stock-chart .sec02 .table_wrap .table_body td {
  padding: 0 10px;
  max-width: inherit;
  text-align: center;
}
.stock-chart .sec02 .up i {
  width: 9px;
  height: 7px;
  margin-left: 4px;
}
.stock-chart .sec02 .down i {
  width: 9px;
  height: 7px;
  margin-left: 4px;
}
@media (max-width: 1023px) {
  .stock-chart .table_wrap.type02 .table_head th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
    height: 60px;
    padding: 0 5px;
  }
  .stock-chart .table_wrap.type02 .table_body td {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
    padding: 0 10px;
    height: 60px;
  }
  .stock-chart .sec01 {
    margin-bottom: 5.625rem;
  }
  .stock-chart .sec01 .con01 {
    margin-bottom: 3.75rem;
  }
  .stock-chart .sec01 .con01 .top_area {
    padding: 25px 35px 30px 30px;
  }
  .stock-chart .sec01 .con01 .top_area .txt_box strong {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    margin-bottom: 0.625rem;
  }
  .stock-chart .sec01 .con01 .top_area .txt_box p {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .stock-chart .sec01 .con01 .top_area .txt_box p i {
    margin-left: 20px;
  }
  .stock-chart .sec01 .con01 .top_area ul {
    right: 35px;
    bottom: 30px;
  }
  .stock-chart .sec01 .con01 .top_area ul li {
    padding: 0 28px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .stock-chart .sec01 .con01 .list dl {
    padding: 30px 10px;
  }
  .stock-chart .sec01 .con01 .list dl:after {
    height: 36px;
    top: calc(50% - 18px);
  }
  .stock-chart .sec01 .con01 .list dl dt {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    margin-bottom: 0rem;
  }
  .stock-chart .sec01 .con01 .list dl dd {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .stock-chart .sec01 .con01 .bot_text {
    margin-top: 0.625rem;
  }
  .stock-chart .sec01 .con01 .bot_text p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .stock-chart .sec01 .con01 .bot_text p i img {
    width: 11px;
  }
  .stock-chart .sec01 .con02 .left {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .stock-chart .sec01 .con02 .right {
    width: 100%;
    float: none;
  }
  .stock-chart .sec01 .con02 .top_box {
    margin-top: 3.75rem;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(1) {
    width: 48%;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(2) {
    width: 52%;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(1) {
    padding: 0 10px 0 55px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(2) {
    padding: 0 55px 0 10px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(1) {
    padding: 0 10px 0 55px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(2) {
    padding: 0 55px 0 10px;
  }
  .stock-chart .sec01 .con02 .bot_box {
    margin-top: 3.75rem;
  }
  .stock-chart .sec01 .con02 .bot_box dl {
    height: 109px;
  }
  .stock-chart .sec01 .con02 .bot_box dl dt {
    width: 48%;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .stock-chart .sec01 .con02 .bot_box dl dd {
    width: 52%;
  }
  .stock-chart .sec01 .con02 .bot_box dl dd p {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .stock-chart .sec01 .con02 .bot_box dl dd span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .stock-chart .table_wrap.type02 .table_head {
    width: 90px;
  }
  .stock-chart .table_wrap.type02 .table_body {
    width: calc(100% - 90px);
  }
  .stock-chart .sec01 .con01 .top_area {
    padding: 25px;
  }
  .stock-chart .sec01 .con01 .top_area .txt_box strong {
    margin-bottom: 0.625rem;
  }
  .stock-chart .sec01 .con01 .top_area ul {
    position: static;
    right: auto;
    bottom: auto;
    margin-top: 0.625rem;
  }
  .stock-chart .sec01 .con01 .top_area ul li {
    padding: 0 20px 0 0;
  }
  .stock-chart .sec01 .con01 .top_area ul li:nth-of-type(1) {
    padding-left: 0;
    margin-right: 20px;
  }
  .stock-chart .sec01 .con01 .list {
    padding: 15px 0;
  }
  .stock-chart .sec01 .con01 .list dl {
    width: 50%;
    padding: 15px 10px;
  }
  .stock-chart .sec01 .con01 .list dl:nth-of-type(2n):after {
    display: none;
  }
  .stock-chart .sec01 .con02 .top_box {
    margin-top: 3.75rem;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table.scroll table {
    min-width: 0;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(1) {
    width: 45%;
    min-width: 210px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table_inline:nth-of-type(2) {
    width: 55%;
    min-width: 260px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap .table_inline table {
    min-width: 0;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(1) {
    padding: 0 10px 0 20px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 thead th:nth-of-type(2) {
    padding: 0 20px 0 10px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(1) {
    padding: 0 10px 0 20px;
  }
  .stock-chart .sec01 .con02 .top_box .table_wrap.type01 tbody td:nth-of-type(2) {
    padding: 0 20px 0 10px;
  }
  .stock-chart .sec01 .con02 .bot_box {
    margin-top: 3.75rem;
  }
}

/* 투자정보 - 주식정보 - 배당정책*/
.dividendPolicy .sec01 .img_box {
  margin-bottom: 5.3125rem;
  height: 320px;
  overflow: hidden;
  position: relative;
}
.dividendPolicy .sec01 .img_box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dividendPolicy .sec01 .txt_box strong {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  margin-bottom: 1.75rem;
  word-break: break-all;
  word-wrap: break-word;
  color: #222222;
  font-weight: bold;
}
.dividendPolicy .sec01 .txt_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .dividendPolicy .sec01 .img_box {
    margin-bottom: 4.6875rem;
    height: 160px;
    overflow: hidden;
    position: relative;
  }
  .dividendPolicy .sec01 .img_box img {
    min-height: 160px;
  }
  .dividendPolicy .sec01 .txt_box strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
    margin-bottom: 0.75rem;
  }
  .dividendPolicy .sec01 .txt_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}

.shareholder .sec + .sec {
  margin-top: 7.5rem;
}
.shareholder .sec02 .img_box {
  border-top: 2px solid #222;
  border-bottom: 1px solid #aaa;
}
.shareholder .sec02 .img_box img {
  width: 100%;
}
.shareholder .sec02 .img_box .t_img {
  display: none;
}
.shareholder .sec02 .img_box .m_img {
  display: none;
}
@media (max-width: 1023px) {
  .shareholder .sec + .sec {
    margin-top: 5rem;
  }
  .shareholder .sec02 .img_box .pc_img {
    display: none;
  }
  .shareholder .sec02 .img_box .t_img {
    display: block;
  }
}
@media (max-width: 766px) {
  .shareholder + .sec {
    margin-top: 5rem;
  }
  .shareholder .sec01 .table_bot_text {
    margin-top: 0rem;
  }
  .shareholder .sec02 .img_box .t_img {
    display: none;
  }
  .shareholder .sec02 .img_box .m_img {
    display: block;
  }
  .shareholder .table_wrap.type01 table thead th {
    padding: 0 9px;
  }
}

.dividend .table_wrap thead tr {
  border-bottom-color: #ddd;
}
.dividend .table_wrap thead tr th {
  height: 64px;
  word-break: break-all;
}
.dividend .table_wrap thead tr th.border_r {
  border-right: 1px solid #ddd;
}
.dividend .table_wrap tbody tr.b_color_d {
  border-bottom-color: #ddd;
}
.dividend .table_wrap tbody tr td.border_r {
  border-right: 1px solid #ddd;
}
@media (max-width: 1023px) {
  .dividend .table_wrap thead tr th {
    height: 48px;
    padding: 0 7px;
  }
}

.disclosure .disclosure_area {
  width: auto;
  max-width: 760px;
  overflow-x: auto;
}

/* 재무 하이라이트 */
.highlight .sec .chart_wrap {
  margin-bottom: 3.75rem;
  padding: 0 0 50px;
  position: relative;
}
.highlight .sec .chart_wrap .chart_legend {
  position: absolute;
  right: 0;
  bottom: 0;
}
.highlight .sec .chart_wrap .chart_legend ul {
  text-align: right;
  font-size: 0;
}
.highlight .sec .chart_wrap .chart_legend ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.8823529412;
  color: #444444;
  font-weight: 400;
  padding-left: 24px;
  position: relative;
}
.highlight .sec .chart_wrap .chart_legend ul li:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  background: #fff;
}
.highlight .sec .chart_wrap .chart_legend ul li + li {
  margin-left: 30px;
}
.highlight .sec .chart_wrap .chart_legend ul li.y2019:before {
  background-color: #E7EBEC;
}
.highlight .sec .chart_wrap .chart_legend ul li.y2020:before {
  background-color: #D1D3D4;
}
.highlight .sec .chart_wrap .chart_legend ul li.y2021:before {
  background-color: #6EEB83;
}
.highlight .sec .chart_wrap .box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.highlight .sec .chart_wrap .box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}
.highlight .sec .chart_wrap .box ul li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 31.2925170068%;
  /* margin-left 계산 gap */
  margin-left: 3.0612244898%;
}
.highlight .sec .chart_wrap .box ul li:nth-child(3n-2) {
  margin-left: 0;
}
.highlight .sec .chart_wrap .box ul li > div {
  height: 340px;
}
.highlight .sec .chart_wrap .box ul li p {
  text-align: center;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  font-weight: bold;
  padding-left: 75px;
  box-sizing: border-box;
}
.highlight .sec .table_wrap .table {
  white-space: nowrap;
}
.highlight .sec .table_wrap .table thead tr th {
  height: 105px;
  padding: 0 45px;
  text-align: right;
}
.highlight .sec .table_wrap .table thead tr th:first-of-type {
  text-align: left;
}
.highlight .sec .table_wrap .table tbody tr td {
  height: 70px;
  padding: 0 45px;
  text-align: right;
}
.highlight .sec .table_wrap .table tbody tr td:first-of-type {
  text-align: left;
}
.highlight .sec + .sec {
  margin-top: 114px;
}
@media (max-width: 1399px) {
  .highlight .container .title .pc_on {
    display: none;
  }
}
@media (max-width: 1023px) {
  .highlight .sec .chart_wrap {
    margin-bottom: 2.5rem;
    padding: 0;
  }
  .highlight .sec .chart_wrap .chart_legend {
    position: relative;
    background: rgba(221, 221, 221, 0.2);
    padding: 13px 0;
    margin-bottom: 1.25rem;
  }
  .highlight .sec .chart_wrap .chart_legend ul {
    text-align: center;
  }
  .highlight .sec .chart_wrap .chart_legend ul li {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
    padding-left: 16px;
  }
  .highlight .sec .chart_wrap .chart_legend ul li:before {
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
  }
  .highlight .sec .chart_wrap .chart_legend ul li + li {
    margin-left: 20px;
  }
  .highlight .sec .chart_wrap .box ul li p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 2;
    padding-left: 70px;
  }
  .highlight .sec .table_wrap .table thead tr th {
    height: 90px;
    padding: 0 30px 0 0;
    text-align: right;
  }
  .highlight .sec .table_wrap .table thead tr th:first-of-type {
    padding: 0 0 0 30px;
  }
  .highlight .sec .table_wrap .table tbody tr td {
    height: 50px;
    padding: 0 30px 0 0;
  }
  .highlight .sec .table_wrap .table tbody tr td:first-of-type {
    padding: 0 0 0 30px;
  }
  .highlight .sec + .sec {
    margin-top: 95px;
  }
}
@media (max-width: 766px) {
  .highlight .sec .chart_wrap .box ul li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin: 0;
  }
  .highlight .sec .chart_wrap .box ul li + li {
    margin-top: 1.875rem;
  }
  .highlight .sec .chart_wrap .box ul li > div {
    height: 210px;
  }
  .highlight .sec .table_wrap .table thead tr th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .highlight .sec .table_wrap .table tbody tr td {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .highlight .sec .table_bot_text {
    margin-top: 0rem;
  }
  .highlight .sec + .sec {
    margin-top: 75px;
  }
}

.finance-info .sec {
  padding-bottom: 120px;
}
.finance-info .sec:last-of-type {
  padding-bottom: 0;
}
.finance-info .sec01 {
  padding-bottom: 0;
}
.finance-info .sec .title p span {
  font-weight: 500;
}
.finance-info .sec .table_wrap table {
  width: 100% !important;
}
.finance-info .sec .table_wrap table th * {
  font-size: 17px !important;
}
@media (max-width: 1023px) {
  .finance-info .sec .table_wrap table th * {
    font-size: 14px !important;
  }
}
.finance-info .sec .table_wrap.type02 .table_head table th {
  padding: 0 10px 0 60px;
}
.finance-info .sec .table_wrap.type02 .table_head table th.two_line {
  height: 95px;
}
.finance-info .sec .table_wrap.type02 .table_head table th.sub_line_txt {
  height: 90px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  position: relative;
}
.finance-info .sec .table_wrap.type02 .table_head table th.sub_line_txt:before {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  content: "";
  vertical-align: middle;
  margin: -9px 8px 0 0;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.finance-info .sec .table_wrap.type02 .table_head table th.sub_line_txt p {
  display: inline-block;
  vertical-align: middle;
}
.finance-info .sec .table_wrap.type02 .table_body tr.two_line td {
  height: 95px;
}
.finance-info .sec .table_wrap.type02 .table_body tr.sub_line_txt td {
  height: 90px;
}
@media (max-width: 1399px) {
  .finance-info .container .title .pc_on {
    display: none;
  }
}
@media (max-width: 1023px) {
  .finance-info .sec {
    padding-bottom: 95px;
  }
  .finance-info .sec01 {
    padding-bottom: 0;
  }
  .finance-info .sec .table_wrap.type02 .table_head table th {
    padding: 0 0 0 17.777%;
  }
  .finance-info .sec .table_wrap.type02 .table_head table th.two_line {
    height: 75px;
  }
  .finance-info .sec .table_wrap.type02 .table_head table th.sub_line_txt {
    height: 60px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .finance-info .sec .table_wrap.type02 .table_body tr.two_line td {
    height: 75px;
  }
  .finance-info .sec .table_wrap.type02 .table_body tr.sub_line_txt td {
    height: 60px;
  }
}
@media (max-width: 766px) {
  .finance-info .sec .table_wrap.type02 .table_head {
    width: 152px;
  }
  .finance-info .sec .table_wrap.type02 .table_head table th {
    padding: 0 5px 0 10px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .finance-info .sec .table_wrap.type02 .table_head table th.sub_line_txt p {
    width: 113px;
  }
  .finance-info .sec .table_wrap.type02 .table_body {
    width: calc(100% - 152px);
  }
  .finance-info .sec .table_wrap.type02 .table_body th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .finance-info .sec .table_wrap.type02 .table_body .financial_date {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .finance-info .sec .table_wrap.type02 .table_bot_text {
    margin-top: 0;
  }
  .finance-info .sec .table_bot_text {
    margin-top: 0rem;
  }
}

.general_meeting .sec01 {
  margin-bottom: 11.25rem;
}
.general_meeting .sec01 .con_title {
  margin-bottom: 5.1875rem;
}
.general_meeting .sec01 .acco_list {
  border-top: 2px solid #222222;
}
.general_meeting .sec01 .acco_list .acco_item .acco_tit {
  display: flex;
  height: auto;
  padding: 30px 60px;
  align-items: center;
}
.general_meeting .sec01 .acco_list .acco_item p {
  position: relative;
  width: 100%;
  max-width: 100%;
  font-weight: bold;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
}
.general_meeting .sec01 .acco_list .acco_cont {
  padding: 50px 60px 80px;
  border-top: 1px solid #dddddd;
}
.general_meeting .sec01 .acco_list .desc_wrap {
  margin-bottom: 3.125rem;
}
.general_meeting .sec01 .acco_list .desc_wrap strong {
  margin-bottom: 0.53125rem;
  font-weight: bold;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #222222;
}
.general_meeting .sec01 .acco_list .desc_info dl {
  font-size: 0;
}
.general_meeting .sec01 .acco_list .desc_info dt {
  display: inline-block;
  width: auto;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  vertical-align: top;
}
.general_meeting .sec01 .acco_list .desc_info dd {
  display: inline-block;
  width: auto;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
}
.general_meeting .sec01 .acco_list .btn_wrap {
  margin-top: 1.46875rem;
}
.general_meeting .sec01 .acco_list .btn_wrap .btn {
  margin-right: 10px;
}
.general_meeting .sec01 .table_wrap .table colgroup .col01 {
  width: 150px;
}
.general_meeting .sec01 .table_wrap .table colgroup .col02 {
  width: 460px;
}
.general_meeting .sec01 .table_wrap .table colgroup .col03 {
  width: 250px;
}
.general_meeting .sec01 .table_wrap .table .mCSB_container {
  max-width: 860px !important;
}
.general_meeting .sec01 .table_wrap .table.title_bg thead th {
  background-color: #eeeeee;
  word-break: break-all;
  word-wrap: break-word;
}
.general_meeting .sec01 .table_wrap thead tr {
  border-color: #dddddd;
}
.general_meeting .sec01 .table_wrap thead th {
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
}
.general_meeting .sec01 .table_wrap thead th:last-child {
  text-align: left;
}
.general_meeting .sec01 .table_wrap tbody tr {
  border-color: #dddddd;
}
.general_meeting .sec01 .table_wrap tbody tr:last-child {
  border-color: #aaaaaa;
}
.general_meeting .sec01 .table_wrap tbody th {
  padding: 0 10px;
  background: #ffffff;
  font-weight: 400;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  text-align: center;
  color: #666666;
  word-break: break-all;
  word-wrap: break-word;
}
.general_meeting .sec01 .table_wrap tbody td {
  padding: 24px 10px;
  background: #ffffff;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  text-align: left;
}
@media (max-width: 1023px) {
  .general_meeting .sec01 {
    margin-bottom: 7.5rem;
  }
  .general_meeting .sec01 .con_title {
    margin-bottom: 1.875rem;
  }
  .general_meeting .sec01 .acco_list .acco_item .acco_tit {
    padding: 24px 0;
  }
  .general_meeting .sec01 .acco_list .acco_item p {
    padding: 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .general_meeting .sec01 .acco_list .acco_cont {
    padding: 20px 6.4% 40px;
  }
  .general_meeting .sec01 .acco_list .desc_wrap {
    margin-bottom: 1.25rem;
  }
  .general_meeting .sec01 .acco_list .desc_wrap strong {
    margin-bottom: 0.34375rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .general_meeting .sec01 .acco_list .desc_info dt {
    display: inline-block;
    width: 35px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .general_meeting .sec01 .acco_list .desc_info dd {
    display: inline-block;
    width: calc(100% - 35px);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .general_meeting .sec01 .acco_list .btn_wrap {
    margin-top: 0.625rem;
  }
  .general_meeting .sec01 .acco_list .btn_wrap .btn {
    margin-top: 0.34375rem;
  }
  .general_meeting .sec01 .table_wrap thead th {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .general_meeting .sec01 .table_wrap tbody th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .general_meeting .sec01 .table_wrap tbody td {
    padding: 20px 5px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .general_meeting .sec01 {
    margin-bottom: 1.875rem;
  }
  .general_meeting .sec01 .con_title {
    margin-bottom: 1.875rem;
  }
  .general_meeting .sec01 .acco_list .desc_wrap strong {
    margin-bottom: 0.34375rem;
  }
  .general_meeting .sec01 .acco_list .btn_wrap .btn {
    margin-top: 0.34375rem;
  }
  .general_meeting .sec01 .table_wrap .table .scroll table {
    min-width: 450px;
  }
  .general_meeting .sec01 .table_wrap .table colgroup .col01 {
    width: 80px;
  }
  .general_meeting .sec01 .table_wrap .table colgroup .col02 {
    width: auto;
  }
  .general_meeting .sec01 .table_wrap .table colgroup .col03 {
    width: 150px;
  }
}
.general_meeting .sec02 strong {
  display: block;
  margin-bottom: 1.5625rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
}
.general_meeting .sec02 p {
  margin-bottom: 1.46875rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
}
.general_meeting .sec02 dl {
  position: relative;
  padding-left: 18px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1176470588;
  color: #666666;
}
.general_meeting .sec02 dl::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("/resources/cn/global/images/investors/icon_mail.png") center no-repeat;
  background-size: 100%;
  content: "";
}
.general_meeting .sec02 dt {
  display: inline-block;
  width: auto;
}
.general_meeting .sec02 dd {
  display: inline-block;
  width: auto;
}
@media (max-width: 1023px) {
  .general_meeting .sec02 strong {
    margin-bottom: 0.96875rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .general_meeting .sec02 p {
    margin-bottom: 0.96875rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .general_meeting .sec02 dl {
    padding-left: 20px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .general_meeting .sec02 dl::before {
    top: 0;
  }
}
@media (max-width: 766px) {
  .general_meeting .sec02 strong {
    margin-bottom: 0.96875rem;
  }
  .general_meeting .sec02 p {
    margin-bottom: 0.96875rem;
  }
}

.archive .sec + .sec {
  margin-top: 7.5rem;
}
.archive .con_title {
  margin-bottom: 5.125rem;
}
.archive .sec06 .con01 .banner {
  background-color: #f7f7f7;
  padding: 50px 70px;
}
.archive .sec06 .con01 .banner::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.archive .sec06 .con01 .banner .img_box {
  width: 112px;
  float: left;
}
.archive .sec06 .con01 .banner .txt_box {
  width: calc(100% - 112px);
  float: left;
}
.archive .sec06 .con01 .banner .txt_box strong {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0.9375rem;
  color: #222222;
  font-weight: bold;
}
.archive .sec06 .con01 .banner .txt_box strong i {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 8px;
}
.archive .sec06 .con01 .banner .txt_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-bottom: 0.3125rem;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
  font-weight: 400;
}
.archive .sec06 .con01 .banner .txt_box dl {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.archive .sec06 .con01 .banner .txt_box dl dt {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.archive .sec06 .con01 .banner .txt_box dl dd {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1176470588;
  color: #666666;
  font-weight: 400;
}
.archive .sec06 .con01 .banner .txt_box dl dd a {
  display: block;
  line-height: inherit;
}
.archive .sec06 .con01 .banner .txt_box dl + dl {
  margin-left: 12px;
  padding-left: 12px;
  position: relative;
  padding-top: 1px;
}
.archive .sec06 .con01 .banner .txt_box dl + dl dt {
  margin-top: 0;
}
.archive .sec06 .con01 .banner .txt_box dl + dl:before {
  content: "";
  width: 1px;
  height: 12px;
  background: #dddddd;
  position: absolute;
  left: 0;
  top: 6px;
}
@media (max-width: 1023px) {
  .archive .sec + .sec {
    margin-top: 5rem;
  }
  .archive .con_title {
    margin-bottom: 1.875rem;
  }
  .archive .sec06 .con01 .banner {
    padding: 28px 26px;
  }
  .archive .sec06 .con01 .banner .img_box {
    width: 50px;
    float: left;
  }
  .archive .sec06 .con01 .banner .img_box img {
    width: 45px;
  }
  .archive .sec06 .con01 .banner .txt_box {
    width: calc(100% - 50px);
  }
  .archive .sec06 .con01 .banner .txt_box strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2380952381;
    margin-bottom: 0.625rem;
  }
  .archive .sec06 .con01 .banner .txt_box strong i {
    margin: -4px 0 0 6px;
  }
  .archive .sec06 .con01 .banner .txt_box strong i img {
    width: 14px;
  }
  .archive .sec06 .con01 .banner .txt_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    margin-bottom: 0.625rem;
  }
  .archive .sec06 .con01 .banner .txt_box dl {
    display: block;
  }
  .archive .sec06 .con01 .banner .txt_box dl dd {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .archive .sec06 .con01 .banner .txt_box dl + dl {
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0.625rem;
  }
  .archive .sec06 .con01 .banner .txt_box dl + dl:before {
    display: none;
  }
}
@media (max-width: 766px) {
  .archive .sec + .sec {
    margin-top: 5rem;
  }
  .archive .sec .con_title {
    margin-bottom: 1.875rem;
  }
  .archive .sec06 .con01 .banner .txt_box strong {
    margin-bottom: 0.625rem;
  }
  .archive .sec06 .con01 .banner .txt_box p {
    margin-bottom: 0.625rem;
  }
  .archive .sec06 .con01 .banner .txt_box dl + dl {
    margin-top: 0.625rem;
  }
}

/* 투자정보 - 공고 */
.investors_notice_list .sec01 .con_title {
  margin-bottom: 5.4375rem;
}
.investors_notice_list .sec01 .paging_wrap {
  margin-top: 4.75rem;
}
.investors_notice_list .sec01 .table_wrap table col.num {
  width: 13%;
}
.investors_notice_list .sec01 .table_wrap table col.date {
  width: 20%;
}
@media (max-width: 1023px) {
  .investors_notice_list .sec01 .con_title {
    margin-bottom: 3.6875rem;
  }
  .investors_notice_list .sec01 .paging_wrap {
    margin-top: 3.125rem;
  }
  .investors_notice_list .sec01 .table_wrap table col.num {
    width: auto;
  }
  .investors_notice_list .sec01 .table_wrap table col.date {
    width: 90px;
  }
}

.investors_notice_view .view_type01 .view_content br {
  display: none;
}
.investors_notice_view .view_type01 .view_content .img {
  margin-bottom: 0;
}
.investors_notice_view .view_type01 .view_content > * {
  font-size: inherit !important;
}
.investors_notice_view .view_type01 .view_content > * span,
.investors_notice_view .view_type01 .view_content > * b,
.investors_notice_view .view_type01 .view_content > * strong {
  font-size: inherit !important;
}
.investors_notice_view .view_type01 .view_content a {
  word-break: break-all;
}
.investors_notice_view .view_type01 .view_content table {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.investors_notice_view .view_type01 .view_content table tr {
  border-bottom: 1px solid #aaa !important;
}
.investors_notice_view .view_type01 .view_content table tr th {
  border: 1px solid #aaa !important;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  color: #666;
  font-weight: 400;
  padding: 10px !important;
  text-align: left;
  vertical-align: middle;
}
.investors_notice_view .view_type01 .view_content table tr th * {
  font-size: inherit !important;
}
.investors_notice_view .view_type01 .view_content table tr td {
  border: 1px solid #aaa !important;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  color: #666;
  font-weight: 400;
  padding: 10px !important;
  text-align: left;
  vertical-align: middle;
}
.investors_notice_view .view_type01 .view_content table tr td * {
  font-size: inherit !important;
}
.investors_notice_view .view_type01 .btn_box .btn {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .investors_notice_view .view_type01 .view_content table tr th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    padding: 5px !important;
  }
  .investors_notice_view .view_type01 .view_content table tr td {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    padding: 5px !important;
  }
}

/* 미디어센터 */
.media_overview .sec01 {
  padding: 0 0 180px;
}
.media_overview .sec01 .con01 .con_title {
  margin-bottom: 4.9375rem;
}
.media_overview .sec01 .con01 .top_banner {
  outline: 1px solid #dddddd;
}
.media_overview .sec01 .con01 .top_banner > a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.media_overview .sec01 .con01 .top_banner .img_box {
  width: 520px;
  height: 330px;
  position: relative;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
  overflow: hidden;
}
.media_overview .sec01 .con01 .top_banner .img_box img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.media_overview .sec01 .con01 .top_banner .txt_box {
  width: calc(100% - 520px);
  padding: 0 30px 0 39px;
  box-sizing: border-box;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise {
  font-size: 0;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise p {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #26247B;
  padding: 0 10px;
  position: relative;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise p:before {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #aaa;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise p:first-of-type {
  padding-left: 0;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise p:last-of-type {
  padding-right: 0;
}
.media_overview .sec01 .con01 .top_banner .txt_box .enterprise p:last-of-type::before {
  display: none;
}
.media_overview .sec01 .con01 .top_banner .txt_box strong {
  margin-top: 0.1875rem;
  margin-bottom: 0.9375rem;
  font-size: 1.875rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.3333333333;
  max-height: 2.6666666667em;
  word-break: break-all;
}
.media_overview .sec01 .con01 .top_banner .txt_box p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4117647059;
  max-height: 2.8235294118em;
  word-break: break-all;
}
.media_overview .sec01 .con01 .top_banner .txt_box .date {
  display: block;
  padding-top: 16px;
  margin-top: 2.0625rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #999;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .media_overview .sec01 .con01 .top_banner:hover .img_box > img {
    transform: translate(-50%, -50%) scale(1.15);
  }
  .media_overview .sec01 .con01 .top_banner:hover .txt_box strong {
    text-decoration: underline;
  }
  .media_overview .sec01 .con01 .top_banner:hover .txt_box p {
    text-decoration: underline;
  }
}
.media_overview .sec01 .con01 .gallery_type01 {
  margin-top: 4.6875rem;
}
.media_overview .sec02 {
  background: url("/resources/cn/global/images/media/overview_sec02_con01_bg.jpg") top no-repeat;
  padding: 180px 0 0;
  background-size: auto 320px;
  background-position: 50% 0;
}
.media_overview .sec02 .con01::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.media_overview .sec02 .con01 .gallery_type01 {
  overflow: visible;
  z-index: 10;
}
.media_overview .sec02 .con01 .gallery_type01 .gallery {
  padding: 1px;
}
.media_overview .sec02 .con01 .gallery_type01 .gallery li {
  width: 306px;
  margin-right: 30px;
}
.media_overview .sec02 .con01 .gallery_type01 .gallery li .img_box a {
  padding-top: 200px;
}
.media_overview .sec02 .con01 .gallery_type01 .gallery li:last-child {
  margin-right: 0;
}
.media_overview .sec02 .con01 .gallery_type01 .swiper-scrollbar {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  margin-top: 3.75rem;
  background-color: #E7EBEC;
  border-radius: 0;
  width: 100%;
  max-width: 980px;
}
.media_overview .sec02 .con01 .gallery_type01 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #6EEB83;
  border-radius: 0;
}
.media_overview .sec03 {
  padding: 0 0 180px 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff, #e7ebec);
}
.media_overview .sec04 .con01 .library_con01 ul {
  border-top: 1px solid #c1c1c1;
}
.media_overview .sec04 .con01 .library_con01 ul::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.media_overview .sec04 .con01 .library_con01 li {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  height: 300px;
  float: left;
  border-bottom: 1px solid #c1c1c1;
}
.media_overview .sec04 .con01 .library_con01 li a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: start;
  height: 100%;
  padding: 53px 70px 36px 68px;
}
@media (min-width: 1024px) {
  .media_overview .sec04 .con01 .library_con01 li a:hover {
    text-decoration: underline;
  }
  .media_overview .sec04 .con01 .library_con01 li a:hover p::after {
    background: url("/resources/cn/global/images/media/overview_sec04_con01_icon_on.svg") center no-repeat;
    background-size: 24px 21px;
  }
}
.media_overview .sec04 .con01 .library_con01 li .txt {
  width: calc(100% - 168px);
  position: relative;
  height: 100%;
  padding: 0 10px 20px 0;
  box-sizing: border-box;
}
.media_overview .sec04 .con01 .library_con01 li .txt p {
  height: 100%;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4545454545;
  max-height: 4.3636363636em;
  word-break: break-all;
  word-wrap: break-word;
}
.media_overview .sec04 .con01 .library_con01 li .txt p::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 21px;
  background: url("/resources/cn/global/images/media/overview_sec04_con01_icon.svg") center no-repeat;
  background-size: 24px 21px;
  content: "";
}
.media_overview .sec04 .con01 .library_con01 li .img_box {
  position: relative;
  width: 168px;
  height: 100%;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.media_overview .sec04 .con01 .library_con01 li:nth-of-type(2n) a:after {
  content: "";
  width: 1px;
  height: calc(100% - 89px);
  position: absolute;
  left: 0;
  top: 53px;
  background-color: #c1c1c1;
}
@media (max-width: 1023px) {
  .media_overview .sec01 {
    padding: 0 0 120px;
  }
  .media_overview .sec01 .con01 .con_title {
    margin-bottom: 3.375rem;
  }
  .media_overview .sec01 .con01 .top_banner .img_box {
    width: calc(50% - 10px);
    height: auto;
    padding-top: 31%;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box {
    width: calc(50% + 10px);
    padding: 0 30px;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box .enterprise p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.6666666667;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box h5 {
    margin-top: 0.375rem;
    margin-bottom: 1.125rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.380952381;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.380952381;
    max-height: 2.7619047619em;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3571428571;
    max-height: 2.7142857143em;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box .date {
    padding-top: 30px;
    margin-top: 0;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .media_overview .sec01 .con01 .gallery_type01 {
    margin-top: 3.125rem;
  }
  .media_overview .sec02 {
    background: url("/resources/cn/global/images/media/overview_sec02_con01_tbg.jpg") top no-repeat;
    padding: 115px 0 0;
    background-size: 100%;
  }
  .media_overview .sec02 .con01 .gallery_type01 {
    overflow: visible;
  }
  .media_overview .sec02 .con01 .gallery_type01 .gallery li {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .media_overview .sec02 .con01 .gallery_type01 .gallery li .img_box a {
    padding-top: 65.373%;
  }
  .media_overview .sec02 .con01 .gallery_type01 .swiper-scrollbar {
    margin-top: 3.125rem;
    width: 100%;
    max-width: none;
  }
  .media_overview .sec03 {
    padding: 0 0 115px 0;
  }
  .media_overview .sec04 .con01 .library_con01 li a {
    padding: 45px 10% 45px 7.2%;
  }
  .media_overview .sec04 .con01 .library_con01 li .txt {
    padding-bottom: 15px;
  }
  .media_overview .sec04 .con01 .library_con01 li .txt p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .media_overview .sec04 .con01 .library_con01 li .txt p::after {
    width: 21px;
    height: 21px;
    background: url("/resources/cn/global/images/media/overview_sec04_con01_icon.svg") center no-repeat;
    background-size: 21px 21px;
    content: "";
  }
  .media_overview .sec04 .con01 .library_con01 li:nth-of-type(2n) a:after {
    height: calc(100% - 90px);
    position: absolute;
    left: 0;
    top: 45px;
    background-color: #c1c1c1;
  }
}
@media (max-width: 766px) {
  .media_overview .sec01 .con01 .top_banner .img_box {
    width: 100%;
    height: auto;
    padding-top: 63.373%;
    border-right: 0;
    border-bottom: 1px solid #dddddd;
  }
  .media_overview .sec01 .con01 .top_banner .img_box img {
    width: 100%;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box {
    width: 100%;
    padding: 20px 5.97%;
  }
  .media_overview .sec01 .con01 .top_banner .txt_box .date {
    padding-top: 20px;
  }
  .media_overview .sec02 {
    background: url("/resources/cn/global/images/media/overview_sec02_con01_mbg.jpg") top no-repeat;
    padding: 100px 0 0;
    background-size: 100%;
  }
  .media_overview .sec02 .con01 .gallery_type01 .gallery li {
    width: 100%;
  }
  .media_overview .sec03 {
    padding: 0 0 115px 0;
  }
  .media_overview .sec04 .con01 .library_con01 li {
    float: none;
    width: 100%;
  }
  .media_overview .sec04 .con01 .library_con01 li a {
    padding: 45px 7.46%;
  }
  .media_overview .sec04 .con01 .library_con01 li .txt {
    padding-right: 10%;
  }
  .media_overview .sec04 .con01 .library_con01 li .txt p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .media_overview .sec04 .con01 .library_con01 li:nth-of-type(2n) a:after {
    display: none;
  }
}

.newsroom_list .tab_search_box {
  margin-bottom: 0;
}
.newsroom_list .gallery_type01 {
  margin-top: 4.6875rem;
}
.newsroom_list .nodata_box {
  margin-top: 12.1875rem;
}
@media (max-width: 1023px) {
  .newsroom_list .gallery_type01 {
    margin-top: 3.1875rem;
  }
  .newsroom_list .nodata_box {
    margin-top: 6.25rem;
  }
}
@media (max-width: 766px) {
  .newsroom_list .gallery_type01 {
    margin-top: 3.125rem;
  }
  .newsroom_list .nodata_box {
    margin-top: 6.25rem;
  }
}

.newsroom_view .container .content {
  padding-bottom: 0;
}
.newsroom_view .sec01 {
  padding-bottom: 180px;
}
.newsroom_view .sec02 {
  padding: 90px 0 240px;
  background-color: #f7f7f7;
}
@media (max-width: 1023px) {
  .newsroom_view .sec02 {
    padding: 45px 0 140px;
    background-color: #f7f7f7;
  }
  .newsroom_view .sec02 .gallery_type01 .gallery li:last-of-type {
    display: none;
  }
}

.social .sec01 .con01 .con_title {
  position: relative;
}
.social .sec01 .con01 .con_title::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.social .sec01 .con01 .con_title h4 {
  float: left;
}
.social .sec01 .con01 .con_title .sns_list {
  position: absolute;
  bottom: 0;
  right: -18px;
  width: 253px;
}
@media (max-width: 1023px) {
  .social .sec01 .con01 .con_title .sns_list {
    right: -22px;
    width: 294px;
  }
  .social .sec01 .con01 .tab_search_box .input_area {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .social .sec01 .con01 .con_title h3 {
    float: none;
  }
  .social .sec01 .con01 .con_title .sns_list {
    position: static;
    margin-top: 2.0625rem;
    margin-bottom: 3.125rem;
    right: 0;
    width: calc(100% - 80px);
  }
  .social .sec01 .con01 .tab_search_box .search .input_area {
    width: 100%;
  }
}

.webinarPage .tab_search_box .search {
  float: left;
}

.samyangworld .sec01 .top_sec_common .bg_box .bg {
  background-image: url("/resources/cn/global/images/media/samyangworld_img01_pc.jpg");
}
@media (max-width: 1023px) {
  .samyangworld .sec01 .top_sec_common .bg_box .bg {
    background-image: url("/resources/cn/global/images/media/samyangworld_img01_m.jpg");
  }
}
.samyangworld .sec02 {
  padding: 180px 0;
}
.samyangworld .sec02 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
.samyangworld .sec02 .con_title p {
  font-weight: bold;
  color: #222222;
}
.samyangworld .sec02 .txt_box {
  margin-top: 3.75rem;
  margin-bottom: 7.5rem;
}
.samyangworld .sec02 .txt_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  font-weight: 400;
  color: #444444;
}
.samyangworld .sec02 .txt_box p + p {
  margin-top: 2.1875rem;
}
.samyangworld .sec02 .info_map .img {
  width: 100%;
  height: 600px;
  box-sizing: border-box;
  background: url("/resources/cn/global/images/media/samyangworld_sec02_img_pc.jpg") center no-repeat;
  background-size: 100%;
}
.samyangworld .sec02 .info_map ul {
  font-size: 0;
  margin-top: 0.3125rem;
}
.samyangworld .sec02 .info_map ul li {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.625rem;
  margin-right: 24px;
}
.samyangworld .sec02 .info_map ul li span {
  width: 22px;
  height: 22px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  font-weight: 400;
  color: #ffffff;
  background-color: #797a81;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.samyangworld .sec02 .info_map ul li p {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  font-weight: 400;
  color: #222222;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
@media (max-width: 1023px) {
  .samyangworld .sec02 {
    padding: 95px 0 120px;
  }
  .samyangworld .sec02 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .samyangworld .sec02 .txt_box {
    margin-top: 2.125rem;
    margin-bottom: 5rem;
  }
  .samyangworld .sec02 .txt_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .samyangworld .sec02 .txt_box p + p {
    margin-top: 1.5625rem;
  }
  .samyangworld .sec02 .info_map .img {
    height: auto;
    padding-top: 61%;
    background: url("/resources/cn/global/images/media/samyangworld_sec02_img_m.jpg") center no-repeat;
    background-size: 100%;
  }
  .samyangworld .sec02 .info_map ul {
    font-size: 0;
    margin-top: 0.625rem;
  }
  .samyangworld .sec02 .info_map ul li {
    margin-top: 0.625rem;
    margin-right: 10px;
  }
  .samyangworld .sec02 .info_map ul li span {
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .samyangworld .sec02 .info_map ul li p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.samyangworld .sec03 {
  padding: 180px 0 0;
  position: relative;
}
.samyangworld .sec03:before {
  content: "";
  width: 100%;
  height: 700px;
  background-color: #f7f7f7;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.samyangworld .sec03 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
.samyangworld .sec03 .con_title p {
  color: #222222;
}
.samyangworld .sec03 .con03 {
  padding-top: 120px;
}
.samyangworld .sec03 .con03 .banner_area_samyangworld {
  padding: 50px 70px 50px 170px;
}
.samyangworld .sec03 .con03 .banner_area_samyangworld::before {
  background: url("/resources/cn/global/images/media/samyangworld_banner_icon.svg") 63px 32px no-repeat;
  background-size: 72px 72px;
}
.samyangworld .sec03 .img_txt_area {
  margin-top: 7.5rem;
}
.samyangworld .sec03 .img_txt_area h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 1.4375rem;
  font-weight: bold;
  color: #222222;
}
.samyangworld .sec03 .img_txt_area ul {
  font-size: 0;
}
.samyangworld .sec03 .img_txt_area ul li {
  display: inline-block;
  vertical-align: top;
}
.samyangworld .sec03 .img_txt_area.type01 ul li {
  width: calc(50% - 15px);
  margin-right: 30px;
}
.samyangworld .sec03 .img_txt_area.type01 ul li:nth-of-type(2n) {
  margin-right: 0;
}
.samyangworld .sec03 .img_txt_area.type01 ul li:nth-of-type(n + 3) {
  margin-top: 2.5rem;
}
.samyangworld .sec03 .img_txt_area.type01 ul li .img img {
  width: 100%;
}
.samyangworld .sec03 .img_txt_area.type01 ul li .txt {
  padding: 15px 0 0;
}
.samyangworld .sec03 .img_txt_area.type01 ul li .txt span {
  width: 22px;
  height: 22px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  font-weight: 400;
  color: #ffffff;
  background-color: #797a81;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.samyangworld .sec03 .img_txt_area.type01 ul li .txt p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #222222;
  width: calc(100% - 22px);
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  box-sizing: border-box;
}
.samyangworld .sec03 .img_txt_area.type02 ul li {
  width: calc(33.333333% - 20px);
  margin-right: 30px;
}
.samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(3n) {
  margin-right: 0;
}
.samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(n + 4) {
  margin-top: 2.5rem;
}
.samyangworld .sec03 .img_txt_area.type02 ul li .img img {
  width: 100%;
}
.samyangworld .sec03 .img_txt_area.type02 ul li .txt {
  padding: 20px 0 0;
}
.samyangworld .sec03 .img_txt_area.type02 ul li .txt dl dt {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  font-weight: bold;
  color: #222222;
}
.samyangworld .sec03 .img_txt_area.type02 ul li .txt dl dd {
  margin-top: 0.625rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  font-weight: 400;
  color: #222222;
}
@media (max-width: 1023px) {
  .samyangworld .sec03 {
    padding: 120px 0 0;
  }
  .samyangworld .sec03:before {
    height: 590px;
  }
  .samyangworld .sec03 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .samyangworld .sec03 .con03 {
    padding-top: 80px;
  }
  .samyangworld .sec03 .con03 .banner_area_samyangworld {
    padding: 25px 7.5% 25px 23.88%;
  }
  .samyangworld .sec03 .con03 .banner_area_samyangworld::before {
    width: 23.88%;
    background-position: 80% 16px;
    background-size: 45px 45px;
    content: "";
  }
  .samyangworld .sec03 .con03 .banner_area_samyangworld p {
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .samyangworld .sec03 .img_txt_area {
    margin-top: 5rem;
  }
  .samyangworld .sec03 .img_txt_area h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    margin-bottom: 0.8125rem;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li:nth-of-type(n + 3) {
    margin-top: 1.875rem;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li .txt {
    padding: 10px 0 0;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li .txt span {
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li .txt p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
    width: calc(100% - 18px);
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(3n) {
    margin-right: 30px;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(n + 4) {
    margin-top: 1.875rem;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(n + 3) {
    margin-top: 1.875rem;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li .txt {
    padding: 15px 0 0;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li .txt dl dt {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li .txt dl dd {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .samyangworld .sec03 .con03 .banner_area_samyangworld::before {
    background-position: 60% 16px;
  }
  .samyangworld .sec03 .img_txt_area {
    margin-top: 5rem;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li {
    width: 100%;
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type01 ul li + li {
    margin-top: 1.875rem;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li {
    width: 100%;
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .samyangworld .sec03 .img_txt_area.type02 ul li + li {
    margin-top: 1.875rem;
  }
}

.bgColor body {
  background-color: #f7f7f7;
}

.webinargroup .tit_box {
  padding-bottom: 0;
  margin-bottom: 1.0625rem;
}
.webinargroup .tit_box strong {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.webinargroup .tit_box strong .step {
  display: block;
  width: 100%;
  margin-bottom: 0.4375rem;
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #aaaaaa;
}
.webinargroup .tit_box p {
  bottom: 0;
}
.webinargroup .webinar_list .webinar_item {
  display: block;
  width: 100%;
  margin-top: 1.875rem;
  border: 1px solid #aaaaaa;
  padding: 30px 50px 30px 30px;
  font-size: 0;
}
.webinargroup .webinar_list .webinar_item:first-child {
  margin-top: 0;
}
.webinargroup .webinar_list .webinar_item.checked {
  background: #DCDBF5;
  border-color: #8E8CDE;
}
.webinargroup .webinar_list .webinar_item.checked .tit_area .webinar_tit::before {
  border-color: #26247B;
  background-color: #26247B;
}
.webinargroup .webinar_list .webinar_item.checked .tit_area .webinar_tit::after {
  left: 6px;
  top: 50%;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  background: url("/resources/cn/global/images/form/custom_checkbox_icon01.svg") center no-repeat;
  background-size: 100%;
}
.webinargroup .webinar_list .tit_area {
  position: relative;
  display: inline-block;
  width: 50%;
  padding-left: 32px;
  vertical-align: middle;
}
.webinargroup .webinar_list .tit_area .webinar_tit {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: middle;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup .webinar_list .tit_area .webinar_tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translate(0, -50%);
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  box-sizing: border-box;
  content: "";
}
.webinargroup .webinar_list .tit_area .webinar_tit:after {
  position: absolute;
  content: "";
}
.webinargroup .webinar_list .desc_area {
  display: inline-block;
  width: 50%;
  padding-left: 70px;
  vertical-align: middle;
}
.webinargroup .webinar_list .desc_area dl {
  margin-bottom: 0.625rem;
}
.webinargroup .webinar_list .desc_area dl:last-child {
  margin-bottom: 0;
}
.webinargroup .webinar_list .desc_area dt {
  display: inline-block;
  width: 50px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  vertical-align: top;
}
.webinargroup .webinar_list .desc_area dd {
  display: inline-block;
  width: calc(100% - 50px);
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #222222;
  vertical-align: middle;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup .timer {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: 700;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1;
  color: #ef2b2a;
}
.webinargroup .write_wrap .table_form .item.txt_area .row {
  width: 100%;
  margin-right: 0;
}
.webinargroup .write_wrap.on .table_form .form .item.code .row dt {
  vertical-align: text-bottom;
}
.webinargroup .write_wrap.on .code_info {
  display: block;
}
.webinargroup .code_info {
  display: none;
  margin-top: 5px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup .agree_accordion + .agree_accordion ul li {
  border-top: 0;
}
.webinargroup .agree_accordion .caution_txt {
  margin-top: 1.25rem;
}
.webinargroup .agree_accordion .caution_txt span {
  margin-top: 0;
}
.webinargroup .agree_accordion .caution_txt span a {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 20px;
  padding-right: 13px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  text-decoration: underline;
  position: relative;
}
.webinargroup .agree_accordion .caution_txt span a:after {
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  transform: rotate(135deg);
}
@media (max-width: 1023px) {
  .webinargroup .tit_box {
    margin-bottom: 0.71875rem;
  }
  .webinargroup .tit_box strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .webinargroup .tit_box strong .step {
    display: none;
  }
  .webinargroup .webinar_list .webinar_item {
    margin-top: 1.25rem;
    padding: 30px 20px;
  }
  .webinargroup .webinar_list .webinar_item.checked {
    background: #DCDBF5;
    border-color: #8E8CDE;
  }
  .webinargroup .webinar_list .webinar_item.checked .tit_area .webinar_tit::before {
    border-color: #26247B;
    background-color: #26247B;
  }
  .webinargroup .webinar_list .webinar_item.checked .tit_area .webinar_tit::after {
    left: 5px;
    width: 8px;
    height: 8px;
  }
  .webinargroup .webinar_list .tit_area {
    padding-left: 25px;
  }
  .webinargroup .webinar_list .tit_area .webinar_tit {
    width: calc(100% - 25px);
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .webinargroup .webinar_list .tit_area .webinar_tit:before {
    width: 18px;
    height: 18px;
  }
  .webinargroup .webinar_list .desc_area {
    padding-left: 25px;
  }
  .webinargroup .webinar_list .desc_area dl {
    margin-bottom: 0.625rem;
  }
  .webinargroup .webinar_list .desc_area dt {
    display: inline-block;
    width: 40px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .webinar_list .desc_area dd {
    display: inline-block;
    width: calc(100% - 40px);
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .timer {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .webinargroup .code_info {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .agree_accordion .caution_txt {
    margin-top: 1.25rem;
  }
  .webinargroup .agree_accordion .caution_txt span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .agree_accordion .caution_txt span a {
    margin: -4px 0 0 5px;
    padding-right: 7px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .agree_accordion .caution_txt span a::before {
    width: 3px;
    height: 3px;
  }
}
@media (max-width: 766px) {
  .webinargroup .webinar_list .webinar_item {
    margin-top: 1.25rem;
    padding: 30px 20px 25px;
  }
  .webinargroup .webinar_list .webinar_item.checked .tit_area .webinar_tit::after {
    top: 10px;
    transform: translate(0, 0);
  }
  .webinargroup .webinar_list .tit_area {
    width: 100%;
    padding-left: 25px;
    margin-bottom: 1.25rem;
  }
  .webinargroup .webinar_list .tit_area .webinar_tit {
    width: 100%;
  }
  .webinargroup .webinar_list .tit_area .webinar_tit:before {
    top: 5px;
    transform: translate(0, 0);
    width: 18px;
    height: 18px;
  }
  .webinargroup .webinar_list .desc_area {
    display: block;
    width: 100%;
  }
  .webinargroup .code_info {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup .agree_accordion .caution_txt {
    margin-top: 1.25rem;
  }
}
.webinargroup.list .sec01 .top_banner {
  margin-top: 5.625rem;
  padding-bottom: 40px;
}
.webinargroup.list .sec01 .top_banner .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  min-height: 300px;
}
.webinargroup.list .sec01 .top_banner .swiper-slide a {
  width: 100%;
  border: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .webinargroup.list .sec01 .top_banner .swiper-slide a:hover .img_box img {
    transform: translate(-50%, -50%) scale(1.15);
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide a:hover .txt_box p.webinar_name {
    text-decoration: underline;
  }
}
.webinargroup.list .sec01 .top_banner .swiper-slide .img_box {
  width: 550px;
  height: 100%;
  position: relative;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
  overflow: hidden;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .img_box img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box {
  width: calc(100% - 550px);
  padding: 36px 30px 36px 40px;
  box-sizing: border-box;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  min-width: 68px;
  height: 34px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #e1f4fe;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state.live {
  background-color: #26247B;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state.live p {
  color: #ffffff;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state p {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.4285714286;
  font-weight: 400;
  color: #26247B;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.webinar_name {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.4615384615;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4615384615;
  max-height: 2.9230769231em;
  word-break: break-all;
  word-wrap: break-word;
  margin-top: 0.625rem;
  font-weight: bold;
  color: #222222;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.desc {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4117647059;
  max-height: 2.8235294118em;
  word-break: break-all;
  word-wrap: break-word;
  margin-top: 1.5rem;
  font-weight: 400;
  color: #666666;
}
.webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.date {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  margin-top: 1.5rem;
  font-weight: 400;
  color: #999;
}
.webinargroup.list .sec01 .top_banner .swiper-pagination {
  bottom: 0;
  font-size: 0;
}
.webinargroup.list .sec01 .top_banner .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  margin: 0 4px;
  border-radius: 0;
  background-color: #E7EBEC;
  opacity: 1;
  transform: skew(-40deg);
}
.webinargroup.list .sec01 .top_banner .swiper-pagination-bullet-active {
  background-color: #6EEB83;
}
.webinargroup.list .sec01 .con02 {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .webinargroup.list .sec .tab_search_box .search .input_area {
    width: 100%;
  }
  .webinargroup.list .sec01 .top_banner {
    margin-top: 3.125rem;
    padding-bottom: 30px;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide {
    display: block;
    max-height: inherit;
    min-height: auto;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .img_box {
    width: calc(50% + 10px);
    height: auto;
    padding-top: 28%;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box {
    width: calc(50% - 10px);
    padding: 0 20px 0;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state {
    min-width: 47px;
    height: 25px;
    padding: 0 4px;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box .state p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 2.0833333333;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.webinar_name {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3333333333;
    max-height: 2.6666666667em;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.desc {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.3571428571;
    max-height: 2.7142857143em;
    margin-top: 0.75rem;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box p.date {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
    margin-top: 1.25rem;
  }
  .webinargroup.list .sec01 .con02 {
    margin-top: 5rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.list .sec01 .top_banner {
    margin-top: 3.125rem;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide a {
    border: none;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .img_box {
    width: 100%;
    padding-top: 54.373%;
    border-right: 0;
  }
  .webinargroup.list .sec01 .top_banner .swiper-slide .txt_box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 30px 20px 37px;
  }
  .webinargroup.list .sec01 .con02 {
    margin-top: 5rem;
  }
}
.webinargroup.view .sec .tit {
  display: block;
  margin-bottom: 1.125rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec .tit {
    display: block;
    margin-bottom: 0.9375rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
}
.webinargroup.view .sec01 .con + .con {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con + .con {
    margin-top: 4.375rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con + .con {
    margin-top: 4.375rem;
  }
}
.webinargroup.view .sec01 .con01 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.webinargroup.view .sec01 .con01 .top_banner {
  margin-top: 1.875rem;
  border: 1px solid #ddd;
}
.webinargroup.view .sec01 .con01 .top_banner::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.webinargroup.view .sec01 .con01 .top_banner > div {
  float: left;
}
.webinargroup.view .sec01 .con01 .top_banner .img_box {
  width: 550px;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.webinargroup.view .sec01 .con01 .top_banner .img_box img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  min-width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.webinargroup.view .sec01 .con01 .top_banner .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 550px);
  height: 300px;
  padding: 0 30px 0 40px;
  border-left: 1px solid #ddd;
}
.webinargroup.view .sec01 .con01 .top_banner .txt_box p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .sec01 .con01 .top_banner .txt_box .btn_wrap {
  width: 100%;
  margin-top: 3.75rem;
}
.webinargroup.view .sec01 .con01 .top_banner .txt_box .btn_wrap .disabled {
  background-color: #aaa;
  border-color: #aaa;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con01 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .webinargroup.view .sec01 .con01 .top_banner {
    margin-top: 1.25rem;
  }
  .webinargroup.view .sec01 .con01 .top_banner > div {
    float: none;
  }
  .webinargroup.view .sec01 .con01 .top_banner .img_box {
    width: 100%;
    height: auto;
    padding-top: 54.373%;
  }
  .webinargroup.view .sec01 .con01 .top_banner .txt_box {
    display: block;
    width: 100%;
    height: auto;
    padding: 30px 20px;
    border-left: 0;
    border-top: 1px solid #ddd;
  }
  .webinargroup.view .sec01 .con01 .top_banner .txt_box p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .webinargroup.view .sec01 .con01 .top_banner .txt_box .btn_wrap {
    margin-top: 2.5rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con01 .top_banner {
    margin-top: 1.25rem;
  }
  .webinargroup.view .sec01 .con01 .top_banner .txt_box .btn_wrap {
    margin-top: 2.5rem;
  }
}
.webinargroup.view .sec01 .con02 .table_wrap table tr th {
  min-width: 120px;
  padding: 30px 0 30px 30px;
  font-weight: 400;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
  color: #666666;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .sec01 .con02 .table_wrap table tr td {
  padding: 30px 0;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.5789473684;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con02 .table_wrap table tr th {
    padding: 25px 0 25px 15px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6875;
  }
  .webinargroup.view .sec01 .con02 .table_wrap table tr td {
    padding: 25px 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6875;
  }
}
.webinargroup.view .sec01 .con03 p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con03 .img_box img {
    width: 100%;
  }
  .webinargroup.view .sec01 .con03 p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
.webinargroup.view .sec01 .con04 .list::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.webinargroup.view .sec01 .con04 .list li {
  float: left;
  display: flex;
  align-items: center;
  width: 307px;
  height: 131px;
  margin-right: 30px;
  padding: 0 10px 0 20px;
  border: 1px solid #ddd;
  font-size: 0;
}
.webinargroup.view .sec01 .con04 .list li:last-of-type {
  margin-right: 0;
}
.webinargroup.view .sec01 .con04 .list li .vertical > div {
  display: inline-block;
  vertical-align: middle;
}
.webinargroup.view .sec01 .con04 .list li .img_box {
  width: 91px;
  overflow: hidden;
}
.webinargroup.view .sec01 .con04 .list li .img_box img {
  width: 100%;
}
.webinargroup.view .sec01 .con04 .list li .txt_box {
  width: calc(100% - 91px);
  padding-left: 20px;
}
.webinargroup.view .sec01 .con04 .list li .txt_box span {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #666666;
}
.webinargroup.view .sec01 .con04 .list li .txt_box strong {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con04 .list li {
    float: left;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 15px 20px;
  }
  .webinargroup.view .sec01 .con04 .list li + li {
    margin-top: 1.25rem;
  }
  .webinargroup.view .sec01 .con04 .list li .img_box {
    width: 90px;
  }
  .webinargroup.view .sec01 .con04 .list li .txt_box {
    width: calc(100% - 90px);
  }
  .webinargroup.view .sec01 .con04 .list li .txt_box span {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.8333333333;
    color: #666666;
  }
  .webinargroup.view .sec01 .con04 .list li .txt_box strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con04 .list li + li {
    margin-top: 1.25rem;
  }
}
.webinargroup.view .sec01 .con04 .info_box {
  margin-top: 7.5rem;
}
.webinargroup.view .sec01 .con04 .info_box .tit {
  margin-bottom: 0.5625rem;
}
.webinargroup.view .sec01 .con04 .info_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
.webinargroup.view .sec01 .con04 .info_box .txt_list {
  margin-top: 1.875rem;
}
.webinargroup.view .sec01 .con04 .info_box .txt_list li + li {
  margin-top: 0.9375rem;
}
.webinargroup.view .sec01 .con04 .info_box .txt_list li p {
  padding-left: 15px;
  color: #666666;
  position: relative;
}
.webinargroup.view .sec01 .con04 .info_box .txt_list li p:before {
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #666;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con04 .info_box {
    margin-top: 5rem;
  }
  .webinargroup.view .sec01 .con04 .info_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list {
    margin-top: 1.25rem;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list li + li {
    margin-top: 0.625rem;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list li p {
    padding-left: 8px;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list li p::before {
    top: 10px;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con04 .info_box {
    margin-top: 5rem;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list {
    margin-top: 1.25rem;
  }
  .webinargroup.view .sec01 .con04 .info_box .txt_list li + li {
    margin-top: 0.625rem;
  }
}
.webinargroup.view .sec01 .con04 .vdo_wrap {
  margin-top: 7.5rem;
}
.webinargroup.view .sec01 .con04 .vdo_wrap .vdo_area {
  position: relative;
  padding-bottom: 56.25%;
}
.webinargroup.view .sec01 .con04 .vdo_wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.webinargroup.view .sec01 .con04 .vdo_wrap .vdo_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/media/webinargroup/webinar_view_sec01_con04_video_bg.jpg") center no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}
.webinargroup.view .sec01 .con04 .vdo_wrap .vdo_bg i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con04 .vdo_wrap {
    margin-top: 5rem;
  }
  .webinargroup.view .sec01 .con04 .vdo_wrap .vdo_bg i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con04 .vdo_wrap {
    margin-top: 5rem;
  }
}
.webinargroup.view .sec01 .con05 {
  margin-bottom: 7.5rem;
}
.webinargroup.view .sec01 .con05 .list li {
  border: 1px solid #ddd;
}
.webinargroup.view .sec01 .con05 .list li + li {
  margin-top: 0.9375rem;
}
.webinargroup.view .sec01 .con05 .list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 122px;
  padding: 10px 30px;
  font-size: 0;
}
.webinargroup.view .sec01 .con05 .list li a .left {
  width: 413px;
  margin-right: 59px;
}
.webinargroup.view .sec01 .con05 .list li a .left p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4545454545;
  max-height: 4.3636363636em;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .sec01 .con05 .list li a .right {
  width: calc(100% - 472px);
  padding-right: 60px;
}
.webinargroup.view .sec01 .con05 .list li a .right span {
  display: block;
  width: 100%;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
}
.webinargroup.view .sec01 .con05 .list li a .right p {
  width: 100%;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.4117647059;
  max-height: 2.8235294118em;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .sec01 .con05 .list li a i {
  display: block;
  position: absolute;
  top: 39px;
  right: 30px;
  width: 44px;
  height: 44px;
  background-color: #f7f7f7;
  padding-top: 15px;
}
.webinargroup.view .sec01 .con05 .list li a i img {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con05 {
    margin-bottom: 5rem;
  }
  .webinargroup.view .sec01 .con05 .list li + li {
    margin-top: 0.625rem;
  }
  .webinargroup.view .sec01 .con05 .list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 30px 26px 30px 20px;
  }
  .webinargroup.view .sec01 .con05 .list li a .left {
    width: 100%;
    margin-right: 0;
  }
  .webinargroup.view .sec01 .con05 .list li a .left p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.5;
    max-height: 3em;
  }
  .webinargroup.view .sec01 .con05 .list li a .right {
    width: 100%;
    margin-top: 1.25rem;
    padding-right: 50px;
  }
  .webinargroup.view .sec01 .con05 .list li a .right > * {
    vertical-align: top;
  }
  .webinargroup.view .sec01 .con05 .list li a .right span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    color: #666666;
  }
  .webinargroup.view .sec01 .con05 .list li a .right p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup.view .sec01 .con05 .list li a i {
    display: block;
    position: absolute;
    top: auto;
    bottom: 32px;
    right: 20px;
    width: 35px;
    height: 35px;
    padding-top: 12px;
  }
  .webinargroup.view .sec01 .con05 .list li a i img {
    width: 13px;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con05 {
    margin-bottom: 5rem;
  }
  .webinargroup.view .sec01 .con05 .list li + li {
    margin-top: 0.625rem;
  }
  .webinargroup.view .sec01 .con05 .list li a .right {
    margin-top: 1.25rem;
  }
}
.webinargroup.view .sec01 .con06 {
  margin-top: 0;
}
.webinargroup.view .sec01 .con06 .ir_table th {
  padding-left: 30px;
}
.webinargroup.view .sec01 .con06 .ir_table td.down {
  min-width: 120px;
  padding-right: 30px;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con06 .ir_table th {
    padding-left: 20px;
  }
  .webinargroup.view .sec01 .con06 .ir_table td.down {
    min-width: 55px;
    padding-right: 20px;
  }
  .webinargroup.view .sec01 .con06 .ir_table td.down a {
    font-size: 0;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con06 .ir_table td.down {
    min-width: 55px;
  }
}
.webinargroup.view .sec01 .con07 {
  margin-top: 0;
}
.webinargroup.view .sec01 .con07 .top_banner {
  padding: 18px 20px;
  background-color: #f7f7f7;
  font-size: 0;
}
.webinargroup.view .sec01 .con07 .top_banner > * {
  display: inline-block;
  vertical-align: middle;
}
.webinargroup.view .sec01 .con07 .top_banner p {
  width: calc(100% - 93px);
  padding: 0 10px 0 13px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  position: relative;
}
.webinargroup.view .sec01 .con07 .top_banner p:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  content: "*";
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #ef2b2a;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con07 .top_banner {
    padding: 30px 15px;
  }
  .webinargroup.view .sec01 .con07 .top_banner p {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    color: #666666;
  }
  .webinargroup.view .sec01 .con07 .top_banner p::before {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.view .sec01 .con07 .top_banner .btn {
    margin-top: 1.25rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .sec01 .con07 .top_banner .btn {
    margin-top: 1.25rem;
  }
}
.webinargroup.view .sec01 .con07 .keyword_box {
  padding: 23px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #aaa;
  font-size: 0;
}
.webinargroup.view .sec01 .con07 .keyword_box > * {
  display: inline-block;
  vertical-align: middle;
}
.webinargroup.view .sec01 .con07 .keyword_box > p {
  width: 91px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  font-weight: bold;
  color: #222222;
}
.webinargroup.view .sec01 .con07 .keyword_box .category {
  width: calc(100% - 91px);
  font-size: 0;
}
.webinargroup.view .sec01 .con07 .keyword_box .category .tag {
  margin: 3px;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con07 .keyword_box {
    padding: 20px 4px 16px 10px;
  }
  .webinargroup.view .sec01 .con07 .keyword_box > * {
    display: block;
  }
  .webinargroup.view .sec01 .con07 .keyword_box > p {
    width: 100%;
    margin-left: 6px;
    margin-bottom: 0.4375rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup.view .sec01 .con07 .keyword_box .category {
    width: 100%;
  }
  .webinargroup.view .sec01 .con07 .keyword_box .category .tag {
    margin: 3px;
  }
}
.webinargroup.view .sec01 .con07 .btn_box {
  padding-top: 90px;
  width: 100%;
  text-align: center;
}
.webinargroup.view .sec01 .con07 .btn_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.webinargroup.view .sec01 .con07 .btn_box .btn {
  margin-right: 0;
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn {
  margin-top: 17px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  position: relative;
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn:before {
  display: block;
  position: absolute;
  top: 7px;
  width: 20px;
  height: 13px;
  content: "";
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn.prev_btn {
  float: left;
  padding-left: 32px;
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn.prev_btn::before {
  left: 0;
  background: url("/resources/cn/global/images/board/view_arrow_prev.svg") center no-repeat;
  background-size: 100% 100%;
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn.next_btn {
  float: right;
  padding-right: 32px;
}
.webinargroup.view .sec01 .con07 .btn_box .writingbtn.next_btn::before {
  right: 0;
  background: url("/resources/cn/global/images/board/view_arrow_next.svg") center no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1023px) {
  .webinargroup.view .sec01 .con07 .btn_box {
    padding-top: 70px;
  }
  .webinargroup.view .sec01 .con07 .btn_box .writingbtn {
    margin-top: 17px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.2142857143;
    position: relative;
  }
  .webinargroup.view .sec01 .con07 .btn_box .writingbtn:before {
    display: block;
    position: absolute;
    top: 3px;
    width: 14px;
    height: 10px;
    content: "";
  }
  .webinargroup.view .sec01 .con07 .btn_box .writingbtn.prev_btn {
    padding-left: 26px;
  }
  .webinargroup.view .sec01 .con07 .btn_box .writingbtn.next_btn {
    padding-right: 26px;
  }
}
.webinargroup.view .sec01 .con08 {
  margin-top: 0 !important;
}
.webinargroup.view .common_popup .cont {
  max-width: 980px;
}
.webinargroup.view .common_popup .top_txt {
  margin-bottom: 3.75rem;
  padding: 45px 10px;
  background-color: #e9edef;
  text-align: center;
}
.webinargroup.view .common_popup .top_txt strong {
  display: block;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2692307692;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .common_popup .top_txt p {
  margin-top: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.view .common_popup .top_txt p + p {
  margin-top: 0;
}
.webinargroup.view .common_popup .cont .con_box {
  padding-left: 30px;
  padding-right: 30px;
}
.webinargroup.view .common_popup .input_wrap {
  max-width: 680px;
  margin: 0 auto;
}
.webinargroup.view .common_popup .input_box {
  font-size: 0;
}
.webinargroup.view .common_popup .input_box + .input_box {
  margin-top: 1.875rem;
}
.webinargroup.view .common_popup .input_box > * {
  display: inline-block;
  vertical-align: middle;
}
.webinargroup.view .common_popup .input_box label {
  width: 108px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  font-weight: bold;
  color: #222222;
}
.webinargroup.view .common_popup .input_box label span {
  display: inline-block;
  vertical-align: top;
  color: #ef2b2a;
}
.webinargroup.view .common_popup .input_box .input_area {
  width: calc(100% - 108px);
  max-width: 100%;
}
.webinargroup.view .common_popup .btn_wrap {
  margin-top: 2.8125rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .webinargroup.view .common_popup .top_txt {
    margin-bottom: 2.5rem;
    padding: 30px 32px;
  }
  .webinargroup.view .common_popup .top_txt strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .webinargroup.view .common_popup .top_txt p {
    margin-top: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.view .common_popup .cont .con_box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .webinargroup.view .common_popup .input_box + .input_box {
    margin-top: 1.25rem;
  }
  .webinargroup.view .common_popup .input_box > * {
    display: block;
  }
  .webinargroup.view .common_popup .input_box label {
    width: 100%;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .webinargroup.view .common_popup .input_box .input_area {
    width: 100%;
    margin-top: 0.9375rem;
  }
  .webinargroup.view .common_popup .btn_wrap {
    margin-top: 1.875rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.view .common_popup .top_txt {
    margin-bottom: 2.5rem;
  }
  .webinargroup.view .common_popup .top_txt p {
    margin-top: 0.625rem;
  }
  .webinargroup.view .common_popup .input_box + .input_box {
    margin-top: 1.25rem;
  }
  .webinargroup.view .common_popup .btn_wrap {
    margin-top: 1.875rem;
  }
}
.webinargroup.live#wrap {
  overflow: visible;
}
@media (max-width: 1023px) {
  .webinargroup.live#wrap {
    height: 100%;
  }
}
.webinargroup.live .container {
  height: 100%;
  padding: 30px 30px 55px 30px;
}
@media (max-width: 1023px) {
  .webinargroup.live .container {
    padding: 0;
  }
}
.webinargroup.live .content {
  padding: 0;
  height: 100%;
}
.webinargroup.live .write_input_box {
  position: relative;
  height: 105px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
.webinargroup.live .write_input_box .comment_area {
  border: 0;
}
@media (max-width: 1023px) {
  .webinargroup.live .write_input_box {
    height: 110px;
  }
}
.webinargroup.live .custom_checkbox input[type=checkbox] + label {
  padding-left: 24px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2;
}
.webinargroup.live .custom_checkbox input[type=checkbox] + label::before {
  top: 2px;
  width: 18px;
  height: 18px;
}
.webinargroup.live .custom_checkbox input[type=checkbox]:checked + label::after {
  left: 4px;
  top: 6px;
}
@media (max-width: 1023px) {
  .webinargroup.live .custom_checkbox input[type=checkbox] + label {
    display: block;
    height: 20px;
    padding-left: 21px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.5714285714;
  }
  .webinargroup.live .custom_checkbox input[type=checkbox] + label::before {
    top: 4px;
    width: 14px;
    height: 14px;
  }
  .webinargroup.live .custom_checkbox input[type=checkbox]:checked + label::after {
    left: 3px;
    top: 7px;
  }
}
.webinargroup.live .comment_area {
  width: 100%;
  height: calc(100% - 38px);
  padding: 10px 15px;
  border: 1px solid #ddd;
  background-color: #fff;
  resize: none;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #444444;
}
.webinargroup.live .comment_area::-moz-placeholder {
  color: #aaa;
}
.webinargroup.live .comment_area::placeholder {
  color: #aaa;
}
@media (max-width: 1023px) {
  .webinargroup.live .comment_area {
    padding: 10px;
    height: calc(100% - 33px);
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
.webinargroup.live .submit_wrap {
  width: 100%;
  padding: 0 10px 0 15px;
  margin-top: 0.125rem;
}
.webinargroup.live .submit_wrap::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.webinargroup.live .submit_wrap .custom_checkbox {
  float: left;
  margin-top: 0.1875rem;
}
.webinargroup.live .submit_wrap .submit_box {
  float: right;
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 0;
}
.webinargroup.live .submit_wrap .submit_box .write_count {
  display: flex;
  align-items: center;
  margin-right: 12px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2;
  color: #aaa;
}
.webinargroup.live .submit_wrap .submit_box .btn {
  min-width: 60px;
  height: 34px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 2.2857142857;
  margin-right: 8px;
}
.webinargroup.live .submit_wrap .submit_box .btn:last-of-type {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .webinargroup.live .submit_wrap {
    padding: 0 10px;
  }
  .webinargroup.live .submit_wrap .custom_checkbox {
    margin-top: 0.375rem;
  }
  .webinargroup.live .submit_wrap .submit_box .write_count {
    margin-right: 10px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.1666666667;
  }
  .webinargroup.live .submit_wrap .submit_box .btn {
    min-width: 49px;
    height: 33px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.2142857143;
  }
}
.webinargroup.live .user_item {
  border-bottom: 1px solid #ddd;
}
.webinargroup.live .user_item:last-of-type {
  border-bottom: 0;
}
.webinargroup.live .reply {
  padding: 20px;
}
.webinargroup.live .reply .name_info {
  margin-bottom: 0.3125rem;
  position: relative;
  font-size: 0;
}
.webinargroup.live .reply .name_info .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #222222;
}
.webinargroup.live .reply .name_info .data_box {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}
.webinargroup.live .reply .name_info .data_box span {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #aaa;
}
.webinargroup.live .reply .name_info .data_box span.time {
  margin-left: 8px;
}
.webinargroup.live .reply .name_info .btn_wrap {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.webinargroup.live .reply .name_info .btn_wrap .btn_menu {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/resources/cn/global/images/media/webinargroup/btn_menu.svg") center no-repeat;
  background-size: auto;
}
.webinargroup.live .reply .name_info .btn_wrap .btn_box {
  display: none;
  position: absolute;
  top: 27px;
  right: 8px;
  width: 80px;
  margin-top: 0.25rem;
  border: 1px solid #ddd;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}
.webinargroup.live .reply .name_info .btn_wrap .btn_box a {
  display: block;
  width: 100%;
  padding: 7px 0;
  background-color: #f7f7f7;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #666666;
}
.webinargroup.live .reply .name_info .btn_wrap .btn_box a.amend_btn {
  border-bottom: 1px solid #ddd;
}
.webinargroup.live .reply .name_info .btn_wrap .btn_box.active {
  display: block;
}
@media (max-width: 1023px) {
  .webinargroup.live .reply .name_info {
    margin-bottom: 0.5rem;
  }
  .webinargroup.live .reply .name_info .name {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup.live .reply .name_info .data_box {
    vertical-align: middle;
    margin: 2px 0 0 14px;
  }
  .webinargroup.live .reply .name_info .data_box span {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
  }
  .webinargroup.live .reply .name_info .data_box span.time {
    margin-left: 5px;
  }
  .webinargroup.live .reply .name_info .btn_wrap .btn_box {
    width: 74px;
  }
  .webinargroup.live .reply .name_info .btn_wrap .btn_box a {
    padding: 7px 0;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.0714285714;
  }
}
.webinargroup.live .reply .comment_inner {
  padding-right: 10px;
}
.webinargroup.live .reply .comment_inner p {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.webinargroup.live .reply .comment_inner .btn {
  margin-top: 0.9375rem;
  font-size: 0.8125rem;
  letter-spacing: 0;
  line-height: 2.4615384615;
}
.webinargroup.live .reply .comment_inner .btn .reply_count {
  font-weight: bold;
  color: #222222;
}
.webinargroup.live .reply .comment_inner.close {
  display: none;
}
@media (max-width: 1023px) {
  .webinargroup.live .reply .comment_inner p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup.live .reply .comment_inner .btn {
    margin-top: 0.625rem;
    min-width: 66px;
    height: 33px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.2142857143;
  }
}
@media (max-width: 766px) {
  .webinargroup.live .reply .comment_inner .btn {
    margin-top: 0.625rem;
  }
}
.webinargroup.live .reply[data-type=secret] .data_box {
  position: relative;
}
.webinargroup.live .reply[data-type=secret] .data_box:after {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 15px;
  content: "";
  margin: -11px 0 0 5px;
  background: url("/resources/cn/global/images/media/webinargroup/secret_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1023px) {
  .webinargroup.live .reply[data-type=secret] .data_box::after {
    width: 10px;
    height: 13px;
    margin: -10px 0 0 8px;
  }
}
.webinargroup.live .reply.active + .sub_reply {
  display: block;
}
.webinargroup.live .modify_inner {
  display: none;
}
.webinargroup.live .modify_inner.active {
  display: block;
}
.webinargroup.live .sub_reply {
  display: none;
  padding: 20px 19px 20px 40px;
  background-color: #f7f7f7;
  font-size: 0;
}
.webinargroup.live .sub_reply .write_input_box {
  position: relative;
}
.webinargroup.live .sub_reply .write_input_box:before {
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  width: 12px;
  height: 12px;
  content: "";
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  box-sizing: border-box;
}
.webinargroup.live .sub_reply .reply {
  padding: 16px 0 16px 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.webinargroup.live .sub_reply .reply:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  border-left: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  box-sizing: border-box;
}
.webinargroup.live .sub_reply .reply:last-of-type {
  border-bottom: 0;
}
.webinargroup.live .sub_reply .reply + .reply {
  margin-top: 1.25rem;
}
@media (max-width: 1023px) {
  .webinargroup.live .sub_reply {
    padding: 15px 20px 20px 30px;
  }
  .webinargroup.live .sub_reply .write_input_box::before {
    top: 0;
    left: -12px;
    width: 8px;
    height: 8px;
  }
  .webinargroup.live .sub_reply .reply {
    padding: 10px 0 10px 10px;
  }
  .webinargroup.live .sub_reply .reply::before {
    top: 10px;
    width: 8px;
    height: 8px;
  }
}
.webinargroup.live .nodata {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  text-align: center;
  color: #444444;
}
@media (max-width: 1023px) {
  .webinargroup.live .nodata {
    position: static;
    transform: none;
    padding: 100px 0;
  }
}
.webinargroup.live .live_wrap {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.webinargroup.live .live_wrap.active {
  max-width: 100%;
}
.webinargroup.live .live_wrap.active .vdo_sec {
  width: calc(100% - 486px);
}
.webinargroup.live .live_wrap.active .reply_sec {
  right: 30px;
}
.webinargroup.live .live_wrap.active .reply_sec .comment_box {
  display: block;
  width: 466px;
}
.webinargroup.live .live_wrap .vdo_sec {
  width: 100%;
}
.webinargroup.live .live_wrap .vdo_sec .vdo_area {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.webinargroup.live .live_wrap .vdo_sec .vdo_area iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap {
  padding-top: 40px;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt {
  float: left;
  width: calc(100% - 230px);
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt h2 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  word-break: break-all;
  word-wrap: break-word;
  color: #222222;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt p {
  margin-top: 0.9375rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right {
  float: right;
  font-size: 0;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right > * {
  display: inline-block;
  vertical-align: middle;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .live_txt {
  margin-top: 0.25rem;
  margin-right: 23px;
  padding-left: 18px;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #26247B;
  position: relative;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .live_txt:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  content: "";
  background-color: #26247B;
}
.webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .btn {
  min-width: 133px;
}
@media (max-width: 1399px) {
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt p {
    margin-top: 0.3125rem;
  }
}
.webinargroup.live .live_wrap .reply_sec {
  position: absolute;
  top: 30px;
  right: 0;
  height: calc(100% - 85px);
}
.webinargroup.live .live_wrap .reply_sec .reply_open {
  position: absolute;
  top: 0;
  left: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 125px;
  background-color: #26247B;
}
.webinargroup.live .live_wrap .reply_sec .reply_open span {
  display: block;
  width: 16px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.1764705882;
  font-weight: bold;
  color: #ffffff;
}
.webinargroup.live .live_wrap .reply_sec .comment_box {
  display: none;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #ddd;
  overflow-y: auto;
}
.webinargroup.live .live_wrap .reply_sec .reply_wrap {
  position: relative;
  height: calc(100% - 180px);
}
.webinargroup.live .live_wrap .reply_sec .write_area {
  border-bottom: 1px solid #ddd;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info {
  display: flex;
  height: 59px;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .name {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.8823529412;
  color: #222222;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment {
  display: flex;
  align-items: center;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #refreshBtn {
  width: 24px;
  margin-right: 10px;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn {
  position: relative;
  margin-top: -2px;
  padding-left: 26px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5714285714;
  color: #666666;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn::before, .webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn::after {
  content: "";
  display: block;
  position: absolute;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn::before {
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/resources/cn/global/images/media/webinargroup/mycomment_icon.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn.new::after {
  top: 3px;
  left: 14px;
  width: 5px;
  height: 5px;
  background-color: #f05334;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_input_box {
  height: 120px;
  padding-bottom: 15px;
  border-radius: 0;
  border: 0;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_input_box .comment_area {
  padding: 20px;
  border: 0;
  border-radius: 0;
}
.webinargroup.live .live_wrap .reply_sec .write_area .write_input_box .submit_wrap {
  padding: 0 20px;
}
.webinargroup.live .live_wrap .reply_sec .notice_area {
  background-color: #B5B4E9;
  padding: 20px;
}
.webinargroup.live .live_wrap .reply_sec .notice_area .top_box {
  display: flex;
  align-items: center;
}
.webinargroup.live .live_wrap .reply_sec .notice_area .top_box span {
  width: 44px;
  background-color: #0E0D2C;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1.5833333333;
  text-align: center;
  color: #ffffff;
}
.webinargroup.live .live_wrap .reply_sec .notice_area .top_box .admin {
  margin: 0 12px 0 8px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #26247B;
}
.webinargroup.live .live_wrap .reply_sec .notice_area .top_box p {
  font-size: 0.8125rem;
  letter-spacing: 0;
  line-height: 1.6923076923;
  color: #aaa;
}
.webinargroup.live .live_wrap .reply_sec .notice_area .notice_txt {
  margin-top: 0.625rem;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
@media (max-width: 1399px) {
  .webinargroup.live .live_wrap.active .vdo_sec {
    width: calc(100% - 390px);
  }
  .webinargroup.live .live_wrap.active .reply_sec .comment_box {
    width: 370px;
  }
}
@media (max-width: 1023px) {
  .webinargroup.live .live_wrap {
    display: block;
  }
  .webinargroup.live .live_wrap .vdo_sec {
    padding-top: 56.25%;
  }
  .webinargroup.live .live_wrap .vdo_sec .vdo_area {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap {
    position: relative;
    padding: 25px 20px 40px 20px;
    background-color: #f7f7f7;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt {
    float: none;
    width: 100%;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt h2 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt p {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right {
    float: none;
    width: 100%;
    margin-top: 1.875rem;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .live_txt {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 117px;
    padding-left: 16px;
    margin-right: 0;
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1.6;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .live_txt::before {
    top: 7px;
    width: 8px;
    height: 8px;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .btn {
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 3.3333333333;
    text-align: center;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right .btn::after {
    display: inline-block;
    vertical-align: middle;
    position: static;
    transform: none;
    margin: -3px 0 0 12px;
  }
  .webinargroup.live .live_wrap .reply_sec {
    position: static;
    width: 100%;
    height: 100%;
  }
  .webinargroup.live .live_wrap .reply_sec .reply_open {
    display: none;
  }
  .webinargroup.live .live_wrap .reply_sec .comment_box {
    display: block;
    height: 100%;
    border: 0;
    overflow: visible;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_info {
    height: 45px;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_info .name {
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #refreshBtn {
    width: 21px;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn {
    height: 20px;
    padding-left: 23px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.5714285714;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_info .mycomment #myCommentBtn::before {
    top: 2px;
    width: 19px;
    height: 19px;
  }
  .webinargroup.live .live_wrap .reply_sec .write_area .write_input_box {
    padding-bottom: 10px;
  }
  .webinargroup.live .live_wrap .reply_sec .notice_area {
    padding: 20px 20px 17px 20px;
  }
  .webinargroup.live .live_wrap .reply_sec .notice_area .top_box span {
    width: 40px;
    font-size: 0.6875rem;
    letter-spacing: 0;
    line-height: 1.3636363636;
  }
  .webinargroup.live .live_wrap .reply_sec .notice_area .top_box .admin {
    margin-top: -2px;
  }
  .webinargroup.live .live_wrap .reply_sec .notice_area .top_box p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.25;
  }
  .webinargroup.live .live_wrap .reply_sec .notice_area .notice_txt {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_txt p {
    margin-top: 0.625rem;
  }
  .webinargroup.live .live_wrap .vdo_sec .info_wrap .info_right {
    margin-top: 1.875rem;
  }
}
.webinargroup.live .mycomment_popup .cont {
  background-color: #ffffff;
  height: calc(100% - 260px);
}
.webinargroup.live .mycomment_popup .list_comment_wrap {
  height: calc(100% - 80px);
  overflow: hidden;
}
.webinargroup.live .mycomment_popup .list_comment_wrap .inner {
  overflow-y: auto;
  max-height: 100%;
  padding: 60px 30px 50px 30px;
}
.webinargroup.live .mycomment_popup .list_comment {
  border-top: 2px solid #000;
}
.webinargroup.live .mycomment_popup .list_comment .user_item.active {
  background-color: #f7f7f7;
}
@media (max-width: 1023px) {
  .webinargroup.live .mycomment_popup .cont {
    width: 93.75%;
    max-width: 100%;
    height: calc(100% - 80px);
  }
  .webinargroup.live .mycomment_popup .list_comment_wrap .inner {
    width: 100%;
    padding: 40px 20px;
  }
  .webinargroup.live .mycomment_popup .list_comment .sub_reply .reply {
    padding-left: 20px;
  }
  .webinargroup.live .mycomment_popup .list_comment .sub_reply .reply::before {
    left: 10px;
  }
}
.webinargroup.application .sec01 {
  margin-bottom: 11.25rem;
}
.webinargroup.application .sec01 .con01 {
  margin-bottom: 5.625rem;
}
@media (max-width: 1023px) {
  .webinargroup.application .sec01 {
    margin-bottom: 7.5rem;
  }
  .webinargroup.application .sec01 .con01 {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.application .sec01 {
    margin-bottom: 7.5rem;
  }
  .webinargroup.application .sec01 .con01 {
    margin-bottom: 3.75rem;
  }
}
.webinargroup.application .sec02 .con01 .input_area {
  position: relative;
  max-width: 488px;
  margin-right: 10px;
}
.webinargroup.application .sec02 .con01 .item .btn {
  display: inline-block;
}
.webinargroup.application .sec02 .con01 .write_wrap .table_form .form .item .row {
  width: 100%;
}
.webinargroup.application .sec02 .con01 .write_wrap .table_form .form .item .row:first-child {
  margin-right: 0;
}
.webinargroup.application .sec02 .con02 {
  margin-top: 7.5rem;
}
.webinargroup.application .sec02 .con02 .btn_wrap .btn {
  min-width: 180px;
}
@media (max-width: 1023px) {
  .webinargroup.application .sec02 .con01 .input_area {
    max-width: calc(100% - 162px);
    margin-right: 10px;
  }
  .webinargroup.application .sec02 .con02 {
    margin-top: 5rem;
  }
  .webinargroup.application .sec02 .con02 .btn_wrap .btn {
    min-width: 150px;
  }
}
@media (max-width: 766px) {
  .webinargroup.application .sec02 .con01 .input_area {
    max-width: 100%;
    margin-right: 0;
  }
  .webinargroup.application .sec02 .con01 .item .btn {
    margin-top: 0.9375rem;
  }
  .webinargroup.application .sec02 .con02 {
    margin-top: 5rem;
  }
  .webinargroup.application .sec02 .con02 .btn_wrap .btn {
    min-width: 130px;
  }
}
.webinargroup.apply_complete .sec01 .con {
  margin-bottom: 7.5rem;
}
.webinargroup.apply_complete .sec01 .con:last-child {
  margin-bottom: 0;
}
.webinargroup.apply_complete .sec01 .con .tit_box {
  margin-bottom: 1.0625rem;
}
.webinargroup.apply_complete .sec01 .con01 .banner_complte {
  overflow: hidden;
  position: relative;
  padding: 70px 0 55px;
  background: url("/resources/cn/global/images/media/webinargroup/apply_complete_bg.png") center no-repeat;
  background-size: cover;
  text-align: center;
  color: #ffffff;
}
.webinargroup.apply_complete .sec01 .con01 .banner_complte h2 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.webinargroup.apply_complete .sec01 .con01 .banner_complte p {
  margin-top: 1.5rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.webinargroup.apply_complete .sec01 .con02 .tit_area {
  padding-left: 0;
}
.webinargroup.apply_complete .sec01 .con02 .tit_area .webinar_tit:before {
  display: none;
}
.webinargroup.apply_complete .sec01 .con02 .tit_area .webinar_tit:after {
  display: none;
}
.webinargroup.apply_complete .sec01 .con03 .apply_detail {
  border-top: 2px solid #222222;
}
.webinargroup.apply_complete .sec01 .con03 .personal_info {
  padding: 16px 30px;
  border-bottom: 1px solid #dddddd;
  font-size: 0;
}
.webinargroup.apply_complete .sec01 .con03 .personal_info dl {
  display: inline-block;
  width: 50%;
  margin: 7px 0;
  vertical-align: top;
}
.webinargroup.apply_complete .sec01 .con03 .personal_info dt {
  display: inline-block;
  width: 110px;
  font-weight: 700;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  vertical-align: top;
}
.webinargroup.apply_complete .sec01 .con03 .personal_info dd {
  display: inline-block;
  width: calc(100% - 110px);
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  vertical-align: top;
}
.webinargroup.apply_complete .sec01 .con03 .content_detail {
  padding: 45px 30px 60px;
  border-bottom: 1px solid #aaaaaa;
}
.webinargroup.apply_complete .sec01 .con03 .content_detail p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
}
@media (max-width: 1023px) {
  .webinargroup.apply_complete .sec01 .con {
    margin-bottom: 5rem;
  }
  .webinargroup.apply_complete .sec01 .con .tit_box {
    margin-bottom: 0.71875rem;
  }
  .webinargroup.apply_complete .sec01 .con01 .banner_complte {
    padding: 50px 0 40px;
    background: url("/resources/cn/global/images/media/webinargroup/apply_complete_bg_m.png") center no-repeat;
    background-size: cover;
  }
  .webinargroup.apply_complete .sec01 .con01 .banner_complte h2 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .webinargroup.apply_complete .sec01 .con01 .banner_complte p {
    margin-top: 0.96875rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info {
    padding: 10px 15px;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dl {
    display: inline-block;
    width: 50%;
    margin: 5px 0;
    vertical-align: top;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dt {
    display: inline-block;
    width: 92px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dd {
    display: inline-block;
    width: calc(100% - 92px);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.apply_complete .sec01 .con03 .content_detail {
    padding: 30px 15px 35px;
  }
  .webinargroup.apply_complete .sec01 .con03 .content_detail p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .webinargroup.apply_complete .sec01 .con {
    margin-bottom: 5rem;
  }
  .webinargroup.apply_complete .sec01 .con01 .banner_complte p {
    margin-top: 0.96875rem;
  }
  .webinargroup.apply_complete .sec01 .con02 .webinar_list .desc_area {
    padding-left: 0;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info {
    padding: 20px 15px;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dl {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 1.25rem;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dl:last-child {
    margin-bottom: 0;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dt {
    display: inline-block;
    width: 92px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.apply_complete .sec01 .con03 .personal_info dd {
    display: inline-block;
    width: calc(100% - 92px);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    word-break: break-all;
  }
  .webinargroup.apply_complete .sec01 .con03 .content_detail {
    padding: 30px 15px 35px;
  }
  .webinargroup.apply_complete .sec01 .con03 .content_detail p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
.webinargroup.subscription .sec01 {
  margin-bottom: 5.625rem;
}
@media (max-width: 1023px) {
  .webinargroup.subscription .sec01 {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.subscription .sec01 {
    margin-bottom: 3.75rem;
  }
}
.webinargroup.subscription .sec02 .con01 .input_area {
  position: relative;
  max-width: 488px;
  margin-right: 10px;
}
.webinargroup.subscription .sec02 .con01 .item .btn {
  display: inline-block;
}
.webinargroup.subscription .sec02 .con01 .write_wrap .table_form .form .item .row {
  width: 100%;
}
.webinargroup.subscription .sec02 .con01 .write_wrap .table_form .form .item .row:first-child {
  margin-right: 0;
}
.webinargroup.subscription .sec02 .con02 {
  margin-top: 7.5rem;
}
.webinargroup.subscription .sec02 .con02 .btn_wrap .btn {
  min-width: 180px;
}
.webinargroup.subscription .sec02 .con03 {
  margin-top: 7.5rem;
}
.webinargroup.subscription .sec02 .con03 .banner_unsubscription {
  padding: 18px 20px;
  background: #f7f7f7;
  font-size: 0;
}
.webinargroup.subscription .sec02 .con03 .banner_unsubscription p {
  display: inline-block;
  width: calc(100% - 93px);
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #666666;
  vertical-align: middle;
}
.webinargroup.subscription .sec02 .con03 .banner_unsubscription span {
  color: #ef2b2a;
}
.webinargroup.subscription .sec02 .con03 .banner_unsubscription .btn {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .webinargroup.subscription .sec02 .con01 .input_area {
    max-width: calc(100% - 162px);
    margin-right: 10px;
  }
  .webinargroup.subscription .sec02 .con02 {
    margin-top: 5rem;
  }
  .webinargroup.subscription .sec02 .con02 .btn_wrap .btn {
    min-width: 150px;
  }
  .webinargroup.subscription .sec02 .con03 {
    margin-top: 5rem;
  }
  .webinargroup.subscription .sec02 .con03 .banner_unsubscription p {
    display: inline-block;
    width: calc(100% - 93px);
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .webinargroup.subscription .sec02 .con03 .banner_unsubscription .btn {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 766px) {
  .webinargroup.subscription .sec02 .con01 .input_area {
    max-width: 100%;
    margin-right: 0;
  }
  .webinargroup.subscription .sec02 .con01 .item .btn {
    margin-top: 0.9375rem;
  }
  .webinargroup.subscription .sec02 .con02 {
    margin-top: 5rem;
  }
  .webinargroup.subscription .sec02 .con02 .btn_wrap .btn {
    min-width: 130px;
  }
  .webinargroup.subscription .sec02 .con03 {
    margin-top: 5rem;
  }
  .webinargroup.subscription .sec02 .con03 .banner_unsubscription {
    padding: 30px 15px;
  }
  .webinargroup.subscription .sec02 .con03 .banner_unsubscription p {
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 0.96875rem;
    text-indent: -10px;
    word-break: break-all;
    word-wrap: break-word;
  }
  .webinargroup.subscription .sec02 .con03 .banner_unsubscription .btn {
    display: inline-block;
    vertical-align: middle;
  }
}
.webinargroup.unsubscription .sec01 {
  margin-bottom: 5.625rem;
}
@media (max-width: 1023px) {
  .webinargroup.unsubscription .sec01 {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 766px) {
  .webinargroup.unsubscription .sec01 {
    margin-bottom: 3.75rem;
  }
}
.webinargroup.unsubscription .sec02 .con01 .write_wrap .table_form .form .item .row {
  width: 100%;
  margin-right: 0;
}
.webinargroup.unsubscription .sec02 .con01 .input_area {
  max-width: 100%;
}
.common_popup.webinar_popup .cont {
  max-width: 810px;
}
.common_popup.webinar_popup .cont .con_box {
  padding: 63px 0 75px;
}
.common_popup.webinar_popup .cont .btn_close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 22px;
  height: 22px;
}
.common_popup.webinar_popup .top_txt {
  text-align: center;
}
.common_popup.webinar_popup .top_txt i {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 2.4375rem;
  background-color: #f0fafc;
}
.common_popup.webinar_popup .top_txt i img {
  max-width: 72px;
  padding: 24px 0;
  margin: 0 auto;
}
.common_popup.webinar_popup .top_txt p {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  color: #222222;
}
.common_popup.webinar_popup .top_txt span {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
}
.common_popup.webinar_popup .btn_wrap {
  margin-top: 2.8125rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .common_popup.webinar_popup .cont .con_box {
    padding: 60px 22px 91px;
  }
  .common_popup.webinar_popup .cont .btn_close {
    top: 25px;
    right: 20px;
    width: 12px;
    height: 12px;
  }
  .common_popup.webinar_popup .top_txt i {
    width: 80px;
    height: 80px;
    margin-bottom: 1.625rem;
  }
  .common_popup.webinar_popup .top_txt i img {
    max-width: 50px;
    padding: 15px 0;
  }
  .common_popup.webinar_popup .top_txt p {
    margin-bottom: 1rem;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .common_popup.webinar_popup .top_txt span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .common_popup.webinar_popup .btn_wrap {
    margin-top: 1.875rem;
  }
}
@media (max-width: 766px) {
  .common_popup.webinar_popup .top_txt i {
    margin-bottom: 1.625rem;
  }
  .common_popup.webinar_popup .top_txt p {
    margin-bottom: 1rem;
    word-break: break-all;
    word-wrap: break-word;
  }
  .common_popup.webinar_popup .top_txt span {
    word-break: break-all;
    word-wrap: break-word;
  }
  .common_popup.webinar_popup .btn_wrap {
    margin-top: 1.875rem;
  }
}

/* esg 공통 */
.esg .vision_wrap .top_box {
  position: relative;
  padding-bottom: 30px;
  text-align: center;
}
.esg .vision_wrap .top_box::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  background: url("/resources/cn/global/images/esg/arrow_cool_down.svg") center no-repeat;
  background-size: cover;
}
.esg .vision_wrap .top_box h3,
.esg .vision_wrap .top_box span {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-weight: bold;
  color: #666666;
}
.esg .vision_wrap .top_box h4,
.esg .vision_wrap .top_box p {
  margin-top: 1rem;
  font-weight: bold;
  font-size: 2.8125rem;
  letter-spacing: 0;
  line-height: 1.2222222222;
  color: #26247B;
  word-break: break-all;
}
.esg .vision_wrap .type_box {
  width: 100%;
  padding-top: 100px;
  font-size: 0;
}
.esg .vision_wrap .type_box .type {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  height: 460px;
  padding: 45px 40px 0 40px;
  border: 1px solid #aaa;
}
.esg .vision_wrap .type_box .type:first-of-type {
  margin-right: 20px;
}
.esg .vision_wrap .type_box .type h5 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.4615384615;
  color: #222222;
  text-align: center;
}
.esg .vision_wrap .type_box .type .list {
  padding-top: 32px;
}
.esg .vision_wrap .type_box .type .list dl {
  padding: 15px 0;
  border-bottom: 1px solid #c7c7c7;
}
.esg .vision_wrap .type_box .type .list dl:last-of-type {
  border-bottom: 0;
}
.esg .vision_wrap .type_box .type .list dl > * {
  display: inline-block;
  vertical-align: top;
}
.esg .vision_wrap .type_box .type .list dl dt {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.7272727273;
  font-weight: bold;
  color: #222222;
}
.esg .vision_wrap .type_box .type .list dl dd {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
}
.esg .vision_wrap .type_box .type.type1 .list dl dt {
  width: 98px;
}
.esg .vision_wrap .type_box .type.type1 .list dl dd {
  width: calc(100% - 98px);
}
.esg .vision_wrap .type_box .type.type2 .list dl dt {
  width: 53px;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.1875;
}
.esg .vision_wrap .type_box .type.type2 .list dl dt.en {
  margin-top: 0.125rem;
}
.esg .vision_wrap .type_box .type.type2 .list dl dd {
  width: calc(100% - 53px);
}
@media (max-width: 1023px) {
  .esg .vision_wrap .top_box {
    padding-bottom: 34px;
  }
  .esg .vision_wrap .top_box::before {
    bottom: -24px;
    width: 2px;
    height: 24px;
  }
  .esg .vision_wrap .top_box::after {
    bottom: -29px;
    width: 16px;
    height: 23px;
  }
  .esg .vision_wrap .top_box h3,
.esg .vision_wrap .top_box span {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
  .esg .vision_wrap .top_box h4,
.esg .vision_wrap .top_box p {
    margin-top: 0.6875rem;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .esg .vision_wrap .type_box {
    padding-top: 50px;
  }
  .esg .vision_wrap .type_box .type {
    display: block;
    width: 100%;
    height: auto;
    padding: 35px 20px;
  }
  .esg .vision_wrap .type_box .type:first-of-type {
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
  .esg .vision_wrap .type_box .type h5 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2380952381;
  }
  .esg .vision_wrap .type_box .type .list {
    padding-top: 34px;
  }
  .esg .vision_wrap .type_box .type .list dl {
    padding: 20px 0;
  }
  .esg .vision_wrap .type_box .type .list dl dt {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .esg .vision_wrap .type_box .type .list dl dd {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .esg .vision_wrap .type_box .type.type1 .list dl dt {
    width: 90px;
  }
  .esg .vision_wrap .type_box .type.type1 .list dl dd {
    width: calc(100% - 90px);
  }
  .esg .vision_wrap .type_box .type.type2 .list dl dt {
    width: 90px;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 0.9;
  }
  .esg .vision_wrap .type_box .type.type2 .list dl dt.en {
    margin-top: 0.3125rem;
  }
  .esg .vision_wrap .type_box .type.type2 .list dl dd {
    width: calc(100% - 90px);
  }
}
@media (max-width: 766px) {
  .esg .vision_wrap .type_box .type:first-of-type {
    margin-bottom: 1.25rem;
  }
}
.esg .system_slide_wrap .system_slide {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.esg .system_slide_wrap .system_slide .swiper-slide {
  position: relative;
  padding: 60px 35px 72px 50px;
  overflow: hidden;
  background-color: #ffffff;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type {
  position: relative;
  z-index: 1;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type > * {
  float: left;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type .tit h3 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4375;
  margin-bottom: 0.3125rem;
  color: #222222;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl dt {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  font-weight: bold;
  color: #222222;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl dd {
  margin-top: 0.5rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  color: #222222;
  word-break: break-all;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl + dl {
  margin-top: 2.8125rem;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type1 .tit {
  width: 116px;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type1 .txt_box {
  margin-left: 232px;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box {
  margin-left: 79px;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box .box {
  float: left;
}
.esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box .box:first-of-type {
  margin-right: 83px;
}
.esg .system_slide_wrap .system_slide .swiper-pagination {
  bottom: 0;
}
.esg .system_slide_wrap .system_slide .swiper-pagination .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  margin: 0 4px;
  background-color: #ffffff;
  border-radius: unset;
  transform: skew(-40deg);
  opacity: 1;
}
.esg .system_slide_wrap .system_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6EEB83;
}
.esg .system_slide_wrap .swiper-button-prev,
.esg .system_slide_wrap .swiper-button-next {
  width: 22px;
  height: 37px;
  top: 44%;
  transform: translateY(-50%);
  margin-top: 0;
}
.esg .system_slide_wrap .swiper-button-prev {
  left: 0;
  background: url("/resources/cn/global/images/esg/slide_prev.svg") 0 0 no-repeat;
  background-size: cover;
}
.esg .system_slide_wrap .swiper-button-next {
  right: 0;
  background: url("/resources/cn/global/images/esg/slide_next.svg") 0 0 no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .esg .system_slide_wrap .system_slide {
    width: calc(100% - 40px);
  }
  .esg .system_slide_wrap .system_slide .swiper-slide {
    padding: 30px 25px;
    background: none !important;
    background-color: #ffffff !important;
    height: 590px;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type > * {
    float: none;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .tit h3 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    margin-bottom: 0.4375rem;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .tit img {
    width: 47.5px;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box {
    margin-top: 1.5625rem;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl dt {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl dd {
    margin-top: 0.3125rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl + dl {
    margin-top: 1.875rem;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type1 .tit {
    width: auto;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type1 .txt_box {
    margin-left: 0;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box {
    margin-left: 0;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box .box {
    float: none;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box .box:first-of-type {
    margin-right: 0;
    margin-bottom: 1.875rem;
  }
  .esg .system_slide_wrap .system_slide .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
  }
  .esg .system_slide_wrap .swiper-button-prev,
.esg .system_slide_wrap .swiper-button-next {
    width: 9px;
    height: 16.5px;
    top: 46%;
  }
}
@media (max-width: 766px) {
  .esg .system_slide_wrap .system_slide .swiper-slide .type .txt_box dl + dl {
    margin-top: 1.875rem;
  }
  .esg .system_slide_wrap .system_slide .swiper-slide .type.type2 .txt_box .box:first-of-type {
    margin-bottom: 1.875rem;
  }
}
.esg .load_map .list {
  width: 1020px;
  margin: 0 auto;
  font-size: 0;
  white-space: nowrap;
}
.esg .load_map .list .mCustomScrollBox {
  overflow: visible;
}
.esg .load_map .list li {
  display: inline-block;
  vertical-align: top;
  width: 215px;
  height: 100px;
  margin-right: 40px;
}
.esg .load_map .list li + li {
  position: relative;
}
.esg .load_map .list li + li::before, .esg .load_map .list li + li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  width: 40px;
  height: 40px;
}
.esg .load_map .list li + li::before {
  background: url("/resources/cn/global/images/esg/arrow_right.svg") center no-repeat;
  background-size: cover;
}
.esg .load_map .list li + li::after {
  background: url("/resources/cn/global/images/esg/arrow_right_active.svg") center no-repeat;
  background-size: cover;
  opacity: 0;
}
.esg .load_map .list li:last-of-type {
  margin-right: 0;
}
.esg .load_map .list li a {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  border: 1px solid #dddddd;
  text-align: center;
}
.esg .load_map .list li a p {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.2727272727;
  font-weight: bold;
  color: #aaaaaa;
}
@media (min-width: 1024px) {
  .esg .load_map .list li:hover a {
    background-color: #26247B;
  }
}
.esg .load_map .list li.active + li::after {
  opacity: 1;
}
.esg .load_map .list li.active a {
  background-color: #26247B;
  box-shadow: 4px 4px 20px 0 rgba(38, 36, 123, 0.25);
}
.esg .load_map .list li.active a p {
  color: #ffffff;
}
.esg .load_map .list .mCSB_container {
  padding: 20px;
}
.esg .load_map .txt_tab {
  margin-top: 4.6875rem;
}
.esg .load_map .txt_tab .tab_box {
  display: none;
  padding-bottom: 80px;
  border-bottom: 1px solid #aaa;
}
.esg .load_map .txt_tab .tab_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.esg .load_map .txt_tab .tab_box.active {
  display: block;
}
.esg .load_map .txt_tab .tab_box .box {
  float: left;
}
.esg .load_map .txt_tab .tab_box .box.box1 {
  width: 44.8%;
  padding: 0 50px;
}
.esg .load_map .txt_tab .tab_box .box.box1 h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2380952381;
  font-weight: bold;
  color: #222222;
}
.esg .load_map .txt_tab .tab_box .box.box1 .year {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.3636363636;
  font-weight: bold;
  color: #26247B;
  margin-top: 0.9375rem;
}
.esg .load_map .txt_tab .tab_box .box.box1 .txt {
  margin-top: 2.6875rem;
}
.esg .load_map .txt_tab .tab_box .box.box1 .txt p {
  padding-left: 14px;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.7272727273;
  font-weight: bold;
  color: #222222;
  word-break: break-all;
  position: relative;
}
.esg .load_map .txt_tab .tab_box .box.box1 .txt p + p {
  margin-top: 0.5rem;
}
.esg .load_map .txt_tab .tab_box .box.box1 .txt p:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  width: 4px;
  height: 4px;
  content: "";
  background-color: #26247B;
  box-sizing: border-box;
}
.esg .load_map .txt_tab .tab_box .box.box2 {
  width: 55.2%;
  padding-left: 35px;
  border-left: 1px solid #aaa;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box + .txt_box {
  margin-top: 1.875rem;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box strong {
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: bold;
  color: #222222;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt {
  margin-top: 0.5625rem;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p {
  padding-left: 12px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
  position: relative;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p:before {
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #666;
}
.esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p + p {
  margin-top: 0.4375rem;
}
@media (max-width: 1023px) {
  .esg .load_map .list {
    width: 100%;
    padding: 10px;
  }
  .esg .load_map .list li {
    width: 150px;
    height: 90px;
  }
  .esg .load_map .list li a p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.2777777778;
  }
  .esg .load_map .list .mCSB_container {
    padding: 10px;
  }
  .esg .load_map .txt_tab {
    margin-top: 3.1875rem;
  }
  .esg .load_map .txt_tab .tab_box {
    padding-bottom: 60px;
  }
  .esg .load_map .txt_tab .tab_box .box {
    float: none;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 {
    width: 100%;
    padding: 0;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 .year {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3888888889;
    margin-top: 0.9375rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 .txt {
    margin-top: 1.8125rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 .txt p {
    padding-left: 8px;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 .txt p + p {
    margin-top: 0.3125rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box1 .txt p::before {
    top: 10px;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 {
    width: 100%;
    margin-top: 1.875rem;
    padding: 30px 0 0 0;
    border-left: 0;
    border-top: 1px solid #aaa;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box + .txt_box {
    margin-top: 1.875rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box strong {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 2.1875;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt {
    margin-top: 0.625rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p {
    padding-left: 12px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p::before {
    top: 10px;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt p + p {
    margin-top: 0.375rem;
  }
}
@media (max-width: 766px) {
  .esg .load_map .txt_tab .tab_box .box.box2 {
    margin-top: 1.875rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box + .txt_box {
    margin-top: 1.875rem;
  }
  .esg .load_map .txt_tab .tab_box .box.box2 .txt_box .txt {
    margin-top: 0.625rem;
  }
}
.esg .con_txt h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.34375;
  font-weight: bold;
  color: #222222;
}
.esg .con_txt p {
  margin-top: 1.125rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  word-break: break-all;
}
@media (max-width: 1023px) {
  .esg .con_txt h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .esg .con_txt p {
    margin-top: 0.8125rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
.esg .txt_list {
  margin-top: 1.46875rem;
}
.esg .txt_list p {
  padding-left: 15px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  color: #666666;
  position: relative;
}
.esg .txt_list p + p {
  margin-top: 0.9375rem;
}
.esg .txt_list p:before {
  display: block;
  position: absolute;
  top: 11px;
  left: 4px;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #666;
}
@media (max-width: 1023px) {
  .esg .txt_list {
    display: none;
  }
}
.esg .list.type1 {
  margin-top: 1.25rem;
  font-size: 0;
}
.esg .list.type1 li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 20px);
  margin-right: 30px;
}
.esg .list.type1 li:last-of-type {
  margin-right: 0;
}
.esg .list.type1 li p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  color: #222222;
  padding: 30px 0 15px;
}
.esg .list.type1 li span {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
}
.esg .list.type2 {
  margin-top: 1.25rem;
  font-size: 0;
}
.esg .list.type2 li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 15px);
}
.esg .list.type2 li:first-of-type {
  margin-right: 30px;
}
.esg .list.type2 li p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  font-weight: bold;
  color: #222222;
  padding: 30px 0 15px;
}
.esg .list.type2 li span {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
}
.esg .list.type2 li img {
  width: 100%;
}
@media (max-width: 1023px) {
  .esg .list.type1 {
    margin-top: 0.8125rem;
  }
  .esg .list.type1 li {
    width: calc(50% - 15px);
    margin-bottom: 1.875rem;
  }
  .esg .list.type1 li:nth-child(2) {
    margin-right: 0;
  }
  .esg .list.type1 li:last-child {
    margin-bottom: 0;
  }
  .esg .list.type1 li img {
    width: 100%;
  }
  .esg .list.type1 li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
    padding: 20px 0 10px;
  }
  .esg .list.type1 li span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .esg .list.type2 {
    margin-top: 0.8125rem;
    font-size: 0;
  }
  .esg .list.type2 li:first-of-type {
    margin-bottom: 3.75rem;
  }
  .esg .list.type2 li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
    padding: 20px 0 10px;
  }
  .esg .list.type2 li span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .esg .list.type1 {
    margin-top: 0.8125rem;
  }
  .esg .list.type1 li {
    display: block;
    width: 100%;
    margin-bottom: 3.75rem;
  }
  .esg .list.type2 li {
    display: block;
    width: 100%;
  }
  .esg .list.type2 li:first-of-type {
    margin-right: 0;
    margin-bottom: 3.75rem;
  }
}

.social .sec {
  margin-bottom: 11.25rem;
}
.social .sec:first-child .inner {
  padding-bottom: 0;
  border-bottom: none;
}
.social .sec:last-child {
  margin-bottom: 0;
}
.social .sec:last-child .inner {
  padding-bottom: 0;
  border-bottom: none;
}
.social .sec:not(.sec01) .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
.social .sec .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #dddddd;
}
.social .sec .table_area:first-child {
  margin-top: 0;
}
.social .sec .table_area h4 {
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.social .sec .table_area .sm_txt {
  display: block;
  margin-top: 1.0625rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #666666;
  text-align: right;
}
.social .sec .table_area .table_wrap .table .col01 {
  width: 49%;
}
.social .sec .table_area .table_wrap .table .col02 {
  width: 17%;
}
.social .sec .table_area .table_wrap .table .col03 {
  width: 17%;
}
.social .sec .table_area .table_wrap .table .col04 {
  width: 17%;
}
.social .sec .table_area .table_wrap .table.sticky thead tr th {
  padding: 20px 40px;
  height: 84px;
}
.social .sec .table_area .table_wrap .table.sticky thead tr th:nth-of-type(1) {
  padding: 15px 5px;
  text-align: center;
}
.social .sec .table_area .table_wrap .table.sticky tbody tr th:nth-of-type(1) {
  padding: 15px 5px;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  text-align: center;
}
.social .sec .table_area .table_wrap .table.sticky tbody tr td {
  padding: 20px 40px;
}
@media (max-width: 1023px) {
  .social .sec {
    margin-bottom: 7.5rem;
  }
  .social .sec:not(.sec01) .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .social .sec .inner {
    padding-bottom: 120px;
  }
  .social .sec .table_area h4 {
    margin-bottom: 0.9375rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.5238095238;
  }
  .social .sec .table_area .sm_txt {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
  .social .sec .table_area .table_wrap .table {
    padding-bottom: 5px;
  }
  .social .sec .table_area .table_wrap .table.sticky thead tr th {
    height: 60px;
    padding: 20px 20px;
  }
  .social .sec .table_area .table_wrap .table.sticky thead tr th:nth-of-type(1) {
    padding: 20px 5px;
  }
  .social .sec .table_area .table_wrap .table.sticky tbody tr th {
    height: 60px;
  }
  .social .sec .table_area .table_wrap .table.sticky tbody tr th:nth-of-type(1) {
    padding: 10px 5px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7142857143;
  }
  .social .sec .table_area .table_wrap .table.sticky tbody tr td {
    padding: 0 20px 0 0;
  }
}
@media (max-width: 766px) {
  .social .sec {
    margin-bottom: 7.5rem;
  }
  .social .sec .table_area .table_wrap table {
    min-width: 480px;
  }
  .social .sec .table_area .table_wrap .table table {
    min-width: 0;
  }
  .social .sec .table_area .table_wrap .table .col01 {
    width: 200px;
  }
  .social .sec .table_area .table_wrap .table .col02 {
    width: 100px;
  }
  .social .sec .table_area .table_wrap .table .col03 {
    width: 100px;
  }
  .social .sec .table_area .table_wrap .table .col04 {
    width: 100px;
  }
  .social .sec .table_area .table_wrap .table.sticky thead tr th:nth-of-type(1) {
    min-width: 200px;
  }
  .social .sec .table_area .table_wrap .table.sticky tbody tr th:nth-of-type(1) {
    min-width: 200px;
  }
  .social .sec .table_area .table_wrap .table .scroll::after {
    left: 200px;
    height: calc(100% - 21px);
  }
}
.social .sec02 .table_box {
  margin-top: 3.4375rem;
}
.social .sec02 .table_area {
  margin-top: 3.75rem;
}
.social .sec02 .btn_wrap {
  margin-top: 2.8125rem;
}
@media (max-width: 1023px) {
  .social .sec02 .table_area {
    margin-top: 2.5rem;
  }
  .social .sec02 .btn_wrap {
    margin-top: 1.875rem;
  }
}
@media (max-width: 766px) {
  .social .sec02 .table_area {
    margin-top: 2.5rem;
  }
  .social .sec02 .btn_wrap {
    margin-top: 1.875rem;
  }
}
.social .sec04 .con01 .inner {
  padding-bottom: 120px;
  border-bottom: none;
}
@media (max-width: 1023px) {
  .social .sec04 .con01 .inner {
    padding-bottom: 80px;
  }
}
.social .sec04 .con02 .inner {
  padding-bottom: 0;
  border-bottom: none;
}
.social .sec04 .con_box {
  padding: 60px 26px;
  margin-top: 3.4375rem;
  border: 1px solid #dddddd;
}
.social .sec04 .con_box ul {
  font-size: 0;
}
.social .sec04 .con_box li {
  display: inline-block;
  width: 33.333%;
  text-align: center;
}
.social .sec04 .con_box li:nth-child(1) strong::before {
  background: url("/resources/cn/global/images/esg/society_icon01.svg") center no-repeat;
  background-size: auto;
}
.social .sec04 .con_box li:nth-child(2) strong::before {
  background: url("/resources/cn/global/images/esg/society_icon02.svg") center no-repeat;
  background-size: auto;
}
.social .sec04 .con_box li:nth-child(3) strong::before {
  background: url("/resources/cn/global/images/esg/society_icon03.svg") center no-repeat;
  background-size: auto;
}
.social .sec04 .con_box strong {
  position: relative;
  display: block;
  margin-bottom: 1.875rem;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #26247B;
}
.social .sec04 .con_box strong::before {
  display: inline-block;
  width: 72px;
  height: 72px;
  margin-right: 6px;
  vertical-align: middle;
  content: "";
}
.social .sec04 .con_box strong::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background: url("/resources/cn/global/images/esg/arrow_upward_green.svg") center no-repeat;
  background-size: cover;
}
.social .sec04 .con_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  text-align: center;
}
@media (max-width: 1023px) {
  .social .sec04 .con_box {
    padding: 40px 9.835%;
    margin-top: 2.21875rem;
  }
  .social .sec04 .con_box li {
    width: 100%;
    margin-bottom: 2.84375rem;
  }
  .social .sec04 .con_box li:last-of-type {
    margin-bottom: 0;
  }
  .social .sec04 .con_box li:nth-child(1) strong::before {
    background: url("/resources/cn/global/images/esg/society_icon01.svg") center no-repeat;
    background-size: auto 100%;
  }
  .social .sec04 .con_box li:nth-child(2) strong::before {
    background: url("/resources/cn/global/images/esg/society_icon02.svg") center no-repeat;
    background-size: auto 100%;
  }
  .social .sec04 .con_box li:nth-child(3) strong::before {
    background: url("/resources/cn/global/images/esg/society_icon03.svg") center no-repeat;
    background-size: auto 100%;
  }
  .social .sec04 .con_box strong {
    margin-bottom: 1.71875rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .social .sec04 .con_box strong::before {
    width: 45px;
    height: 45px;
    content: "";
  }
  .social .sec04 .con_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .social .sec04 .con_box {
    margin-top: 2.21875rem;
  }
  .social .sec04 .con_box li {
    margin-bottom: 2.84375rem;
  }
}
.social .sec04 .tab_btn_select .panel {
  padding: 90px 86px 90px 40px;
  border: 1px solid #dddddd;
  border-top: none;
}
.social .sec04 .tab_btn_select .panel .box {
  display: block;
  width: 100%;
  margin-bottom: 2.8125rem;
  font-size: 0;
}
.social .sec04 .tab_btn_select .panel .box:last-child {
  margin-bottom: 0;
}
.social .sec04 .tab_btn_select .panel .box .panel_cont {
  display: inline-block;
  vertical-align: top;
}
.social .sec04 .tab_btn_select .panel .box .panel_cont_img {
  width: 39.554%;
  overflow: hidden;
}
.social .sec04 .tab_btn_select .panel .box .panel_cont_txt {
  width: calc(60.446% - 35px);
  margin-left: 35px;
}
.social .sec04 .tab_btn_select .panel dt {
  display: block;
  margin-bottom: 1.03125rem;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 0.8636363636;
  color: #222222;
}
.social .sec04 .tab_btn_select .panel dd {
  display: block;
}
.social .sec04 .tab_btn_select .panel p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
}
.social .sec04 .tab_btn_select .panel .btn {
  margin-top: 1.46875rem;
}
.social .sec04 .tab_btn_select .panel_top {
  margin-bottom: 5.625rem;
}
.social .sec04 .tab_btn_select .panel_top h4 {
  margin-bottom: 1.25rem;
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  word-break: break-all;
  word-wrap: break-word;
  color: #222222;
}
.social .sec04 .tab_btn_select .panel_top p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #444444;
}
@media (max-width: 1023px) {
  .social .sec04 .tab_btn_select .panel {
    padding: 60px 5.97% 60px;
  }
  .social .sec04 .tab_btn_select .panel .box {
    margin-bottom: 4.375rem;
  }
  .social .sec04 .tab_btn_select .panel dt {
    margin-bottom: 0.6875rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 0.8888888889;
  }
  .social .sec04 .tab_btn_select .panel p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .social .sec04 .tab_btn_select .panel .btn {
    margin-top: 0.96875rem;
  }
  .social .sec04 .tab_btn_select .panel_top {
    margin-bottom: 3.75rem;
  }
  .social .sec04 .tab_btn_select .panel_top h4 {
    margin-bottom: 0.625rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2380952381;
  }
  .social .sec04 .tab_btn_select .panel_top p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .social .sec04 .tab_btn_select .panel .box {
    display: block;
  }
  .social .sec04 .tab_btn_select .panel .box .panel_cont_img {
    width: 100%;
    margin-bottom: 1.9375rem;
  }
  .social .sec04 .tab_btn_select .panel .box .panel_cont_img img {
    width: 100%;
    margin: 0;
  }
  .social .sec04 .tab_btn_select .panel .box .panel_cont_txt {
    width: 100%;
    margin: 0;
  }
  .social .sec04 .tab_btn_select .panel dt {
    margin-bottom: 0.6875rem;
  }
  .social .sec04 .tab_btn_select .panel .btn {
    margin-top: 0.96875rem;
  }
}
.social .sec05 .table_box {
  margin-top: 3.4375rem;
}
@media (max-width: 1023px) {
  .social .sec05 .table_area {
    margin-top: 2.15625rem;
  }
}
@media (max-width: 766px) {
  .social .sec05 .table_area {
    margin-top: 2.15625rem;
  }
}
.social .sec06 .cont_wrap {
  margin-top: 7.25rem;
}
.social .sec06 .cont_wrap .con_item {
  margin-top: 7.25rem;
}
.social .sec06 .cont_wrap .con_item:first-child {
  margin-top: 0;
}
.social .sec06 .cont_wrap .con_item h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
  color: #222222;
}
.social .sec06 .cont_wrap .con_item > p {
  margin-top: 0.84375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.social .sec06 .cont_wrap .diagram_box {
  margin-top: 3.75rem;
}
.social .sec06 .cont_wrap .diagram_box h5 {
  margin-bottom: 1.0625rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.social .sec06 .banner_area_career2 {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .social .sec06 .cont_wrap {
    margin-top: 4.90625rem;
  }
  .social .sec06 .cont_wrap .con_item {
    margin-top: 4.90625rem;
  }
  .social .sec06 .cont_wrap .con_item h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.1304347826;
  }
  .social .sec06 .cont_wrap .con_item > p {
    margin-top: 0.65625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .social .sec06 .cont_wrap .diagram_box {
    margin-top: 2.5rem;
  }
  .social .sec06 .cont_wrap .diagram_box h5 {
    margin-bottom: 1.09375rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2857142857;
  }
  .social .sec06 .cont_wrap .diagram_box li {
    width: 100%;
  }
  .social .sec06 .banner_area_career2 {
    margin-top: 5rem;
  }
}
@media (max-width: 766px) {
  .social .sec06 .cont_wrap {
    margin-top: 4.90625rem;
  }
  .social .sec06 .cont_wrap .con_item {
    margin-top: 4.90625rem;
  }
  .social .sec06 .cont_wrap .diagram_box {
    margin-top: 2.5rem;
  }
  .social .sec06 .banner_area_career2 {
    margin-top: 5rem;
  }
}
.social .sec07 {
  margin-bottom: 7.5rem;
}
.social .sec07 .inner {
  padding-bottom: 0;
  border-bottom: none;
}
.social .sec07 .diagram_box {
  margin-top: 3.4375rem;
}
@media (max-width: 1023px) {
  .social .sec07 {
    margin-bottom: 5rem;
  }
  .social .sec07 .diagram_box {
    margin-top: 2.21875rem;
  }
}
@media (max-width: 766px) {
  .social .sec07 {
    margin-bottom: 5rem;
  }
  .social .sec07 .diagram_box {
    margin-top: 2.21875rem;
  }
}
.governance .sec + .sec {
  padding-top: 180px;
}
@media (max-width: 1023px) {
  .governance .sec + .sec {
    padding-top: 120px;
  }
}
.governance .sec02 .con01 .con_title {
  margin-bottom: 6.875rem;
}
.governance .sec02 .con01 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.governance .sec02 .con01 .director_wrap .director_box + .director_box {
  margin-top: 7.5rem;
}
.governance .sec02 .con01 .director_wrap .director_box.type1 {
  margin-top: 3.75rem;
}
.governance .sec02 .con01 .director_wrap .director_box h4 {
  margin-bottom: 1.125rem;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
  color: #222222;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list {
  width: 100%;
  font-size: 0;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 21.333333px);
  margin-right: 32px;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director:nth-of-type(n + 4) {
  margin-top: 5.625rem;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director:last-of-type {
  margin-right: 0;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director a {
  display: block;
  width: 100%;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director img {
  width: 100%;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box {
  width: 100%;
  padding: 25px 31px 30px 30px;
  background-color: #f7f7f7;
  position: relative;
  transition: all 0.5s;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box:after {
  display: block;
  position: absolute;
  right: 31px;
  bottom: 38px;
  width: 22px;
  height: 22px;
  content: "";
  background: url("/resources/cn/global/images/esg/governance_sec02_list_arrow_off.svg") 0 0 no-repeat;
  background-size: cover;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box p {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #444444;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box strong {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director.on .txt_box {
  background-color: #26247B;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director.on .txt_box::after {
  background: url("/resources/cn/global/images/esg/governance_sec02_list_arrow_on.svg") 0 0 no-repeat;
  background-size: cover;
}
.governance .sec02 .con01 .director_wrap .director_box .director_list .director.on .txt_box p,
.governance .sec02 .con01 .director_wrap .director_box .director_list .director.on .txt_box strong {
  color: #ffffff;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt {
  padding: 38px 10px 35px 30px;
  border-bottom: 1px solid #ddd;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl {
  float: left;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl > * {
  float: left;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl + dl {
  margin-left: 40px;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dt {
  padding-right: 10px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  font-weight: bold;
  color: #222222;
  position: relative;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dt:after {
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 16px;
  content: "";
  background-color: #aaa;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dd {
  padding-left: 10px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt {
  padding: 30px 10px 0 30px;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt strong {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt .txt {
  padding-top: 10px;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt .txt li p {
  padding-left: 15px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  position: relative;
}
.governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt .txt li p:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 4px;
  width: 3px;
  height: 3px;
  content: "";
  background-color: #222;
}
@media (max-width: 1023px) {
  .governance .sec02 {
    margin-bottom: 0;
  }
  .governance .sec02 .con01 .con_title {
    margin-bottom: 4.5625rem;
  }
  .governance .sec02 .con01 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .governance .sec02 .con01 .inner {
    padding-bottom: 120px;
    border-bottom: 1px solid #ddd;
  }
  .governance .sec02 .con01 .director_wrap .director_box + .director_box {
    margin-top: 5rem;
  }
  .governance .sec02 .con01 .director_wrap .director_box.type1 {
    margin-top: 2.5rem;
  }
  .governance .sec02 .con01 .director_wrap .director_box h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
    margin-bottom: 0.875rem;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box {
    padding: 20px 25px 25px 25px;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box::after {
    right: 25px;
    bottom: 32px;
    width: 20px;
    height: 20px;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.4166666667;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director .txt_box strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4444444444;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt {
    padding: 40px 10px 20px 25px;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl {
    float: none;
    display: block;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl > * {
    float: left;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl + dl {
    margin: 20px 0 0 0;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dt {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dt::after {
    top: 6px;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .info_txt dl dd {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt {
    padding: 20px 10px 0 25px;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt strong {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt .txt li p {
    padding-left: 13px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_info .career_txt .txt li p::before {
    top: 12px;
    left: 2px;
  }
}
@media (max-width: 766px) {
  .governance .sec02 .con01 .director_wrap .director_box + .director_box {
    margin-top: 5rem;
  }
  .governance .sec02 .con01 .director_wrap .director_box.type1 {
    margin-top: 2.5rem;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .governance .sec02 .con01 .director_wrap .director_box .director_list .director:nth-of-type(n + 2) {
    margin-top: 2.5rem;
  }
}
.governance .sec03 .con01 .con_title {
  margin-bottom: 3.4375rem;
}
.governance .sec03 .con01 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
@media (max-width: 1023px) {
  .governance .sec03 {
    margin-bottom: 0;
  }
  .governance .sec03 .con01 .con_title {
    margin-bottom: 2.21875rem;
  }
  .governance .sec03 .con01 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .governance .sec03 .con01 .inner {
    padding-bottom: 120px;
    border-bottom: 1px solid #ddd;
  }
  .governance .sec03 .con01 .table_wrap thead th {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
}
@media (max-width: 766px) {
  .governance .sec03 .con01 .con_title {
    margin-bottom: 2.21875rem;
  }
}
.governance .sec04 .con .type1 {
  margin-bottom: 3.5625rem;
}
.governance .sec04 .con .type1 .con_title h3 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
}
.governance .sec04 .con .type1 .con_title p {
  margin-top: 0.875rem;
}
.governance .sec04 .con .type2 .con_title h3 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
}
.governance .sec04 .con .type2 .con_title p {
  margin-top: 0.75rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.governance .sec04 .con .type2 ul {
  margin-top: 2.8125rem;
  border-top: 1px solid #222;
  border-bottom: 1px solid #aaa;
}
.governance .sec04 .con .type2 ul li {
  min-height: 80px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.governance .sec04 .con .type2 ul li:last-of-type {
  border-bottom: 0;
}
.governance .sec04 .con .type2 ul li p {
  display: inline-block;
  width: 50%;
  padding: 24px 0;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  text-align: center;
  vertical-align: middle;
}
.governance .sec04 .con.con01 {
  margin-bottom: 6.9375rem;
}
.governance .sec04 .con.con02 {
  margin-bottom: 7.5rem;
}
@media (max-width: 1023px) {
  .governance .sec04 .con .type1 {
    margin-bottom: 2.125rem;
  }
  .governance .sec04 .con .type1 .con_title h3 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.3043478261;
  }
  .governance .sec04 .con .type1 .con_title p {
    margin-top: 1.1875rem;
  }
  .governance .sec04 .con .type2 .con_title h3 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .governance .sec04 .con .type2 .con_title p {
    margin-top: 0.5625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .governance .sec04 .con .type2 ul {
    margin-top: 1.875rem;
  }
  .governance .sec04 .con .type2 ul li {
    min-height: 50px;
  }
  .governance .sec04 .con .type2 ul li p {
    padding: 15px 5px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .governance .sec04 .con.con01 {
    margin-bottom: 4.5625rem;
  }
  .governance .sec04 .con.con02 {
    margin-bottom: 9.125rem;
  }
}
@media (max-width: 766px) {
  .governance .sec04 .con .type2 ul {
    margin-top: 1.875rem;
  }
}

.ethics .sec {
  margin-bottom: 11.25rem;
}
@media (max-width: 1023px) {
  .ethics .sec {
    margin-bottom: 7.5rem;
  }
}
@media (max-width: 766px) {
  .ethics .sec {
    margin-bottom: 7.5rem;
  }
}
.ethics .sec02 .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #dddddd;
}
.ethics .sec02 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
.ethics .sec02 .con_title p {
  font-weight: bold;
  color: #222222;
}
.ethics .sec02 .txt_wrap {
  margin-top: 3.375rem;
}
.ethics .sec02 .txt_wrap p {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
.ethics .sec02 .txt_wrap p + p {
  margin-top: 2.5rem;
}
.ethics .sec02 .txt_wrap .sign_img {
  margin-top: 2.8125rem;
}
.ethics .sec02 .txt_wrap .sign_img p {
  margin-bottom: 0 !important;
  font-weight: bold;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 2.4210526316;
  color: #222222;
  text-align: right;
}
.ethics .sec02 .txt_wrap .sign_img p span {
  font-weight: 400;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 2.7058823529;
}
.ethics .sec02 .txt_wrap .sign_img p::before {
  display: block;
  width: 100%;
  height: 44px;
  background: url("/resources/cn/global/images/company/img_signature.png") right center no-repeat;
  background-size: 100px 44px;
  content: "";
}
@media (max-width: 1023px) {
  .ethics .sec02 .inner {
    padding-bottom: 120px;
  }
  .ethics .sec02 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .ethics .sec02 .txt_wrap {
    display: block;
    margin-top: 3.75rem;
  }
  .ethics .sec02 .txt_wrap p {
    display: block;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .sec02 .txt_wrap p + p {
    margin-top: 1.875rem;
  }
  .ethics .sec02 .txt_wrap .sign_img {
    margin-top: 1.875rem;
  }
  .ethics .sec02 .txt_wrap .sign_img p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
    text-align: left;
  }
  .ethics .sec02 .txt_wrap .sign_img p span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.6428571429;
  }
  .ethics .sec02 .txt_wrap .sign_img p::before {
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 7px;
    background: url("/resources/cn/global/images/company/img_signature.png") left center no-repeat;
    background-size: 70px 30px;
    content: "";
  }
}
@media (max-width: 766px) {
  .ethics .sec02 {
    margin-bottom: 7.5rem;
  }
  .ethics .sec02 .txt_wrap {
    margin-top: 3.75rem;
  }
}
.ethics .sec03 {
  margin-bottom: 0;
}
.ethics .sec03 .con_title h3 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.25;
}
.ethics .sec03 .con {
  margin-bottom: 7.5rem;
}
.ethics .sec03 .con:last-child {
  margin-bottom: 0;
}
.ethics .sec03 .con01 .btn {
  margin-top: 2.1875rem;
}
.ethics .sec03 .con02 .ethics5_wrap {
  margin-top: 1.25rem;
  border: 1px solid #dddddd;
}
.ethics .sec03 .con02 .ethics5_wrap > li {
  display: table;
  width: 100%;
  min-height: 150px;
  padding: 30px 30px 30px 40px;
  border-bottom: 1px solid #dddddd;
  font-size: 0;
}
.ethics .sec03 .con02 .ethics5_wrap > li:last-child {
  border-bottom: none;
}
.ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1) i {
  background: url("/resources/cn/global/images/esg/ethics_icon01.svg") center no-repeat;
  background-size: 72px;
}
.ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2) i {
  background: url("/resources/cn/global/images/esg/ethics_icon02.svg") center no-repeat;
  background-size: 72px;
}
.ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3) i {
  background: url("/resources/cn/global/images/esg/ethics_icon03.svg") center no-repeat;
  background-size: 72px;
}
.ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4) i {
  background: url("/resources/cn/global/images/esg/ethics_icon04.svg") center no-repeat;
  background-size: 72px;
}
.ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5) i {
  background: url("/resources/cn/global/images/esg/ethics_icon05.svg") center no-repeat;
  background-size: 72px;
}
.ethics .sec03 .con02 .ethics5_wrap h4 {
  display: table-cell;
  width: 245px;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
  vertical-align: middle;
}
.ethics .sec03 .con02 .ethics5_wrap span {
  display: inline-block;
  width: 114px;
  vertical-align: middle;
}
.ethics .sec03 .con02 .ethics5_wrap i {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin-right: 20px;
  vertical-align: middle;
}
.ethics .sec03 .con02 .desc_wrap {
  display: table-cell;
  width: calc(100% - 245px);
  padding-left: 5px;
  vertical-align: middle;
}
.ethics .sec03 .con02 .desc_wrap li {
  display: inline-block;
  width: 350px;
  vertical-align: top;
  padding-right: 30px;
}
.ethics .sec03 .con02 .desc_wrap li:nth-child(2n) {
  width: calc(100% - 350px);
  padding-right: 0;
}
.ethics .sec03 .con02 .desc_wrap li:nth-of-type(n + 3) {
  margin-top: 10px;
}
.ethics .sec03 .con02 .desc_wrap p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
  text-indent: -5px;
}
.ethics .sec03 .con02 .desc_wrap p::before {
  display: inline-block;
  content: "· ";
}
.ethics .sec03 .con03 .txt_wrap {
  margin-top: 2.8125rem;
}
.ethics .sec03 .con03 .txt_area:last-child {
  margin-top: 3.75rem;
}
.ethics .sec03 .con03 .txt_area h4 {
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
  word-break: break-all;
  word-wrap: break-word;
}
.ethics .sec03 .con03 .txt_area p {
  margin-top: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
  word-wrap: break-word;
}
.ethics .sec03 .con04 .con_item {
  margin-top: 3.75rem;
}
.ethics .sec03 .con04 .con_item h4 {
  margin-bottom: 0.9375rem;
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  color: #222222;
}
.ethics .sec03 .con04 .diagram_box li > span {
  padding: 0 10px;
}
.ethics .sec03 .con04 .report_target li {
  padding-left: 5px;
  margin-bottom: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  text-indent: -5px;
}
.ethics .sec03 .con04 .report_target li::before {
  display: inline-block;
  content: "· ";
}
.ethics .sec03 .con04 .report_target li:last-child {
  margin-bottom: 0;
}
.ethics .sec03 .con04 .report_way {
  margin-top: 1.875rem;
}
.ethics .sec03 .con04 .report_way li {
  padding-left: 5px;
  margin-bottom: 0.3125rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  text-indent: -5px;
  word-break: break-all;
}
.ethics .sec03 .con04 .report_way li::before {
  display: inline-block;
  content: "· ";
}
.ethics .sec03 .con04 .report_way li:last-child {
  margin-bottom: 0;
}
.ethics .sec03 .con05 .report_info {
  border: 1px solid #dddddd;
  font-size: 0;
}
.ethics .sec03 .con05 .report_info h4 {
  margin-bottom: 0.9375rem;
  font-weight: bold;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 0.8636363636;
  color: #222222;
}
.ethics .sec03 .con05 .report_info p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #666666;
}
.ethics .sec03 .con05 .to {
  display: inline-block;
  width: 50%;
  padding: 50px;
  vertical-align: top;
}
.ethics .sec03 .con05 .to_in_charge {
  border-right: 1px solid #dddddd;
}
.ethics .sec03 .con05 .to_online .btn {
  margin-top: 1.875rem;
}
.ethics .sec03 .con05 .charge_wrap {
  margin-top: 1.875rem;
}
.ethics .sec03 .con05 .charge_wrap span {
  display: block;
  padding-left: 24px;
  margin-top: 0.5rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.2941176471;
  color: #666666;
}
.ethics .sec03 .con05 .charge_wrap span.address {
  background: url("/resources/cn/global/images/esg/ethics_address_icon.svg") left center no-repeat;
  background-size: auto;
}
.ethics .sec03 .con05 .charge_wrap span.tel {
  background: url("/resources/cn/global/images/esg/ethics_tel_icon.svg") left center no-repeat;
  background-size: auto;
}
.ethics .sec03 .con05 .charge_wrap span.tel_pax {
  background: url("/resources/cn/global/images/esg/ethics_tel_pax_icon.svg") left center no-repeat;
  background-size: auto;
}
.ethics .sec03 .con05 .charge_wrap span.email {
  background: url("/resources/cn/global/images/esg/ethics_email_icon.svg") left center no-repeat;
  background-size: auto;
}
.ethics .sec03 .con05 .charge_wrap span:first-child {
  margin-top: 0;
}
.ethics .sec03 .con05 .charge_wrap span.tel {
  position: relative;
  display: inline-block;
  width: auto;
  padding-right: 12px;
  margin-right: 12px;
}
.ethics .sec03 .con05 .charge_wrap span.tel::before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background: #dddddd;
  content: "";
}
.ethics .sec03 .con05 .charge_wrap span.tel_pax {
  padding-left: 23px;
}
.ethics .sec03 .con05 .charge_wrap span.tel_pax::before {
  display: none;
}
@media (max-width: 1023px) {
  .ethics .sec03 .con_title h3 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .ethics .sec03 .con {
    margin-bottom: 5rem;
  }
  .ethics .sec03 .con01 .btn {
    margin-top: 1.5625rem;
  }
  .ethics .sec03 .con02 .ethics5_wrap {
    padding: 0 5.222%;
    margin-top: 0.9375rem;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li {
    display: block;
    width: 100%;
    min-height: auto;
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 0;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1):nth-child(1) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1):nth-child(2) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1):nth-child(3) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1):nth-child(4) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(1):nth-child(5) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2):nth-child(1) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2):nth-child(2) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2):nth-child(3) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2):nth-child(4) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(2):nth-child(5) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3):nth-child(1) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3):nth-child(2) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3):nth-child(3) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3):nth-child(4) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(3):nth-child(5) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4):nth-child(1) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4):nth-child(2) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4):nth-child(3) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4):nth-child(4) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(4):nth-child(5) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5):nth-child(1) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5):nth-child(2) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5):nth-child(3) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5):nth-child(4) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap > li:nth-child(5):nth-child(5) i {
    background-size: 36px;
  }
  .ethics .sec03 .con02 .ethics5_wrap h4 {
    display: inline-block;
    width: 100%;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .ethics .sec03 .con02 .ethics5_wrap span {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .ethics .sec03 .con02 .ethics5_wrap i {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  .ethics .sec03 .con02 .desc_wrap {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 0.9375rem;
  }
  .ethics .sec03 .con02 .desc_wrap li {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 0;
  }
  .ethics .sec03 .con02 .desc_wrap li:nth-child(2n) {
    width: 100%;
    padding-right: 0;
  }
  .ethics .sec03 .con02 .desc_wrap li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
  .ethics .sec03 .con02 .desc_wrap li + li {
    margin-top: 10px;
  }
  .ethics .sec03 .con02 .desc_wrap p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    text-indent: -5px;
  }
  .ethics .sec03 .con02 .desc_wrap p::before {
    display: inline-block;
    content: "· ";
  }
  .ethics .sec03 .con03 .txt_wrap {
    margin-top: 2.8125rem;
  }
  .ethics .sec03 .con03 .txt_area:last-child {
    margin-top: 2.125rem;
  }
  .ethics .sec03 .con03 .txt_area h4 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .ethics .sec03 .con03 .txt_area p {
    margin-top: 0.4375rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .sec03 .con04 .con_item {
    margin-top: 2.5rem;
  }
  .ethics .sec03 .con04 .con_item h4 {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .ethics .sec03 .con04 .report_target li {
    padding-left: 5px;
    margin-bottom: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .sec03 .con04 .report_way {
    margin-top: 0.84375rem;
  }
  .ethics .sec03 .con04 .report_way li {
    margin-bottom: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .sec03 .con05 .report_info h4 {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .ethics .sec03 .con05 .report_info p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .sec03 .con05 .to_in_charge {
    padding: 30px 40px 40px 40px;
  }
  .ethics .sec03 .con05 .to_online {
    padding: 30px 40px;
  }
  .ethics .sec03 .con05 .to_online .btn {
    margin-top: 1.6875rem;
  }
  .ethics .sec03 .con05 .charge_wrap {
    margin-top: 1.25rem;
  }
  .ethics .sec03 .con05 .charge_wrap span {
    margin-top: 0.3125rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.4285714286;
  }
  .ethics .sec03 .con05 .charge_wrap span.address {
    background: url("/resources/cn/global/images/esg/ethics_address_icon.svg") left center no-repeat;
    background-size: auto;
  }
  .ethics .sec03 .con05 .charge_wrap span.tel {
    background: url("/resources/cn/global/images/esg/ethics_tel_icon.svg") left center no-repeat;
    background-size: auto;
  }
  .ethics .sec03 .con05 .charge_wrap span.tel_pax {
    background: url("/resources/cn/global/images/esg/ethics_tel_pax_icon.svg") left center no-repeat;
    background-size: auto;
  }
  .ethics .sec03 .con05 .charge_wrap span.email {
    background: url("/resources/cn/global/images/esg/ethics_email_icon.svg") left center no-repeat;
    background-size: auto;
  }
  .ethics .sec03 .con05 .charge_wrap span.address {
    background-position: left 4px;
  }
  .ethics .sec03 .con05 .charge_wrap span.email {
    background-position: left;
  }
  .ethics .sec03 .con05 .charge_wrap span.tel::before {
    margin-top: -4px;
    height: 10px;
  }
}
@media (max-width: 766px) {
  .ethics .sec03 .con {
    margin-bottom: 5rem;
  }
  .ethics .sec03 .con04 .con_item {
    margin-top: 2.5rem;
  }
  .ethics .sec03 .con04 .con_item h4 {
    margin-bottom: 0.625rem;
  }
  .ethics .sec03 .con04 .report_target li {
    margin-bottom: 0.625rem;
  }
  .ethics .sec03 .con04 .report_way {
    margin-top: 0.84375rem;
  }
  .ethics .sec03 .con05 .report_info h4 {
    margin-bottom: 0.625rem;
  }
  .ethics .sec03 .con05 .to {
    display: block;
    width: 100%;
    padding: 0;
  }
  .ethics .sec03 .con05 .to_in_charge {
    padding: 30px 7.46% 40px 7.46%;
    border-right: 0;
    border-bottom: 1px solid #dddddd;
  }
  .ethics .sec03 .con05 .to_online {
    padding: 40px 7.46%;
  }
  .ethics .sec03 .con05 .to_online .btn {
    margin-top: 1.6875rem;
  }
  .ethics .sec03 .con05 .charge_wrap {
    margin-top: 1.25rem;
  }
}
.ethics .ethics_popup_wrap.active {
  display: block;
}
.ethics .ethics_popup_wrap .ethics_popup {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 80px);
  width: 100%;
  max-width: 980px;
}
.ethics .ethics_popup_wrap .ethics_popup .inner {
  overflow: hidden;
  height: 100%;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner {
  padding: 60px 30px 75px 30px;
  background-color: #ffffff;
  max-height: calc(100% - 80px);
  overflow: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt {
  margin-bottom: 5.625rem;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt p {
  padding-left: 23px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
  position: relative;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt p:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  content: "※";
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .toggle_btn {
  margin-bottom: 5.3125rem;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .form_tab {
  display: none;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .form_tab.active {
  display: block;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .form_tab .input_area input {
  font-weight: 400;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .custom_select_area {
  max-width: 100%;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .custom_select_area a.current {
  color: #222222;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .custom_select_area.on ul {
  max-height: 500px;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .custom_select_area.on ul li.active a {
  color: #aaaaaa;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .agress_box_wrap {
  margin-top: 5.3125rem;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .agress_box_wrap .form_wrap {
  display: none;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .agress_box_wrap .form_wrap.active {
  display: block;
}
.ethics .ethics_popup_wrap .ethics_popup .pop_inner .btn_wrap {
  margin-top: 4.6875rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .ethics .ethics_popup_wrap .ethics_popup {
    top: 30px;
    height: calc(100% - 60px);
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner {
    padding: 40px 20px 50px 20px;
    max-height: calc(100% - 60px);
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt {
    margin-bottom: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt p {
    padding-left: 25px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt p::before {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .toggle_btn {
    margin-bottom: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .agress_box_wrap {
    margin-top: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .btn_wrap {
    margin-top: 3.125rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .custom_checkbox input[type=checkbox] + label::before {
    top: 4px;
  }
}
@media (max-width: 766px) {
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .top_txt {
    margin-bottom: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .toggle_btn {
    margin-bottom: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .toggle_btn ul li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .toggle_btn ul li + li {
    margin-top: 1.25rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .agress_box_wrap {
    margin-top: 3.75rem;
  }
  .ethics .ethics_popup_wrap .ethics_popup .pop_inner .btn_wrap {
    margin-top: 3.125rem;
  }
}

.report .sec01 {
  margin-bottom: 5.625rem;
}
@media (max-width: 1023px) {
  .report .sec01 {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 766px) {
  .report .sec01 {
    margin-bottom: 3.75rem;
  }
}
.report .sec02 .con01 .banner {
  position: relative;
  width: 100%;
  height: 380px;
  background: url("/resources/cn/global/images/esg/sustainabilityreport_sec02_img.jpg") 0 0 no-repeat;
  background-size: cover;
}
.report .sec02 .con01 .banner .btn_wrap {
  position: absolute;
  right: 84px;
  bottom: 40px;
}
.report .sec02 .con01 .banner .btn_wrap p {
  margin-bottom: 0.875rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.35;
  font-weight: bold;
  color: #222222;
  text-align: center;
}
.report .sec02 .con01 .banner .btn_wrap .btn {
  display: block;
  width: 150px;
  margin: 0 auto;
}
.report .sec02 .con01 .banner .btn_wrap .btn:last-of-type {
  margin-top: 1.25rem;
}
.report .sec02 .con02 {
  margin-top: 7.5rem;
}
.report .sec02 .con02 .list_wrap p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4210526316;
  font-weight: 400;
  color: #444444;
}
.report .sec02 .con02 .list_wrap .down_box {
  text-align: right;
}
@media (max-width: 1023px) {
  .report .sec02 .con01 .banner {
    height: 383px;
    background: url("/resources/cn/global/images/esg/sustainabilityreport_sec02_mimg.jpg") center no-repeat;
    background-size: cover;
  }
  .report .sec02 .con01 .banner .btn_wrap {
    width: 100%;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
  }
  .report .sec02 .con01 .banner .btn_wrap p {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.4117647059;
  }
  .report .sec02 .con01 .banner .btn_wrap .btn {
    width: 130px;
  }
  .report .sec02 .con01 .banner .btn_wrap .btn:last-of-type {
    margin-top: 0.9375rem;
  }
  .report .sec02 .con02 {
    margin-top: 5rem;
  }
  .report .sec02 .con02 .list_wrap p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
}
@media (max-width: 766px) {
  .report .sec02 .con01 .banner {
    height: 405px;
  }
  .report .sec02 .con02 {
    margin-top: 5rem;
  }
  .report .sec02 .con02 .list_wrap .down_box {
    text-align: left;
  }
}

.environmental .sec + .sec {
  padding-top: 180px;
}
@media (max-width: 1023px) {
  .environmental .sec + .sec {
    padding-top: 115px;
  }
}
.environmental .sec02 .con01 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.environmental .sec02 .con01 .con_item + .con_item {
  margin-top: 7.5rem;
}
.environmental .sec02 .con01 .con_item .diagram_box {
  margin-top: 3.75rem;
  padding: 80px 84px;
  border: 1px solid #dddddd;
}
.environmental .sec02 .con01 .con_item .diagram_box .top_box {
  position: relative;
  padding-bottom: 87px;
  text-align: center;
}
.environmental .sec02 .con01 .con_item .diagram_box .top_box::after {
  content: "";
  position: absolute;
  bottom: 39px;
  left: 50%;
  transform: translateX(-50%);
  width: 19px;
  height: 27px;
  background: url("/resources/cn/global/images/esg/arrow_cool_down_green.svg") center no-repeat;
  background-size: cover;
}
.environmental .sec02 .con01 .con_item .diagram_box .top_box p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.2727272727;
  font-weight: bold;
  color: #222222;
}
.environmental .sec02 .con01 .con_item .diagram_box ul {
  position: relative;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: 0;
}
.environmental .sec02 .con01 .btn_wrap {
  margin-top: 2.1875rem;
}
.environmental .sec02 .con02 {
  width: 100%;
  margin-top: 3.75rem;
  padding: 154px 0;
  background: url("/resources/cn/global/images/esg/environment_sec02_con02_bg.jpg") 0 0 no-repeat;
  background-size: cover;
}
.environmental .sec02 .con02 h5 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.environmental .sec02 .con02 .list1 {
  margin-top: 1.75rem;
  font-size: 0;
  width: 100%;
  text-align: center;
}
.environmental .sec02 .con02 .list1 li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 250px;
  padding: 23px 0 22px;
  margin-right: 50px;
  background-color: #6EEB83;
}
.environmental .sec02 .con02 .list1 li:last-of-type {
  margin-right: 0;
}
.environmental .sec02 .con02 .list1 li + li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  border: 8px solid;
  border-color: transparent transparent transparent #6EEB83;
}
.environmental .sec02 .con02 .list1 li p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.1818181818;
  color: #000000;
  padding-bottom: 5px;
  font-weight: bold;
}
.environmental .sec02 .con02 .list1 li span {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.3684210526;
  color: #000000;
  font-weight: 400;
}
.environmental .sec02 .con02 .list2 {
  position: relative;
  width: 100%;
  max-width: 772px;
  margin: 0 auto;
  padding-top: 87px;
  text-align: center;
  font-size: 0;
}
.environmental .sec02 .con02 .list2::after {
  content: "";
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  width: 19px;
  height: 27px;
  background: url("/resources/cn/global/images/esg/arrow_cool_down_green.svg") center no-repeat;
  background-size: cover;
}
.environmental .sec02 .con02 .list2 li {
  display: inline-block;
  vertical-align: top;
  width: 193px;
  position: relative;
}
.environmental .sec02 .con02 .list2 li:after {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 80px;
  content: "";
  background-color: #ffffff;
  transform: rotate(10deg);
}
.environmental .sec02 .con02 .list2 li:last-of-type::after {
  display: none;
}
.environmental .sec02 .con02 .list2 li img {
  margin: 0 auto;
}
.environmental .sec02 .con02 .list2 li p {
  padding-top: 29px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.4736842105;
  color: #ffffff;
}
.environmental .sec02 .con03 {
  margin-top: 7.625rem;
}
.environmental .sec02 .con03 .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #ddd;
}
.environmental .sec02 .con03 h5 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4375;
  color: #222222;
}
@media (max-width: 1023px) {
  .environmental .sec02 .con01 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .environmental .sec02 .con01 .con_item + .con_item {
    margin-top: 4.5625rem;
  }
  .environmental .sec02 .con01 .con_item .diagram_box {
    margin-top: 2.5rem;
    padding: 40px 0;
  }
  .environmental .sec02 .con01 .con_item .diagram_box .top_box {
    position: relative;
    padding-bottom: 55px;
  }
  .environmental .sec02 .con01 .con_item .diagram_box .top_box::after {
    bottom: 20px;
    width: 16px;
    height: 23px;
  }
  .environmental .sec02 .con01 .con_item .diagram_box .top_box p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .environmental .sec02 .con01 .con_item .diagram_box ul {
    padding: 0 9.55%;
  }
  .environmental .sec02 .con01 .btn_wrap {
    margin-top: 1.5625rem;
  }
  .environmental .sec02 .con02 {
    margin-top: 2.5rem;
    padding: 70px 0;
    background: url("/resources/cn/global/images/esg/environment_sec02_con02_mbg.jpg") center no-repeat;
    background-size: cover;
  }
  .environmental .sec02 .con02 h5 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.2380952381;
  }
  .environmental .sec02 .con02 .list1 {
    margin-top: 3rem;
  }
  .environmental .sec02 .con02 .list1 li {
    display: block;
    width: 175px;
    padding: 10px 0;
    margin: 0 auto 30px;
  }
  .environmental .sec02 .con02 .list1 li:last-of-type {
    margin: 0 auto;
  }
  .environmental .sec02 .con02 .list1 li + li::before {
    top: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .environmental .sec02 .con02 .list1 li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.2777777778;
    padding-bottom: 5px;
  }
  .environmental .sec02 .con02 .list1 li span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .environmental .sec02 .con02 .list2 {
    width: 100%;
    max-width: 352px;
    margin: 0 auto;
    padding-top: 83px;
  }
  .environmental .sec02 .con02 .list2::after {
    top: 20px;
    width: 16px;
    height: 23px;
  }
  .environmental .sec02 .con02 .list2 li {
    width: 25%;
    min-width: 69px;
  }
  .environmental .sec02 .con02 .list2 li::after {
    height: 36px;
  }
  .environmental .sec02 .con02 .list2 li img {
    width: 45px;
  }
  .environmental .sec02 .con02 .list2 li p {
    padding-top: 9px;
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.5833333333;
    color: #ffffff;
  }
  .environmental .sec02 .con03 {
    margin-top: 4.6875rem;
  }
  .environmental .sec02 .con03 .inner {
    padding-bottom: 120px;
  }
  .environmental .sec02 .con03 h5 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
}
@media (max-width: 766px) {
  .environmental .sec02 .con01 .con_item .diagram_box {
    margin-top: 2.5rem;
  }
  .environmental .sec02 .con02 {
    margin-top: 2.5rem;
  }
}
.environmental .sec03 .con .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.environmental .sec03 .con .con_item:nth-of-type(2) {
  margin-top: 6.875rem;
}
.environmental .sec03 .con .con_item:nth-of-type(3) {
  margin-top: 6.5625rem;
}
.environmental .sec03 .con .con_item:nth-of-type(4) {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .environmental .sec03 .con .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .environmental .sec03 .con .con_item:nth-of-type(2) {
    margin-top: 4.5625rem;
  }
  .environmental .sec03 .con .con_item:nth-of-type(3) {
    margin-top: 4.5625rem;
  }
  .environmental .sec03 .con .con_item:nth-of-type(4) {
    margin-top: 7.5rem;
  }
}

@media (max-width: 1023px) {
  .samyang-esg .top_sec_common .bg_box .bg {
    background-position: center top;
  }
}
.samyang-esg .sec02 {
  padding: 180px 0;
}
@media (max-width: 1023px) {
  .samyang-esg .sec02 {
    padding: 120px 0;
  }
}
.samyang-esg .sec02 .con01 .con_title {
  margin-bottom: 3.75rem;
}
.samyang-esg .sec02 .con01 .con_title p {
  margin-top: 0;
  font-weight: bold;
  color: #222222;
}
@media (max-width: 1023px) {
  .samyang-esg .sec02 .con01 .con_title {
    margin-bottom: 2.8125rem;
  }
}
.samyang-esg .sec03 {
  position: relative;
  padding: 114px 0 100px;
  background: url("/resources/cn/global/images/esg/samyang-esg_sec03_bg_pc.png") 0 0 no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.samyang-esg .sec03 .title p {
  color: #ffffff;
}
@media (max-width: 1023px) {
  .samyang-esg .sec03 {
    padding: 75px 0 80px 0;
  }
  .samyang-esg .sec03 .title {
    margin-bottom: 1.1875rem;
  }
}
@media (max-width: 766px) {
  .samyang-esg .sec03 {
    background: url("/resources/cn/global/images/esg/samyang-esg_sec03_bg_m.png") 0 0 no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}
.samyang-esg .sec04 {
  padding-top: 180px;
}
.samyang-esg .sec04 .con02 {
  margin-top: 7.5rem;
}
@media (max-width: 1023px) {
  .samyang-esg .sec04 {
    padding-top: 120px;
  }
  .samyang-esg .sec04 .con02 {
    margin-top: 5rem;
  }
}
@media (max-width: 766px) {
  .samyang-esg .sec04 .con02 {
    margin-top: 5rem;
  }
}

/* 삼양 careers */
.careers_overview .sec:not(.sec01) .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
@media (max-width: 1023px) {
  .careers_overview .sec:not(.sec01) .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
}
.careers_overview .sec01 .top_sec_common .bg_box .dim {
  background-color: rgba(0, 0, 0, 0.3);
}
.careers_overview .sec02 {
  padding-top: 180px;
}
.careers_overview .sec02 .inner {
  padding-bottom: 180px;
  border-bottom: 1px solid #aaaaaa;
}
@media (max-width: 1023px) {
  .careers_overview .sec02 {
    padding-top: 120px;
  }
  .careers_overview .sec02 .inner {
    padding-bottom: 120px;
  }
}
.careers_overview .sec02 + .sec02 .inner {
  border-bottom: 0;
}
.careers_overview .sec03 {
  padding: 168px 0 180px;
  background: url("/resources/cn/global/images/careers/overview_sec03_bg.jpg") 0 0 no-repeat;
  background-size: cover;
}
.careers_overview .sec03 .toggle_btn li {
  background-color: rgba(255, 255, 255, 0.2);
}
.careers_overview .sec03 .toggle_btn li a p {
  color: #ffffff;
}
.careers_overview .sec03 .slide_inner {
  position: relative;
  padding-bottom: 40px;
}
.careers_overview .sec03 .slide_inner .slide_area {
  background-color: #e9edef;
}
.careers_overview .sec03 .slide_inner .slide_area li {
  width: 100%;
  padding: 40px;
  padding-right: 120px;
  box-sizing: border-box;
  position: relative;
}
.careers_overview .sec03 .slide_inner .slide_area li .tag_area {
  text-align: left;
}
.careers_overview .sec03 .slide_inner .slide_area li .tag_area span {
  display: inline-block;
  vertical-align: top;
  min-width: 80px;
  height: 34px;
  background: #26247B;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 2;
  color: #ffffff;
  font-weight: bold;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.careers_overview .sec03 .slide_inner .slide_area li p {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  margin-top: 0.9375rem;
  color: #222222;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}
.careers_overview .sec03 .slide_inner .slide_area li a {
  width: 55px;
  height: 55px;
  background-color: #ffffff;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.careers_overview .sec03 .slide_inner .slide_area li a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.careers_overview .sec03 .slide_inner .slide_area li a i {
  display: inline-block;
  vertical-align: middle;
}
.careers_overview .sec03 .slide_inner .swiper-pagination {
  width: 100%;
  bottom: 0;
  text-align: center;
}
.careers_overview .sec03 .slide_inner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  opacity: 1;
  background-color: transparent;
  margin: 0 8px;
}
.careers_overview .sec03 .slide_inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .careers_overview .sec03 {
    padding: 115px 0 120px;
  }
  .careers_overview .sec03 .slide_inner {
    padding-bottom: 20px;
  }
  .careers_overview .sec03 .slide_inner .slide_area li {
    padding: 25px 20px;
    text-align: right;
  }
  .careers_overview .sec03 .slide_inner .slide_area li .tag_area span {
    min-width: 60px;
    height: 25px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.7857142857;
    padding: 0 15px;
  }
  .careers_overview .sec03 .slide_inner .slide_area li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 0.9375rem;
    text-align: left;
  }
  .careers_overview .sec03 .slide_inner .slide_area li a {
    position: relative;
    margin-top: 0.3125rem;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    right: auto;
    top: auto;
    transform: none;
    text-align: center;
  }
  .careers_overview .sec03 .slide_inner .slide_area li a i {
    width: 13px;
  }
  .careers_overview .sec03 .slide_inner .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 5px;
  }
}
@media (max-width: 766px) {
  .careers_overview .sec03 .toggle_btn {
    margin-bottom: 2.5rem;
  }
}
.careers_overview .sec04 {
  padding-top: 180px;
}
.careers_overview .sec04 .banner {
  margin-top: 1.875rem;
}
@media (max-width: 1023px) {
  .careers_overview .sec04 {
    padding-top: 120px;
  }
  .careers_overview .sec04 .banner {
    margin-top: 2.5rem;
  }
}
@media (max-width: 766px) {
  .careers_overview .sec04 .banner {
    margin-top: 2.5rem;
  }
}
.careers_overview .toggle_btn {
  margin-top: 5.625rem;
}
.careers_overview .toggle_btn li i {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.careers_overview .toggle_btn li i.icon1::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon1_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon1::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon1_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon2::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon2_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon2::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon2_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon3::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon3_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon3::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon3_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon4::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon4_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon4::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon4_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon5::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon5_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon5::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon5_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon6::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon6_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon6::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon6_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon7::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon7_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon7::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon7_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon8::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon8_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon8::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon8_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon9::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon9_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon9::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon9_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon10::before {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon10_off.svg") 0 0 no-repeat;
  background-size: 100%;
}
.careers_overview .toggle_btn li i.icon10::after {
  content: "";
  background: url("/resources/cn/global/images/careers/overview_sec02_con01_icon10_on.svg") 0 0 no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .careers_overview .toggle_btn {
    margin-top: 2.5rem;
  }
  .careers_overview .toggle_btn li a {
    padding: 20px 25px;
    text-align: left;
    position: relative;
  }
  .careers_overview .toggle_btn li a i {
    width: 40px;
    height: 40px;
  }
}

/* 인재상 */
.talent .content {
  padding-bottom: 0;
}
.talent .sec01 {
  padding-bottom: 180px;
}
.talent .sec01 .con01 .person_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.625rem;
  margin-bottom: 6.75rem;
}
.talent .sec01 .con01 .person_area .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.talent .sec01 .con01 .person_area .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.talent .sec01 .con01 .person_area .curtain_wrap .left {
  left: 0;
}
.talent .sec01 .con01 .person_area .curtain_wrap .right {
  right: 0;
}
.talent .sec01 .con01 .person_area .bg {
  background: url("/resources/cn/global/images/careers/person_sec01_img01.jpg") center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
.talent .sec01 .con02 .top_txt {
  text-align: center;
}
.talent .sec01 .con02 .top_txt h4 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.3571428571;
  color: #222222;
  word-break: break-all;
}
.talent .sec01 .con02 .top_txt p {
  margin-top: 1.6875rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
  word-break: break-all;
}
.talent .sec01 .con02 .core_talent_box {
  margin-top: 5rem;
  padding: 130px 0 0 0;
  background: url("/resources/cn/global/images/careers/person_sec01_con02_point.png") top no-repeat;
  background-size: cover;
  background-size: 100%;
}
.talent .sec01 .con02 .talent_lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
}
.talent .sec01 .con02 .talent_lists li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 33.333%;
  padding: 30px 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
@media (min-width: 1024px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(3n) {
    border-right: 0;
  }
  .talent .sec01 .con02 .talent_lists li:nth-child(n+4) {
    border-bottom: 0;
  }
}
.talent .sec01 .con02 .talent_lists li:nth-child(1) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon01.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li:nth-child(2) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon02.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li:nth-child(3) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon03.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li:nth-child(4) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon04.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li:nth-child(5) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon05.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li:nth-child(6) i {
  width: 72px;
  height: 72px;
  background: url("/resources/cn/global/images/careers/talent_list_icon06.svg") 0 0 no-repeat;
  background-size: cover;
}
.talent .sec01 .con02 .talent_lists li i {
  margin-bottom: 0.375rem;
}
.talent .sec01 .con02 .talent_lists li p {
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1.4;
  color: #444444;
  text-align: center;
}
.talent .sec01 .con02 .talent_lists li p strong {
  font-weight: bold;
}
@media (max-width: 1023px) {
  .talent .sec01 {
    padding-bottom: 120px;
  }
  .talent .sec01 .con01 .person_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.8125rem;
    margin-bottom: 5.0625rem;
  }
  .talent .sec01 .con01 .person_area .curtain_wrap {
    display: none;
  }
  .talent .sec01 .con01 .person_area .bg {
    min-width: none;
    height: 100%;
    background-size: auto 100%;
  }
  .talent .sec01 .con02 .top_txt {
    text-align: center;
  }
  .talent .sec01 .con02 .top_txt h4 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .talent .sec01 .con02 .top_txt p {
    margin-top: 1.125rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .talent .sec01 .con02 .core_talent_box {
    margin-top: 3.75rem;
    padding: 90px 0 0 0;
  }
  .talent .sec01 .con02 .talent_lists li {
    width: 50%;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(2n) {
    border-right: 0;
  }
  .talent .sec01 .con02 .talent_lists li:nth-child(n+5) {
    border-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(1) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(2) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(3) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(4) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(5) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li:nth-child(6) i {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li i {
    margin-bottom: 0.4375rem;
  }
}
@media (max-width: 1023px) {
  .talent .sec01 .con02 .talent_lists li p {
    font-size: 1.0625rem;
    letter-spacing: 0;
    line-height: 1.3529411765;
  }
}
@media (max-width: 766px) {
  .talent .sec01 .con01 .paerson_area {
    width: 89.334%;
    margin: 0 5.333%;
    margin-top: 3.75rem;
  }
  .talent .sec01 .con02 .talent_lists li {
    width: 100%;
    border-right: 0;
  }
}

/* 직무소개 */
.jobintroduction_list .sec01 .con_title {
  margin-bottom: 5.625rem;
}
.jobintroduction_list .sec01 .box:not(:last-child) {
  margin-bottom: 7.5rem;
}
.jobintroduction_list .sec01 .box h4 {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.0769230769;
  font-weight: bold;
  color: #222222;
  margin-bottom: 1.25rem;
}
.jobintroduction_list .sec01 .box .toggle_btn {
  margin-top: 0;
}
.jobintroduction_list .sec01 .box .toggle_btn ul li a p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
}
@media (max-width: 1023px) {
  .jobintroduction_list .sec01 .con_title {
    margin-bottom: 3.125rem;
  }
  .jobintroduction_list .sec01 .box:not(:last-child) {
    margin-bottom: 5rem;
  }
  .jobintroduction_list .sec01 .box h4 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
  .jobintroduction_list .sec01 .box .toggle_btn ul li a p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.8125;
  }
}
.jobintroduction_view .sec01 {
  padding-bottom: 180px;
}
.jobintroduction_view .sec01 .img_box {
  width: 100%;
  height: 350px;
  margin-top: 5.625rem;
}
.jobintroduction_view .sec01 .img_box .bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.jobintroduction_view .sec01 .img_box .bg.left {
  background-position: left;
}
.jobintroduction_view .sec01 .img_box .bg.right {
  background-position: right;
}
.jobintroduction_view .sec01 .text_box {
  margin-top: 3.75rem;
  margin-bottom: 6.5625rem;
  padding: 43px 0;
  text-align: center;
  position: relative;
}
.jobintroduction_view .sec01 .text_box p {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.jobintroduction_view .sec01 .text_box:before, .jobintroduction_view .sec01 .text_box::after {
  content: "";
  width: 40px;
  height: 25px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.jobintroduction_view .sec01 .text_box:before {
  background: url("/resources/cn/global/images/careers/jobintroduction_view_icon_quotes_top.svg") no-repeat center;
  background-size: 100%;
  top: 0;
}
.jobintroduction_view .sec01 .text_box:after {
  background: url("/resources/cn/global/images/careers/jobintroduction_view_icon_quotes_bot.svg") no-repeat center;
  background-size: 100%;
  bottom: 0;
}
.jobintroduction_view .sec01 .box + .box {
  margin-top: 6.5625rem;
}
.jobintroduction_view .sec01 .box h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 0.875;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.jobintroduction_view .sec01 .box dl {
  margin-top: 1.25rem;
}
.jobintroduction_view .sec01 .box dl dt {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.jobintroduction_view .sec01 .box dl dd {
  margin-top: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #222222;
}
.jobintroduction_view .sec01 .box dl + dl {
  margin-top: 3.75rem;
}
@media (max-width: 1023px) {
  .jobintroduction_view .sec01 {
    padding-bottom: 120px;
  }
  .jobintroduction_view .sec01 .img_box {
    height: 215px;
    margin-top: 1.25rem;
  }
  .jobintroduction_view .sec01 .text_box {
    margin-top: 2.5rem;
    margin-bottom: 6.875rem;
    padding: 30px 0;
  }
  .jobintroduction_view .sec01 .text_box p {
    font-size: 1.5625rem;
    letter-spacing: 0;
    line-height: 1.28;
  }
  .jobintroduction_view .sec01 .text_box:before, .jobintroduction_view .sec01 .text_box::after {
    width: 20px;
    height: 26px;
  }
  .jobintroduction_view .sec01 .box + .box {
    margin-top: 4.375rem;
  }
  .jobintroduction_view .sec01 .box h4 {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2173913043;
  }
  .jobintroduction_view .sec01 .box dl {
    margin-top: 1.25rem;
  }
  .jobintroduction_view .sec01 .box dl dt {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.5238095238;
  }
  .jobintroduction_view .sec01 .box dl dd {
    margin-top: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .jobintroduction_view .sec01 .box dl + dl {
    margin-top: 2.5rem;
  }
}
@media (max-width: 766px) {
  .jobintroduction_view .sec01 .img_box {
    margin-top: 1.25rem;
  }
  .jobintroduction_view .sec01 .text_box {
    margin-top: 2.5rem;
  }
  .jobintroduction_view .sec01 .box + .box {
    margin-top: 4.375rem;
  }
  .jobintroduction_view .sec01 .box dl dd {
    margin-top: 0.625rem;
  }
  .jobintroduction_view .sec01 .box dl + dl {
    margin-top: 2.5rem;
  }
}
.jobintroduction_view .sec02 {
  padding: 180px 0;
  background: url("/resources/cn/global/images/careers/jobintroduction_view_sec02_bg.jpg") no-repeat right top;
  background-size: cover;
}
.jobintroduction_view .sec02 .con_title {
  margin-bottom: 3.125rem;
}
.jobintroduction_view .sec02 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
}
.jobintroduction_view .sec02 h4 {
  margin-top: 1.6875rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.2307692308;
  font-weight: bold;
  color: #444444;
}
.jobintroduction_view .sec02 h4 span {
  font-weight: 400;
}
@media (min-width: 1024px) {
  .jobintroduction_view .sec02 .tab_btn_select .list li {
    border: none;
  }
}
.jobintroduction_view .sec02 .tab_btn_select .text_box {
  margin: 0;
  border-radius: 0;
}
.jobintroduction_view .sec02 .text_box {
  margin-top: 1.875rem;
  background: #fff;
  padding: 60px 50px;
  box-sizing: border-box;
}
.jobintroduction_view .sec02 .text_box dl {
  padding-bottom: 50px;
  border-bottom: 1px solid #dddddd;
}
.jobintroduction_view .sec02 .text_box dl + dl {
  padding-top: 50px;
}
.jobintroduction_view .sec02 .text_box dl:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.jobintroduction_view .sec02 .text_box dl dt {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.jobintroduction_view .sec02 .text_box dl dd {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-top: 0.9375rem;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #444444;
}
@media (max-width: 1023px) {
  .jobintroduction_view .sec02 {
    padding: 120px 0;
  }
  .jobintroduction_view .sec02 .con_title h3 {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
  }
  .jobintroduction_view .sec02 h4 {
    margin-top: 1.0625rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.5238095238;
  }
  .jobintroduction_view .sec02 .text_box {
    margin-top: 1.875rem;
    padding: 30px 20px;
  }
  .jobintroduction_view .sec02 .text_box dl {
    padding-bottom: 25px;
  }
  .jobintroduction_view .sec02 .text_box dl + dl {
    padding-top: 25px;
  }
  .jobintroduction_view .sec02 .text_box dl:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .jobintroduction_view .sec02 .text_box dl dt {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .jobintroduction_view .sec02 .text_box dl dd {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    margin-top: 0.625rem;
  }
}
@media (max-width: 766px) {
  .jobintroduction_view .sec02 .text_box {
    margin-top: 1.875rem;
  }
  .jobintroduction_view .sec02 .text_box dl {
    margin-top: 0.625rem;
  }
}
.jobintroduction_view .sec03 {
  padding-top: 180px;
}
.jobintroduction_view .sec03.non_padding-top {
  padding-top: 0;
}
.jobintroduction_view .sec03 .vdo_wrap {
  margin-bottom: 3.3125rem;
}
.jobintroduction_view .sec03 .vdo_wrap .vdo_area {
  position: relative;
  padding-bottom: 56.25%;
}
.jobintroduction_view .sec03 .vdo_wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jobintroduction_view .sec03 .vdo_wrap .vdo_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/cn/global/images/careers/vdo_thumbnail.jpg") center no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}
.jobintroduction_view .sec03 .vdo_wrap .vdo_bg i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jobintroduction_view .sec03 .con_title h3 {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
.jobintroduction_view .sec03 .btn_wrap {
  margin-top: 6.25rem;
}
@media (max-width: 1023px) {
  .jobintroduction_view .sec03 {
    padding-top: 120px;
  }
  .jobintroduction_view .sec03 .vdo_wrap {
    margin-bottom: 2.1875rem;
  }
  .jobintroduction_view .sec03 .con_title h3 {
    font-size: 1.6875rem;
    letter-spacing: 0;
    line-height: 1.2592592593;
  }
  .jobintroduction_view .sec03 .btn_wrap {
    margin-top: 3.125rem;
  }
}

/* 채용절차 */
.process .sec {
  margin-bottom: 11.25rem;
}
.process .sec:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .process .sec {
    margin-bottom: 5rem;
  }
}
@media (max-width: 766px) {
  .process .sec {
    margin-bottom: 5rem;
  }
}
.process .sec01 .visual_area {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5.3125rem;
}
.process .sec01 .curtain_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.process .sec01 .curtain_wrap > div {
  position: absolute;
  width: calc(50% - 490px);
  height: 100%;
  top: 0;
  background-color: #fff;
}
.process .sec01 .curtain_wrap .left {
  left: 0;
}
.process .sec01 .curtain_wrap .right {
  right: 0;
}
.process .sec01 .bg {
  background: url("/resources/cn/global/images/careers/process_visual_img.jpg") center no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 1920px;
  transform: translate(-50%, 0);
  transform-origin: bottom;
  z-index: 10;
}
@media (max-width: 1023px) {
  .process .sec01 .visual_area {
    width: 89.6%;
    height: auto;
    padding-top: 57.47%;
    margin-top: 3.46875rem;
  }
  .process .sec01 .curtain_wrap {
    display: none;
  }
  .process .sec01 .bg {
    min-width: auto;
    background-size: auto 100%;
    background-position: 60% center;
  }
}
@media (max-width: 766px) {
  .process .sec01 .visual_area {
    margin-top: 3.46875rem;
  }
}
.process .sec02 .process_diagram, .process .sec03 .process_diagram {
  margin-bottom: 3.75rem;
  font-size: 0;
}
.process .sec02 .process_diagram li, .process .sec03 .process_diagram li {
  position: relative;
  display: inline-block;
  width: 164px;
  height: 120px;
  margin-right: 40px;
  padding: 0 10px;
  border: 1px solid #aaaaaa;
  vertical-align: top;
}
.process .sec02 .process_diagram li::after, .process .sec03 .process_diagram li::after {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 11px;
  height: 11px;
  transform: translate(50%, -50%);
  background: url("/resources/cn/global/images/careers/process_arrow.svg") right center no-repeat;
  background-size: 10px 13px;
  content: "";
}
.process .sec02 .process_diagram li:last-child, .process .sec03 .process_diagram li:last-child {
  margin-right: 0;
  background: #26247B;
  border-color: #26247B;
}
.process .sec02 .process_diagram li:last-child::after, .process .sec03 .process_diagram li:last-child::after {
  display: none;
}
.process .sec02 .process_diagram li:last-child p, .process .sec03 .process_diagram li:last-child p {
  color: #ffffff;
}
.process .sec02 .process_diagram li > div, .process .sec03 .process_diagram li > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.process .sec02 .process_diagram span, .process .sec03 .process_diagram span {
  display: block;
  margin-bottom: 0.3125rem;
  font-weight: bold;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.6470588235;
  color: #26247B;
  text-align: center;
}
.process .sec02 .process_diagram span.pc_off, .process .sec03 .process_diagram span.pc_off {
  display: none;
}
.process .sec02 .process_diagram p, .process .sec03 .process_diagram p {
  font-weight: bold;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.3684210526;
  color: #222222;
  text-align: center;
}
.process .sec02 .process_list, .process .sec03 .process_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 120px);
  margin: 0 auto;
}
.process .sec02 .process_list li, .process .sec03 .process_list li {
  height: 200px;
  margin: 30px 0;
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 46.2244897959%;
  /* margin-left 계산 gap */
  margin-left: 7.5510204082%;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.process .sec02 .process_list li:nth-child(2n-1), .process .sec03 .process_list li:nth-child(2n-1) {
  margin-left: 0;
}
.process .sec02 .process_list p, .process .sec03 .process_list p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
}
.process .sec02 .process_list p.tit, .process .sec03 .process_list p.tit {
  margin-bottom: 0.625rem;
  font-weight: bold;
  color: #222222;
}
@media (max-width: 1023px) {
  .process .sec02 .process_diagram, .process .sec03 .process_diagram {
    margin-bottom: 1.25rem;
  }
  .process .sec02 .process_diagram li, .process .sec03 .process_diagram li {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1.875rem;
  }
  .process .sec02 .process_diagram li::after, .process .sec03 .process_diagram li::after {
    position: absolute;
    top: 57px;
    right: 0;
    left: 50%;
    transform: translate(-50%, 0) rotate(90deg);
    background: url("/resources/cn/global/images/careers/process_arrow.svg") center no-repeat;
    background-size: 8px 10px;
    content: "";
  }
  .process .sec02 .process_diagram li > div, .process .sec03 .process_diagram li > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  .process .sec02 .process_diagram span, .process .sec03 .process_diagram span {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
    color: #222222;
  }
  .process .sec02 .process_diagram span.pc_off, .process .sec03 .process_diagram span.pc_off {
    display: inline-block;
  }
  .process .sec02 .process_diagram p, .process .sec03 .process_diagram p {
    margin-left: 5px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.4375;
  }
  .process .sec02 .process_list, .process .sec03 .process_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
  }
  .process .sec02 .process_list li, .process .sec03 .process_list li {
    height: auto;
    margin: 0;
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-left: 0;
    padding: 20px 0;
  }
  .process .sec02 .process_list p, .process .sec03 .process_list p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .process .sec02 .process_list p.tit, .process .sec03 .process_list p.tit {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 766px) {
  .process .sec02 .process_diagram, .process .sec03 .process_diagram {
    margin-bottom: 1.25rem;
  }
}
.process .sec03 .con01 {
  margin-bottom: 7.5rem;
}
.process .sec03 .banner_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.process .sec03 .banner_item li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 48.4693877551%;
  /* margin-left 계산 gap */
  margin-left: 3.0612244898%;
  background: #f7f7f7 url("/resources/cn/global/images/careers/process_banner_icon01.svg") 33px 27px no-repeat;
  background-size: 72px 72px;
}
.process .sec03 .banner_item li:nth-child(2n-1) {
  margin-left: 0;
}
.process .sec03 .banner_item li:last-child {
  background: #f7f7f7 url("/resources/cn/global/images/common/ic_faq_banner.svg") 33px 27px no-repeat;
  background-size: 72px 72px;
}
.process .sec03 .banner_item a {
  display: block;
  padding: 35px 45px 35px 120px;
}
.process .sec03 .banner_item strong {
  display: inline-block;
  margin-bottom: 0.4375rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #222222;
}
.process .sec03 .banner_item strong::after {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 12px;
  background: url("/resources/cn/global/images/common/ic_arrow.svg") center no-repeat;
  background-size: cover;
  content: "";
}
.process .sec03 .banner_item p {
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 1.4117647059;
  color: #222222;
  word-break: break-all;
}
@media (max-width: 1023px) {
  .process .sec03 .con01 {
    margin-bottom: 5rem;
  }
  .process .sec03 .banner_item li {
    background: #f7f7f7 url("/resources/cn/global/images/careers/process_banner_icon01.svg") 20px 19px no-repeat;
    background-size: 50px 50px;
  }
  .process .sec03 .banner_item li:last-child {
    background: #f7f7f7 url("/resources/cn/global/images/common/ic_faq_banner.svg") 20px 19px no-repeat;
    background-size: 50px 50px;
  }
  .process .sec03 .banner_item a {
    height: 130px;
    padding: 25px 20px 25px 80px;
  }
  .process .sec03 .banner_item strong {
    margin-bottom: 0.3125rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.7777777778;
  }
  .process .sec03 .banner_item strong::after {
    width: 10px;
    height: 10px;
    margin-left: 6px;
    margin-bottom: 2px;
    content: "";
  }
  .process .sec03 .banner_item p {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
    color: #444444;
  }
}
@media (max-width: 766px) {
  .process .sec03 .con01 {
    margin-bottom: 5rem;
  }
  .process .sec03 .banner_item li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    margin-left: 0;
  }
  .process .sec03 .banner_item li:last-child {
    margin-top: 0.625rem;
  }
  .process .sec03 .banner_item a {
    height: auto;
  }
}

/* 채용FAQ */
.careers_faq .sec01 .con01 {
  margin-bottom: 7.3125rem;
}
.careers_faq .sec01 .con01 .acco_list .acco_tit {
  height: auto;
}
.careers_faq .sec01 .con01 .acco_list .acco_tit p {
  width: 100%;
  max-width: 100%;
  padding-right: 36px;
  font-weight: bold;
  word-break: break-all;
}
.careers_faq .sec01 .con01 .acco_list .acco_cont {
  padding: 50px 64px 50px 60px;
}
.careers_faq .sec01 .con01 .button_wrap {
  margin-top: 4.6875rem;
}
@media (max-width: 1023px) {
  .careers_faq .sec01 .con01 {
    margin-bottom: 5rem;
  }
  .careers_faq .sec01 .con01 .acco_list .acco_tit {
    padding: 17px 20px;
  }
  .careers_faq .sec01 .con01 .acco_list .acco_tit p {
    padding-right: 32px;
  }
  .careers_faq .sec01 .con01 .acco_list .acco_cont {
    padding: 25px 25px 25px 20px;
  }
  .careers_faq .sec01 .con01 .tab_search_box .input_area {
    width: 100%;
  }
  .careers_faq .sec01 .con01 .button_wrap {
    margin-top: 3.125rem;
  }
}

/* 인재육성 */
.program .sec01 .con_item h4 {
  margin-bottom: 1.5rem;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.0769230769;
  color: #222222;
}
.program .sec01 .con_item01 {
  margin-bottom: 7.5rem;
}
.program .sec01 .con_item01 .diagram_box {
  padding: 80px 84px;
  border: 1px solid #dddddd;
}
.program .sec01 .con_item01 .diagram_box ul {
  position: relative;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: 0;
}
.program .sec01 .con_item02 strong, .program .sec01 .con_item03 strong {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5;
  color: #222222;
}
.program .sec01 .con_item02 p, .program .sec01 .con_item03 p {
  margin-top: 0.9375rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
}
.program .sec01 .con_item02 {
  margin-bottom: 7.5rem;
  padding-bottom: 120px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 1023px) {
  .program .sec01 .con_item h4 {
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.1428571429;
  }
  .program .sec01 .con_item01 {
    margin-bottom: 5rem;
  }
  .program .sec01 .con_item01 .diagram_box {
    padding: 40px 0;
  }
  .program .sec01 .con_item01 .diagram_box ul {
    padding: 0 9.55%;
  }
  .program .sec01 .con_item02 strong, .program .sec01 .con_item03 strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.2777777778;
  }
  .program .sec01 .con_item02 p, .program .sec01 .con_item03 p {
    margin-top: 0.625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .program .sec01 .con_item02 {
    margin-bottom: 5rem;
    padding-bottom: 80px;
  }
}

/* 인사중심 직무제도 */
.system .sec .con {
  margin-bottom: 7.5rem;
}
.system .sec .con:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .system .sec .con {
    margin-bottom: 5rem;
  }
}
@media (max-width: 766px) {
  .system .sec .con {
    margin-bottom: 5rem;
  }
}
.system .sec .con .txt_box {
  margin-bottom: 5rem;
}
.system .sec .con .txt_box h4 {
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.0769230769;
  color: #222222;
}
.system .sec .con .txt_box p {
  margin-top: 0.875rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #222222;
  word-break: break-all;
}
@media (max-width: 1023px) {
  .system .sec .con .txt_box {
    margin-bottom: 2.5rem;
  }
  .system .sec .con .txt_box h4 {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 1.0952380952;
  }
  .system .sec .con .txt_box p {
    margin-top: 0.5625rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .system .sec .con .txt_box p {
    margin-top: 0.5625rem;
  }
}
.system .sec .con02 .inner {
  padding-bottom: 120px;
  border-bottom: 1px solid #e5e5e5;
}
.system .sec .con02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  gap: 60px;
}
.system .sec .con02 li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex: 1;
  position: relative;
  height: 100px;
  border: 1px solid #aaaaaa;
}
.system .sec .con02 li::after {
  position: absolute;
  top: 50%;
  right: -37px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: url("/resources/cn/global/images/careers/ic_plus_blue.svg") center repeat;
  background-size: cover;
  content: "";
}
.system .sec .con02 li:last-child::after {
  display: none;
}
.system .sec .con02 li p {
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  color: #444444;
  text-align: center;
}
@media (max-width: 1023px) {
  .system .sec .con02 .inner {
    padding-bottom: 80px;
  }
  .system .sec .con02 li p {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3333333333;
  }
}
@media (max-width: 766px) {
  .system .sec .con02 {
    margin-bottom: 5rem;
  }
  .system .sec .con02 ul {
    gap: 22px;
  }
  .system .sec .con02 li {
    height: 75px;
  }
  .system .sec .con02 li::after {
    right: -15px;
    width: 8px;
    height: 8px;
  }
  .system .sec .con02 li p {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.4166666667;
  }
}
.system .sec .con03 .inner {
  padding-bottom: 120px;
  border-bottom: 1px solid #e5e5e5;
}
.system .sec .con03 .img_wrap {
  padding: 0 80px;
}
.system .sec .con03 .img_wrap img {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .system .sec .con03 .inner {
    padding-bottom: 80px;
  }
  .system .sec .con03 .img_wrap {
    max-width: 630px;
    margin: 0 auto;
    padding: 0;
  }
}
.system .sec .con04 .txt_box {
  margin-bottom: 0.75rem;
}
.system .sec .con04 .reward_area {
  font-size: 0;
}
.system .sec .con04 .reward_area .txt_area {
  display: inline-block;
  width: 280px;
  vertical-align: top;
}
.system .sec .con04 .reward_area .txt_area p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #444444;
  word-break: break-all;
}
.system .sec .con04 .reward_area .diagram_box {
  display: inline-block;
  width: 650px;
  margin-left: 50px;
  vertical-align: top;
}
.system .sec .con04 .reward_area .diagram_box ul {
  padding: 0;
  border: none;
  border-radius: 0;
}
.system .sec .con04 .reward_area .diagram_box li > p {
  margin-bottom: 30px;
}
.system .sec .con04 .reward_area.business_results .diagram_box {
  padding-bottom: 180px;
  background: url("/resources/cn/global/images/careers/system_triangle.png") center 80% no-repeat;
  background-size: 100% 81px;
}
.system .sec .con04 .reward_area.business_results .diagram_box li p {
  background: none;
  border: 1px solid #dddddd;
  color: #26247B;
}
.system .sec .con04 .reward_area.business_results .diagram_box li p::after {
  top: 100%;
  width: 18px;
  height: 12px;
  border: 0;
  border-color: transparent;
  background: url("/resources/cn/global/images/careers/arrow_upward_trans.svg") center no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .system .sec .con04 .reward_area .txt_area {
    display: block;
    width: 100%;
  }
  .system .sec .con04 .reward_area .txt_area p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .system .sec .con04 .reward_area .diagram_box {
    display: block;
    width: 100%;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
  }
  .system .sec .con04 .reward_area .diagram_box ul {
    gap: 40px;
  }
  .system .sec .con04 .reward_area .diagram_box li {
    display: inline-block;
    vertical-align: top;
  }
  .system .sec .con04 .reward_area .diagram_box li::after {
    display: none;
  }
  .system .sec .con04 .reward_area .diagram_box li > p {
    margin-bottom: 19px;
    padding: 19.5px 0;
  }
  .system .sec .con04 .reward_area:not(.business_results) .txt_area p {
    display: none;
  }
  .system .sec .con04 .reward_area.business_results .diagram_box {
    margin-top: 2.5rem;
    padding-bottom: 120px;
    background: url("/resources/cn/global/images/careers/system_triangle_m.png") center 90% no-repeat;
    background-size: 100% 40px;
  }
}
@media (max-width: 766px) {
  .system .sec .con04 .reward_area .txt_area {
    display: block;
    width: 100%;
  }
  .system .sec .con04 .reward_area .txt_area p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .system .sec .con04 .reward_area .diagram_box {
    margin-top: 1.25rem;
    font-size: 0;
  }
  .system .sec .con04 .reward_area .diagram_box li {
    display: block;
    width: 100%;
  }
}

/* 복리후생 */
.benefit .sec01 .con01 {
  margin-bottom: 7.375rem;
}
.benefit .sec01 .con01 .top_txt h4 {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 0.875;
  color: #222222;
}
.benefit .sec01 .con01 .top_txt p {
  margin-top: 1.125rem;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
}
.benefit .sec01 .con02 .welfare_list .list_box {
  margin-bottom: 7rem;
}
.benefit .sec01 .con02 .welfare_list .list_box:last-of-type {
  margin-bottom: 0;
}
.benefit .sec01 .con02 .welfare_list .list_box > strong {
  font-size: 1.625rem;
  letter-spacing: 0;
  line-height: 1.0769230769;
  color: #222222;
}
.benefit .sec01 .con02 .welfare_list .list_box .list {
  margin-top: 0.9375rem;
  font-size: 0;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333333% - 20px);
  height: 340px;
  margin-right: 30px;
  padding: 40px 25px 0 25px;
  border: 1px solid #ddd;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li:nth-of-type(3n) {
  margin-right: 0;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li:nth-of-type(n + 4) {
  margin-top: 1.875rem;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li i {
  display: block;
  width: 72px;
  height: 72px;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li .txt {
  padding-top: 40px;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li .txt strong {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5454545455;
  color: #222222;
}
.benefit .sec01 .con02 .welfare_list .list_box .list li .txt p {
  padding-top: 20px;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  color: #666666;
  word-break: break-all;
}
@media (max-width: 1023px) {
  .benefit .sec01 .con01 {
    margin-bottom: 5rem;
  }
  .benefit .sec01 .con01 .top_txt h4 {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 0.9583333333;
  }
  .benefit .sec01 .con01 .top_txt p {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .benefit .sec01 .con02 .welfare_list .list_box {
    margin-bottom: 5rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box > strong {
    font-size: 1.3125rem;
    letter-spacing: 0;
    line-height: 0.9047619048;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list {
    margin-top: 1.25rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li {
    width: calc(50% - 20px);
    height: 159px;
    margin-right: 0;
    padding: 25px 20px;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li:nth-of-type(odd) {
    margin-right: 10px;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li:nth-of-type(n + 3) {
    margin-top: 0.625rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li > * {
    display: inline-block;
    vertical-align: top;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li i {
    display: inline-block;
    width: 45px;
    height: 45px;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li .txt {
    width: calc(100% - 60px);
    padding: 6px 0 0 20px;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li .txt strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 0.9444444444;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li .txt p {
    padding-top: 10px;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
}
@media (max-width: 766px) {
  .benefit .sec01 .con01 {
    margin-bottom: 5rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box {
    margin-bottom: 5rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list {
    margin-top: 1.25rem;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .benefit .sec01 .con02 .welfare_list .list_box .list li:nth-of-type(n + 2) {
    margin-top: 0.625rem;
  }
}

/* error */
/* 에러페이지 */
html.gray,
body.gray {
  background-color: #f7f7f7;
}

#error {
  padding: 120px 0;
}
#error.group {
  padding: 140px 0;
}
#error.group .top {
  padding-bottom: 25px;
}
#error.group .top a {
  width: 185px;
}
#error .top {
  padding-bottom: 30px;
}
#error .top a {
  display: block;
  width: 150px;
}
#error .top a img {
  width: 100%;
}
#error .box {
  background-color: #fff;
  padding: 94px 10px;
  text-align: center;
}
#error .box i {
  width: 72px;
  height: 72px;
  display: block;
  margin: 0 auto;
  font-size: 0;
  margin-bottom: 2.0625rem;
}
#error .box i:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#error .box i img {
  display: inline-block;
  vertical-align: middle;
}
#error .box p {
  font-size: 2.625rem;
  letter-spacing: 0;
  line-height: 1.2857142857;
  margin-bottom: 1.5625rem;
  color: #222;
  font-weight: bold;
}
#error .box strong {
  display: block;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  margin-bottom: 0.9375rem;
  color: #444;
  font-weight: bold;
}
#error .box span {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-bottom: 2.8125rem;
  color: #666;
  font-weight: 400;
}
@media (max-width: 1399px) {
  #error {
    padding: 120px 0;
  }
  #error.group {
    padding: 120px 0;
  }
}
@media (max-width: 1023px) {
  #error {
    padding: 33px 0;
  }
  #error.group {
    padding: 38px 0;
  }
  #error.group .top {
    padding-bottom: 26px;
  }
  #error.group .top a {
    width: 174px;
  }
  #error .top {
    padding-bottom: 22px;
  }
  #error .top a {
    width: 139px;
  }
  #error .box {
    padding: 60px 10px;
  }
  #error .box i {
    width: 49px;
    width: 49px;
    margin-bottom: 1.3125rem;
  }
  #error .box p {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.2666666667;
    margin-bottom: 1.125rem;
  }
  #error .box strong {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0.625rem;
  }
  #error .box span {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 766px) {
  #error {
    padding: 19px 0;
  }
  #error.group {
    padding: 25px 0;
  }
  #error.group .top {
    padding-bottom: 20px;
  }
  #error.group .top a {
    width: 140px;
  }
  #error .top {
    padding-bottom: 18px;
  }
  #error .top a {
    width: 105px;
  }
}

/* footer page */
/* 개인정보처리방침, 이용약관, 이메일무단수집거부 */
.policy .container .con_title {
  margin-bottom: 5.625rem;
}
.policy .container .top_area .custom_select_area {
  max-width: 320px;
}
.policy .container .top_area .index_box {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  background-color: #f7f7f7;
  padding: 40px 0;
  box-sizing: border-box;
}
.policy .container .top_area .index_box ul {
  padding: 0 60px;
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 50%;
  /* margin-left 계산 gap */
}
.policy .container .top_area .index_box ul li {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #222222;
}
.policy .container .top_area .index_box ul li::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.policy .container .top_area .index_box ul li span {
  max-width: 30px;
  display: block;
  float: left;
}
.policy .container .top_area .index_box ul li p {
  max-width: calc(100% - 30px);
  float: left;
  padding-left: 4px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .policy .container .top_area .index_box ul li:hover {
    color: #26247B;
  }
}
.policy .container .top_area .index_box ul:last-child {
  border-left: 1px solid #dddddd;
}
.policy .container dl {
  margin-top: 3.75rem;
}
.policy .container dl dt {
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.4545454545;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.policy .container dl dt::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.policy .container dl dt span {
  max-width: 34px;
  display: block;
  float: left;
}
.policy .container dl dt p {
  max-width: calc(100% - 34px);
  float: left;
  padding-left: 4px;
  box-sizing: border-box;
}
.policy .container dl dd {
  margin-top: 0.9375rem;
}
.policy .container dl dd h4 {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #222222;
}
.policy .container dl dd p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  margin-bottom: 1.875rem;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #666666;
}
.policy .container dl dd p.last {
  margin-top: 3.75rem;
  font-weight: bold;
  color: #26247B;
}
.policy .container dl dd ol li {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 400;
  color: #666666;
}
.policy .container dl dd ol li + li {
  margin-top: 0.9375rem;
}
.policy .container dl dd ol li ol li {
  margin-top: 0rem;
}
.policy .container dl dd ol + ol {
  margin-top: 0.9375rem;
}
.policy .container dl dd ol.number > li {
  padding-left: 24px;
  position: relative;
}
.policy .container dl dd ol.number > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.policy .container dl dd ol.number > li:nth-of-type(1):before {
  content: "①";
}
.policy .container dl dd ol.number > li:nth-of-type(2):before {
  content: "②";
}
.policy .container dl dd ol.number > li:nth-of-type(3):before {
  content: "③";
}
.policy .container dl dd ol.number > li:nth-of-type(4):before {
  content: "④";
}
.policy .container dl dd ol.number > li:nth-of-type(5):before {
  content: "⑤";
}
.policy .container dl dd ol.number > li:nth-of-type(6):before {
  content: "⑥";
}
.policy .container dl dd ol.number > li:nth-of-type(7):before {
  content: "⑦";
}
.policy .container dl dd ol.number > li:nth-of-type(8):before {
  content: "⑧";
}
.policy .container dl dd ol.number > li:nth-of-type(9):before {
  content: "⑨";
}
.policy .container dl dd ol.number > li:nth-of-type(10):before {
  content: "⑩";
}
.policy .container dl dd ol.dot > li {
  padding-left: 15px;
  position: relative;
}
.policy .container dl dd ol.dot > li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.policy .container dl dd ol.line > li {
  padding-left: 15px;
  position: relative;
}
.policy .container dl dd ol.line > li:before {
  content: "-";
  position: absolute;
  left: 2px;
  top: -2px;
}
.policy .container dl dd ol.remark > li {
  padding-left: 24px;
  position: relative;
}
.policy .container dl dd ol.remark > li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .policy .container .con_title {
    margin-bottom: 3.75rem;
  }
  .policy .container .top_area .index_box {
    padding: 25px 20px;
  }
  .policy .container .top_area .index_box ul {
    padding: 0;
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
  }
  .policy .container .top_area .index_box ul li {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .policy .container .top_area .index_box ul li span {
    max-width: 25px;
  }
  .policy .container .top_area .index_box ul li p {
    max-width: calc(100% - 25px);
    padding-left: 2px;
  }
  .policy .container .top_area .index_box ul:last-child {
    border-left: 0;
  }
  .policy .container dl {
    margin-top: 3.125rem;
  }
  .policy .container dl dt {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.3888888889;
  }
  .policy .container dl dd {
    margin-top: 0.625rem;
  }
  .policy .container dl dd h4 {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .policy .container dl dd p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    margin-bottom: 0.625rem;
  }
  .policy .container dl dd p.last {
    margin-top: 1.875rem;
  }
  .policy .container dl dd ol li {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
  }
  .policy .container dl dd ol li + li {
    margin-top: 0.625rem;
  }
  .policy .container dl dd ol + ol {
    margin-top: 0.625rem;
  }
  .policy .container dl dd ol.number > li {
    padding-left: 18px;
  }
  .policy .container dl dd ol.dot > li {
    padding-left: 10px;
  }
  .policy .container dl dd ol.line > li {
    padding-left: 10px;
  }
  .policy .container dl dd ol.remark > li {
    padding-left: 18px;
  }
}

/* search */
.searchview .search_result {
  position: relative;
  width: 100%;
  height: 369px;
  padding-top: 120px;
  background: url("/resources/cn/global/images/common/searchview_bg.jpg") 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
}
.searchview .search_result .title p {
  color: #ffffff;
}
.searchview .search_result .sec_inner {
  z-index: 1;
}
.searchview .search_result .search_box p {
  padding-top: 30px;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 0.75;
  color: #ffffff;
}
.searchview .search_result .search_box p strong {
  text-decoration: underline;
}
.searchview .search_result.gray {
  background-color: #a2bac4;
}
.searchview .search_result.gray .search_box button {
  background: url("/resources/cn/global/images/common/integrated_search_gray_icon.svg") center top no-repeat;
  background-size: 100% 100%;
}
.searchview .content {
  padding-bottom: 120px;
}
.searchview .sec01 .nodata_box {
  display: none;
}
.searchview .sec01 .con {
  margin-bottom: 7.5rem;
}
.searchview .sec01 .con h3.tit {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4375;
  color: #222222;
}
.searchview .sec01 .con h3.tit span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.3125rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 0.9411764706;
  color: #26247B;
}
.searchview .sec01 .con .btn_box {
  margin-top: 4.6875rem;
  text-align: center;
}
.searchview .sec01 .con + .con h3.tit {
  margin-bottom: 1.1875rem;
}
.searchview .sec01 .con01 .info_box {
  width: 100%;
  height: 100%;
  min-height: 444px;
  border: 1px solid #aaa;
  box-sizing: border-box;
  font-size: 0;
}
.searchview .sec01 .con01 .info_box + .info_box {
  margin-top: 3.75rem;
}
.searchview .sec01 .con01 .info_box .txt_box {
  display: inline-block;
  width: calc(100% - 338px);
  height: 100%;
  padding: 40px 80px 50px 40px;
  box-sizing: border-box;
  vertical-align: middle;
}
.searchview .sec01 .con01 .info_box .txt_box strong {
  display: block;
  margin-bottom: 0.84375rem;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.4375;
  color: #222222;
}
.searchview .sec01 .con01 .info_box .txt_box strong span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.3125rem;
  font-size: 1.0625rem;
  letter-spacing: 0;
  line-height: 0.9411764706;
  color: #26247B;
}
.searchview .sec01 .con01 .info_box .txt_box p {
  font-size: 1.1875rem;
  letter-spacing: 0;
  line-height: 1.6842105263;
  word-break: break-all;
  word-wrap: break-word;
  color: #666666;
}
.searchview .sec01 .con01 .info_box .btn_wrap {
  margin-top: 2.09375rem;
}
.searchview .sec01 .con01 .info_box .btn_wrap .list {
  margin: -10px;
  font-size: 0;
}
.searchview .sec01 .con01 .info_box .btn_wrap .list li {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.searchview .sec01 .con01 .info_box .img_box {
  display: inline-block;
  width: 338px;
  vertical-align: middle;
}
.searchview .sec01 .con01 .info_box .img_box img {
  width: 100%;
}
.searchview .sec01 .con02 .link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: normal;
  font-size: 0;
}
.searchview .sec01 .con02 .link li {
  /* col 1개의 넓이 계산 */
  /* columns 넓이 계산 */
  width: 31.2925170068%;
  /* margin-left 계산 gap */
  margin-left: 3.0612244898%;
  min-height: 160px;
}
.searchview .sec01 .con02 .link li:nth-child(3n-2) {
  margin-left: 0;
}
.searchview .sec01 .con02 .link li:nth-of-type(n + 4) {
  margin-top: 2.5rem;
}
.searchview .sec01 .con02 .link li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 74px 30px 30px 30px;
  border: 1px solid #aaa;
  background-color: #fff;
  box-sizing: border-box;
  transition: background 0.3s;
  position: relative;
}
.searchview .sec01 .con02 .link li a span {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.4285714286;
  color: #aaaaaa;
}
.searchview .sec01 .con02 .link li a p {
  padding-right: 30px;
  margin-top: 0.0625rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: bold;
  color: #222222;
}
.searchview .sec01 .con02 .link li a:before {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 37px;
  width: 16px;
  height: 16px;
  content: "";
  background: url("/resources/cn/global/images/button/button_arrow_black.svg") center top no-repeat;
  background-size: 100% 100%;
}
.searchview .sec01 .con02 .link li a:focus, .searchview .sec01 .con02 .link li a:hover {
  background-color: #26247B;
  border-color: #26247B;
}
.searchview .sec01 .con02 .link li a:focus span,
.searchview .sec01 .con02 .link li a:focus p, .searchview .sec01 .con02 .link li a:hover span,
.searchview .sec01 .con02 .link li a:hover p {
  color: #ffffff;
}
.searchview .sec01 .con02 .link li a:focus::before, .searchview .sec01 .con02 .link li a:hover::before {
  background: url("/resources/cn/global/images/button/button_arrow_white.svg") center top no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1538px) {
  .searchview .search_result::before {
    left: -413px;
  }
  .searchview .search_result::after {
    right: -387px;
  }
}
@media (max-width: 1023px) {
  .searchview .search_result {
    width: 100%;
    height: 285px;
    padding-top: 75px;
  }
  .searchview .search_result::before, .searchview .search_result::after {
    height: 305px;
  }
  .searchview .search_result::before {
    width: 305px;
    left: -204px;
  }
  .searchview .search_result::after {
    width: 514px;
    right: -215px;
  }
  .searchview .search_result .search_box p {
    padding-top: 18px;
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .searchview .content {
    padding-bottom: 70px;
  }
  .searchview .sec01 .con {
    margin-bottom: 4.375rem;
  }
  .searchview .sec01 .con h3.tit {
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .searchview .sec01 .con h3.tit span {
    margin-top: 0.1875rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .searchview .sec01 .con .btn_box {
    margin-top: 3.125rem;
    text-align: center;
  }
  .searchview .sec01 .con + .con h3.tit {
    margin-bottom: 1.1875rem;
  }
  .searchview .sec01 .con01 .info_box {
    min-height: auto;
    padding: 33px 40px 30px 40px;
  }
  .searchview .sec01 .con01 .info_box + .info_box {
    margin-top: 2.5rem;
  }
  .searchview .sec01 .con01 .info_box .txt_box {
    width: 100%;
    padding: 0;
  }
  .searchview .sec01 .con01 .info_box .txt_box strong {
    margin-bottom: 1.3125rem;
    font-size: 1.4375rem;
    letter-spacing: 0;
    line-height: 1.2608695652;
  }
  .searchview .sec01 .con01 .info_box .txt_box strong span {
    margin-top: 0.1875rem;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .searchview .sec01 .con01 .info_box .txt_box p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5625;
    color: #666666;
  }
  .searchview .sec01 .con01 .info_box .btn_wrap {
    margin-top: 1.59375rem;
  }
  .searchview .sec01 .con01 .info_box .img_box {
    display: none;
  }
  .searchview .sec01 .con02 .link li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 48.9795918367%;
    /* margin-left 계산 gap */
    margin-left: 2.0408163265%;
    min-height: 88px;
  }
  .searchview .sec01 .con02 .link li:nth-child(2n-1) {
    margin-left: 0;
  }
  .searchview .sec01 .con02 .link li:nth-child(2n) {
    margin-left: 2.0408163265%;
  }
  .searchview .sec01 .con02 .link li:nth-of-type(n + 3) {
    margin-top: 1.25rem;
  }
  .searchview .sec01 .con02 .link li a {
    padding: 20px 20px;
    box-sizing: border-box;
  }
  .searchview .sec01 .con02 .link li a span {
    font-size: 0.75rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .searchview .sec01 .con02 .link li a p {
    padding-right: 20px;
    margin-top: 0.0625rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.5;
    color: #222222;
  }
  .searchview .sec01 .con02 .link li a::before {
    bottom: 28px;
    right: 20px;
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 766px) {
  .searchview .search_result::before {
    display: none;
  }
  .searchview .search_result::after {
    width: 514px;
    right: -240px;
  }
  .searchview .sec01 .con {
    margin-bottom: 4.375rem;
  }
  .searchview .sec01 .con .btn_box {
    margin-top: 3.125rem;
    text-align: center;
  }
  .searchview .sec01 .con01 .info_box + .info_box {
    margin-top: 2.5rem;
  }
  .searchview .sec01 .con01 .info_box .btn_wrap {
    margin-top: 1.59375rem;
  }
  .searchview .sec01 .con02 .link li {
    /* col 1개의 넓이 계산 */
    /* columns 넓이 계산 */
    width: 100%;
    /* margin-left 계산 gap */
    min-height: auto;
    margin-left: 0;
  }
  .searchview .sec01 .con02 .link li:nth-child(2n) {
    margin-left: 0;
  }
  .searchview .sec01 .con02 .link li:nth-of-type(n + 2) {
    margin-top: 1.25rem;
  }
}