@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/*  1537 ~  */
.colorPrimary {
  background-color: #b3cf0a;
}

.colorSub {
  background-color: #ee7a56;
}

.colorBGp {
  background-color: #00a99d;
}

.colorBGd {
  background-color: #f8f8f8;
}

.colorBGw {
  background-color: #e0e0e0;
}

.colorB {
  color: #222222;
}

.colorP {
  color: #98b101;
}

.colorD {
  color: #555555;
}

.colorS {
  color: #666666;
}

.colorL {
  color: #777777;
}

.colorE {
  color: #f24848;
}

/* */
@font-face {
  font-family: 'SUIT'; font-weight: 100; src: url("../fonts/suit-thin.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 200; src: url("../fonts/suit-extralight.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 300; src: url("../fonts/suit-light.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 400; src: url("../fonts/suit-regular.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 500; src: url("../fonts/suit-medium.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 600; src: url("../fonts/suit-semibold.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 700; src: url("../fonts/suit-bold.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 800; src: url("../fonts/suit-extrabold.woff2") format("woff2");
}

@font-face {
  font-family: 'SUIT'; font-weight: 900; src: url("../fonts/suit-heavy.woff2") format("woff2");
}

/** Minified by jsDelivr using clean-css v4.2.3. Original file: /npm/@openfonts/noto-sans-sc_chinese-simplified@1.44.9/index.css Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */
@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 100; src: local("Noto Sans SC Thin"), local("NotoSansSC-Thin"), url(../fonts/noto-sans-sc-chinese-simplified-100.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-100.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 300; src: local("Noto Sans SC Light"), local("NotoSansSC-Light"), url(../fonts/noto-sans-sc-chinese-simplified-300.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-300.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 400; src: local("Noto Sans SC Regular"), local("NotoSansSC-Regular"), url(../fonts/noto-sans-sc-chinese-simplified-400.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-400.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 500; src: local("Noto Sans SC Medium"), local("NotoSansSC-Medium"), url(../fonts/noto-sans-sc-chinese-simplified-500.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-500.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 700; src: local("Noto Sans SC Bold"), local("NotoSansSC-Bold"), url(../fonts/noto-sans-sc-chinese-simplified-700.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-700.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-display: swap; font-weight: 900; src: local("Noto Sans SC Black"), local("NotoSansSC-Black"), url(../fonts/noto-sans-sc-chinese-simplified-900.woff2) format("woff2"), url(../fonts/noto-sans-sc-chinese-simplified-900.woff) format("woff");
}

/*# sourceMappingURL=/sm/2262544be801fb1b5b8017c6dedca35f21f8e69a39706de22af7f5ab9196d510.map */
.ft_t {
  font-family: "SUIT";
  font-weight: 100;
}

.ft_el {
  font-family: "SUIT";
  font-weight: 200;
}

.ft_l {
  font-family: "SUIT";
  font-weight: 300;
}

.ft_r {
  font-family: "SUIT";
  font-weight: 400;
}

.ft_m {
  font-family: "SUIT";
  font-weight: 500;
}

.ft_sb {
  font-family: "SUIT";
  font-weight: 600;
}

.ft_b {
  font-family: "SUIT";
  font-weight: 700;
}

.ft_eb {
  font-family: "SUIT";
  font-weight: 800;
}

.ft_bb {
  font-family: "SUIT";
  font-weight: 900;
}

.ft_st {
  font-family: "Noto Sans SC";
  font-weight: 100;
}

.ft_sl {
  font-family: "Noto Sans SC";
  font-weight: 300;
}

.ft_sr {
  font-family: "Noto Sans SC";
  font-weight: 400;
}

.ft_sm {
  font-family: "Noto Sans SC";
  font-weight: 500;
}

.ft_sb {
  font-family: "Noto Sans SC";
  font-weight: 700;
}

.ft_sbb {
  font-family: "Noto Sans SC";
  font-weight: 900;
}

/* ============== spriteimg ========== */
/* pc */
/* mobile */
.form-calender {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-calender::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: 0px -120px;
  width: 23px;
  height: 23px;
}

.form-checkbox-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-dim::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -97px -120px;
  width: 20px;
  height: 20px;
}

.form-checkbox-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-off::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -127px -120px;
  width: 20px;
  height: 20px;
}

.form-checkbox-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-on::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px 0px;
  width: 20px;
  height: 20px;
}

.form-dot_tooltip-top {
  display: inline-block;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip-top::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -200px 0px;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip {
  display: inline-block;
  width: 18px;
  height: 12px;
}

.form-dot_tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -90px -153px;
  width: 18px;
  height: 12px;
}

.form-input-x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-input-x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px -30px;
  width: 20px;
  height: 20px;
}

.form-radio-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-dim::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px -60px;
  width: 20px;
  height: 20px;
}

.form-radio-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-off::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px -90px;
  width: 20px;
  height: 20px;
}

.form-radio-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-on::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px -120px;
  width: 20px;
  height: 20px;
}

.form-search-x {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.form-search-x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -60px -60px;
  width: 40px;
  height: 40px;
}

.form-search-x-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.form-search-x-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-size: 106.5px 86.5px;
  background-position: 0px 0px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .form-search-x {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .form-search-x::after {
    content: "";
    display: block;
    background-image: url(../images/sp_forms.png);
    background-size: 106.5px 86.5px;
    background-position: 0px 0px;
    width: 25px;
    height: 25px;
  }
}

.form-search {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.form-search::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -120px 0px;
  width: 40px;
  height: 40px;
}

.form-search-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.form-search-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-size: 106.5px 86.5px;
  background-position: -30px 0px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .form-search {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .form-search::after {
    content: "";
    display: block;
    background-image: url(../images/sp_forms.png);
    background-size: 106.5px 86.5px;
    background-position: -30px 0px;
    width: 25px;
    height: 25px;
  }
}

.form-search_pop {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.form-search_pop::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -120px -50px;
  width: 40px;
  height: 40px;
}

.form-search_pop-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.form-search_pop-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-size: 106.5px 86.5px;
  background-position: 0px -30px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .form-search_pop {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .form-search_pop::after {
    content: "";
    display: block;
    background-image: url(../images/sp_forms.png);
    background-size: 106.5px 86.5px;
    background-position: 0px -30px;
    width: 25px;
    height: 25px;
  }
}

.form-select_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-select_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: 0px -153px;
  width: 20px;
  height: 20px;
}

.form-star-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-off::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -30px -153px;
  width: 20px;
  height: 20px;
}

.form-star-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-on::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -60px -153px;
  width: 20px;
  height: 20px;
}

.form-time {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-time::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -33px -120px;
  width: 23px;
  height: 23px;
}

.form-tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.form-tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -66px -120px;
  width: 21px;
  height: 21px;
}

.icon-accordion_arrow_down {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-accordion_arrow_down::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -561px;
  width: 20px;
  height: 20px;
}

.icon-accordion_arrow_down-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-accordion_arrow_down-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -120px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow_down {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-accordion_arrow_down::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -284px -120px;
    width: 20px;
    height: 20px;
  }
}

.icon-banner_link {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-banner_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -44px -546px;
  width: 30px;
  height: 30px;
}

.icon-banner_link-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-banner_link-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -215px -208px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon-banner_link {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-banner_link::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -215px -208px;
    width: 25px;
    height: 25px;
  }
}

.icon-banner_out {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-banner_out::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -84px -546px;
  width: 30px;
  height: 30px;
}

.icon-banner_out-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-banner_out-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -243px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon-banner_out {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-banner_out::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -243px;
    width: 25px;
    height: 25px;
  }
}

.icon-banner_outlink {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-banner_outlink::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -124px -546px;
  width: 30px;
  height: 30px;
}

.icon-banner_outlink-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-banner_outlink-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -145px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-banner_outlink {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-banner_outlink::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -284px -145px;
    width: 20px;
    height: 20px;
  }
}

.icon-btn_link-hover {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_link-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -90px -594px;
  width: 20px;
  height: 20px;
}

.icon-btn_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -120px -594px;
  width: 20px;
  height: 20px;
}

.icon-btn_video-hover {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_video-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -150px -594px;
  width: 20px;
  height: 20px;
}

.icon-btn_video {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-btn_video::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -180px -594px;
  width: 20px;
  height: 20px;
}

.icon-circle_green {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-circle_green::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -210px -594px;
  width: 20px;
  height: 20px;
}

.icon-circle_green-2x {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-circle_green-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -312.5px -140px;
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 1023px) {
  .icon-circle_green {
    display: inline-block;
    width: 14px;
    height: 14px;
  }

  .icon-circle_green::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -312.5px -140px;
    width: 14px;
    height: 14px;
  }
}

.icon-doc_h20 {
  display: inline-block;
  width: 15px;
  height: 20px;
}

.icon-doc_h20::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -99px -625px;
  width: 15px;
  height: 20px;
}

.icon-doc_h20-2x {
  display: inline-block;
  width: 12px;
  height: 14px;
}

.icon-doc_h20-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -312.5px -159px;
  width: 12px;
  height: 14px;
}

@media screen and (max-width: 1023px) {
  .icon-doc_h20 {
    display: inline-block;
    width: 12px;
    height: 14px;
  }

  .icon-doc_h20::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -312.5px -159px;
    width: 12px;
    height: 14px;
  }
}

.icon-doc_h24 {
  display: inline-block;
  width: 22px;
  height: 24px;
}

.icon-doc_h24::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -67px -625px;
  width: 22px;
  height: 24px;
}

.icon-doc_h24-2x {
  display: inline-block;
  width: 17px;
  height: 19px;
}

.icon-doc_h24-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -273px;
  width: 17px;
  height: 19px;
}

@media screen and (max-width: 1023px) {
  .icon-doc_h24 {
    display: inline-block;
    width: 17px;
    height: 19px;
  }

  .icon-doc_h24::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -273px;
    width: 17px;
    height: 19px;
  }
}

.icon-download_h20 {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-download_h20::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -240px -594px;
  width: 20px;
  height: 20px;
}

.icon-download_h24 {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-download_h24::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -391px;
  width: 24px;
  height: 24px;
}

.icon-download_h24-2x {
  display: inline-block;
  width: 19px;
  height: 19px;
}

.icon-download_h24-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -182px -139px;
  width: 19px;
  height: 19px;
}

@media screen and (max-width: 1023px) {
  .icon-download_h24 {
    display: inline-block;
    width: 19px;
    height: 19px;
  }

  .icon-download_h24::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -182px -139px;
    width: 19px;
    height: 19px;
  }
}

.icon-eag_data {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_data::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -240px -336px;
  width: 68px;
  height: 68px;
}

.icon-eag_data-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-eag_data-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px 0px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_data {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-eag_data::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px 0px;
    width: 50px;
    height: 50px;
  }
}

.icon-eag_doc {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_doc::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -318px -336px;
  width: 68px;
  height: 68px;
}

.icon-eag_doc-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-eag_doc-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -55px 0px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_doc {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-eag_doc::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -55px 0px;
    width: 50px;
    height: 50px;
  }
}

.icon-eag_l {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-eag_l::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px -156px;
  width: 60px;
  height: 60px;
}

.icon-eag_l-2x {
  display: inline-block;
  width: 40px;
  height: 45px;
}

.icon-eag_l-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -110px -50px;
  width: 40px;
  height: 45px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_l {
    display: inline-block;
    width: 40px;
    height: 45px;
  }

  .icon-eag_l::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -110px -50px;
    width: 40px;
    height: 45px;
  }
}

.icon-eag_performance {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_performance::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px 0px;
  width: 68px;
  height: 68px;
}

.icon-eag_performance-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-eag_performance-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -55px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_performance {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-eag_performance::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -55px;
    width: 50px;
    height: 50px;
  }
}

.icon-eag_r {
  display: inline-block;
  width: 70px;
  height: 60px;
}

.icon-eag_r::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: 0px -416px;
  width: 70px;
  height: 60px;
}

.icon-eag_r-2x {
  display: inline-block;
  width: 50px;
  height: 45px;
}

.icon-eag_r-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -110px 0px;
  width: 50px;
  height: 45px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_r {
    display: inline-block;
    width: 50px;
    height: 45px;
  }

  .icon-eag_r::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -110px 0px;
    width: 50px;
    height: 45px;
  }
}

.icon-eag_report {
  display: inline-block;
  width: 68px;
  height: 68px;
}

.icon-eag_report::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px -78px;
  width: 68px;
  height: 68px;
}

.icon-eag_report-2x {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.icon-eag_report-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -55px -55px;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  .icon-eag_report {
    display: inline-block;
    width: 50px;
    height: 50px;
  }

  .icon-eag_report::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -55px -55px;
    width: 50px;
    height: 50px;
  }
}

.icon-esg_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-esg_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -270px -594px;
  width: 20px;
  height: 20px;
}

.icon-esg_link-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-esg_link-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -82px -273px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-esg_link {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-esg_link::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -82px -273px;
    width: 15px;
    height: 15px;
  }
}

.icon-footer_sns-facebook {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-facebook::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -204px -546px;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-facebook-2x {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.icon-footer_sns-facebook-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -165px -89px;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 1023px) {
  .icon-footer_sns-facebook {
    display: inline-block;
    width: 35px;
    height: 35px;
  }

  .icon-footer_sns-facebook::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -165px -89px;
    width: 35px;
    height: 35px;
  }
}

.icon-footer_sns-instagram {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-instagram::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -244px -546px;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-instagram-2x {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.icon-footer_sns-instagram-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -168px;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 1023px) {
  .icon-footer_sns-instagram {
    display: inline-block;
    width: 35px;
    height: 35px;
  }

  .icon-footer_sns-instagram::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -168px;
    width: 35px;
    height: 35px;
  }
}

.icon-footer_sns-linkedin {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-linkedin::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -284px -546px;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-linkedin-2x {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.icon-footer_sns-linkedin-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -40px -168px;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 1023px) {
  .icon-footer_sns-linkedin {
    display: inline-block;
    width: 35px;
    height: 35px;
  }

  .icon-footer_sns-linkedin::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -40px -168px;
    width: 35px;
    height: 35px;
  }
}

.icon-footer_sns-youtube {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-youtube::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -324px -546px;
  width: 30px;
  height: 30px;
}

.icon-footer_sns-youtube-2x {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.icon-footer_sns-youtube-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -80px -168px;
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 1023px) {
  .icon-footer_sns-youtube {
    display: inline-block;
    width: 35px;
    height: 35px;
  }

  .icon-footer_sns-youtube::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -80px -168px;
    width: 35px;
    height: 35px;
  }
}

.icon-global_accordion_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-global_accordion_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -300px -594px;
  width: 20px;
  height: 20px;
}

.icon-global_map-mb {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-global_map-mb::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px -226px;
  width: 60px;
  height: 60px;
}

.icon-global_map {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-global_map::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -364px -546px;
  width: 30px;
  height: 30px;
}

.icon-global_map-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-global_map-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -210px -148px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-global_map {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-global_map::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -210px -148px;
    width: 30px;
    height: 30px;
  }
}

.icon-gnb_link-hover {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_link-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -330px -594px;
  width: 20px;
  height: 20px;
}

.icon-gnb_link-mb-2x {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-gnb_link-mb-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -60px -243px;
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 1023px) {
  .icon-gnb_link-mb {
    display: inline-block;
    width: 18px;
    height: 18px;
  }

  .icon-gnb_link-mb::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -60px -243px;
    width: 18px;
    height: 18px;
  }
}

.icon-gnb_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -360px -594px;
  width: 20px;
  height: 20px;
}

.icon-golink_arrow-g {
  display: inline-block;
  width: 30px;
  height: 12px;
}

.icon-golink_arrow-g::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -430px -486px;
  width: 30px;
  height: 12px;
}

.icon-golink_arrow-g-2x {
  display: inline-block;
  width: 25.5px;
  height: 9px;
}

.icon-golink_arrow-g-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -129px -243px;
  width: 25.5px;
  height: 9px;
}

@media screen and (max-width: 1023px) {
  .icon-golink_arrow-g {
    display: inline-block;
    width: 25.5px;
    height: 9px;
  }

  .icon-golink_arrow-g::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -129px -243px;
    width: 25.5px;
    height: 9px;
  }
}

.icon-golink_arrow-sus {
  display: inline-block;
  width: 30px;
  height: 10px;
}

.icon-golink_arrow-sus::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -330px -258px;
  width: 30px;
  height: 10px;
}

.icon-golink_arrow-sus-2x {
  display: inline-block;
  width: 20px;
  height: 8px;
}

.icon-golink_arrow-sus-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -190px -243px;
  width: 20px;
  height: 8px;
}

@media screen and (max-width: 1023px) {
  .icon-golink_arrow-sus {
    display: inline-block;
    width: 20px;
    height: 8px;
  }

  .icon-golink_arrow-sus::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -190px -243px;
    width: 20px;
    height: 8px;
  }
}

.icon-golink_arrow {
  display: inline-block;
  width: 30px;
  height: 10px;
}

.icon-golink_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -370px -258px;
  width: 30px;
  height: 10px;
}

.icon-golink_arrow-2x {
  display: inline-block;
  width: 25.5px;
  height: 9px;
}

.icon-golink_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -159.5px -243px;
  width: 25.5px;
  height: 9px;
}

@media screen and (max-width: 1023px) {
  .icon-golink_arrow {
    display: inline-block;
    width: 25.5px;
    height: 9px;
  }

  .icon-golink_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -159.5px -243px;
    width: 25.5px;
    height: 9px;
  }
}

.icon-gov_accordion_arrow {
  display: inline-block;
  width: 19px;
  height: 11px;
}

.icon-gov_accordion_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -470px -486px;
  width: 19px;
  height: 11px;
}

.icon-gov_accordion_arrow-2x {
  display: inline-block;
  width: 18.5px;
  height: 10.5px;
}

.icon-gov_accordion_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -297px;
  width: 18.5px;
  height: 10.5px;
}

@media screen and (max-width: 1023px) {
  .icon-gov_accordion_arrow {
    display: inline-block;
    width: 18.5px;
    height: 10.5px;
  }

  .icon-gov_accordion_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -297px;
    width: 18.5px;
    height: 10.5px;
  }
}

.icon-gov_cmte_1 {
  display: inline-block;
  width: 60px;
  height: 48px;
}

.icon-gov_cmte_1::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -498px -350px;
  width: 60px;
  height: 48px;
}

.icon-gov_cmte_2 {
  display: inline-block;
  width: 104px;
  height: 48px;
}

.icon-gov_cmte_2::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: 0px -278px;
  width: 104px;
  height: 48px;
}

/*2024-04-17*/
.icon-gov_cmte_3 {
  display: inline-block;
  width: 190px;
  height: 48px;
}

.icon-gov_cmte_3::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons2.png);
  background-position: 0px -220px;
  width: 190px;
  height: 48px;
}

.icon-gov_cmte_4 {
  display: inline-block;
  width: 105px;
  height: 48px;
}

.icon-gov_cmte_4::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -158px -220px;
  width: 105px;
  height: 48px;
}

.icon-gov_graph {
  display: inline-block;
  width: 46px;
  height: 56px;
}

.icon-gov_graph::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -498px -408px;
  width: 46px;
  height: 56px;
}

.icon-gov_graph-2x {
  display: inline-block;
  width: 32px;
  height: 39px;
}

.icon-gov_graph-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -165px -45px;
  width: 32px;
  height: 39px;
}

@media screen and (max-width: 1023px) {
  .icon-gov_graph {
    display: inline-block;
    width: 32px;
    height: 39px;
  }

  .icon-gov_graph::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -165px -45px;
    width: 32px;
    height: 39px;
  }
}

.icon-gov_link {
  display: inline-block;
  width: 18px;
  height: 8px;
}

.icon-gov_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -220px -200px;
  width: 18px;
  height: 8px;
}

.icon-link_h24-hover {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-link_h24-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -425px;
  width: 24px;
  height: 24px;
}

.icon-link_h24-hover-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-link_h24-hover-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -202px -273px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-link_h24-hover {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-link_h24-hover::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -202px -273px;
    width: 15px;
    height: 15px;
  }
}

.icon-link_h24 {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-link_h24::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -459px;
  width: 24px;
  height: 24px;
}

.icon-link_h24-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-link_h24-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -222px -273px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-link_h24 {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-link_h24::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -222px -273px;
    width: 15px;
    height: 15px;
  }
}

.icon-link_wht-h15 {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-link_wht-h15::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -124px -625px;
  width: 15px;
  height: 15px;
}

.icon-link_wht-h15-2x {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.icon-link_wht-h15-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -312.5px -246.5px;
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 1023px) {
  .icon-link_wht-h15 {
    display: inline-block;
    width: 12px;
    height: 12px;
  }

  .icon-link_wht-h15::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -312.5px -246.5px;
    width: 12px;
    height: 12px;
  }
}

.icon-link_wht-h24 {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-link_wht-h24::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -527px;
  width: 24px;
  height: 24px;
}

.icon-link_wht-h24-2x {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.icon-link_wht-h24-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: 0px -312.5px;
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 1023px) {
  .icon-link_wht-h24 {
    display: inline-block;
    width: 12px;
    height: 12px;
  }

  .icon-link_wht-h24::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: 0px -312.5px;
    width: 12px;
    height: 12px;
  }
}

.icon-location_arrow {
  display: inline-block;
  width: 10px;
  height: 18px;
}

.icon-location_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -310px -100px;
  width: 10px;
  height: 18px;
}

.icon-location_home {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-location_home::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -630px -594px;
  width: 18px;
  height: 18px;
}

.icon-more_arrow {
  display: inline-block;
  width: 18px;
  height: 29px;
}

.icon-more_arrow::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -470px -366px;
  width: 18px;
  height: 29px;
}

.icon-more_arrow-2x {
  display: inline-block;
  width: 18px;
  height: 26px;
}

.icon-more_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -63px;
  width: 18px;
  height: 26px;
}

@media screen and (max-width: 1023px) {
  .icon-more_arrow {
    display: inline-block;
    width: 18px;
    height: 26px;
  }

  .icon-more_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -284px -63px;
    width: 18px;
    height: 26px;
  }
}

.icon-more_txt_arrow-2x {
  display: inline-block;
  width: 16.5px;
  height: 10px;
}

.icon-more_txt_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -23.5px -297px;
  width: 16.5px;
  height: 10px;
}

@media screen and (max-width: 1023px) {
  .icon-more_txt_arrow {
    display: inline-block;
    width: 16.5px;
    height: 10px;
  }

  .icon-more_txt_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -23.5px -297px;
    width: 16.5px;
    height: 10px;
  }
}

.icon-page_menu_arrow-2x {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-page_menu_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -30px -243px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1023px) {
  .icon-page_menu_arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
  }

  .icon-page_menu_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -30px -243px;
    width: 25px;
    height: 25px;
  }
}

.icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -390px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_next_gr {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next_gr::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -450px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prev::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -480px -594px;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -510px -594px;
  width: 20px;
  height: 20px;
}

.icon-play-wht {
  display: inline-block;
  width: 47px;
  height: 53px;
}

.icon-play-wht::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -568px 0px;
  width: 47px;
  height: 53px;
}

.icon-play-wht-2x {
  display: inline-block;
  width: 23.5px;
  height: 26.5px;
}

.icon-play-wht-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -31.5px;
  width: 23.5px;
  height: 26.5px;
}

@media screen and (max-width: 1023px) {
  .icon-play-wht {
    display: inline-block;
    width: 23.5px;
    height: 26.5px;
  }

  .icon-play-wht::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -284px -31.5px;
    width: 23.5px;
    height: 26.5px;
  }
}

.icon-pop_close-wht {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-pop_close-wht::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -568px -340px;
  width: 40px;
  height: 40px;
}

.icon-pop_close-wht-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-pop_close-wht-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -40px -208px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_close-wht {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-pop_close-wht::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -40px -208px;
    width: 30px;
    height: 30px;
  }
}

.icon-pop_close {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-pop_close::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -568px -390px;
  width: 40px;
  height: 40px;
}

.icon-pop_close-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-pop_close-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -75px -208px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_close {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-pop_close::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -75px -208px;
    width: 30px;
    height: 30px;
  }
}

.icon-poster_view {
  display: inline-block;
  width: 42px;
  height: 42px;
}

.icon-poster_view::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -568px -188px;
  width: 42px;
  height: 42px;
}

.icon-poster_view-2x {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-poster_view-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -165px 0px;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1023px) {
  .icon-poster_view {
    display: inline-block;
    width: 40px;
    height: 40px;
  }

  .icon-poster_view::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -165px 0px;
    width: 40px;
    height: 40px;
  }
}

.icon-scroll_top {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-scroll_top::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -484px -546px;
  width: 30px;
  height: 30px;
}

.icon-scroll_top-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-scroll_top-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -284px -220px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .icon-scroll_top {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

  .icon-scroll_top::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -284px -220px;
    width: 20px;
    height: 20px;
  }
}

.icon-speaker_h24 {
  display: inline-block;
  width: 23px;
  height: 24px;
}

.icon-speaker_h24::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -34px -625px;
  width: 23px;
  height: 24px;
}

.icon-swiper_arrow_next-hover {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_next-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -568px -490px;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_next {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_next::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -420px -366px;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_prev-hover {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_prev-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -273px -220px;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_prev {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-swiper_arrow_prev::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -114px -278px;
  width: 40px;
  height: 40px;
}

.icon-tab_link-hover {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tab_link-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -540px -594px;
  width: 20px;
  height: 20px;
}

.icon-tab_link-hover-2x {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-tab_link-hover-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -83px -243px;
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 1023px) {
  .icon-tab_link-hover {
    display: inline-block;
    width: 18px;
    height: 18px;
  }

  .icon-tab_link-hover::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -83px -243px;
    width: 18px;
    height: 18px;
  }
}

.icon-tab_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tab_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -570px -594px;
  width: 20px;
  height: 20px;
}

.icon-tab_link-2x {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon-tab_link-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -106px -243px;
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 1023px) {
  .icon-tab_link {
    display: inline-block;
    width: 18px;
    height: 18px;
  }

  .icon-tab_link::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -106px -243px;
    width: 18px;
    height: 18px;
  }
}

.icon-top_accordion-2x {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-top_accordion-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -262px -273px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-top_accordion {
    display: inline-block;
    width: 15px;
    height: 15px;
  }

  .icon-top_accordion::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -262px -273px;
    width: 15px;
    height: 15px;
  }
}

.icon-top_banner_link {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-top_banner_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -600px -594px;
  width: 20px;
  height: 20px;
}

.icon-top_hamburger {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-top_hamburger::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -164px -278px;
  width: 40px;
  height: 40px;
}

.icon-top_hamburger-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_hamburger-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -110px -208px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_hamburger {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_hamburger::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -110px -208px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_language {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-top_language::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -214px -278px;
  width: 40px;
  height: 40px;
}

.icon-top_language-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_language-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -145px -208px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_language {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_language::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -145px -208px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_link {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-top_link::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -356px;
  width: 25px;
  height: 25px;
}

.icon-top_search {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-top_search::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -264px -278px;
  width: 40px;
  height: 40px;
}

.icon-top_search-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_search-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -180px -208px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_search {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_search::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -180px -208px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_sns-facebook-hover {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-facebook-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -564px -546px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-facebook {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-facebook::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px 0px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-facebook-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-facebook-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -249px 0px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns-facebook {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_sns-facebook::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -249px 0px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_sns-instagram-hover {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-instagram-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -40px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-instagram {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-instagram::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -80px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-instagram-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-instagram-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -249px -35px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns-instagram {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_sns-instagram::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -249px -35px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_sns-linkedin-hover {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-linkedin-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -120px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-linkedin {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-linkedin::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -160px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-linkedin-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-linkedin-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -249px -70px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns-linkedin {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_sns-linkedin::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -249px -70px;
    width: 30px;
    height: 30px;
  }
}

.icon-top_sns-youtube-hover {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-youtube-hover::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -200px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-youtube {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-youtube::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -625px -240px;
  width: 30px;
  height: 30px;
}

.icon-top_sns-youtube-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-top_sns-youtube-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -249px -105px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns-youtube {
    display: inline-block;
    width: 30px;
    height: 30px;
  }

  .icon-top_sns-youtube::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -249px -105px;
    width: 30px;
    height: 30px;
  }
}

/* 2024-07-19 */
.icon-top_sns {
  display: inline-block;
  width: 45px;
  height: 40px;
}

.icon-top_sns::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -497px -488px;
  width: 45px;
  height: 40px;
}

.icon-top_sns-2x {
  display: inline-block;
 width: 37px;
    height: 30px;
}

.icon-top_sns-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 400px 396px;
  background-position: -303px -174px;
  width: 37px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns {
    display: inline-block;
    width: 37px;
    height: 30px;
  }
  .icon-top_sns::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 400px 396px;
    background-position: -303px -174px;
    width: 37px;
    height: 30px;
  }
}
/* 2024-07-19 */






/* .icon-top_sns {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.icon-top_sns::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-position: -314px -278px;
  width: 40px;
  height: 40px;
} */

/* .icon-top_sns-2x {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.icon-top_sns-2x::after {
  content: "";
  display: block;
  background-image: url(../images/sp_icons.png);
  background-size: 327.5px 324.5px;
  background-position: -249px -140px;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  .icon-top_sns {
    display: inline-block;
    width: 30px;
    height: 30px;
  }
  .icon-top_sns::after {
    content: "";
    display: block;
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -249px -140px;
    width: 30px;
    height: 30px;
  }
} */

@font-face {
  font-family: "iconfont"; /*  src: url('./fonts/iconfont.eot??v=2023_125_1341'); src: url('../fonts/iconfont.eot') format('eot'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg'); */ src: url("../fonts/iconfont.eot"); src: url("../fonts/iconfont.eot") format("eot"), url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg");
}

/* %spf {
	@include spf-styles;
} */
.spf-arrow_next:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-arrow_prev:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-envelope:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-menu_arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-menu_link:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

/*  
  _mixin.scss  

  # 선언  (@content); 확장
  @mixin opacity($value) {
    opacity: $value;
    @content;
  }

  # 사용
  xxx {
    @include opacity(.5){
      확장 스타일
    }
  }

*/
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
/* 
* before 속성을 이용한 vertical 정열
*
*/
/**  비율로 영역 확보   bg-ratio ($ratio) : ( 16:9 = 56.25%); */
/* btn motion (link_fill) */
/**  라인모션  btn-border-drawing($color:라인색, $tcolor:텍스트색, $hover:호버색, $thover:텍스트호버색, $width:선굵기, $vertical:모션시작, $horizontal:모션시작, $duration:모션시간) */
/**  박스라인모션   btn-border-drawing_box($color:라인색, $width:선굵기, $vertical:모션시작, $horizontal:모션시작, $duration:모션시간) */
/* ================= function ================= */
/* 단위환산 / vw(10vw) 
  vw   : PC크기px > vw 변환
  vw   : MB크기px > vw 변환
  px   : 숫자를   > px 변환
  per  : 현재값, 전채값 > 100분율 변환
*/
.monthPicker {
  letter-spacing: -1px;
  width: 280px;
  height: 180px;
  display: none;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.monthPicker a {
  cursor: pointer;
}

.monthPicker span a {
  border: solid 1px  #ebebeb;
  padding: 0 2px;
  height: 20px;
  font-size: 10px;
  color: #bfbfbf;
  text-decoration: none;
}

.monthPicker .year {
  text-align: center;
  padding: 5px 10px;
  height: 50px;
  background-color: #98b101;
}

.monthPicker .year strong {
  color: #ffffff;
  line-height: 38px;
  font-size: 24px;
  font-weight: 300;
}

.monthPicker .year > span {
  position: absolute;
  top: 13px;
  width: 22px;
  height: 22px;
}

.monthPicker .year > span .changeYear {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 1px solid #999;
  border-radius: 2px;
  color: transparent;
  text-indent: -100px;
}

.monthPicker .year > span .changeYear::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #999;
}

.monthPicker .year > span .changeYear:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 8px;
  background-color: #999;
}

.monthPicker .year > span:first-child {
  left: 20px;
}

.monthPicker .year > span:first-child .changeYear::before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year > span:first-child .changeYear:after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child {
  right: 20px;
}

.monthPicker .year > span:last-child .changeYear::before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child .changeYear:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .month-body {
  padding: 15px;
  background-color: #fff;
}

.monthPicker .month-body strong {
  font-size: 14px;
  margin: 0 20px;
}

.monthPicker .month-body ul {
  margin: 0px;
  list-style: none;
}

.monthPicker .month-body ul:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.monthPicker .month-body ul li {
  float: left;
}

.monthPicker .month-body ul li a {
  width: 45px;
  padding: 5px;
  text-align: center;
  float: left;
  border: solid 1px  #ccc;
  margin: 2px;
  text-decoration: none;
  color: #666666;
}

.monthPicker .month-body ul li a:hover, .monthPicker .month-body ul li a:focus {
  border: solid 1px #aaa;
  color: #333333;
}

/* =============  jq-Grid ============= */
.table-box {
  position: relative;
  width: 100%;
}

.table-box.scroll_y .ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: hidden;
}

.ui-jqgrid[id^=gbox_] {
  box-sizing: border-box;
}

.ui-jqgrid[id^=gbox_].ui-widget.ui-widget-content {
  border: 0;
  border-top: 1px solid #ddd;
}

.ui-jqgrid[id^=gbox_] tr.ui-widget-content {
  border-color: #ddd;
}

.ui-jqgrid[id^=gbox_] .ui-widget-content {
  border: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable {
  box-sizing: border-box;
  max-width: 100%;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-widget-content, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-widget-content {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable td, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable td {
  height: 30px;
  padding: 0 2px 0 2px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-hdiv .ui-jqgrid-htable th {
  background-color: #f6f6f6;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv > div {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv .ui-jqgrid-btable tr.ui-row-ltr td {
  text-align: center;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager {
  border-top: 0;
  border-bottom: 1px solid #ddd !important;
  height: auto;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td {
  height: 30px;
  padding: 0px;
  border: 1px solid transparent;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td input[type="text"] {
  width: auto;
}

html, body {
  -webkit-text-size-adjust: none;
  font-family: "SUIT", "Noto Sans SC", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 14px;
  color: #555;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.4px;
}

/*글자자동조절방지*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

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

img, fieldset, video {
  border: 0;
  vertical-align: top;
}

input, textarea, select {
  vertical-align: middle;
  resize: none;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
}

button {
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

caption, legend, .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
}

table caption.tit {
  width: 100%;
  height: auto;
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-indent: 0;
  visibility: visible;
}

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

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

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

blockquote, q {
  quotes: none;
}

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

body, li, dt, dd, td, th, div, p, input, textarea, button, option, h1, h2, h3, h4, h5, h6, legend, figcaption {
  padding: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

a, span, i, em, input, button, samp {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
}

strong, b {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: normal;
}

i, em {
  font-style: normal;
}

/* 클리어 */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.bg-alt, .img-alt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.pos-f {
  position: fixed !important;
}

.pos-a {
  position: absolute !important;
}

.fixed {
  position: fixed !important;
}

.bn {
  background: none !important;
}

.cb {
  clear: both;
  overflow: hidden;
}

.cl {
  clear: left;
  overflow: hidden;
}

.cr {
  clear: right;
  overflow: hidden;
}

/* 포지션 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
}

.ab-r {
  position: absolute;
  top: 0;
  right: 0;
}

.ab-l {
  position: absolute;
  top: 0;
  left: 0;
}

/* 텍스트 정렬 */
.tal {
  text-align: left !important;
}

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

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

/* 테이블 스타일 */
.layout_t {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.layout_t .layout_r {
  display: table-row;
}

.layout_t .layout_c {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* ========================= 간격 : margin, padding  (mg mt mb ml mr pd pt pb pl pr) .mg0~100 / 5px 씩증가 */
/*   trpAttrSet($class, $atrribute) $class     : 클래스 접두어 $atrribute : 속성 */
.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg95 {
  margin: 95px !important;
}

.mg100 {
  margin: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb0 {
  margin-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd95 {
  padding: 95px !important;
}

.pd100 {
  padding: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  ========================= 크기 : width, height .w0 ~ 1000 / 10px 씩증가 .wp0 ~ 100 / 5%   씩증가 .h0 ~  100 / 10px 씩증가 */
/*   trpSize($class, $atrribute, $multiply, $total, $unit) $class     : 클래스 접두어 $atrribute : 속성 $multiply  : 증가값 $total     : 반복회수 $unit      : 단위 (px, %) */
/* width */
.w0 {
  width: 0px !important;
}

.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.w510 {
  width: 510px !important;
}

.w520 {
  width: 520px !important;
}

.w530 {
  width: 530px !important;
}

.w540 {
  width: 540px !important;
}

.w550 {
  width: 550px !important;
}

.w560 {
  width: 560px !important;
}

.w570 {
  width: 570px !important;
}

.w580 {
  width: 580px !important;
}

.w590 {
  width: 590px !important;
}

.w600 {
  width: 600px !important;
}

.w610 {
  width: 610px !important;
}

.w620 {
  width: 620px !important;
}

.w630 {
  width: 630px !important;
}

.w640 {
  width: 640px !important;
}

.w650 {
  width: 650px !important;
}

.w660 {
  width: 660px !important;
}

.w670 {
  width: 670px !important;
}

.w680 {
  width: 680px !important;
}

.w690 {
  width: 690px !important;
}

.w700 {
  width: 700px !important;
}

.w710 {
  width: 710px !important;
}

.w720 {
  width: 720px !important;
}

.w730 {
  width: 730px !important;
}

.w740 {
  width: 740px !important;
}

.w750 {
  width: 750px !important;
}

.w760 {
  width: 760px !important;
}

.w770 {
  width: 770px !important;
}

.w780 {
  width: 780px !important;
}

.w790 {
  width: 790px !important;
}

.w800 {
  width: 800px !important;
}

.w810 {
  width: 810px !important;
}

.w820 {
  width: 820px !important;
}

.w830 {
  width: 830px !important;
}

.w840 {
  width: 840px !important;
}

.w850 {
  width: 850px !important;
}

.w860 {
  width: 860px !important;
}

.w870 {
  width: 870px !important;
}

.w880 {
  width: 880px !important;
}

.w890 {
  width: 890px !important;
}

.w900 {
  width: 900px !important;
}

.w910 {
  width: 910px !important;
}

.w920 {
  width: 920px !important;
}

.w930 {
  width: 930px !important;
}

.w940 {
  width: 940px !important;
}

.w950 {
  width: 950px !important;
}

.w960 {
  width: 960px !important;
}

.w970 {
  width: 970px !important;
}

.w980 {
  width: 980px !important;
}

.w990 {
  width: 990px !important;
}

.w1000 {
  width: 1000px !important;
}

.wp0 {
  width: 0% !important;
}

.wp5 {
  width: 5% !important;
}

.wp10 {
  width: 10% !important;
}

.wp15 {
  width: 15% !important;
}

.wp20 {
  width: 20% !important;
}

.wp25 {
  width: 25% !important;
}

.wp30 {
  width: 30% !important;
}

.wp35 {
  width: 35% !important;
}

.wp40 {
  width: 40% !important;
}

.wp45 {
  width: 45% !important;
}

.wp50 {
  width: 50% !important;
}

.wp55 {
  width: 55% !important;
}

.wp60 {
  width: 60% !important;
}

.wp65 {
  width: 65% !important;
}

.wp70 {
  width: 70% !important;
}

.wp75 {
  width: 75% !important;
}

.wp80 {
  width: 80% !important;
}

.wp85 {
  width: 85% !important;
}

.wp90 {
  width: 90% !important;
}

.wp95 {
  width: 95% !important;
}

.wp100 {
  width: 100% !important;
}

/* hegith */
.h0 {
  hegith: 0px !important;
}

.h10 {
  hegith: 10px !important;
}

.h20 {
  hegith: 20px !important;
}

.h30 {
  hegith: 30px !important;
}

.h40 {
  hegith: 40px !important;
}

.h50 {
  hegith: 50px !important;
}

.h60 {
  hegith: 60px !important;
}

.h70 {
  hegith: 70px !important;
}

.h80 {
  hegith: 80px !important;
}

.h90 {
  hegith: 90px !important;
}

.h100 {
  hegith: 100px !important;
}

/* ========================== layout */
/* trpCol-ep  카운트로 퍼센트 나눔*/
/* col-p  퍼센트*/
/* ---------------------------- flex grid
*/
.rowflex {
  display: flex;
}

.rowflex.margin-x {
  width: calc( 100% + 10px);
  margin-left: -5px;
}

.rowflex.margin-x > * {
  margin: 0 5px;
}

.rowflex.padding-x {
  width: calc( 100% + 10px);
  margin-left: -5px;
}

.rowflex.padding-x > * {
  padding: 0 5px;
}

.rowflex.flexwrap {
  flex-wrap: wrap;
}

.rowflex.flexwrap > .col {
  flex: 1 0 0%;
}

.rowflex.flexwrap > .col-auto {
  width: auto;
  flex: 0 0 auto;
}

@media all and (max-width: 1023px) {
  .rowflex.flexwrap > .col-mb {
    flex: 1 0 0%;
  }

  .rowflex.flexwrap > .col-mb-auto {
    width: auto;
    flex: 0 0 auto;
  }

  .rowflex.flexwrap > [class*="col-mb-ep"] {
    flex: 0 0 auto;
  }

  .rowflex.flexwrap > [class*="col-mb-p"] {
    flex: 0 0 auto;
  }
}

.rowflex.jcc {
  justify-content: center;
}

.rowflex.jcsb {
  justify-content: space-between;
}

.rowflex.jcfs {
  justify-content: flex-start;
}

.rowflex.jcfe {
  justify-content: flex-end;
}

/* ---------------------------- float grid .rowfloat1~8 > li, div  */
.rowfloat:after {
  content: '';
  display: block;
  clear: both;
}

.rowfloat.padding-x {
  width: calc( 100% + 10px);
  margin-left: -5px;
}

.rowfloat.padding-x > * {
  padding: 0 5px;
}

.rowfloat > li, .rowfloat > div {
  float: left;
}

.rowfloat.fl > li, .rowfloat.lf > div {
  float: left;
}

.rowfloat.fr > li, .rowfloat.lr > div {
  float: right;
}

.rowfloat.fc, .rowfloat.lc {
  text-align: center;
}

.rowfloat.fc > li, .rowfloat.fc > div, .rowfloat.lc > li, .rowfloat.lc > div {
  float: none;
  display: inline-block;
}

/* 엘리먼트 비율 col-ep0~12 (열에 컬럼 겟수) */
.col-ep0 {
  width: Infinity;
}

.col-ep1 {
  width: 100%;
}

.col-ep2 {
  width: 50%;
}

.col-ep3 {
  width: 33.33333%;
}

.col-ep4 {
  width: 25%;
}

.col-ep5 {
  width: 20%;
}

.col-ep6 {
  width: 16.66667%;
}

.col-ep7 {
  width: 14.28571%;
}

.col-ep8 {
  width: 12.5%;
}

.col-ep9 {
  width: 11.11111%;
}

.col-ep10 {
  width: 10%;
}

.col-ep11 {
  width: 9.09091%;
}

.col-ep12 {
  width: 8.33333%;
}

.col-ep13 {
  width: 66.66666%;
}

/* 엘리먼트 퍼센트 col-p0~100 : 5% 배수  */
.col-p0 {
  width: 0%;
}

.col-p5 {
  width: 5%;
}

.col-p10 {
  width: 10%;
}

.col-p15 {
  width: 15%;
}

.col-p20 {
  width: 20%;
}

.col-p25 {
  width: 25%;
}

.col-p30 {
  width: 30%;
}

.col-p35 {
  width: 35%;
}

.col-p40 {
  width: 40%;
}

.col-p45 {
  width: 45%;
}

.col-p50 {
  width: 50%;
}

.col-p55 {
  width: 55%;
}

.col-p60 {
  width: 60%;
}

.col-p65 {
  width: 65%;
}

.col-p70 {
  width: 70%;
}

.col-p75 {
  width: 75%;
}

.col-p80 {
  width: 80%;
}

.col-p85 {
  width: 85%;
}

.col-p90 {
  width: 90%;
}

.col-p95 {
  width: 95%;
}

.col-p100 {
  width: 100%;
}

.col-auto {
  width: auto;
}

@media all and (max-width: 1023px) {
  .col-mb-auto {
    width: auto;
  }
  /* 엘리먼트 비율 col-ep0~12 */
  .col-mb-ep1 {
    width: 100%;
  }

  .col-mb-ep2 {
    width: 50%;
  }

  .col-mb-ep3 {
    width: 33.33333%;
  }

  .col-mb-ep4 {
    width: 25%;
  }

  .col-mb-ep5 {
    width: 20%;
  }

  .col-mb-ep6 {
    width: 16.66667%;
  }

  .col-mb-ep7 {
    width: 14.28571%;
  }

  .col-mb-ep8 {
    width: 12.5%;
  }

  .col-mb-ep9 {
    width: 11.11111%;
  }

  .col-mb-ep10 {
    width: 10%;
  }

  .col-mb-ep11 {
    width: 9.09091%;
  }

  .col-mb-ep12 {
    width: 8.33333%;
  }
  /* 엘리먼트 퍼센트 col-mb-p0~100 */
  .col-mb-p0 {
    width: 0%;
  }

  .col-mb-p5 {
    width: 5%;
  }

  .col-mb-p10 {
    width: 10%;
  }

  .col-mb-p15 {
    width: 15%;
  }

  .col-mb-p20 {
    width: 20%;
  }

  .col-mb-p25 {
    width: 25%;
  }

  .col-mb-p30 {
    width: 30%;
  }

  .col-mb-p35 {
    width: 35%;
  }

  .col-mb-p40 {
    width: 40%;
  }

  .col-mb-p45 {
    width: 45%;
  }

  .col-mb-p50 {
    width: 50%;
  }

  .col-mb-p55 {
    width: 55%;
  }

  .col-mb-p60 {
    width: 60%;
  }

  .col-mb-p65 {
    width: 65%;
  }

  .col-mb-p70 {
    width: 70%;
  }

  .col-mb-p75 {
    width: 75%;
  }

  .col-mb-p80 {
    width: 80%;
  }

  .col-mb-p85 {
    width: 85%;
  }

  .col-mb-p90 {
    width: 90%;
  }

  .col-mb-p95 {
    width: 95%;
  }

  .col-mb-p100 {
    width: 100%;
  }
}

/* 버튼, 배경 opacity 모션 속성 심기 */
.btn-m, .bg-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 버튼, 배경 opacity 모션 속성 실행 */
.btn2-m {
  background-position: 0 top;
  background-repeat: no-repeat;
}

.btn2-m .bg2-m {
  background-position: 0 bottom;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn2-m:hover .bg2-m, .btn2-m:focus .bg2-m, .btn2-m:active .bg2-m {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn2-m, .bg2-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 아이콘 폰트 */
.spf, .spf-envelope:before {
  display: inline-block;
}

.spf::before {
  display: block;
  line-height: 1;
  normalize: true;
}

.spf-envelope:before {
  font-size: 20px;
  color: red;
}

/* style_common.scss */
html, body, .wrapper {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}

.wrapper {
  position: relative;
}

#contents {
  min-height: 100%;
  margin-top: 100px;
}

@media all and (max-width: 768px) {
  #contents {
    margin-top: 60px;
 /* gnbj 높이 */;
  }
}

.body-inner {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.last-section {
  margin-bottom: 100px;
}

/* only */
.only-pc_over {
  display: block !important;
}   

.only_ib-pc_over {
  display: inline-block !important;
}

.only-pc {
  display: block !important;
}

.only-pc2 {
  display: block !important; padding-left:165px;
}



.only_ib-pc {
  display: inline-block !important;
}

.only-mb {
  display: none !important;
}

.only_ib-mb {
  display: none !important;
}
.only_ib-mb2 {
  display: none !important;
}

col.only-pc {
  display: table-column !important;
}

tr.only-pc {
  display: table-row !important;
}

th.only-pc {
  display: table-cell !important;
}

/* pc_over  */
@media all and (min-width: 1280) {
  .only-pc_over {
    display: block !important;
  }

  .only_ib-pc_over {
    display: inline-block !important;
  }
}

/* mobile :  ~ 1024 */
@media all and (max-width: 1279px) {
  .only-pc_over {
    display: none !important;
  }

  .only_ib-pc_over {
    display: none !important;
  }
}

/* mobile :  ~ 1024 */
@media all and (max-width: 1023px) {
  .only-pc {
    display: none !important;
  }

  .only-pc2 {
    display: none !important;
  }

  .only_ib-pc {
    display: none !important;
  }

  .only-mb {
    display: block !important;
  }

  .only_ib-mb {
    display: inline-block !important;
  }
  
 .only_ib-mb2 {
    display: block !important; margin-left:0px !important; padding-top: 23px !important;
  }
   .baimg{display: inline-block !important; margin-left:10px;}
   


  tr.only-mb {
    display: table-row !important;
  }

  col.only-mb {
    display: table-column !important;
  }

  th.only-mb {
    display: table-cell !important;
  }

  col.only-pc, th.only-pc, tr.only-pc {
    display: none !important;
  }
}

/* ========================== text */
.h1 {
  font-size: 30px;
  font-weight: bold;
  color: #222222;
}

.h2 {
  font-size: 27px;
  font-weight: bold;
  color: #222222;
}

.h3 {
  font-size: 23px;
  font-weight: bold;
  color: #222222;
}

.h4 {
  font-size: 20px;
  font-weight: bold;
  color: #222222;
}

.h5 {
  font-size: 17px;
  font-weight: bold;
  color: #222222;
}

.h6 {
  font-size: 15px;
  font-weight: normal;
  color: #222222;
}

.h1 em, .h2 em, .h3 em, .h4 em, .h5 em {
  color: #98b101;
}

/* ==========================  title */
.main-title {
  position: relative;
}

.main-title .h1 {
  text-align: center;
}

.main-title .desc {
  text-align: center;
}

/* ==========================  text item */
.text-notice {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

/* ========================== 컨텐츠 간격  */
.mt_st {
  margin-top: 50px;
}

.mt_ct {
  margin-top: 40px;
}

.mt_it {
  margin-top: 30px;
}

.mt_tb {
  margin-top: 20px;
}

.mt_p {
  margin-top: 10px;
}

.wordbreak {
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.wordbreak_whn {
  white-space: nowrap;
}

/* ========================== 섹션 basis-section  (type_section-XXXX) */
[class$="-section"] {
 /* margin, */;
}

[class$="-section"] .section-wrap {
 /*  bg */;
}

[class$="-section"] .section-wrap > .section-inner {
 /* 컨텐츠 영역 */
  padding: 0 49px;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

@media all and (min-width: 1734px) {
  [class$="-section"] .section-wrap > .section-inner {
    padding: 0 72px;
    max-width: 1326px;
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  [class$="-section"] .section-wrap > .section-inner {
    padding: 0 20px;
  }
}

[class$="-section"].mode-full .section-wrap {
  width: 100%;
  min-width: 1280px;
}

[class$="-section"].mode-full .section-wrap > .section-inner, [class$="-section"].mode-full .section-dim > .section-inner {
  min-width: 100%;
  padding: 0px;
}

[class$="-section"].mode-inner .section-wrap > .section-inner {
  min-width: 1280px;
  padding: 0 20px;
}

/* ========================== 패널 content-panel (type_panel-XXXX) */
.content-panel {
 /* XXXXX */;
}

.content-panel > .p-head {
  position: relative;
}

.content-panel > .p-head .title em {
  color: #98b101;
}

.content-panel > .p-head .ab-r {
  font-size: 0;
}

.content-panel.type_panel-con_box {
  border: 1px solid  #ccc;
}

.content-panel.type_panel-con_box > .p-header {
  padding: 10px;
}

.content-panel.type_panel-con_box > .p-body {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-con_box > .p-footer {
  padding: 10px;
  border-top: 1px solid #ccc;
}

/* ========================== //  content-panel (컨텐츠이름-panel) */
/* ========================== ### 섹션 sub_menu-section  */
.is_pc .dep3_sub-box {
  display: block !important;
}

.sub_menu-section {
 /* &.menu_type-company { .menu-area .dep3_name { padding: 0 15px;  @media all and (max-width:$G-wMobile)  { padding: 8 25px; } } } */ /* Sustainability  */ /* Sustainability - 리포팅 센터 */;
}

@media all and (max-width: 1023px) {
  .sub_menu-section {
    background-color: #fff;
  }
}

.sub_menu-section.menu_type-underline .page_submenu::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-underline .section-inner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dedede;
  }

  .sub_menu-section.menu_type-underline .page_submenu::after {
    display: none;
  }
}

.sub_menu-section .section-inner {
  overflow: hidden;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .section-inner {
    overflow: visible;
  }
}

.sub_menu-section .page_submenu {
  position: relative;
  padding: 28px 0 30px;
  height: 222px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .page_submenu {
    padding: 10px 0px;
    height: 68px;
  }
}

.sub_menu-section .location-area ol li {
  font-size: 0;
}

.sub_menu-section .location-area ol li + li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  text-align: center;
  background-image: url(../images/sp_icons.png);
  background-position: -310px -100px;
  width: 10px;
  height: 18px;
}

.sub_menu-section .location-area ol li:first-child a, .sub_menu-section .location-area ol li:first-child span {
  display: block;
  font-size: 0;
  line-height: 0;
}

.sub_menu-section .location-area ol li:last-child a, .sub_menu-section .location-area ol li:last-child span {
  color: #222222;
}

.sub_menu-section .location-area a, .sub_menu-section .location-area span {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
  line-height: 18px;
}

.sub_menu-section .location-area a b, .sub_menu-section .location-area span b {
  font-weight: 400;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .location-area {
    display: none;
  }
}

.sub_menu-section .menu-area {
  align-items: baseline;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .menu-area {
    display: flex;
    flex-direction: column;
  }
}

.sub_menu-section .menu-area .dep2_name {
  font-size: 52px;
  line-height: 60px;
  font-weight: bold;
  color: #222222;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .menu-area .dep2_name {
    font-size: 14px;
    line-height: 20px;
    color: #777;
    font-weight: 500;
  }
}

.sub_menu-section .menu-area .dep3_sub {
  margin-right: -20px;
  margin-bottom: 0px;
}

.sub_menu-section .menu-area .dep3_sub .mb-dep3_title {
  display: none;
  padding: 10px 0;
  width: 100%;
}

.sub_menu-section .menu-area .dep3_sub .mb-dep3_title .btn-dep3_title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.sub_menu-section .menu-area .dep3_sub .mb-dep3_title span {
  font-size: 21px;
  font-weight: bold;
  color: #000;
}

.sub_menu-section .menu-area .dep3_sub .dep3_sub-box {
  display: block;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .menu-area .dep3_sub {
    margin: -10px 0 auto 0;
    width: 100%;
  }

  .sub_menu-section .menu-area .dep3_sub .mb-dep3_title {
    display: block;
  }

  .sub_menu-section .menu-area .dep3_sub .mb-dep3_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 1px;
    background-color: #dedede;
  }

  .sub_menu-section .menu-area .dep3_sub .mb-dep3_title i {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .sub_menu-section .menu-area .dep3_sub .dep3_sub-box {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 3;
    padding: 18px 0;
    width: calc( 100% + 40px);
    margin-left: -20px;
    background-color: #f6f6f6;
  }

  .sub_menu-section .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list {
    display: block;
  }

  .sub_menu-section .menu-area .dep3_sub.active {
 /* .dep3_sub-box { display: block } */;
  }

  .sub_menu-section .menu-area .dep3_sub.active .btn-dep3_title i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.sub_menu-section .menu-area .dep3_name {
  display: block;
  padding: 0 20px;
  font-size: 23px;
  font-weight: 500;
  color: #222222;
}

.sub_menu-section .menu-area .dep3_name b {
  font-weight: 600;
}

.sub_menu-section .menu-area .dep3_name i {
  vertical-align: top;
  margin-top: 5px;
}

@media all and (max-width: 1023px) {
  .sub_menu-section .menu-area .dep3_name {
    padding: 8px 25px;
    font-size: 15px;
    line-height: 20px;
  }

  .sub_menu-section .menu-area .dep3_name i {
    vertical-align: top;
    margin-top: 1px;
  }
}

.sub_menu-section .menu-area li.active .dep3_name {
  font-weight: 700;
  color: #96ad07;
}

.sub_menu-section .menu-area li.active .dep3_name b {
  font-weight: 800;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .section-inner .page_submenu {
  height: auto;
  justify-content: normal;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .location-area {
  overflow: hidden;
 /* height: 0; */
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area {
  margin-top: 80px;
  align-items: normal;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .dep2_tltle-case {
  width: 100%;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .dep2_title {
  position: relative;
 /* overflow: hidden; */ /* height: 0; */
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .dep3_sub {
  margin-top: 20px;
  -webkit-transition: margin 0.3s ease-out;
  -moz-transition: margin 0.3s ease-out;
  -ms-transition: margin 0.3s ease-out;
  -o-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area {
  position: absolute;
  bottom: 5px;
  right: 0;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul {
  font-size: 0;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul li {
  display: inline-block;
  margin-left: 10px;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul li.on {
 /*  &:nth-child(1){ a{ background-color: #b3cf0a; border-color: #b3cf0a; } } &:nth-child(2){ a{ background-color: #8cc63f; border-color: #8cc63f; } } &:nth-child(3){ a{ background-color: #2fa459; border-color: #2fa459; } } &:nth-child(4){ a{ background-color: #009999; border-color: #009999; } } &:nth-child(5){ a{ background-color: #1ea9c8; border-color: #1ea9c8; } } &:nth-child(6){ a{ background-color: #5c97e7; border-color: #5c97e7; } }  */;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul li.on span {
  font-weight: 800;
  color: #fff;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul li.on a {
  background-color: #b3cf0a;
  border-color: #b3cf0a;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul a {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #cdcdcd;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap .menu-area .growth-area ul span {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  color: #555;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap.show_scroll .section-inner .page_submenu {
 /* height: 337px;  */;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap.show_scroll .location-area {
  height: 18px;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap.show_scroll .menu-area .dep2_title {
  height: 60px;
}

.sub_menu-section.menu_type-sustainability.only-pc .section-wrap.show_scroll .menu-area .dep3_sub {
  margin-top: 20px;
}

.sub_menu-section.menu_type-sustainability .menu-area {
  flex-wrap: wrap;
}

.sub_menu-section.menu_type-sustainability .menu-area .dep2_title {
  width: 100%;
}

.sub_menu-section.menu_type-sustainability .menu-area .dep3_sub {
  width: 100%;
  margin-right: 0;
}

.sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box {
  overflow: hidden;
}

.sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list {
  margin: 0px -20px 0;
  flex-wrap: wrap;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list {
    margin: 0;
  }
}

.sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li {
  padding: 28px 0 21px;
  border-bottom: 1px solid #dedede;
  position: relative;
}

.sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 20px;
  right: 20px;
  height: 3px;
  background: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li {
    padding: 0;
    border-bottom: 0;
  }

  .sub_menu-section.menu_type-sustainability .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li.active:after {
    display: none;
  }
}

.sub_menu-section.menu_type-independent .page_submenu {
  height: 418px;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-independent .page_submenu {
    padding: 10px 0px;
    height: 68px;
  }
}

.sub_menu-section.menu_type-independent .menu-area {
  flex-wrap: wrap;
}

.sub_menu-section.menu_type-independent .menu-area .dep2_title {
  width: 100%;
}

.sub_menu-section.menu_type-independent .menu-area .dep3_sub {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box {
  overflow: hidden;
}

.sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list {
  margin: 21px -20px 0;
  flex-wrap: wrap;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list {
    margin: 0;
  }
}

.sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li {
  padding: 28px 0 21px;
  border-bottom: 1px solid #dedede;
  position: relative;
}

.sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 20px;
  right: 20px;
  height: 3px;
  background: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li {
    padding: 0;
    border-bottom: 0;
  }

  .sub_menu-section.menu_type-independent .menu-area .dep3_sub .dep3_sub-box .dep3_sub-list li.active:after {
    display: none;
  }
}

/* ========================== ### 섹션 sub_visual-section  */
.sub_visual-section {
 /* IR 서브 비주얼 , CAREER */;
}

.sub_visual-section .section-inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 400px;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-inner {
    height: 210px;
  }
}

.sub_visual-section .s-head span {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .s-head span {
    font-size: 26px;
  }
}

.sub_visual-section .s-body {
  margin-top: 40px;
}

.sub_visual-section .s-body span {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .s-body {
    margin-top: 20px;
  }

  .sub_visual-section .s-body span {
    font-size: 16px;
  }
}

.sub_visual-section .visual_type-desc_line2 .s-body {
  min-height: 70px;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .visual_type-desc_line2 .s-body {
    min-height: 46px;
  }
}

.sub_visual-section .section-wrap.type-2 {
  background-size: auto 340px;
  background-position: center bottom;
}

.sub_visual-section .section-wrap.type-2 .section-inner {
  display: block;
  text-align: left;
  min-height: 340px;
  height: auto;
  padding-top: 110px;
  padding-bottom: 105px;
  box-sizing: border-box;
}

.sub_visual-section .section-wrap.type-2 .section-inner::before {
  content: '';
  position: absolute;
  left: 49px;
  right: 49px;
  top: 0;
  border-top: 1px solid #dedede;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-2 .section-inner {
    min-height: 180px;
    padding-top: 52px;
    padding-bottom: 30px;
  }

  .sub_visual-section .section-wrap.type-2 .section-inner::before {
    display: none;
  }
}

.sub_visual-section .section-wrap.type-2 .s-head span {
  color: #222;
}

.sub_visual-section .section-wrap.type-2 .s-body {
  margin-top: 30px;
}

.sub_visual-section .section-wrap.type-2 .s-body span {
  color: #555;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-2 .s-body {
    margin-top: 15px;
    padding-right: 5px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-2 {
    background-size: auto 180px;
    background-position: center top;
  }
}

.sub_visual-section .section-wrap.type-text .section-inner {
  display: block;
  text-align: left;
  min-height: auto;
  height: auto;
  padding-top: 78px;
  padding-bottom: 64px;
  box-sizing: border-box;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-text .section-inner {
    min-height: 182px;
    padding-top: 52px;
    padding-bottom: 40px;
  }

  .sub_visual-section .section-wrap.type-text .section-inner::before {
    display: none;
  }
}

.sub_visual-section .section-wrap.type-text .s-head span {
  color: #222;
}

.sub_visual-section .section-wrap.type-text .s-body {
  margin-top: 39px;
}

.sub_visual-section .section-wrap.type-text .s-body span {
  color: #222;
  font-size: 28px;
  line-height: 1.5;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-text .s-body {
    margin-top: 8px;
    padding-right: 20px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sub_visual-section .section-wrap.type-text .s-body span {
    font-size: 16px;
    line-height: 26px;
  }

  .sub_visual-section .section-wrap.type-text .s-body span br {
    display: none;
  }
}

.sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body {
  padding-top: 6px;
}

.sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body span {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

@media all and (max-width: 1279px) {
  .sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body span {
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  .sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body span br.only-pc {
    display: none !important;
  }
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body {
    padding-right: 0;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  .sub_visual-section .section-wrap.type-text.sv-rpt-2 .s-body span {
    font-size: 16px;
    line-height: 26px;
  }
}

@media all and (max-width: 1023px) {
  .sub_visual-section .section-wrap.type-text {
    background-size: auto 180px;
    background-position: center top;
  }
}

/* Sustainability GROWTH */
@media all and (max-width: 1279px) {
  .sustainability_visual-section .section-wrap > .section-inner .desc {
    letter-spacing: -0.5px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_visual-section .section-wrap > .section-inner {
    padding: 0 20px;
  }

  .sustainability_visual-section .section-wrap > .section-inner .desc {
    letter-spacing: 0px;
  }
}

.sustainability_visual-section .section-inner {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 700px;
}

@media all and (max-width: 1023px) {
  .sustainability_visual-section .section-inner {
    height: 511px;
  }
}

.sustainability_visual-section .s-head span {
  font-size: 68px;
  font-weight: 800;
  color: #fff;
}

@media all and (max-width: 1023px) {
  .sustainability_visual-section .s-head span {
    font-size: 34px;
  }
}

.sustainability_visual-section .s-body {
  margin-top: 70px;
}

.sustainability_visual-section .s-body .tit span {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
}

.sustainability_visual-section .s-body .desc {
  margin-top: 20px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.sustainability_visual-section .s-body .desc span {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  word-break: break-word;
}

.sustainability_visual-section .s-body em {
  color: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sustainability_visual-section .s-body {
    margin-top: 10px;
  }

  .sustainability_visual-section .s-body .tit span {
    font-size: 21px;
    line-height: 1.3;
  }

  .sustainability_visual-section .s-body .desc {
    margin-top: 15px;
  }

  .sustainability_visual-section .s-body .desc span {
    font-size: 16px;
  }
}

[class$="-section"] .section-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

[class$="-section"] .section-wrap.sv-1_1 {
  background-image: url(../images/sv-1_1.jpg);
}

[class$="-section"] .section-wrap.sv-1_2 {
  background-image: url(../images/sv-1_2.jpg);
}

[class$="-section"] .section-wrap.sv-1_3 {
  background-image: url(../images/sv-1_3.jpg);
}

[class$="-section"] .section-wrap.sv-1_4 {
  background-image: url(../images/sv-1_4.jpg);
}

[class$="-section"] .section-wrap.sv-1_5 {
  background-image: url(../images/sv-1_5.jpg);
}

[class$="-section"] .section-wrap.sv-2_0 {
  background-image: url(../images/sv-2_0.jpg);
}

[class$="-section"] .section-wrap.sv-2_1 {
  background-image: url(../images/sv-2_1.jpg);
}

[class$="-section"] .section-wrap.sv-2_2 {
  background-image: url(../images/sv-2_2.jpg);
}

[class$="-section"] .section-wrap.sv-2_3 {
  background-image: url(../images/sv-2_3.jpg);
}

[class$="-section"] .section-wrap.sv-2_4 {
  background-image: url(../images/sv-2_4.jpg);
}

[class$="-section"] .section-wrap.sv-2_5 {
  background-image: url(../images/sv-2_5.jpg);
}

[class$="-section"] .section-wrap.sv-2_6 {
  background-image: url(../images/sv-2_6.jpg);
}

[class$="-section"] .section-wrap.sv-3_1 {
  background-image: url(../images/sv-3_1.jpg);
}

[class$="-section"] .section-wrap.sv-3_2 {
  background-image: url(../images/sv-3_2.jpg);
}

[class$="-section"] .section-wrap.sv-3_3 {
  background-image: url(../images/sv-3_3.jpg);
}

[class$="-section"] .section-wrap.sv-3_4 {
  background-image: url(../images/sv-3_4.jpg);
}

[class$="-section"] .section-wrap.sv-4_1 {
  background-image: url(../images/sv-4_1.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-4_2 {
  background-image: url(../images/sv-4_2.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-4_3 {
  background-image: url(../images/sv-4_3.jpg);
  background-size: auto 340px;
  background-position: center top;
}

[class$="-section"] .section-wrap.sv-trading {
  background-image: url(../images/sv-trading.jpg);
}

[class$="-section"] .section-wrap.sv-gov_1 {
  background-image: url(../images/sv-gov_1.jpg);
}

@media all and (max-width: 1023px) {
  [class$="-section"] .section-wrap.sv-1_1 {
    background-image: url(../images/sv-1_1-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-1_2 {
    background-image: url(../images/sv-1_2-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-1_3 {
    background-image: url(../images/sv-1_3-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-1_4 {
    background-image: url(../images/sv-1_4-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-1_5 {
    background-image: url(../images/sv-1_5-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_0 {
    background-image: url(../images/sv-2_0-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_1 {
    background-image: url(../images/sv-2_1-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_2 {
    background-image: url(../images/sv-2_2-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_3 {
    background-image: url(../images/sv-2_3-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_4 {
    background-image: url(../images/sv-2_4-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_5 {
    background-image: url(../images/sv-2_5-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-2_6 {
    background-image: url(../images/sv-2_6-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-3_1 {
    background-image: url(../images/sv-3_1-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-3_2 {
    background-image: url(../images/sv-3_2-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-3_3 {
    background-image: url(../images/sv-3_3-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-3_4 {
    background-image: url(../images/sv-3_4-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-4_1 {
    background-image: url(../images/sv-4_1-mb.jpg);
    background-size: auto 180px;
  }

  [class$="-section"] .section-wrap.sv-4_2 {
    background-image: url(../images/sv-4_2-mb.jpg);
    background-size: auto 180px;
  }

  [class$="-section"] .section-wrap.sv-4_3 {
    background-image: url(../images/sv-4_3-mb.jpg);
    background-size: auto 180px;
  }

  [class$="-section"] .section-wrap.sv-trading {
    background-image: url(../images/sv-trading-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-rpt-2, [class$="-section"] .section-wrap.sv-rpt-1 {
    background-image: url(../images/sv-rpt_1-mb.jpg);
  }

  [class$="-section"] .section-wrap.sv-gov_1 {
    background-image: url(../images/sv-gov_1-mb.jpg);
  }
}

/* ========================== ### 패널 cont_title-panel  */
.cont_title-panel {
  background-size: auto 340px;
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  text-align: left;
  padding-top: 110px;
  box-sizing: border-box;
}

.cont_title-panel .title {
  color: #222;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.cont_title-panel .desc {
  margin-top: 30px;
  color: #555;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

@media all and (max-width: 1023px) {
  .cont_title-panel {
    padding-top: 52px;
  }

  .cont_title-panel .title {
    font-size: 26px;
  }

  .cont_title-panel .desc {
    padding-right: 5px;
    margin-top: 15px;
    font-size: 16px;
  }
}

/* ==========================  비율 default : 16:9 */
.img-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  text-align: center;
}

/* ==========================  정열  */
.img-align {
  position: absolute;
  right: 0;
  left: 0;
  vertical-align: middle;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.img-align::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  font-size: 0;
}

.img-align img {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

/* ========================== typo list */
.mark_char_item {
  position: relative;
  padding-left: 0.7em;
}

.mark_char_item::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
}

.mark_char-list li {
  position: relative;
  padding-left: 0.7em;
}

.mark_char-list li::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
}

.mark_item {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.mark-list li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.mark_dot-list li {
  position: relative;
  padding-left: 0.8em;
}

.mark_dot-list li:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #555555;
}

.mark_sect-item {
  position: relative;
  padding-left: 1em;
}

.mark_sect-item::before {
  content: '※';
  display: inline-block;
  text-indent: -1em;
}

.mark_sect-list li {
  position: relative;
  padding-left: 1em;
}

.mark_sect-list li::before {
  content: '※';
  display: inline-block;
  text-indent: -1em;
}

.mark_star-item {
  position: relative;
  padding-left: 1em;
  text-indent: -2px;
}

.mark_star-item::before {
  content: '*';
  display: inline-block;
  text-indent: -0.8em;
}

.mark_star-list li {
  position: relative;
  padding-left: 1em;
  text-indent: -2px;
}

.mark_star-list li::before {
  content: '*';
  display: inline-block;
  text-indent: -0.8em;
}

/* ========================== table_style default */
.table-panel {
  position: relative;
}

.table-panel > .p-header {
  position: relative;
 /*line-height: $formH; min-height:42px;*/
  padding-bottom: 20px;
  box-sizing: initial;
}

.table-panel > .p-header .title em {
  color: #98b101;
}

.table-panel > .p-header .title em.step {
  color: #16873e;
}

.table-panel > .p-header .title span.scol {
  color: #999;
  font-weight: 100;
  margin: 0 8px;
}

.table-panel > .p-header .ab-r {
  top: auto;
  bottom: 20px;
}

.table-panel > .p-header .ab-r .btn_set {
  display: inline-block;
}

.table-panel > .p-header .ab-r .typo_set {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
}

.table-panel > .p-header .ab-r .typo_set .text-muted {
  color: #555;
}

.table-panel .p-foot {
  position: relative;
}

.table-panel .ab-r * {
  vertical-align: top;
}

.table-panel .data-empty {
  border: 0;
}

@media all and (max-width: 1023px) {
  .table-panel > .p-header {
    padding-bottom: 15px;
  }

  .table-panel > .p-header .ab-r .typo_set {
    font-size: 13px;
  }

  .table-panel .ab-r * {
    vertical-align: middle;
  }
}

.table-panel.esg_gravity-table-panel > .p-header {
  padding-bottom: 30px;
}

.table-panel.esg_gravity-table-panel > .p-footer {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  margin-top: 24px;
}

.table-panel.esg_gravity-table-panel + .esg_gravity-table-panel {
  margin-top: 62px;
}

@media all and (max-width: 1023px) {
  .table-panel.esg_gravity-table-panel > .p-header {
    padding-bottom: 25px;
  }

  .table-panel.esg_gravity-table-panel > .p-header .h3 {
    font-size: 17px;
    line-height: 27px;
  }

  .table-panel.esg_gravity-table-panel > .p-footer {
    font-size: 13px;
    line-height: 21px;
    margin-top: 24px;
  }

  .table-panel.esg_gravity-table-panel > .p-footer p + p {
    margin-top: 12px;
  }

  .table-panel.esg_gravity-table-panel + .esg_gravity-table-panel {
    margin-top: 40px;
  }
}

table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #222222;
}

table thead {
  border-bottom: 1px solid #999;
}

table tr:nth-child(even) th, table tr:nth-child(even) td {
  background-color: #f9f9f9;
}

table tr:nth-child(even) th.bg-none, table tr:nth-child(even) td.bg-none {
  background: transparent;
}

table tr:nth-child(even).bg-none th, table tr:nth-child(even).bg-none td {
  background: transparent;
}

table th, table td {
  padding: 10px;
  height: 74px;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

table th.h-auto, table td.h-auto {
  height: auto;
}

table th:last-child, table td:last-child {
  border-right: 0;
}

table th strong, table th .strong, table td strong, table td .strong {
  font-weight: bold;
}

table th em, table th .em, table td em, table td .em {
  color: #96ad07;
}

table th {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  color: #222222;
}

table td {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #555;
}

table th.vet, table td.vet {
  vertical-align: top;
}

table th.vat, table td.vat {
  vertical-align: top;
}

table th.tal, table td.tal {
  text-align: left;
}

table th.tar, table td.tar {
  text-align: right;
}

table th.tac, table td.tac {
  text-align: center;
}

table th.bdl, table td.bdl {
  border-left: 1px solid #d8d8d8 !important;
}

table th.bdr, table td.bdr {
  border-right: 1px solid #d8d8d8 !important;
}

table th.bdt_b, table td.bdt_b {
  border-top-color: #96ad07;
}

table th.bdb_b, table td.bdb_b {
  border-bottom-color: #96ad07;
}

@media all and (max-width: 1023px) {
  table th, table td {
    height: 51px;
    padding: 5px 10px;
  }

  table th {
    font-size: 14px;
    line-height: 20px;
  }

  table td {
    font-size: 13px;
    line-height: 19px;
  }
}

table {
 /* ========================== table_list : .style1 */ /* ==========================  form table : .style1 */ /* ==========================  data table : .style1 */;
}

table.list_table thead tr:first-child th {
  border-right: 0;
}

table.list_table thead tr:last-child th {
  border-bottom: 1px solid #999;
}

table.list_table tbody th, table.list_table tbody td {
  font-size: 18px;
  font-weight: 500;
}

table.list_table tbody th:first-child, table.list_table tbody td:first-child {
  border-left: 0;
}

@media all and (max-width: 1023px) {
  table.list_table tbody th, table.list_table tbody td {
    font-size: 13px;
  }
}

table.list_table.thumb-list_table tbody td {
  line-height: 30px;
  padding-top: 36px;
  padding-bottom: 36px;
}

table.list_table.thumb-list_table tbody th {
  padding-left: 0;
}

@media all and (max-width: 1023px) {
  table.list_table.thumb-list_table colgroup col {
    width: 50% !important;
  }

  table.list_table.thumb-list_table tbody th, table.list_table.thumb-list_table tbody td {
    font-size: 13px;
  }

  table.list_table.thumb-list_table tbody td {
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  table.list_table.thumb-list_table tbody td br {
    display: none;
  }
}

table.esg_gravity-table tbody td, table.esg_gravity-table tbody th {
  padding: 35px 20px;
}

table.esg_gravity-table tbody th {
  text-align: center;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
}

table.esg_gravity-table tbody td {
  text-align: left;
}

table.esg_gravity-table tbody td:first-child {
  border-left: 0;
}

table.esg_gravity-table tbody img {
  max-width: 100%;
}

@media all and (max-width: 1023px) {
  table.esg_gravity-table tbody td, table.esg_gravity-table tbody th {
    padding: 16px 8px 16px 20px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    border-top: 1px solid #dedede;
    border-bottom: 0;
  }

  table.esg_gravity-table tbody th {
    padding-left: 10px;
    padding-right: 10px;
  }

  table.esg_gravity-table tbody tr.only-mb th {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    text-align: left;
  }

  table.esg_gravity-table tbody tr:last-child td, table.esg_gravity-table tbody tr:last-child th {
    border-bottom: 1px solid #dedede;
  }
}

table.esg_gravity_result-table thead th {
  border-bottom: 1px solid #999;
  padding: 10px;
  height: 60px;
  border-right: 0;
}

table.esg_gravity_result-table tbody .num {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  background: #b3cf0a;
}

table.esg_gravity_result-table tbody .num.above-3 {
  background: #2fa459;
}

@media all and (max-width: 1023px) {
  table.esg_gravity_result-table {
    table-layout: fixed !important;
    width: auto;
    min-width: 100%;
  }

  table.esg_gravity_result-table tbody .num {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    font-size: 13px;
    line-height: 26px;
  }
}

table.gov-table tr:nth-child(even) th, table.gov-table tr:nth-child(even) td {
  background-color: transparent;
}

table.gov-table thead th {
  border: 0;
}

table.gov-table tbody th, table.gov-table tbody td {
  font-size: 18px;
  font-weight: 500;
  border-left: 1px solid #dedede;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  padding: 34px 20px;
}

table.gov-table tbody th:first-child, table.gov-table tbody td:first-child {
  border-left: 0;
}

table.gov-table tbody th {
  color: #222;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  table.gov-table tbody th, table.gov-table tbody td {
    font-size: 13px;
    line-height: 21px;
    padding: 12px 20px;
  }

  table.gov-table tbody th {
    font-size: 14px;
  }
}

table.gov-table.gov_active-table thead th {
  width: 140px;
}

table.gov-table.gov_active-table thead th:nth-child(3) {
  width: auto;
}

table.gov-table.gov_active-table thead th:nth-child(4) {
  width: 170px;
}

table.gov-table.gov_active-table thead th:last-child {
  width: 180px;
}

table.gov-table.gov_active-table tbody td {
  width: 140px;
}

table.gov-table.gov_active-table tbody td b {
  color: #16873e;
  font-weight: 600;
}

table.gov-table.gov_active-table tbody td:nth-child(3) {
  width: auto;
}

table.gov-table.gov_active-table tbody td:nth-child(4) {
  width: 170px;
}

table.gov-table.gov_active-table tbody td:last-child {
  width: 180px;
}

@media all and (max-width: 1023px) {
  table.gov-table.gov_active-table {
    width: auto;
    table-layout: auto;
  }

  table.gov-table.gov_active-table thead th, table.gov-table.gov_active-table thead td, table.gov-table.gov_active-table tbody th, table.gov-table.gov_active-table tbody td {
    white-space: nowrap;
  }

  table.gov-table.gov_active-table thead th {
    width: auto;
  }

  table.gov-table.gov_active-table thead th:nth-child(3) {
    width: auto;
  }

  table.gov-table.gov_active-table thead th:nth-child(4) {
    width: auto;
  }

  table.gov-table.gov_active-table thead th:last-child {
    width: auto;
  }
}

table.gov-table.gov_com-table thead th {
  width: 460px;
}

table.gov-table.gov_com-table thead th:first-child {
  width: 200px;
}

table.gov-table.gov_com-table thead th:last-child {
  width: auto;
}

@media all and (max-width: 1023px) {
  table.gov-table.gov_com-table tbody th {
    width: 90px;
    border-right: 1px solid #999;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #222;
  }

  table.gov-table.gov_com-table tbody td {
    width: auto;
    font-size: 13px;
    line-height: 21px;
  }

  table.gov-table.gov_com-table tbody tr:last-child th, table.gov-table.gov_com-table tbody tr:last-child td {
    border-bottom: 1px solid #999;
  }
}

table.gov-table.gov_cmte-table {
  table-layout: auto;
}

table.gov-table.gov_cmte-table th, table.gov-table.gov_cmte-table td {
  padding-left: 40px;
  padding-right: 40px;
  text-align: left;
}

table.gov-table.gov_cmte-table tbody th {
  width: 112px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  table.gov-table.gov_cmte-table th, table.gov-table.gov_cmte-table td {
    padding: 16px 20px;
    text-align: left;
  }

  table.gov-table.gov_cmte-table tbody th {
    width: 62px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }
}

table.gov-table.gov_cmte-detail-table {
  table-layout: auto;
  border-top: 0;
}

table.gov-table.gov_cmte-detail-table tr:nth-child(even) th, table.gov-table.gov_cmte-detail-table tr:nth-child(even) td {
  background: #f9f9f9;
}

table.gov-table.gov_cmte-detail-table td, table.gov-table.gov_cmte-detail-table th {
  background: #f9f9f9;
}

table.gov-table.gov_cmte-detail-table td {
  padding-left: 40px;
  padding-right: 40px;
  text-align: left;
}

table.gov-table.gov_cmte-detail-table tbody th {
  width: 112px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media all and (max-width: 1023px) {
  table.gov-table.gov_cmte-detail-table td {
    padding: 16px 20px;
  }

  table.gov-table.gov_cmte-detail-table tbody th {
    width: 62px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

table.data_table {
  width: 100%;
}

table.data_table thead tr:first-child th {
  border-right: 0;
}

table.data_table tbody th, table.data_table tbody td, table.data_table tfoot th, table.data_table tfoot td {
  font-size: 18px;
  font-weight: 500;
}

table.data_table tbody th:first-child, table.data_table tbody td:first-child, table.data_table tfoot th:first-child, table.data_table tfoot td:first-child {
  border-left: 0;
}

table.data_table tbody + tfoot {
  position: relative;
}

table.data_table tbody + tfoot::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  border-top: 1px solid #999;
}

table.data_table tbody th, table.data_table tfoot th {
  font-weight: 500;
  color: #555;
}

table.data_table.foot_bold tbody tr:last-child th, table.data_table.foot_bold tbody tr:last-child td {
  border-bottom: 1px solid #96ad07;
}

table.data_table.foot_bold tfoot th, table.data_table.foot_bold tfoot td {
  border-bottom: 1px solid #96ad07;
}

table.data_table.foot_bold tbody + tfoot::before {
  display: none;
}

@media all and (max-width: 1023px) {
  table.data_table tbody th, table.data_table tbody td, table.data_table tfoot th, table.data_table tfoot td {
    font-size: 13px;
  }
}

.data-empty {
  padding: 50px 0 50px !important;
  border: 1px solid #d8d8d8;
  text-align: center;
}

.data-empty .txt_empty {
  margin-top: 35px;
  margin-bottom: 35px;
  font-weight: 700;
  font-size: 18px;
  color: #222222;
}

.mCustomScrollBox {
  padding-right: 0px;
}

.mCustomScrollbar.pr0 > .mCustomScrollBox {
  padding-right: 0px;
}

/* ========================== 약관 내용 */
.terms_contents {
  padding: 0;
 /* ========================== table_terms */;
}

.terms_contents .h1 {
  font-size: 20px;
  color: #222222;
  font-weight: bold;
}

.terms_contents .h2 {
  font-size: 18px;
  color: #222222;
  font-weight: bold;
}

.terms_contents .h3 {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
}

.terms_contents p {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.terms_contents p strong {
  color: #222222;
}

.terms_contents ul li {
  line-height: 1.5;
  font-size: 14px;
}

.terms_contents ol {
  padding: 0 0 10px 0px;
}

.terms_contents ol li {
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents ul.indent-list {
  padding: 0 0 10px 0px;
}

.terms_contents ul.indent-list li {
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents mark, .terms_contents .mark {
  color: #5aafe6;
  background-color: transparent;
}

.terms_contents .table_terms {
  width: 100%;
}

.terms_contents .table_terms > thead > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #222222;
  text-align: center;
  background: #f8f8f8;
}

.terms_contents .table_terms > tbody > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #222222;
  text-align: center;
  background: #f8f8f8;
}

.terms_contents .table_terms > tbody > tr > td {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  color: #222222;
  text-align: center;
}

.terms_contents .table_terms > tbody > tr > td a {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr > td .font_red {
  color: #f24848;
}

.terms_contents .table_terms > tbody > tr > td li {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child {
  border-left: 1px solid #e1e1e1;
}

/* ui_common.scss */
[class*="js-scrollmotion_"][class*="scrollmotion_"] {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay1 {
  transition-delay: 0.1s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay2 {
  transition-delay: 0.2s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay3 {
  transition-delay: 0.3s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay4 {
  transition-delay: 0.4s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay5 {
  transition-delay: 0.5s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay6 {
  transition-delay: 0.6s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay7 {
  transition-delay: 0.7s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay8 {
  transition-delay: 0.8s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay9 {
  transition-delay: 0.9s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay10 {
  transition-delay: 1.0s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc1 {
  transition-delay: 0.1s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc2 {
  transition-delay: 0.2s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc3 {
  transition-delay: 0.3s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc4 {
  transition-delay: 0.4s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc5 {
  transition-delay: 0.5s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc6 {
  transition-delay: 0.6s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc7 {
  transition-delay: 0.7s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc8 {
  transition-delay: 0.8s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc9 {
  transition-delay: 0.9s;
}

[class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc10 {
  transition-delay: 1.0s;
}

@media all and (max-width: 1023px) {
  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc1 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc2 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc3 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc4 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc5 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc6 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc7 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc8 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc9 {
    transition-delay: 0s;
  }

  [class*="js-scrollmotion_"][class*="scrollmotion_"].scrolldelay_pc10 {
    transition-delay: 0s;
  }
}

.js-scrollmotion_up {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transform: translateY(60px);
  -o-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

.js-scrollmotion_up.scrollmotion_up {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.js-scrollmotion_left {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}

.js-scrollmotion_left.scrollmotion_left {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.js-scrollmotion_right {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transform: translateX(50px);
  -o-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}

.js-scrollmotion_right.scrollmotion_right {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.js-scrollmotion_zoomin {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.js-scrollmotion_zoomin.scrollmotion_zoomin {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* 비주얼 */
.sub_visual-section .js-scrollmotion_up {
  -moz-transform: translateY(40px);
  -o-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}

.sub_visual-section .js-scrollmotion_up.scrollmotion_up {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* ====== 버튼 ====== */
a.btn, a.btn.btn_lg, a.btn.btn_sm, button.btn, button.btn.btn_lg, button.btn.btn_sm {
  font-size: 0;
  line-height: 0;
}

.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px 10px;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
 /* letter-spacing: -1px; */
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn.txt_left {
  align-items: center;
}

.btn.txt_left span {
  display: inline-block;
  text-align: left;
}

.btn span {
  font-size: 16px;
  line-height: 20px;
  box-sizing: border-box;
  vertical-align: middle;
}

.btn span.btn_fs {
  font-size: 18px;
}

.btn i {
  vertical-align: middle;
}

.btn i::before {
  font-size: 16px;
}

.btn span + i {
  margin-left: 10px;
}

.btn i + span {
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .btn {
    padding: 5px 12px 5px;
    font-size: 12px;
  }

  .btn span {
    font-size: 12px;
  }

  .btn span.btn_fs {
    font-size: 13px;
  }

  .btn span + i {
    margin-left: 8px;
  }

  .btn i + span {
    margin-left: 8px;
  }
}

.btn:disabled {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  pointer-events: none;
}

.btn.btn_default {
  background: #fff;
  border: 1px solid #999;
  color: #555;
}

.btn.btn_grayline {
  background: #fff;
  border: 1px solid #dedede;
  color: #222222;
}

.btn.btn_gray_grayline {
  background: #f9f9f9;
  border: 1px solid #dedede;
  color: #222222;
}

.btn.btn_whiteline {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn.btn_blackline {
  background: #fff;
  border: 1px solid #222;
  color: #222;
}

/* .btn.btn_blackline:hover { border-color: #B3CF0A; color:#96AD07 
} */
.btn.btn_darkgray {
  background: #fff;
  border: 1px solid #313131;
  color: #222;
}

.btn.btn_gray {
  background: #777777;
  border: 1px solid #777777;
  color: #fff;
}

.btn.btn_gray:hover {
  background: #444444;
  border-color: #444444;
}

.btn.btn_black {
  background: #222;
  border: 1px solid #222;
  color: #fff;
}

.btn.btn_black:hover {
  background: #000;
  border-color: #000;
}

.btn.btn_noline {
  background: transparent;
  border: 1px solid transparent;
  color: #555;
}

.btn.btn_noline:hover {
  color: #222;
}

.btn.btn_noline:hover span {
  text-decoration: underline;
}

.btn.btn_lgg {
  padding: 12px 18px 12px;
  font-size: 18px;
  line-height: 0px;
  font-weight: 600;
}

.btn.btn_lgg span {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .btn.btn_lgg {
    padding: 15px 15px 15px;
    font-size: 14px;
    line-height: 19px;
  }

  .btn.btn_lgg span {
    font-size: 14px;
    line-height: 19px;
  }
}

.btn.btn_lg {
  padding: 12px 18px 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.btn.btn_lg span {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .btn.btn_lg {
    padding: 10px 15px 10px;
    font-size: 13px;
    line-height: 19px;
  }

  .btn.btn_lg span {
    font-size: 13px;
    line-height: 19px;
  }
}

.btn.btn_sm {
  padding: 6px 10px 7px;
  min-width: auto;
  font-size: 14px;
  line-height: 20px;
}

.btn.btn_sm span {
  font-size: 14px;
  line-height: 20px;
}

.btn.btn_box {
  width: 100%;
  display: block;
  display: flex;
  justify-content: space-between;
}

.btn.btn_box span {
  display: inline;
  padding-right: 10px;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
  text-align: left;
}

/* 버튼: 드로잉 모션  */
.is_pc {
 /* 아이콘 변경 */;
}

.is_pc .btn.btn_lg.motion_drawing {
  border: 0;
  line-height: 26px;
  box-shadow: inset 0 0 0 1px #222;
  color: #222;
  transition: color 0.25s 0.08333s;
  position: relative;
}

.is_pc .btn.btn_lg.motion_drawing span {
  line-height: 26px;
}

.is_pc .btn.btn_lg.motion_drawing::before, .is_pc .btn.btn_lg.motion_drawing::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.is_pc .btn.btn_lg.motion_drawing::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.is_pc .btn.btn_lg.motion_drawing::after {
  border-top-width: 1px;
  border-right-width: 1px;
}

.is_pc .btn.btn_lg.motion_drawing:hover {
  color: #96AD07;
}

.is_pc .btn.btn_lg.motion_drawing:hover::before, .is_pc .btn.btn_lg.motion_drawing:hover::after {
  border-color: #B3CF0A;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.is_pc .btn.btn_lg.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .btn.btn_lg.motion_drawing:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

@media all and (max-width: 1023px) {
  .is_pc .btn.btn_lg.motion_drawing {
    line-height: 21px;
  }

  .is_pc .btn.btn_lg.motion_drawing span {
    line-height: 21px;
  }
}

.is_pc .btn.btn_lgg.motion_drawing {
  border: 0;
  box-shadow: inset 0 0 0 1px #222;
  color: #222;
  transition: color 0.25s 0.08333s;
  position: relative;
}

.is_pc .btn.btn_lgg.motion_drawing::before, .is_pc .btn.btn_lgg.motion_drawing::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.is_pc .btn.btn_lgg.motion_drawing::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.is_pc .btn.btn_lgg.motion_drawing::after {
  border-top-width: 1px;
  border-right-width: 1px;
}

.is_pc .btn.btn_lgg.motion_drawing:hover {
  color: #96AD07;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::before, .is_pc .btn.btn_lgg.motion_drawing:hover::after {
  border-color: #B3CF0A;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .btn.btn_lgg.motion_drawing:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.is_pc .btn.btn_default.motion_drawing {
  border: 0;
  box-shadow: inset 0 0 0 1px #999;
  color: #222;
  transition: color 0.25s 0.08333s;
  position: relative;
}

.is_pc .btn.btn_default.motion_drawing::before, .is_pc .btn.btn_default.motion_drawing::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.is_pc .btn.btn_default.motion_drawing::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.is_pc .btn.btn_default.motion_drawing::after {
  border-top-width: 1px;
  border-right-width: 1px;
}

.is_pc .btn.btn_default.motion_drawing:hover {
  color: #96AD07;
}

.is_pc .btn.btn_default.motion_drawing:hover::before, .is_pc .btn.btn_default.motion_drawing:hover::after {
  border-color: #B3CF0A;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.is_pc .btn.btn_default.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .btn.btn_default.motion_drawing:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.is_pc .btn.motion_drawing:hover i.icon-link_h24::after {
  background-image: url(../images/sp_icons.png);
  background-position: -625px -425px;
  width: 24px;
  height: 24px;
}

.is_pc .btn.motion_drawing:hover i.icon-btn_video::after {
  background-image: url(../images/sp_icons.png);
  background-position: -150px -594px;
  width: 20px;
  height: 20px;
}

.is_pc .btn.motion_drawing:hover i.icon-btn_link::after {
  background-image: url(../images/sp_icons.png);
  background-position: -90px -594px;
  width: 20px;
  height: 20px;
}

@media all and (max-width: 1023px) {
  .is_pc .btn.motion_drawing:hover i.icon-link_h24::after {
    background-image: url(../images/sp_icons.png);
    background-size: 327.5px 324.5px;
    background-position: -202px -273px;
    width: 15px;
    height: 15px;
  }
}

/* 박스 라인 */
/* === [2023-0125] === */
.box_line {
  position: relative;
  width: 100px;
  background-color: #ccc;
  border: 3px solid #222;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}

.motion_drawing_box {
  position: relative;
  width: 100%;
}

.motion_drawing_box::before, .motion_drawing_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  background-color: #009a93;
  z-index: 3;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
}

.motion_drawing_box::before {
  left: 0px;
  width: 0%;
  height: 3px;
}

.motion_drawing_box::after {
  right: 0px;
  width: 3px;
  height: 0;
}

.motion_drawing_box .drawing-inner::before, .motion_drawing_box .drawing-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  background-color: #009a93;
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
}

.motion_drawing_box .drawing-inner::before {
  right: 0px;
  width: 0%;
  height: 3px;
}

.motion_drawing_box .drawing-inner::after {
  left: 0px;
  width: 3px;
  height: 0;
}

.motion_drawing_box.active::before, .motion_drawing_box.active::after, .motion_drawing_box:hover::before, .motion_drawing_box:hover::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.motion_drawing_box.active::before, .motion_drawing_box:hover::before {
  width: 100%;
}

.motion_drawing_box.active::after, .motion_drawing_box:hover::after {
  height: 100%;
  transition-delay: 0.15s;
}

.motion_drawing_box.active .drawing-inner::before, .motion_drawing_box.active .drawing-inner::after, .motion_drawing_box:hover .drawing-inner::before, .motion_drawing_box:hover .drawing-inner::after {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.motion_drawing_box.active .drawing-inner::before, .motion_drawing_box:hover .drawing-inner::before {
  width: 100%;
  transition-delay: 0.3s;
}

.motion_drawing_box.active .drawing-inner::after, .motion_drawing_box:hover .drawing-inner::after {
  height: 100%;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  transition-delay: 0.45s;
}

.motion_drawing_box_svg {
  width: 100%;
}

.motion_drawing_box_svg svg {
  position: absolute;
  left: calc( 3px * -1);
  top: calc( 3px * -1);
  height: calc( 100% + (3px * 2 ));
  width: calc( 100% + (3px * 2));
}

.motion_drawing_box_svg rect {
  fill: none;
  stroke: #337b76;
  stroke-width: calc( 3px * 2);
  stroke-dasharray: 0, 310;
  stroke-dashoffset: 0;
}

.motion_drawing_box_svg:hover rect, .motion_drawing_box_svg.active rect {
  stroke-width: calc( 3px * 2);
  stroke-dasharray: 422, 0;
  stroke-dashoffset: 48;
  transition: all 2.55s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn_footer-area {
  margin-top: 40px;
}

.btn-area .btn_set {
  font-size: 0;
}

.btn-area .btn_set .btn + .btn {
  margin-left: 10px;
}

.btn-area .col .btn {
  width: 100%;
}

/* ====== PAGING ====== */
.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  margin: 30px 0 0px;
  letter-spacing: 0px;
  text-align: center;
}

.paging-area .paging {
  position: relative;
  text-align: center;
  font-size: 0;
}

.paging-area .paging a, .paging-area .paging strong {
  position: relative;
  display: inline-block;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  vertical-align: top;
  padding: 0 10px;
  font-size: 16px;
  color: #555;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

.paging-area .paging a em, .paging-area .paging strong em {
  font-style: normal;
}

.paging-area .paging strong.on {
  background: #222;
  font-weight: 500;
  color: #fff;
  border: 1px solid #222;
}

.paging-area .paging a:hover {
  background: #ddd;
}

.paging-area .paging a:focus {
  background: #ddd;
}

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
  width: 40px;
  padding: 0px;
  text-indent: -9999px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

.paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.paging-area .paging .num + .num {
  border-left: 1px solid transparent;
}

.paging-area .paging a.prev {
  margin-right: 10px;
}

.paging-area .paging a.prev_end {
  margin-right: -1px;
}

.paging-area .paging a.next {
  margin-left: 10px;
}

.paging-area .paging a.next_end {
  margin-left: -1px;
}

@media all and (max-width: 1023px) {
  .paging-area {
    margin: 40px 0 0px;
  }

  .paging-area .paging a, .paging-area .paging strong {
    font-size: 13px;
  }

  .paging-area .paging a.prev {
    margin-right: -1px;
  }

  .paging-area .paging a.next {
    margin-left: -1px;
  }
}

.page-more-area {
  padding-top: 80px;
}

.page-more-area .more-btn {
  display: block;
  margin: auto;
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
}

.page-more-area .more-btn > * {
  vertical-align: middle;
}

.page-more-area .more-btn .txt-page {
  margin-top: 15px;
  color: #999;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}

.page-more-area .more-btn .txt-page .count {
  padding-right: 3px;
  color: #222;
  font-weight: 700;
}

.page-more-area .more-btn .txt-page .total {
  padding-left: 3px;
}

.page-more-area .more-btn .txt-more {
  display: block;
  margin-top: 13px;
  color: #222;
  font-size: 18px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .page-more-area {
    padding-top: 24px;
  }

  .page-more-area .more-btn {
    width: 79px;
    height: 79px;
  }

  .page-more-area .more-btn .txt-more {
    margin-top: 10px;
    color: #222;
    font-size: 13px;
    font-weight: 400;
  }
}

.is_pc .page-more-area {
 /* 버튼: 드로잉 모션  */;
}

.is_pc .page-more-area .more-btn.motion_drawing {
  border: 0;
  box-shadow: inset 0 0 0 1px #ccc;
  color: #222;
  transition: color 0.25s 0.08333s;
  position: relative;
}

.is_pc .page-more-area .more-btn.motion_drawing .txt-more {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.is_pc .page-more-area .more-btn.motion_drawing::before, .is_pc .page-more-area .more-btn.motion_drawing::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  right: 0;
}

.is_pc .page-more-area .more-btn.motion_drawing::before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.is_pc .page-more-area .more-btn.motion_drawing::after {
  border-top-width: 1px;
  border-right-width: 1px;
}

.is_pc .page-more-area .more-btn.motion_drawing:hover {
  color: #96AD07;
}

.is_pc .page-more-area .more-btn.motion_drawing:hover::before, .is_pc .page-more-area .more-btn.motion_drawing:hover::after {
  border-color: #B3CF0A;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.is_pc .page-more-area .more-btn.motion_drawing:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}

.is_pc .page-more-area .more-btn.motion_drawing:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.is_pc .page-more-area .more-btn.motion_drawing:hover .txt-more {
  overflow: hidden;
  height: 0;
  margin-top: 0;
}

/* ================== TAB MENU */
.tab-wrap {
  position: relative;
}

.tab-wrap .tab_con-area .tab_con {
  display: none;
}

.tab-wrap .tab_con-area .tab_con.on {
  display: block;
}

.tabmenu-list {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
 /* ================== TAB MENU tab_type1 */;
}

.tabmenu-list > li {
  display: block;
  list-style: none;
  text-align: center;
  width: 100%;
}

.tabmenu-list > li.on .btn-area a {
  color: #ffffff;
  background-color: #98b101;
}

.tabmenu-list > li .btn-area {
  height: 50px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
}

.tabmenu-list > li .btn-area a {
  font-size: 18px;
  font-weight: bold;
  background-color: #dadada;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.tabmenu-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

.tabmenu-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

.tabmenu-list.tab_type1 > li {
  background: #eaeaea;
}

.tabmenu-list.tab_type1 > li .btn-area {
  color: #555555;
  border: 1px solid #d0d0d0;
  border-bottom: 2px solid #98b101;
  border-left: none;
}

.tabmenu-list.tab_type1 > li .btn-area a {
  background-color: #eaeaea;
}

.tabmenu-list.tab_type1 > li:first-child .btn-area {
  border-left: 1px solid #d0d0d0;
}

.tabmenu-list.tab_type1 > .on .btn-area {
  border: 2px solid #98b101 !important;
  border-bottom: none !important;
}

.tabmenu-list.tab_type1 > .on .btn-area a {
  color: #222222;
  font-weight: bold;
  background-color: #fff;
}

.tabmenu-list.tab_type1 > .on_prev .btn-area {
  border-right: 0px solid transparent;
}

.tabsimple-list {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
 /* ================== TAB MENU tab_type1 */ /* ================== TAB MENU setting */;
}

.tabsimple-list > li {
  display: inline;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
}

.tabsimple-list > li .btn-area {
  position: absolute;
  height: 50px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
}

.tabsimple-list > li .btn-area a {
  font-size: 18px;
  font-weight: bold;
  background-color: #dadada;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.tabsimple-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

.tabsimple-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

.tabsimple-list > li > .con-area {
  display: none;
  width: 100%;
  margin-top: 50px;
  margin-left: 0px;
  left: 0px;
  border: 0px solid #ccc;
  padding: 0 0px;
}

.tabsimple-list > .on .btn-area a {
  color: #ffffff;
  background-color: #98b101;
}

.tabsimple-list > .on > .con-area {
  display: block;
}

.tabsimple-list.tab_type1 > li {
  background: #eaeaea;
}

.tabsimple-list.tab_type1 > li .btn-area {
  color: #555555;
  border: 1px solid #d0d0d0;
  border-bottom: 2px solid #98b101;
  border-left: none;
}

.tabsimple-list.tab_type1 > li .btn-area a {
  background-color: #eaeaea;
}

.tabsimple-list.tab_type1 > li:first-child .btn-area {
  border-left: 1px solid #d0d0d0;
}

.tabsimple-list.tab_type1 > .on .btn-area {
  border: 2px solid #98b101 !important;
  border-bottom: none !important;
}

.tabsimple-list.tab_type1 > .on .btn-area a {
  color: #222222;
  font-weight: bold;
  background-color: #fff;
}

.tabsimple-list.tab_type1 > .on_prev .btn-area {
  border-right: 0px solid transparent;
}

.tabsimple-list.tab_col2 > li .btn-area {
  top: 0;
  left: 0;
  width: 50%;
}

.tabsimple-list.tab_col2 > li:nth-child(1) .btn-area {
  left: 0;
}

.tabsimple-list.tab_col2 > li:nth-child(2) .btn-area {
  left: 50%;
}

.tabsimple-list.tab_col3 > li .btn-area {
  top: 0;
  left: 0;
  width: 33.333333333%;
  border-left: 1px solid #cccccc;
}

.tabsimple-list.tab_col3 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tabsimple-list.tab_col3 > li:nth-child(2) .btn-area {
  left: 33.3333333333%;
}

.tabsimple-list.tab_col3 > li:nth-child(3) .btn-area {
  left: 66.6666666666%;
}

.tabsimple-list.tab_col4 > li .btn-area {
  top: 0;
  left: 0;
  width: 25%;
}

.tabsimple-list.tab_col4 > li:nth-child(1) .btn-area {
  left: 0;
}

.tabsimple-list.tab_col4 > li:nth-child(2) .btn-area {
  left: 25%;
}

.tabsimple-list.tab_col4 > li:nth-child(3) .btn-area {
  left: 50%;
}

.tabsimple-list.tab_col4 > li:nth-child(4) .btn-area {
  left: 75%;
}

.tabsimple-list.tab_col5 > li .btn-area {
  top: 0;
  left: 0;
  width: 20%;
}

.tabsimple-list.tab_col5 > li:nth-child(1) .btn-area {
  left: 0;
}

.tabsimple-list.tab_col5 > li:nth-child(2) .btn-area {
  left: 20%;
}

.tabsimple-list.tab_col5 > li:nth-child(3) .btn-area {
  left: 40%;
}

.tabsimple-list.tab_col5 > li:nth-child(4) .btn-area {
  left: 60%;
}

.tabsimple-list.tab_col5 > li:nth-child(5) .btn-area {
  left: 80%;
}

.tab_linebox-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #dedede;
}

.tab_linebox-list li {
  margin-bottom: -1px;
  margin-left: -1px;
}

.tab_linebox-list li + li {
  margin-left: -1px;
}

.tab_linebox-list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 0px 20px;
  height: 60px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  color: #555;
  font-size: 20px;
  font-weight: 600;
  line-height: 38px;
  background-color: #fff;
}

.tab_linebox-list li a em {
  font-size: 18px;
  font-weight: 500;
  color: #777777;
}

.tab_linebox-list li.on a {
  border-color: #b3cf0a;
  color: #96ad07;
  z-index: 2;
  font-weight: 700;
}

.tab_linebox-list li.on a em {
  color: #96ad07;
}

.tab_linebox-list.menu_type-row2 {
  border-bottom: 0px;
  margin-top: -20px;
}

.tab_linebox-list.menu_type-row2 li {
  margin-top: 20px;
}

@media all and (max-width: 1023px) {
  .tab_linebox-list.menu_type-row2 li {
    margin-top: 0px;
  }
}

@media all and (max-width: 1023px) {
  .tab_linebox-list li {
    flex: 1 1 auto;
  }

  .tab_linebox-list li a {
    height: 48px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 19px;
    min-width: auto;
    text-align: center;
  }

  .tab_linebox-list li a em {
    font-size: 13px;
  }

  .tab_linebox-list.type-search {
    border-bottom: 0;
  }

  .tab_linebox-list.type-search li {
    flex: none;
    width: 50%;
    margin-left: -1px;
  }
}

/* ================== accordion MENU */
.accordion-wrap.noneline {
  border-top: 0;
}

.accordion-wrap {
  border-top: 2px solid #555555;
}

.accordion-list > li {
  border-bottom: 1px solid #e1e1e1;
}

.accordion-list > li .header-area {
  position: relative;
  background-color: #f8f8f8;
}

.accordion-list > li .header-area .accordion_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accordion-list > li .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 20px 50px 20px 20px;
}

.accordion-list > li .header-area .acc_btn i {
  position: absolute;
  top: 18px;
  right: 15px;
}

.accordion-list > li > .con-area {
  display: none;
  padding: 30px 20px;
}

.accordion-list > li.on .header-area .acc_btn i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ================== 팝업 레이아웃 */
/** //popup-wrap **/
.popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 9000;
}

.trp.popupfixed-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 9000;
  -webkit-overflow-scrolling: touch;
 /* esg_report_backup.html ::  backup 뷰 */;
}

.trp.popupfixed-wrap .popup-dim {
  background-color: transparent;
  z-index: 0;
}

.trp.popupfixed-wrap .popup-align {
  display: table;
  *display: block;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
 /* 팝업 모드 */;
}

.trp.popupfixed-wrap .popup-align .popup-vertical {
  display: table-cell;
  width: 100%;
  padding: 40px;
  text-align: center;
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align .popup-vertical {
    padding: 20px;
  }
}

.trp.popupfixed-wrap .popup-align.mode-full {
  position: relative;
  display: block;
  table-layout: initial;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-vertical {
  display: block;
  padding: 0;
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel {
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-head {
  min-height: 60px;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-body {
  overflow-y: auto;
  height: calc(100vh - (60px + 40px));
  height: calc(var(--vh, 1vh) * 100 - (60px + 40px));
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-foot {
  height: 40px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-align.mode-mb_full .popup-vertical {
    display: block;
    padding: 0;
    height: 100% !important;
  }

  .trp.popupfixed-wrap .popup-align.mode-mb_full .popup-layer {
    width: 100% !important;
    height: 100% !important;
 /*      .pop-panel { height: 100%; .pop-head { min-height: 60px; } .pop-body { overflow-y: auto;  //height: calc( 100% - 60px - 40px);  height: calc(100vh - (60px + 40px));  height: calc(var(--vh, 1vh) * 100 - (60px + 40px)); } .pop-foot { height: 40px; } } */;
  }
}

.trp.popupfixed-wrap .popup-layer {
  position: relative;
  z-index: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: #fff;
}

.trp.popupfixed-wrap .pop-panel .pop-head .pop_tit {
  padding: 5px 60px;
  height: 60px;
  position: relative;
  font-size: 0;
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  line-height: 1.1;
}

.trp.popupfixed-wrap .pop-panel .pop-head .pop_tit::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.trp.popupfixed-wrap .pop-panel .pop-head .pop_tit span {
  vertical-align: middle;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .pop-panel .pop-head .pop_tit {
    height: 30px;
    padding: 0px 80px 0 20px;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-head .btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: auto;
  height: auto;
  padding: 15px 15px;
  margin: 0;
  font-size: 0px;
  line-height: 1;
  color: transparent;
  box-sizing: border-box;
}

.trp.popupfixed-wrap .pop-panel .pop-head .btn_close:after {
  content: '';
  display: block;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .pop-panel .pop-head .btn_close {
    top: 10px;
    right: 5px;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-body {
  text-align: left;
  overflow-y: auto;
  max-height: calc(100vh - (60px + 40px + 40px));
  max-height: calc(var(--vh, 1vh) * 100 - (60px + 40px + 40px));
}

.trp.popupfixed-wrap .pop-panel .pop-body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  -webkit-appearance: none;
  background-color: transparent;
}

.trp.popupfixed-wrap .pop-panel .pop-body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

.trp.popupfixed-wrap .pop-panel .pop-body .section {
  position: relative;
  padding: 35px 40px 40px;
}

.trp.popupfixed-wrap .pop-panel .pop-body .btn_bottom {
  margin-top: 20px;
}

.trp.popupfixed-wrap .pop-panel .pop-foot .btn_bottom {
  margin-top: 0px;
}

.trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .pop_tit {
  padding: 45px 50px 45px;
  height: 121px;
  font-size: 36px;
  line-height: 42px;
  color: #222;
  font-weight: 700;
  text-align: left;
}

.trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .pop_tit br {
  display: none;
}

.trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .btn_close {
  top: 30px;
  right: 30px;
}

.trp.popupfixed-wrap.reporting-detail-popup .pop-body {
  max-height: calc(var(--vh, 1vh) * 100 - (121px + 40px + 40px));
}

.trp.popupfixed-wrap.reporting-detail-popup .pop-body .section.reporting_detail_view-section {
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
}

.trp.popupfixed-wrap.reporting-detail-popup .popup-layer {
  width: 1084px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .pop_tit {
    padding: 16px 20px 24px;
    height: auto;
    font-size: 21px;
    line-height: 29px;
  }

  .trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .pop_tit:before {
    display: none;
  }

  .trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .pop_tit br {
    display: block;
  }

  .trp.popupfixed-wrap.reporting-detail-popup .pop-panel .pop-head .btn_close {
    top: 5px;
    right: 5px;
  }

  .trp.popupfixed-wrap.reporting-detail-popup .pop-body .section.reporting_detail_view-section {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .trp.popupfixed-wrap.reporting-detail-popup .popup-layer {
    width: calc(100% - 40px);
  }
}

.trp.popupfixed-wrap {
 /* ================= 햄버거 ================= */ /* ================= 모바일 햄버거 ================= */ /* ================= 패밀리사이트 ================= */ /* ================= 60주년 공지 ================= */ /* ================= 검색 ================= */ /*  이미지 팝업 (SK 엔무브 ,ces) */ /* ================= 광고갤러리 > 인쇄광고 크게보기  ================= */ /* ================= 감사/영업/사업보고서 > 재무제표 검토 보고서 ================= */ /* 회사소개 > 자회사소개 */ /* ================= 지배구조 > 팝업 4종 ================= */;
}

.trp.popupfixed-wrap .popup_hamburger .btn_close {
  position: absolute;
  top: 30px;
  right: 49px;
  z-index: 10;
  width: auto;
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 0px;
  line-height: 1;
  color: transparent;
  box-sizing: border-box;
 /* PClg : 1734 ~ */;
}

.trp.popupfixed-wrap .popup_hamburger .btn_close:after {
  content: '';
  display: block;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap .popup_hamburger .btn_close {
    right: 72px;
  }
}

@media all and (max-width: 1279px) {
  .trp.popupfixed-wrap .popup_hamburger .btn_close {
    right: 49px;
  }
}

@media all and (max-width: 768px) {
  .trp.popupfixed-wrap .popup_hamburger .btn_close {
    top: 17px;
    right: 20px;
  }
}

.trp.popupfixed-wrap .popup_hamburger .popup-layer {
  max-height: calc(100vh);
  max-height: calc(var(--vh, 1vh) * 100);
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-head {
  padding: 0 72px;
  height: 180px;
  max-width: 1676px;
  margin: 0 auto;
 /* PClg : 1734 ~ */ /* tablet : 769 ~ 1733 */ /* mobile : 769 ~ 1279 */;
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-head .pop_tit {
  padding: 80px 0 45px;
  height: 180px;
  text-align-last: left;
  font-size: 0;
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-head .pop_tit .gnb-logo img {
  height: 60px;
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-head .btn_close {
  position: absolute;
  top: 30px;
  right: 49px;
  z-index: 10;
  width: auto;
  height: 40px;
  padding: 0;
  margin: 0;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-head .btn_close {
    right: 72px;
  }
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-body {
  overflow: visible !important;
 /* max-height: calc(100vh - (180px));  max-height: calc(var(--vh, 1vh) * 100 - (180px)); */;
}

.trp.popupfixed-wrap .popup_hamburger .pop-panel .pop-foot .btn_bottom {
  margin-top: 0px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section {
  position: relative;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .section-inner {
  max-width: 1676px;
  padding: 0 72px;
  margin: 0 auto;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section {
    padding: 0 72px;
  }
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .rowflex-dep1 {
  width: calc(100% + 40px);
  margin-left: -20px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .rowflex-dep1 > div {
  padding: 0px 20px 25px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-head {
  border-top: 2px solid #000;
  padding: 25px 0 40px;
  font-size: 23px;
  line-height: 35px;
  font-weight: bold;
  color: #222;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-head a {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl {
  padding: 25px 0;
  border-top: 1px solid #ededed;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.sub_none {
  padding-bottom: 15px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt {
  margin-top: -10px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a {
  position: relative;
  display: block;
  padding: 10px 40px 10px 0;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a:hover {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a:hover i.i-arrow {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a:hover i.i-out_link {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a:hover span {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a span {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  color: #222;
  vertical-align: top;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a i.i-arrow {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a i.i-arrow::before {
  font-size: 30px;
  color: #bad422;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dt a i.i-out_link {
  position: static;
  right: auto;
  display: inline-block;
  padding-top: 2px;
  margin-left: 4px;
  font-size: 18px;
  color: #999;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a {
  position: relative;
  display: block;
  padding: 8px 0;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a:hover {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a:hover i.i-out_link {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a:hover span {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a span {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #666;
  vertical-align: top;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl dd a i.i-out_link {
  position: static;
  right: auto;
  display: inline-block;
  vertical-align: top;
  padding-top: 1px;
  font-size: 21px;
  color: #999;
  padding-left: 5px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu {
  margin-top: 25px;
  border-top: 2px solid #000;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu dt:nth-child(1) {
  line-height: 32px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu a i {
  margin: -2px 0 0 -4px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu a .hover_icons {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu a:hover .icons {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu a:hover .hover_icons {
  display: inline-block;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body dl.icon-menu a span {
  padding-left: 3px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body ul li {
  margin-left: 20px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body ul li a {
  position: relative;
  padding-left: 12px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body ul li a::before {
  content: "-";
  position: absolute;
  left: 0;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body ul li a span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #999;
  vertical-align: top;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 2px solid #000;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li {
  padding-left: 0;
  margin-left: 0;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a {
  display: block;
  padding: 6px 0 8px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a::before {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a span {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #222;
  vertical-align: top;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a i {
  vertical-align: top;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a i + span {
  padding-left: 3px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a i.i-out_link {
  font-size: 18px;
  color: #999;
  margin-top: 6px;
  margin-left: 4px;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a .hover_icons {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a:hover i.i-out_link {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a:hover span {
  color: #98b101;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a:hover .icons {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .hamburger_menu-section .menu-dep .dep-body .news-menu li a:hover .hover_icons {
  display: inline-block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap {
  padding: 30px 0;
  background-color: #ecf3d2;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap .foot-inner {
  max-width: 1532px;
  margin: 0 auto;
  padding: 0 49px;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-top: -5px;
  margin-bottom: -5px;
  flex-wrap: wrap;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li {
  position: relative;
  width: 20%;
  text-align: center;
  padding: 5px;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a {
  display: flex;
  align-items: center;
 /*padding: 12px 10px;*/
  padding: 11px 0px 13px;
  justify-content: center;
  font-weight: 600;
  background-color: #fff;
  height: auto;
  font-size: 0;
  line-height: 0;
}


/* 2024-09-27 */
.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul.titja {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-top: 15px;
  margin-bottom: 5px;
  flex-wrap: wrap;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul.titja li {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 15px 5px 5px 10px;
  font-size:18px;
  color:#788b02;
  font-weight: 600;
  border-top:1px solid #d6e2aa;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a:hover {
  background-color: #b3cf0a;
  color: #fff;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a i {
  width: 100%;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a i img {
 /*width: 100%;*/
  max-width: 100%;
  height: 40px;
  margin: auto;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a i .symbol_hover {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li a span {
  display: block;
  padding: 15px 0;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -1px;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(1) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(1) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(2) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(2) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(3) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(3) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(4) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(4) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(5) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(5) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(6) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(6) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(7) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(7) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(8) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(8) a:hover i .symbol_hover {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(9) a:hover i .symbol {
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li:nth-child(9) a:hover i .symbol_hover {
  display: block;
}

@media all and (max-width: 1279px) {
  .trp.popupfixed-wrap .popup_hamburger .footer_sub-wrap ul li {
    width: 20%;
  }
}

.trp.popupfixed-wrap .popup_hamburger_mb {
 /* 자회사, 언어 */;
}

.trp.popupfixed-wrap .popup_hamburger_mb .popup-vertical {
  display: block;
  padding: 0;
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .popup-layer {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel {
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-head {
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid #dedede;
  min-height: 61px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-head .pop_tit {
  padding: 7px 0 14px;
  height: 60px;
  font-size: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-head .pop_tit img {
  height: 39px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-head .btn_close {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-body {
  position: relative;
  overflow-y: auto;
  max-height: calc(100vh - (61px));
  max-height: calc(var(--vh, 1vh) * 100 - (61px));
 /* height: calc(100vh - (61px));  height: calc(var(--vh, 1vh) * 100 - (61px)); */;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-body .section-wrap > .section-inner {
  height: 100%;
  padding: 0 0px;
  max-width: initial;
}

.trp.popupfixed-wrap .popup_hamburger_mb .pop-panel .pop-foot .btn_bottom {
  margin-top: 0px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section {
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .section-wrap {
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu {
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu::after {
  content: "";
  position: absolute;
  top: 0;
  left: 144px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dedede;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu > .col-auto {
  position: relative;
  width: 145px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - (61px));
  height: calc(var(--vh, 1vh) * 100 - (61px));
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu > .col:last-child {
  overflow-y: auto;
  height: calc(100vh - (61px));
  height: calc(var(--vh, 1vh) * 100 - (61px));
  background-color: #f6f6f6;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu .rowflex_dep1 {
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu .row_dep1 {
  position: relative;
  height: 100%;
}

.trp.popupfixed-wrap .popup_hamburger_mb .hamburger_menu-section .rowflex-menu .row_dep1 .menu-other {
  padding-top: 225px;
  position: absolute;
  bottom: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep1 {
  padding: 12px 20px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep1 ul li.active a {
  color: #96ad07;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep1 ul li a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 {
  padding: 20px;
  display: none;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2.active {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-head {
  padding: 10px 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-head span {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #222222;
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-head i {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-body > ul li.active a {
  color: #96ad07;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-body > ul li a {
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #555;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-body > ul li a span {
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-dep2 .dep2-body > ul li a i {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup_hamburger_mb .dep3-body > ul li.active a {
  color: #96ad07;
}

.trp.popupfixed-wrap .popup_hamburger_mb .dep3-body > ul li a {
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: 14px;
  line-height: 18px;
  color: #999;
}

.trp.popupfixed-wrap .popup_hamburger_mb .dep3-body > ul li a span {
  padding-left: 10px;
  color: #999;
  font-weight: 500;
}

.trp.popupfixed-wrap .popup_hamburger_mb .dep3-body > ul li a span::before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other > div {
  border-top: 1px solid #dedede;
  background-color: #fff;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other > div.active, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other > div.active + div {
  border-color: #b3cf0a;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area {
  padding: 20px 0 15px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area .area-head {
  text-align: center;
  padding-bottom: 10px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area .area-head span {
  font-size: 15px;
  font-weight: 400;
  color: #222222;
  line-height: 1.2;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area .area-body ul {
  text-align: center;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area .area-body li {
  display: inline-block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .news_channel-area .area-body li a {
  display: block;
  padding: 7px 9px;
  font-size: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area .area-head, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area .area-head {
  padding: 0px;
  position: relative;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area .area-head a, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area .area-head a {
  position: relative;
  display: block;
  padding: 14px 40px 14px 20px;
  font-size: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area .area-head a span, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area .area-head a span {
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-weight: 500;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area .area-head a i, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area .area-head a i {
  position: absolute;
  right: 20px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area.active .area-head a span, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area.active .area-head a span {
  color: #96ad07;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area.active .area-head i, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area.active .area-head i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area.active .area-head i::after, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area.active .area-head i::after {
  background-image: url(../images/sp_icons.png);
  background-position: -450px -594px;
  width: 20px;
  height: 20px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area.active .body_subcompany, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area.active .body_subcompany {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .menu-other .subsidiary-area.active .body_language, .trp.popupfixed-wrap .popup_hamburger_mb .menu-other .language-area.active .body_language {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .active {
 /*   .area-body {  a { display: block; padding: 5px 0; color: #222; font-size: 14px;  line-height: 18px; font-weight: 600;   } } */;
}

.trp.popupfixed-wrap .popup_hamburger_mb .active > .body_subcompany {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .active > .body_language {
  display: block;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
  width: calc(100vw - 145px);
  display: none;
 /*   &::after { content: "";display: block; position: absolute; bottom: 49px; left: -2px; z-index: 2; width: 4px; height: 48px; background-color: #fff;  } */;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany .body-inner {
  padding: 20px 20px 12px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #fff;
  border: 1px solid #b3cf0a;
  border-right: none;
  margin-left: -1px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 49px;
  left: -2px;
  z-index: 5;
  width: 4px;
  height: 48px;
  background-color: #fff;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany a {
  display: block;
  padding: 11px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language {
  background-color: #fff;
  border-top: 1px solid #b3cf0a;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
  width: calc(100vw - 145px);
  display: none;
 /*  &::after { content: "";display: block; position: absolute; bottom: 0; left: -2px; z-index: 2; width: 4px; height: 48px; background-color: #fff;  } */;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul::after {
  content: '';
  display: block;
  clear: both;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li:first-child {
  padding-left: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li:last-child {
  padding-right: 0;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #dedede;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li {
  position: relative;
  float: left;
  padding: 0 15px;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li a {
  color: #999999;
  padding: 0;
  font-weight: 500;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language ul li.active a {
  color: #222;
  font-weight: 600;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language .body-inner {
  padding: 15px 32px;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  border-top: 0px solid #dedede;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: -2px;
  z-index: 5;
  width: 4px;
  height: 48px;
  background-color: #fff;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_language a {
  padding: 10px 0;
}

.trp.popupfixed-wrap.popup_family_site .popup-layer {
  width: 100%;
  max-width: 1084px;
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head {
  padding: 0 49px;
  height: 132px;
 /* PClg : 1734 ~ */ /* mobile : 769 ~ 1733 */;
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .pop_tit {
  padding: 40px 0 0px;
  height: 132px;
  text-align-last: left;
  font-size: 0;
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .pop_tit span {
  font-size: 36px;
  font-weight: bold;
  color: #222222;
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .btn_close {
  position: absolute;
  top: 65px;
  right: 49px;
  z-index: 10;
  width: auto;
  padding: 0;
  margin: 0;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head {
 /* padding: 0 82px; */;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .btn_close {
    right: 72px;
  }
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head {
    padding: 0 20px;
    height: 80px;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .pop_tit {
    padding: 15px 0px 0px;
    height: 80px;
    text-align-last: left;
    font-size: 0;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .pop_tit::before {
    display: none;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .pop_tit span {
    font-size: 21px;
    line-height: 30px;
    font-weight: bold;
    color: #222222;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-head .btn_close {
    position: absolute;
    top: 15px;
 /*right: 49px;*/
    right: 17px;
    z-index: 10;
    width: auto;
    padding: 0;
    margin: 0;
  }
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-body {
  max-height: calc(100vh - (80px + 132px));
  max-height: calc(var(--vh, 1vh) * 100 - (80px + 132px));
 /* PClg : 1734 ~ */ /* tablet : 1024 ~ 1279 */ /* mobile : ~ 1023 */;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-body {
 /* padding: 0 82px; */;
  }

  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-body .btn_close {
    right: 72px;
  }
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_family_site .pop-panel .pop-body {
    max-height: calc(100vh - (40px + 80px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 80px));
  }
}

.trp.popupfixed-wrap.popup_family_site .pop-panel .pop-foot .btn_bottom {
  margin-top: 0px;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section {
  position: relative;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .section-inner {
  width: 100%;
  padding: 0 49px 40px;
  max-width: 1084px;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .rowflex-dep1 {
  width: calc(100% + 32px);
  margin-left: -16px;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .rowflex-dep1 > div {
  padding: 16px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_family_site .family_site-section .section-inner {
    width: 100%;
    padding: 0 20px 35px;
    max-width: 1084px;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .rowflex-dep1 {
    width: calc(100% + 14px);
    margin-left: -7px;
    margin-top: -35px;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .rowflex-dep1 > div {
    padding: 35px 7px 0;
  }
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-head {
  border-top: 2px solid #000;
  padding: 15px 0;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-head span {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  color: #222;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-head {
    border-top: 2px solid #000;
    padding: 15px 0px;
    font-size: 0;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-head span {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #222;
  }
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list {
  margin-top: 10px;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li {
  padding: 7px 0;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li a {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #555;
}

.trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li a:hover {
  color: #98b101;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list {
    margin-top: 0px;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li {
    padding: 7px 0;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #555;
  }

  .trp.popupfixed-wrap.popup_family_site .family_site-section .menu-dep .dep-body .family_site-list li a:hover {
    color: #98b101;
  }
}

.trp.popupfixed-wrap.popup_60year .popup-layer {
  max-width: 1084px;
}

.trp.popupfixed-wrap.popup_60year .popup-layer .pop-panel .pop-head {
  position: relative;
  height: 0;
}

.trp.popupfixed-wrap.popup_60year .popup-layer .pop-panel .pop-head .pop_tit {
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.trp.popupfixed-wrap.popup_60year .popup-layer .pop-panel .pop-body {
  max-height: calc(100vh - (80px));
  max-height: calc(var(--vh, 1vh) * 100 - (80px));
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_60year .popup-layer .pop-panel .pop-body {
    max-height: calc(100vh - (40px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px));
  }
}

@media all and (max-width: 1279px) {
  .trp.popupfixed-wrap.popup_60year .popup-layer {
    width: 926px;
  }
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_60year .popup-layer {
    width: 320px;
  }
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .c-primary {
  color: #98b101;
  font-weight: 800;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .c-skred {
  color: #ea002c;
  font-weight: 800;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .c-deepgreen {
  color: #16873e;
  font-weight: 800;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_pc {
  display: block;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_tb {
  display: none;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_mb {
  display: none;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 45px;
  color: #000;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(1) {
  font-size: 22px;
  line-height: 56px;
  font-weight: 800;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(2) {
  font-size: 34px;
  line-height: 46px;
  font-weight: 700;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(3) {
  margin-top: 35px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(4) {
  margin-top: 95px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #777;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(4) .t_en {
  font-weight: 500;
}

.trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area .t_num {
  font-weight: 400;
}

@media all and (max-width: 1279px) {
  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area img {
 /* width:100%; */;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_pc {
    display: none;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_tb {
    display: block;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_mb {
    display: none;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area {
    padding: 45px 35px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(3) {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(4) {
    margin-top: 45px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
    color: #777;
  }
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area img {
    width: 100%;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_pc {
    display: none;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_tb {
    display: none;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .img-area .banner_mb {
    display: block;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area {
    padding: 25px 20px;
    height: auto;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(1) {
    font-size: 16px;
    line-height: 28px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(2) {
    font-size: 22px;
    line-height: 32px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(3) {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.4px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(4) {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    color: #777;
    text-indent: -11px;
    padding-left: 11px;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area p:nth-child(4) .t_num {
    font-weight: 600;
  }

  .trp.popupfixed-wrap.popup_60year .popup_60year-section .text-area .t_en {
    font-weight: 500;
  }
}

.trp.popupfixed-wrap.popup_search [class$='-section'] .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_search .popup-vertical {
  vertical-align: top;
  padding: 0;
}

.trp.popupfixed-wrap.popup_search .popup-layer {
  width: 100%;
}

.trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head {
  position: relative;
  height: 0;
  padding-top: 150px;
}

.trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head .search_logo {
  display: none;
}

.trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head .pop_tit {
  height: 0;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head {
    padding-top: 110px;
  }

  .trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head .search_logo {
    display: block;
    position: absolute;
    top: 7px;
    left: 20px;
  }

  .trp.popupfixed-wrap.popup_search .popup-layer .pop-panel .pop-head .search_logo img {
    height: 39px;
  }
}

.trp.popupfixed-wrap.popup_search .popup-layer .btn_close {
  position: absolute;
  top: 30px;
  right: 49px;
  z-index: 10;
  width: auto;
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 0px;
  line-height: 1;
  color: transparent;
  box-sizing: border-box;
 /* PClg : 1734 ~ */;
}

.trp.popupfixed-wrap.popup_search .popup-layer .btn_close:after {
  content: '';
  display: block;
}

@media all and (min-width: 1734px) {
  .trp.popupfixed-wrap.popup_search .popup-layer .btn_close .btn_close {
    right: 72px;
  }
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_search .popup-layer .btn_close {
    top: 10px;
    right: 5px;
  }
}

.trp.popupfixed-wrap.popup_search .pop-body .section-wrap {
  padding-bottom: 150px;
}

.trp.popupfixed-wrap.popup_search .pop-body .section-wrap .section-inner {
  width: 1008px;
  margin: 0 auto;
  max-width: 1084px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_search .pop-body .section-wrap {
    padding-bottom: 266.5px;
  }

  .trp.popupfixed-wrap.popup_search .pop-body .section-wrap .section-inner {
    width: 100%;
    padding: 0 20px;
  }
}

.trp.popupfixed-wrap.popup_search .search-panel .search_input-area {
  position: relative;
  padding-bottom: 25px;
}

.trp.popupfixed-wrap.popup_search .search-panel .search_input-area input {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  border: none;
  padding: 0;
}

.trp.popupfixed-wrap.popup_search .search-panel .search_input-area .search_icon {
  position: absolute;
  top: 0px;
  right: 0;
  cursor: pointer;
}

.trp.popupfixed-wrap.popup_search .search-panel .search_input-area::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #222;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_search .search-panel .search_input-area {
    padding-bottom: 14px;
  }

  .trp.popupfixed-wrap.popup_search .search-panel .search_input-area input {
    font-size: 16px;
    color: #222;
  }

  .trp.popupfixed-wrap.popup_search .search-panel .search_input-area .search_icon {
    top: 0;
    right: -5px;
    padding: 5px;
  }
}

.trp.popupfixed-wrap.popup_search .search_btn-area p {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  padding: 75px 0 30px;
}

.trp.popupfixed-wrap.popup_search .search_btn-area .search-list {
  display: flex;
}

.trp.popupfixed-wrap.popup_search .search_btn-area .search-list li {
  text-align: center;
  flex: 1 0 0%;
}

.trp.popupfixed-wrap.popup_search .search_btn-area .search-list li .li-inner {
  position: relative;
}

.trp.popupfixed-wrap.popup_search .search_btn-area .search-list li button {
  width: 100%;
}

.trp.popupfixed-wrap.popup_search .search_btn-area .search-list li button span {
  color: #222;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_search .search_btn-area p {
    font-size: 17px;
    padding: 50px 0 25px;
  }

  .trp.popupfixed-wrap.popup_search .search_btn-area .search-list li {
    flex: 1 0 33.3%;
  }

  .trp.popupfixed-wrap.popup_search .search_btn-area .search-list li span {
    font-size: 13px;
    line-height: 18px;
  }

  .trp.popupfixed-wrap.popup_search .search_btn-area .search-list li:nth-child(1) {
    padding-bottom: 10px;
  }

  .trp.popupfixed-wrap.popup_search .search_btn-area .search-list .btn.btn_lg {
    padding: 15px 0;
  }

  .trp.popupfixed-wrap.popup_search .btn_close {
    top: 22px;
    right: 22px;
  }
}

.trp.popupfixed-wrap.popup_image .pop-panel .pop-head .btn_close {
  padding: 25px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_image .pop-panel .pop-head .btn_close {
    top: 0;
    right: 0;
    padding: 15px;
  }
}

.trp.popupfixed-wrap.popup_image .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_image .img_banner-article {
  position: relative;
}

.trp.popupfixed-wrap.popup_image .img_banner-article.img-ces {
  width: 800px;
}

.trp.popupfixed-wrap.popup_image .img_banner-article img {
  width: 100%;
}

.trp.popupfixed-wrap.popup_image .img_banner-article .link_1 {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 50px;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 230px;
  height: 50px;
 /*  border: 1px solid #16873e; */;
}

.trp.popupfixed-wrap.popup_image .img_banner-article .ces_link_1, .trp.popupfixed-wrap.popup_image .img_banner-article .ces_link_2 {
  display: block;
  position: absolute;
  left: calc(50% + 10px);
  bottom: 15.96386%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 47.11864%;
  height: 14.15663%;
 /*  border: 1px solid #16873e; */;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_image .img_banner-article.img-ces {
    width: 100%;
  }

  .trp.popupfixed-wrap.popup_image .img_banner-article img.only-mb {
    width: 320px;
  }

  .trp.popupfixed-wrap.popup_image .img_banner-article .link_1 {
    bottom: 33px;
    width: 170px;
    height: 44px;
  }

  .trp.popupfixed-wrap.popup_image .img_banner-article .ces_link_1, .trp.popupfixed-wrap.popup_image .img_banner-article .ces_link_2 {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 13.33333%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 87.1875%;
    height: 9.79167%;
  }

  .trp.popupfixed-wrap.popup_image .img_banner-article .ces_link_2 {
    bottom: 13.33333%;
  }
}

.trp.popupfixed-wrap.popup_poster [class$='-section'] .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_poster .popup-layer {
  width: calc(100% - 40px);
  max-width: 595px;
  background: transparent;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_poster .popup-layer {
    min-width: 320px;
  }
}

.trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .btn_close {
  right: -15px;
  top: -10px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .pop-head .pop_tit {
    height: 60px;
  }

  .trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .btn_close {
    top: 0;
  }
}

.trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .pop-body {
  max-height: calc(100vh - (80px + 60px));
  max-height: calc(var(--vh, 1vh) * 100 - (80px + 60px));
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .pop-body {
    max-height: calc(100vh - (40px + 60px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 60px));
  }
}

.trp.popupfixed-wrap.popup_poster .popup_poster-section .section-inner img {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_poster .popup-layer {
    min-width: 320px;
  }

  .trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .pop-head .pop_tit {
    height: 60px;
  }

  .trp.popupfixed-wrap.popup_poster .popup-layer .pop-panel .btn_close {
    top: 0;
  }
}

.trp.popupfixed-wrap.popup_audit [class$='-section'] .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_audit .c-primary {
  color: #96ad07;
}

.trp.popupfixed-wrap.popup_audit .popup-layer {
  width: calc(100% - 40px);
  max-width: 1084px;
 /*  padding:50px; */;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel {
  padding-top: 50px;
  padding-bottom: 50px;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head {
  position: relative;
  padding: 0 50px;
  padding-bottom: 34px;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .pop_tit {
  padding: 0;
  height: auto;
  text-align: left;
  font-size: 0;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .pop_tit span {
  color: #222;
  font-size: 36px;
  font-weight: 700;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .pop_stit {
  margin-top: 10px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .btn_close {
  top: 0px;
  right: 50px;
  transform: translate(15px, -15px);
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head::after {
  content: "";
  display: block;
  width: calc(100% - 100px);
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: #222;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-foot {
  margin-top: 22px;
  text-align: left;
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head + .pop-body {
  padding: 0 50px;
  padding-top: 40px;
  padding-right: 45px;
  max-height: calc(100vh - (80px + 214px));
  max-height: calc(var(--vh, 1vh) * 100 - (80px + 214px));
}

.trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-info {
  margin-top: 22px;
  text-align: left;
  color: #555;
  font-size: 16px;
  line-height: 28px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_audit .popup-layer {
    min-width: 320px;
 /* padding:20px; */
    width: calc(100% - 20px);
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel {
    padding: 20px 0;
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head {
    padding: 0 20px;
    padding-bottom: 20px;
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .pop_tit span {
    font-size: 21px;
    line-height: 24px;
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .pop_stit {
    font-size: 13px;
    line-height: 21px;
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head .btn_close {
    top: 20px;
    right: 20px;
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head::after {
    width: calc(100% - 40px);
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-head + .pop-body {
    padding: 0 20px;
    padding-top: 25px;
    max-height: calc(100vh - (40px + 115px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 115px));
  }

  .trp.popupfixed-wrap.popup_audit .popup-layer .pop-panel .pop-info {
    margin-top: 15px;
    font-size: 12px;
    line-height: 19px;
  }
}

.trp.popupfixed-wrap.popup_audit .popup_audit-section {
  padding: 40px;
  background-color: #f9f9f9;
  border: 1px solid #dedede;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_audit .popup_audit-section {
    padding: 10px 10px 10px 20px;
  }
}

.trp.popupfixed-wrap.popup_audit .popup_audit-section .contents-box {
  padding-right: 30px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.trp.popupfixed-wrap.popup_audit .popup_audit-section .contents-box .fr {
  text-align: right;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_audit .popup_audit-section .contents-box {
    padding-right: 10px;
    font-size: 13px;
    line-height: 21px;
  }

  .trp.popupfixed-wrap.popup_audit .popup_audit-section .contents-box .fr {
    text-align: right;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .popup-vertical {
  text-align: right;
  padding: 0;
}

.trp.popupfixed-wrap.popup_subsidiary .popup-vertical .popup-layer {
  width: 620px;
  background-color: #2fa459;
}

.trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head {
  text-align: left;
  height: 120px;
  padding: 50px 0px 30px;
}

.trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head .btn_close {
  top: 20px;
  right: 20px;
}

.trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head .pop_tit {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head {
    height: 80px;
    padding: 25px 0px;
  }

  .trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head .btn_close {
    top: 10px;
    right: 5px;
  }

  .trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-head .pop_tit {
    font-size: 26px;
    line-height: 30px;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-body {
  height: calc(100vh - (120px));
  max-height: calc(100vh - (120px));
  max-height: calc(var(--vh, 1vh) * 100 - (120px));
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .pop-panel .pop-body {
    height: calc(100vh - (80px));
    max-height: calc(100vh - (80px));
    max-height: calc(var(--vh, 1vh) * 100 - (80px));
  }
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section {
  display: none;
  padding: 0px 60px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section.active {
  display: flex;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section {
    padding: 0px 20px;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_top {
  padding-top: 20px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_top {
    padding-top: 5px;
  }

  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_top span {
    font-size: 14px;
    font-weight: 600;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_bottom {
  margin-top: 16px;
  padding-bottom: 60px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_bottom {
    margin-top: 16px;
    padding-bottom: 30px;
  }

  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .col_bottom .img-box img {
    width: 100%;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .homepage_link {
  width: 180px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .homepage_link {
    width: 152px;
    line-height: 28px;
  }
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .doc_body {
  margin-top: 60px;
}

.trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .doc_body p {
  font-size: 20px;
  color: #fff;
  line-height: 1.7;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .doc_body {
    margin-top: 35px;
  }

  .trp.popupfixed-wrap.popup_subsidiary .subsidiary-section .doc_body p {
    font-size: 15px;
    font-weight: 600;
  }
}

.trp.popupfixed-wrap.popup_governance [class$="-section"] .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_governance .c-primary {
  color: #96ad07;
}

.trp.popupfixed-wrap.popup_governance .popup-layer {
  width: calc(100% - 40px);
  max-width: 800px;
  padding: 50px;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel {
 /* .pop-body { overflow: visible;} */;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head {
  padding-bottom: 34px;
  border-bottom: 1px solid #222;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head .pop_tit {
  padding: 0;
  height: auto;
  text-align: left;
  font-size: 0;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head .pop_tit span {
  color: #222;
  font-size: 36px;
  font-weight: 700;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head .btn_close {
  top: 50px;
  right: 50px;
  transform: translate(15px, -15px);
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot {
  margin-top: 22px;
  text-align: left;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot .pop-info {
  color: #555;
  font-size: 16px;
  line-height: 28px;
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head + .pop-body {
  padding-top: 40px;
  max-height: calc(100vh - (80px + 175px + 80px));
  max-height: calc(var(--vh, 1vh) * 100 - (80px + 175px + 80px));
}

.trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-body {
  padding-right: 50px;
  margin-right: -50px;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .contents-desc {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .contents-box {
  margin-top: 24px;
  background-color: #f9f9f9;
  border: 1px solid #dedede;
  padding: 40px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .contents-box span {
  color: #16873e;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box {
  margin-top: 34px;
  padding-right: 20px;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li {
  position: relative;
  padding-left: 34px;
  font-size: 18px;
  line-height: 30px;
  color: #222;
  font-weight: 600;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li + li {
  margin-top: 14px;
}

.trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li span {
  position: absolute;
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  background-color: #2fa459;
  font-size: 16;
  font-weight: 600;
  color: #fff;
  line-height: 24px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_governance .popup-layer {
    min-width: 320px;
    padding: 20px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head {
    padding-bottom: 20px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head .pop_tit span {
    font-size: 21px;
    line-height: 24px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head .btn_close {
    top: 20px;
    right: 20px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot {
    margin-top: 12px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot .pop-info {
    font-size: 12px;
    line-height: 19px;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot .mark_star-item {
    padding-left: 0;
    text-indent: 0;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-foot .mark_star-item::before {
    content: "※";
    text-indent: 0;
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-head + .pop-body {
    padding-top: 25px;
    max-height: calc(100vh - (40px + 85px + 90px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 85px + 90px));
  }

  .trp.popupfixed-wrap.popup_governance .popup-layer .pop-panel .pop-body {
    margin-right: -20px;
    padding-right: 20px;
    max-height: calc(100vh - (40px + 85px + 90px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 85px + 90px));
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section {
    padding: 0;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .contents-desc {
    font-size: 13px;
    line-height: 21px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .contents-box {
    margin-top: 16px;
    padding: 20px;
    font-size: 13px;
    line-height: 21px;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box {
    margin-top: 14px;
    padding-right: 0;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li {
    padding-left: 22px;
    font-size: 13px;
    line-height: 21px;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li + li {
    margin-top: 9px;
  }

  .trp.popupfixed-wrap.popup_governance .popup_governance-section .number-box ul li span {
    top: 2.5px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}

.trp.popupfixed-wrap.popup_governance-table [class$="-section"] .section-wrap > .section-inner {
  padding: 0;
}

.trp.popupfixed-wrap.popup_governance-table .c-primary {
  color: #96ad07;
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer {
  width: calc(100% - 40px);
  max-width: 1080px;
  padding: 50px;
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head {
  padding-bottom: 34px;
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head .pop_tit {
  padding: 0;
  height: auto;
  text-align: left;
  font-size: 0;
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head .pop_tit span {
  color: #222;
  font-size: 36px;
  font-weight: 700;
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head .btn_close {
  top: 50px;
  right: 50px;
  transform: translate(15px, -15px);
}

.trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-body {
  padding-right: 50px;
  margin-right: -50px;
  max-height: calc(100vh - (100px + 75px + 100px));
  max-height: calc(var(--vh, 1vh) * 100 - (100px + 75px + 100px));
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table {
  table-layout: fixed;
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead th {
  width: 42.86%;
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead th:nth-child(2) {
  width: 14.28%;
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody th, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody td {
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  padding-top: 24px;
  padding-bottom: 24px;
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table .icon-circle_green {
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.trp.popupfixed-wrap.popup_governance-table .popup_governance-section .table-panel .p-foot {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  margin-top: 24px;
}

@media all and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_governance-table .popup-layer {
    min-width: 320px;
    padding: 20px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head {
    padding-bottom: 20px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head .pop_tit span {
    font-size: 21px;
    line-height: 24px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head .btn_close {
    top: 20px;
    right: 20px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-foot {
    margin-top: 15px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-foot .pop-info {
    font-size: 12px;
    line-height: 19px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-head + .pop-body {
    padding-top: 0;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup-layer .pop-panel .pop-body {
    margin-right: -20px;
    padding-right: 20px;
    max-height: calc(100vh - (40px + 44px + 50px));
    max-height: calc(var(--vh, 1vh) * 100 - (40px + 44px + 50px));
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section {
    padding: 0;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table {
    display: block;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody {
    display: block;
    border: 0;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead th, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead td, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody th, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody td {
    display: block;
    height: auto;
    border: 0;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr {
    position: relative;
    padding-right: 68px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr {
    border-bottom: 1px solid #999;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr th {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr th:nth-child(2) {
    width: 68px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table thead tr th:last-child {
    border-top: 1px solid #999;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr {
    border-bottom: 1px solid #dedede;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr th, .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr td {
    width: 100%;
    font-size: 13px;
    line-height: 21px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr td {
    font-weight: 500;
    color: #555;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr td:nth-child(2) {
    width: 68px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #dedede;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr td:last-child {
    border-top: 1px solid #dedede;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr td.blank {
    display: none;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section table.list_table tbody tr th {
    font-weight: 600;
    color: #222;
  }

  .trp.popupfixed-wrap.popup_governance-table .popup_governance-section .table-panel .p-foot {
    font-size: 13px;
    line-height: 21px;
    color: #555;
    margin-top: 12px;
  }
}

/* ======================== input text  */
/* placeholder */
input[type="text"].placeholdersjs, input[type="password"].placeholdersjs, input[type="number"].placeholdersjs, input[type="url"].placeholdersjs, input[type="email"].placeholdersjs, input[type="search"].placeholdersjs, textarea.placeholdersjs {
  color: #777777;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #777777;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #777777;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder {
  color: #777777;
}

em.star {
  display: inline-block;
  height: 14px;
  padding: 0 5px;
  color: #f24848;
  font-weight: bold;
}

input[type="text"], input[type="password"], input[type="number"], input[type="url"], input[type="email"], input[type="search"] {
  width: 100%;
  height: 42px;
  padding: 8px 15px 8px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #999;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="text"].h36, input[type="password"].h36, input[type="number"].h36, input[type="url"].h36, input[type="email"].h36, input[type="search"].h36 {
  height: 36px;
}

/* ======================== focus, ,disabled, input_error */
/* -focus */
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="search"]:focus {
  border-color: #0d0d0e;
}

/* -read only,  -disabled */
input[type="text"]:readonly, input[type="text"].readonly, input[type="text"]:disabled, input[type="text"].disabled, input[type="password"]:readonly, input[type="password"].readonly, input[type="password"]:disabled, input[type="password"].disabled, input[type="number"]:readonly, input[type="number"].readonly, input[type="number"]:disabled, input[type="number"].disabled, input[type="url"]:readonly, input[type="url"].readonly, input[type="url"]:disabled, input[type="url"].disabled, input[type="email"]:readonly, input[type="email"].readonly, input[type="email"]:disabled, input[type="email"].disabled, input[type="search"]:readonly, input[type="search"].readonly, input[type="search"]:disabled, input[type="search"].disabled {
  background-color: #f8f8f8;
}

input[type="text"]:readonly + i:first-child, input[type="text"].readonly + i:first-child, input[type="text"]:disabled + i:first-child, input[type="text"].disabled + i:first-child, input[type="password"]:readonly + i:first-child, input[type="password"].readonly + i:first-child, input[type="password"]:disabled + i:first-child, input[type="password"].disabled + i:first-child, input[type="number"]:readonly + i:first-child, input[type="number"].readonly + i:first-child, input[type="number"]:disabled + i:first-child, input[type="number"].disabled + i:first-child, input[type="url"]:readonly + i:first-child, input[type="url"].readonly + i:first-child, input[type="url"]:disabled + i:first-child, input[type="url"].disabled + i:first-child, input[type="email"]:readonly + i:first-child, input[type="email"].readonly + i:first-child, input[type="email"]:disabled + i:first-child, input[type="email"].disabled + i:first-child, input[type="search"]:readonly + i:first-child, input[type="search"].readonly + i:first-child, input[type="search"]:disabled + i:first-child, input[type="search"].disabled + i:first-child {
  z-index: 1;
}

/* -error */
input[type="text"].input_error, input[type="password"].input_error, input[type="number"].input_error, input[type="url"].input_error, input[type="email"].input_error, input[type="search"].input_error {
  border-color: #f24848;
}

.input-box {
  position: relative;
  vertical-align: top;
}

.input-box .check_byte-w {
  padding-right: 90px !important;
}

.input-box .check_byte-h {
  padding-bottom: 50px !important;
}

.input-box label, .input-box .dash {
  display: inline-block;
  padding: 8px 20px 8px;
  box-sizing: border-box;
}

.input-box label:frist-child {
  padding-left: 0;
}

.input-box .dash {
  padding: 8px 0px 8px 0px;
}

.input-box input[type="text"], .input-box input[type="password"], .input-box input[type="number"], .input-box input[type="url"], .input-box input[type="email"], .input-box input[type="search"] {
  padding: 8px 15px 8px;
}

.input-box .btn {
  margin-top: -1px;
}

.input-box .byte_check {
  position: absolute;
  top: 10px;
  right: 15px;
}

.input-box .byte_check em {
  vertical-align: middle;
  font-size: 14px;
  color: #e90000;
}

.input-box .byte_check span {
  vertical-align: middle;
  font-size: 14px;
}

/* input 삭제 */
.input_del {
  position: relative;
}

.input_del input {
  padding-right: 25px;
}

.input_del button {
  position: relative;
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}

.input_del button i:after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -170px -30px;
  width: 20px;
  height: 20px;
}

/* ======================== textarea  */
.textarea-box {
  border: 1px solid #cccccc;
  padding: 10px 13px 10px;
}

.textarea-box textarea {
  width: 100%;
  height: 150px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textarea-box .byte_check {
  margin-top: 0px;
  height: 20px;
  text-align: right;
}

.textarea-box .byte_check em {
  vertical-align: bottom;
  font-size: 12px;
  color: #e90000;
}

.textarea-box .byte_check span {
  vertical-align: bottom;
  font-size: 12px;
}

/* ========================  input radio */
.trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.trp.radio-box label {
  display: inline-block;
  height: 20px;
  margin-left: 0px;
}

.trp.radio-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.radio-box input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.radio-box input[type="radio"] + i {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0px;
}

.trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/sp_forms.png);
  background-position: -170px -90px;
  width: 20px;
  height: 20px;
}

.trp.radio-box input[type="radio"]:checked + i:after {
  background-image: url(../images/sp_forms.png);
  background-position: -170px -120px;
  width: 20px;
  height: 20px;
}

.trp.radio-box input[type="radio"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.trp.radio-box input[type="radio"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_icons($form-radio-dim); */;
}

.trp.radio-box input[type="radio"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /*  color:$colorL; */;
}

.trp.radio-box.re label {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  text-indent: 0px;
}

.trp.radio-box.re input[type="radio"] + i {
  position: relative;
}

/* ========================  input checkbox */
.trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.trp.checkbox-box label {
  display: inline-block;
  line-height: 20px;
  margin-left: 3px;
  vertical-align: top;
}

.trp.checkbox-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.checkbox-box input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.checkbox-box input[type="checkbox"] + i {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0px;
}

.trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/sp_forms.png);
  background-position: -127px -120px;
  width: 20px;
  height: 20px;
}

.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  background-image: url(../images/sp_forms.png);
  background-position: -170px 0px;
  width: 20px;
  height: 20px;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_icons($form-checkbox-dim); */;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /* color:$colorL; */;
}

.trp.checkbox-box.re label {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.checkbox-box.re input[type="checkbox"] + i {
  position: relative;
}

/* ========================  select */
.select-box {
  position: relative;
}

.select-box select {
  width: 100%;
  height: 42px;
  padding: 0 40px 0 15px;
  border: 1px solid #999;
  border-radius: 0px;
  -webkit-appearance: none;
}

.select-box > i {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 42px;
}

.select-box > i::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: 15px;
  margin-top: -10px;
  background-image: url(../images/sp_forms.png);
  background-position: 0px -153px;
  width: 20px;
  height: 20px;
 /* margin-left: -4px; margin-top: -2px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #222 transparent transparent transparent; */;
}

.select-box .select2Basic, .select-box .select2Basic36, .select-box .select2Basic_pop {
  width: 100%;
  min-width: 100%;
}

.select-box .select2-container--default {
  text-align: left;
  width: 100% !important;
}

.select-box .select2-container--default .select2-selection--single {
  border: 1px solid #999;
  height: 42px;
  border-radius: 0px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding: 0 40px 0 15px;
  font-size: 16px;
  font-weight: 500;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 0px;
  height: 42px;
  width: 40px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 0;
  right: 15px;
  margin-top: -10px;
  margin-left: auto;
  background-image: url(../images/sp_forms.png);
  background-position: 0px -153px;
  width: 20px;
  height: 20px;
  border: 0;
 /* border-color: #222222 transparent transparent transparent; */;
}

.select-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
 /* border-color: #888 transparent transparent transparent; border-width: 5px 4px 0 4px; */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select-box .select2-dropdown {
  border-radius: 0;
  background-color: #f8f8f8;
}

.select-box .select2-container--default .select2-results__option {
  padding: 0 15px;
  line-height: 40px;
}

.select-box .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #555555;
  background-color: #f8f8f8;
}

.select-box .select2-container--default .select2-results__option[aria-selected=true] {
  color: #555555;
  background-color: #f8f8f8;
}

.select2-dropdown.increasedzindexclass_pop {
  z-index: 99000;
}

/* ========================  input file */
.trp.file-box {
  position: relative;
}

.trp.file-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.trp.file-box .trp-Filetext {
  width: calc( 100% - 120px);
  height: 42px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #999;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 42px;
  background: #757575;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

/* ========================  jQuery datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
  min-width: 155px;
  height: 42px;
  background-color: #f2f2f2;
}

.datepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.datepicker-box i::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../images/sp_forms.png);
  background-position: 0px -120px;
  width: 23px;
  height: 23px;
}

.datepicker-box.type_label {
  display: block;
  font-size: 0;
}

.datepicker-box.type_label label {
  position: relative;
  display: inline-block;
  padding: 10px 13px 10px 15px;
  font-size: 15px;
  color: #222222;
  font-weight: bold;
  width: 88px;
  box-sizing: border-box;
  font-family: "SUIT";
  line-height: 30px;
}

.datepicker-box.type_label label::after {
  content: '';
  display: block;
  width: 1px;
  height: 15px;
  background-color: #d2d2d2;
  position: absolute;
  top: 18px;
  right: 0px;
}

.datepicker-box.type_label input {
  width: calc( 100% - 88px);
  vertical-align: top;
  padding-right: 70px;
  text-align: center;
}

.ui-datepicker.ui-widget {
  border: 1px solid #f3f3f3;
  padding: 0;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  height: 40px;
  background-color: #ffffff;
}

.ui-datepicker-title {
  height: 40px;
  line-height: 38px;
}

.ui-datepicker-title .ui-datepicker-month {
  line-height: 38px;
  color: #98b101;
}

.ui-datepicker-title .ui-datepicker-year {
  line-height: 38px;
  color: #98b101;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 25px;
  height: 25px;
  padding: .15em .2em .05em;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  background-color: #fff;
  color: #777777;
  box-sizing: border-box;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default {
  color: #fff;
  background-color: #98b101;
  border-radius: 50%;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default {
  color: #98b101;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default {
  color: #ffffff;
}

/* 월 달력 */
.monthPicker .year {
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
}

.monthPicker .year strong {
  line-height: 28px;
  color: #98b101;
  font-size: 15px;
  font-weight: bold;
}

.monthPicker .year > span:first-child {
  top: 6px;
  left: 2px;
}

.monthPicker .year > span:last-child {
  top: 6px;
  right: 2px;
}

.monthPicker .year .prev-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .prev-btn a {
  border: 0;
}

.monthPicker .year .prev-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .prev-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .prev-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

.monthPicker .year .next-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .next-btn a {
  border: 0;
}

.monthPicker .year .next-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .next-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .next-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

/* 커스텀 카운터 인풋 박스 */
.ui-count {
  position: relative;
  display: inline-block;
  border-radius: 0;
}

.ui-count .ui-countTxt {
  width: 60px;
  padding-right: 30px;
  padding-left: 10px;
  text-align: right;
  background: #fff;
}

.ui-count:before {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
}

.ui-count > a {
  position: relative;
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
}

.ui-count > a::after {
  content: "";
  position: absolute;
  right: 5px;
}

.ui-count .arrow_up {
  top: 1px;
  right: 0;
  border-left: 1px solid #999;
}

.ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent #555555 transparent;
}

.ui-count .arrow_down {
  bottom: 0px;
  right: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

.ui-count .arrow_down::after {
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  border-color: #555555 transparent transparent transparent;
}

/* ========================  timepicker */
.ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 42px;
  padding: 8px 10px 8px;
  border: 1px solid #bfbfbf;
  text-align: center;
  background: #fff;
}

.timepicker-area {
  position: relative;
  display: inline-block;
}

.timepicker-area .trp-timepicker {
  display: none;
  position: absolute;
  top: 42px;
  width: 170px;
  z-index: 10;
}

.timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 42px;
  background-color: #fff;
}

.timepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.timepicker-box input:read-only {
  background-color: transparent;
}

.timepicker-box input.br {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.timepicker-box i::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../images/sp_forms.png);
  background-position: -33px -120px;
  width: 23px;
  height: 23px;
}

/* ========================  starpoint */
.starpoint-box .star {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.starpoint-box .star:after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -30px -153px;
  width: 20px;
  height: 20px;
}

.starpoint-box .star.on:after {
  background-image: url(../images/sp_forms.png);
  background-position: -60px -153px;
  width: 20px;
  height: 20px;
}

.starpoint2-box .star {
  display: inline-block;
  width: 10px;
  height: 20px;
  overflow: hidden;
}

.starpoint2-box .star:after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -30px -153px;
  width: 20px;
  height: 20px;
}

.starpoint2-box .star:nth-child(even):after {
  margin-left: -10px;
}

.starpoint2-box .star.on:after {
  background-image: url(../images/sp_forms.png);
  background-position: -60px -153px;
  width: 20px;
  height: 20px;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon_tooltip:after {
  content: "";
  display: block;
  background-image: url(../images/sp_forms.png);
  background-position: -66px -120px;
  width: 21px;
  height: 21px;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 20px 20px;
  border: 1px solid #16873e;
  border-radius: 0;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #16873e;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.ui-tooltip .arrow {
  position: absolute;
  left: calc( 50% - 9px);
  bottom: -12px;
  overflow: hidden;
  box-shadow: 0;
  background-image: url(../images/sp_forms.png);
  background-position: -90px -153px;
  width: 18px;
  height: 12px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  background-image: url(../images/sp_forms.png);
  background-position: -200px 0px;
  width: 13px;
  height: 15px;
}

.ui-tooltip .arrow.top:after {
  bottom: -15px;
  top: auto;
}

.ui-tooltip.tooltip_big {
  max-width: 500px;
 /* 글로벌네트워크 툴팁 모바일 숨김 */;
}

.ui-tooltip.tooltip_big span {
  position: relative;
  font-family: "SUIT", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-weight: 700 !important;
  padding-left: 12px;
  margin-left: 10px;
}

.ui-tooltip.tooltip_big span::before {
  content: '';
  display: block;
  width: 1px;
  height: 13px;
  position: absolute;
  top: 3px;
  left: 0;
  background-color: #999;
}

.ui-tooltip.tooltip_big span:first-child {
  padding-left: 0;
  margin-left: 0;
}

.ui-tooltip.tooltip_big span:first-child::before {
  content: none;
}

.ui-tooltip.tooltip_big .h5 {
  margin-bottom: 15px;
}

.ui-tooltip.tooltip_big .numbar-list li {
  font-size: 14;
  letter-spacing: -1px;
}

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td {
  padding: 5px 10px;
  font-size: 12px;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i {
  margin-right: 5px;
}

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state {
  font-size: 14px;
}

@media all and (max-width: 1023px) {
  .ui-tooltip.tooltip_big {
    display: none !important;
  }
}

body {
 /* 오버레이 스크롤바 (OverlayScrollbars) */ /* 커스텀 스크롤바 (mCustomScroll) */ /* 가로 horizontal */;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  -webkit-appearance: none;
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

body .scroll-type {
  overflow: hidden;
  overflow-y: auto;
}

body .scroll-type::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ececec;
  -webkit-appearance: none;
  background-color: transparent;
}

body .scroll-type::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 3px;
}

body .scroll-typeX {
  overflow: hidden;
  overflow-x: auto;
}

body .scroll-typeX.scrollbar_on {
  padding-bottom: 20px;
}

body .scroll-typeX.scrollbar_on::-webkit-scrollbar {
  display: block;
}

body .scroll-typeX.scrollbar_on::-webkit-scrollbar-thumb {
  display: block;
}

body .scroll-typeX::-webkit-scrollbar {
  display: none;
  background-color: #dedede;
  width: 4px;
  height: 4px;
  -webkit-appearance: none;
}

body .scroll-typeX::-webkit-scrollbar-thumb {
  display: none;
  background-color: #222;
  border-radius: 3px;
}

body .table_scroll-typeX {
  overflow: hidden;
  overflow-x: auto;
}

body .table_scroll-typeX.scrollbar_on {
  padding-bottom: 20px;
}

body .table_scroll-typeX.scrollbar_on::-webkit-scrollbar {
  display: block;
}

body .table_scroll-typeX.scrollbar_on::-webkit-scrollbar-thumb {
  display: block;
}

body .table_scroll-typeX::-webkit-scrollbar {
  display: none;
  background-color: #dedede;
  width: 4px;
  height: 4px;
  -webkit-appearance: none;
}

body .table_scroll-typeX::-webkit-scrollbar-thumb {
  display: none;
  background-color: #222;
  border-radius: 3px;
}

@media all and (max-width: 1023px) {
  body .table_scroll-typeX {
    margin-left: -20px;
    margin-right: -20px;
  }

  body .table_scroll-typeX table {
    width: 100%;
    min-width: 600px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

body .os-host-overflow {
 /* 세로 스크롤바 */ /* 가로 스크롤바 */ /* 스크롤 핸들러 */;
}

body .os-host-overflow.os-host-overflow-y.os-theme-dark > .os-scrollbar-vertical {
  width: 5px;
  padding: 0;
}

body .os-host-overflow.os-host-overflow-y.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #898989;
  border-radius: 3px;
}

body .os-host-overflow.type-X {
  white-space: nowrap;
  overflow-x: scroll;
}

body .os-host-overflow.scroll-typeX {
  overflow: hidden;
  overflow-x: auto;
}

body .os-host-overflow.os-host-overflow-x {
  padding-bottom: 20px;
}

body .os-host-overflow.os-host-overflow-x.os-theme-dark > .os-scrollbar-horizontal {
  height: 4px;
  padding: 0;
  background-color: #dedede;
}

body .os-host-overflow.os-host-overflow-x.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #222;
  border-radius: 2px;
}

@media all and (max-width: 1023px) {
  body .os-host-overflow.type-X table, body .os-host-overflow.scroll-typeX table {
    width: 100%;
    min-width: 600px;
  }
}

body .mCustomScrollBox {
 /* ===  컨텐츠 영역  === */ /* === 스크롤 바 영역 === */ /* 세로  */;
}

body .mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: black;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail, body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools {
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: black;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: red;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
  right: 0px;
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 5px;
}

body .mCustomScrollbar_x {
  overflow-x: auto;
  white-space: nowrap;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 5px;
  opacity: 1;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  bottom: 0px;
  height: 5px;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
  margin: 0px auto;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  margin: 0;
}

.ui-widget-content {
  background-color: #ffffff;
}

.ui-widget-header {
  background-color: #5ba429;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #ffffff;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #686868;
}

/* header.scss */
#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
 /* PClg : 1734 ~ */ /* tablet : 769 ~ 1279 */ /* mobile :  ~ 1023 */ /* ===검색 팝업===  */ /* ========== [2023-0125] ========== */;
}

#header .only-lg {
  display: none;
}

#header .only_ib-lg {
  display: none;
}

#header .only-pc {
  display: block;
}

#header .only_ib-pc {
  display: inline-block;
}

#header .only-tb {
  display: none;
}

#header .only_ib-tb {
  display: none;
}

#header .only-mb {
  display: none;
}

#header .only_ib-mb {
  display: none;
}

@media all and (min-width: 1734px) {
  #header .only-lg {
    display: block;
  }

  #header .only_ib-lg {
    display: inline-block;
  }

  #header .only-pc {
    display: none;
  }

  #header .only_ib-pc {
    display: none;
  }

  #header .only-tb {
    display: none;
  }

  #header .only_ib-tb {
    display: none;
  }

  #header .only-mb {
    display: none;
  }

  #header .only_ib-mb {
    display: none;
  }
}

@media all and (max-width: 1279px) {
  #header .only-lg {
    display: none;
  }

  #header .only_ib-lg {
    display: none;
  }

  #header .only-pc {
    display: none;
  }

  #header .only_ib-pc {
    display: none;
  }

  #header .only-tb {
    display: block;
  }

  #header .only_ib-tb {
    display: inline-block;
  }

  #header .only-mb {
    display: none;
  }

  #header .only_ib-mb {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  #header .only-lg {
    display: none;
  }

  #header .only_ib-lg {
    display: none;
  }

  #header .only-pc {
    display: none;
  }

  #header .only_ib-pc {
    display: none;
  }

  #header .only-tb {
    display: none;
  }

  #header .only_ib-tb {
    display: none;
  }

  #header .only-mb {
    display: block;
  }

  #header .only_ib-mb {
    display: inline-block;
  }
}

#header .header-section {
  width: 100%;
  z-index: 90;
 /* PClg : 1734 ~ */ /* 기본- PC : 1280 ~  1733  */ /* tablet : 769 ~ 1279 */ /* mobile : ~ 768 */;
}

#header .header-section .section-wrap {
  width: 100%;
  background-color: #fff;
 /* overflow: hidden; */;
}

#header .header-section .section-wrap .section-inner {
  max-width: 100%;
  padding: 0 49px;
}

#header .header-section .section-wrap .section-inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #dedede;
}

@media all and (min-width: 1734px) {
  #header .header-section .section-wrap .section-inner {
    max-width: 100%;
    padding: 0 72px;
  }
}

@media all and (max-width: 768px) {
  #header .header-section .section-wrap .section-inner {
    max-width: 100%;
    padding: 0 20px;
  }
}

#header .header-wrap {
 /* sub_dep-wrap layout */ /* 배너 겔러리 */ /* 계열 사 */;
}

#header .header-wrap .logo-area {
  height: 100px;
  overflow: hidden;
  font-size: 0;
}

#header .header-wrap .logo-area .logo {
  display: inline-block;
  padding: 16px 0 30px;
  vertical-align: top;
}

#header .header-wrap .logo-area .logo img {
  height: 54px;
}

#header .header-wrap .logo-area .logo_banner {
  display: inline-block;
  margin-left: 10px;
  padding: 30px 0 12px;
}

#header .header-wrap .logo-area .logo_banner img {
  height: 43px;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .logo-area .logo_banner {
    margin-left: 20px;
  }
}

@media all and (max-width: 768px) {
  #header .header-wrap .logo-area {
    height: 60px;
  }

  #header .header-wrap .logo-area .logo {
    padding: 7px 0 14px;
  }

  #header .header-wrap .logo-area .logo img {
    height: 39px;
  }

  #header .header-wrap .logo-area .logo_banner {
    margin-left: 10px;
    padding: 20px 0 14px;
  }

  #header .header-wrap .logo-area .logo_banner img {
    height: 25px;
  }
}

#header .header-wrap .navi-area {
 /* ---- 메뉴 레이아웃 */ /* ---- 메뉴 */;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .navi-area {
    padding-left: 30px;
 /* 90 */;
  }
}

@media all and (max-width: 1279px) {
  #header .header-wrap .navi-area {
    display: none;
  }
}

#header .header-wrap .navi-area .dep2_sub {
  overflow: hidden;
  height: 0%;
  position: absolute;
  top: 100px;
  z-index: 95;
  padding: 0 15px;
  -webkit-transition: height 0.4s ease-out;
  -moz-transition: height 0.4s ease-out;
  -ms-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
}

#header .header-wrap .navi-area .dep2_sub .dep2_sub-inner {
  padding: 50px 0 30px;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .navi-area .dep2_sub {
    padding: 0 20px;
  }

  #header .header-wrap .navi-area .dep2_sub a span {
    padding: 0 0px;
  }
}

#header .header-wrap .navi-area:hover, #header .header-wrap .navi-area:focus, #header .header-wrap .navi-area.hover {
 /* 470 @ +48 */;
}

#header .header-wrap .navi-area:hover .dep2_sub, #header .header-wrap .navi-area:focus .dep2_sub, #header .header-wrap .navi-area.hover .dep2_sub {
  height: 470px;
  -webkit-transition: height 0.4s ease-out;
  -moz-transition: height 0.4s ease-out;
  -ms-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
}

#header .header-wrap .navi-area:hover .sub_dep-wrap, #header .header-wrap .navi-area:focus .sub_dep-wrap, #header .header-wrap .navi-area.hover .sub_dep-wrap {
  height: 470px;
}

#header .header-wrap .navi-area:hover .sub_dep-wrap .sub_dep-inner > .rowflex, #header .header-wrap .navi-area:focus .sub_dep-wrap .sub_dep-inner > .rowflex, #header .header-wrap .navi-area.hover .sub_dep-wrap .sub_dep-inner > .rowflex {
  height: calc(470px - 100px);
}

#header .header-wrap .navi-area:hover .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child, #header .header-wrap .navi-area:focus .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child, #header .header-wrap .navi-area.hover .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child {
  position: relative;
}

#header .header-wrap .navi-area:hover .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child::before, #header .header-wrap .navi-area:focus .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child::before, #header .header-wrap .navi-area.hover .sub_dep-wrap .sub_dep-inner > .rowflex .col:last-child::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #f0f0f0;
}

#header .header-wrap .navi-area .dep1 {
 /* PClg : 1734 ~ */ /* tablet : 769 ~ 1279 */;
}

#header .header-wrap .navi-area .dep1:hover .dep1_link span::after, #header .header-wrap .navi-area .dep1:focus .dep1_link span::after, #header .header-wrap .navi-area .dep1.hover .dep1_link span::after, #header .header-wrap .navi-area .dep1.active .dep1_link span::after {
  content: "";
  width: 100%;
}

#header .header-wrap .navi-area .dep1 .dep1_link {
  position: relative;
  display: block;
  padding: 0 14px;
  line-height: 100px;
  font-size: 23px;
  color: #222222;
  vertical-align: middle;
  font-weight: bold;
}

#header .header-wrap .navi-area .dep1 .dep1_link span {
  position: relative;
  display: block;
  box-sizing: border-box;
}

#header .header-wrap .navi-area .dep1 .dep1_link span::after {
  content: "";
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #b3cf0a;
  transform: translateX(-50%);
  transition: all .2s;
}

#header .header-wrap .navi-area .dep1:nth-child(1) .dep1_link span {
  padding: 0 10px;
}

#header .header-wrap .navi-area .dep1:nth-child(2) .dep1_link span {
  padding: 0 34px;
}

#header .header-wrap .navi-area .dep1:nth-child(3) .dep1_link span {
  padding: 0 0px;
}

#header .header-wrap .navi-area .dep1:nth-child(4) .dep1_link span {
  padding: 0 2px;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .navi-area .dep1 .dep1_link {
    padding: 0 20px;
  }

  #header .header-wrap .navi-area .dep1:nth-child(1) .dep1_link span {
    padding: 0 21px;
  }

  #header .header-wrap .navi-area .dep1:nth-child(2) .dep1_link span {
    padding: 0 60px;
  }

  #header .header-wrap .navi-area .dep1:nth-child(3) .dep1_link span {
    padding: 0 0px;
  }

  #header .header-wrap .navi-area .dep1:nth-child(4) .dep1_link span {
    padding: 0 22px;
  }
}

#header .header-wrap .navi-area .dep2_sub .sub_menu-list {
  padding: 0px;
  margin-top: -10px;
}

#header .header-wrap .navi-area .dep2_sub a {
  display: block;
  padding: 10px 0;
  text-align: left;
}

#header .header-wrap .navi-area .dep2_sub a span {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  vertical-align: top;
}

#header .header-wrap .navi-area .dep2_sub a b {
  font-weight: 600;
}

#header .header-wrap .navi-area .dep2_sub a i.icon-gnb_link {
  margin-top: 2px;
  margin-left: 0px;
  vertical-align: top;
}

#header .header-wrap .navi-area .dep2_sub a:hover, #header .header-wrap .navi-area .dep2_sub a:focus, #header .header-wrap .navi-area .dep2_sub a.hover {
  color: #98b101;
}

#header .header-wrap .navi-area .dep2_sub a:hover i.icon-gnb_link::after, #header .header-wrap .navi-area .dep2_sub a:focus i.icon-gnb_link::after, #header .header-wrap .navi-area .dep2_sub a.hover i.icon-gnb_link::after {
  background-image: url(../images/sp_icons.png);
  background-position: -330px -594px;
  width: 20px;
  height: 20px;
}

#header .header-wrap .other-area {
  height: 100px;
  align-items: center;
  margin-right: -6px;
}

#header .header-wrap .other-area > div > a {
  display: block;
}

#header .header-wrap .other-area > div i {
  vertical-align: middle;
}

#header .header-wrap .other-area > div + div {
  margin-left: 14px;
}

#header .header-wrap .other-area .other_search {
 /* display: none;  임시숨김 */;
}

#header .header-wrap .other-area .other_sns, #header .header-wrap .other-area .other_language {
  position: relative;
}

#header .header-wrap .other-area .other_sns:hover > div, #header .header-wrap .other-area .other_sns:focus > div, #header .header-wrap .other-area .other_sns.hover > div, #header .header-wrap .other-area .other_language:hover > div, #header .header-wrap .other-area .other_language:focus > div, #header .header-wrap .other-area .other_language.hover > div {
  display: block;
}

@media all and (max-width: 1023px) {
  #header .header-wrap .other-area.other-area {
    margin-right: 0;
  }
}

#header .header-wrap .other-area .other_snslg {
  display: none;
  margin-left: 0;
  margin-right: 15px;
  font-size: 0;
}

#header .header-wrap .other-area .other_snslg a {
  display: inline-block;
  vertical-align: middle;
}

#header .header-wrap .other-area .other_snslg a:hover, #header .header-wrap .other-area .other_snslg a:focus, #header .header-wrap .other-area .other_snslg a.hover {
  color: #b3cf0a;
}

#header .header-wrap .other-area .other_snslg a:hover .icon-top_sns-youtube::after, #header .header-wrap .other-area .other_snslg a:focus .icon-top_sns-youtube::after, #header .header-wrap .other-area .other_snslg a.hover .icon-top_sns-youtube::after {
  background-image: url(../images/sp_icons.png);
  background-position: -625px -200px;
  width: 30px;
  height: 30px;
}

#header .header-wrap .other-area .other_snslg a:hover .icon-top_sns-instagram::after, #header .header-wrap .other-area .other_snslg a:focus .icon-top_sns-instagram::after, #header .header-wrap .other-area .other_snslg a.hover .icon-top_sns-instagram::after {
  background-image: url(../images/sp_icons.png);
  background-position: -625px -40px;
  width: 30px;
  height: 30px;
}

#header .header-wrap .other-area .other_snslg a:hover .icon-top_sns-facebook::after, #header .header-wrap .other-area .other_snslg a:focus .icon-top_sns-facebook::after, #header .header-wrap .other-area .other_snslg a.hover .icon-top_sns-facebook::after {
  background-image: url(../images/sp_icons.png);
  background-position: -564px -546px;
  width: 30px;
  height: 30px;
}

#header .header-wrap .other-area .other_snslg a:hover .icon-top_sns-linkedin::after, #header .header-wrap .other-area .other_snslg a:focus .icon-top_sns-linkedin::after, #header .header-wrap .other-area .other_snslg a.hover .icon-top_sns-linkedin::after {
  background-image: url(../images/sp_icons.png);
  background-position: -625px -120px;
  width: 30px;
  height: 30px;
}

#header .header-wrap .other-area .other_snslg a.txt {
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
}

#header .header-wrap .other-area .other_snslg a + a {
  margin-left: 7px;
}

#header .header-wrap .other-area .other_hamburger.pc-hamburger {
  display: block;
}

#header .header-wrap .other-area .other_hamburger.mb-hamburger {
  display: none;
}

#header .header-wrap .other-area .other_sns-sub, #header .header-wrap .other-area .other_language-sub {
  display: none;
  padding-top: 20px;
 /* [2023-0125] 수정 // */
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 96;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#header .header-wrap .other-area .other_sns-sub .sub-inner, #header .header-wrap .other-area .other_language-sub .sub-inner {
  background-color: #fff;
  padding: 12px 30px 12px;
  box-shadow: 0 -3px 15px 0 rgba(0, 0, 0, 0.05), 0 -3px 15px 0 rgba(0, 0, 0, 0.05);
}

#header .header-wrap .other-area .other_sns-sub .sub-inner::before, #header .header-wrap .other-area .other_language-sub .sub-inner::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid #fff;
}

#header .header-wrap .other-area .other_sns-sub ul a, #header .header-wrap .other-area .other_language-sub ul a {
  display: block;
  padding: 7px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
  font-weight: 600;
  line-height: 20px;
}

#header .header-wrap .other-area .other_sns-sub ul a:hover, #header .header-wrap .other-area .other_sns-sub ul a:focus, #header .header-wrap .other-area .other_sns-sub ul a .hover, #header .header-wrap .other-area .other_language-sub ul a:hover, #header .header-wrap .other-area .other_language-sub ul a:focus, #header .header-wrap .other-area .other_language-sub ul a .hover {
  font-weight: bold;
}

#header .header-wrap .other-area .other_sns-sub {
  min-width: 145px;
}

#header .header-wrap .other-area .other_sns-sub ul a:hover, #header .header-wrap .other-area .other_sns-sub ul a:focus, #header .header-wrap .other-area .other_sns-sub ul a .hover {
  color: #222222;
}

#header .header-wrap .other-area .other_sns-sub ul a.active {
  color: #96ad07;
}

#header .header-wrap .other-area .other_language-sub ul a:hover, #header .header-wrap .other-area .other_language-sub ul a:focus, #header .header-wrap .other-area .other_language-sub ul a .hover {
  color: #96ad07;
}

#header .header-wrap .other-area .other_language-sub ul a.active {
  color: #222222;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .other-area .other_sns {
    display: none;
  }

  #header .header-wrap .other-area .other_snslg {
    display: block;
  }
}

@media all and (max-width: 768px) {
  #header .header-wrap .other-area {
    height: 60px;
  }

  #header .header-wrap .other-area div + div {
    margin-left: 10px;
  }

  #header .header-wrap .other-area div:last-child {
    margin-right: -4px;
  }

  #header .header-wrap .other-area .other_search {
    margin-left: 0;
  }

  #header .header-wrap .other-area .other_sns {
    display: none;
  }

  #header .header-wrap .other-area .other_language {
    display: none;
  }

  #header .header-wrap .other-area .other_hamburger.pc-hamburger {
    display: none;
  }

  #header .header-wrap .other-area .other_hamburger.mb-hamburger {
    display: block;
  }
}

#header .header-wrap .sub_dep-wrap {
  overflow: hidden;
  height: 0;
  background-color: #fff;
  position: absolute;
  top: 99px;
  left: 0;
  width: 100%;
  z-index: 90;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03), 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  -webkit-transition: height 0.4s ease-out;
  -moz-transition: height 0.4s ease-out;
  -ms-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
}

#header .header-wrap .sub_dep-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f0f0f0;
}

#header .header-wrap .sub_dep-wrap .sub_dep-inner {
  max-width: 1734px;
  padding: 50px 49px 50px;
  margin: 0 auto;
}

#header .header-wrap .banner_gallery-area {
  width: 222px;
  overflow: hidden;
}

#header .header-wrap .banner_gallery-area .banner-item {
  position: relative;
}

#header .header-wrap .banner_gallery-area .banner-item .link_btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  background-color: #000;
  box-sizing: border-box;
}

#header .header-wrap .banner_gallery-area .banner-item .link_btn span {
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  color: #dedede;
}

#header .header-wrap .banner_gallery-area .pagination {
  text-align: center;
  font-size: 0;
  padding: 14px;
}

#header .header-wrap .banner_gallery-area .pagination .swiper-pagination-bullet {
  margin: 0 4px;
  background-color: #bcbcbc;
  opacity: 1;
}

#header .header-wrap .banner_gallery-area .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #b3cf0a;
}

#header .header-wrap .subsidiary-area {
  height: 100%;
}

#header .header-wrap .subsidiary-area .subsidiary-inner {
  position: relative;
  padding-left: 25px;
  height: 100%;
 /* PClg : 1734 ~ */;
}

@media all and (min-width: 1734px) {
  #header .header-wrap .subsidiary-area .subsidiary-inner {
    padding-left: 50px;
  }
}

#header .header-wrap .subsidiary-area .subsidiary-list {
  margin-top: -10px;
}

#header .header-wrap .subsidiary-area .subsidiary-list li {
  padding: 10px 0;
}

/* 2024-09-27 */
#header .header-wrap .subsidiary-area .subsidiary-list li.btline a {
  font-size: 18px;
  color: #222222;
  font-weight: bold;
  line-height: 20px;
}

#header .header-wrap .subsidiary-area .subsidiary-list li.btline a:hover, 
#header .header-wrap .subsidiary-area .subsidiary-list li.btline a:focus, 
#header .header-wrap .subsidiary-area .subsidiary-list li.btline a.hover {
  color: #16873e;
}


#header .header-wrap .subsidiary-area .subsidiary-list li.btline2  {
  font-size: 18px;
  color: #222222;
  font-weight: bold;
  line-height: 20px;
  padding:15px 0;
  margin-top:5px;
  border-top:1px solid #222;
}

/* 2024-09-27 */
.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany ul li.titja01 a{
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
}

.trp.popupfixed-wrap .popup_hamburger_mb .body_subcompany ul li.titja02 {
  display: block;
  padding: 15px 0 15px 0;
  border-top:1px solid #555;
  font-size: 16px;
  line-height: 22px;
  font-weight: 800;
  width:55%;
}
/* 2024-09-27 */









#header .header-wrap .subsidiary-area a {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
  line-height: 20px;
}

#header .header-wrap .subsidiary-area a:hover, #header .header-wrap .subsidiary-area a:focus, #header .header-wrap .subsidiary-area a.hover {
  color: #98b101;
}

#header .section-wrap.top_search {
  position: absolute;
  top: 100px;
  width: 100%;
  height: 440px;
  background-color: transparent;
  z-index: 95;
  display: none;
 /* tablet : 769 ~ 1279 */ /* mobile :  ~ 1023 */;
}

#header .section-wrap.top_search::before {
  content: "";
  display: flex;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#header .section-wrap.top_search.open {
  display: block;
}

#header .section-wrap.top_search .section-inner {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 440px;
}

@media all and (max-width: 1023px) {
  #header .section-wrap.top_search {
    top: 0;
    height: calc(100vh);
    height: calc(var(--vh, 1vh) * 100);
  }

  #header .section-wrap.top_search .section-inner {
    height: 100%;
  }
}

#header .search-wrap {
  position: relative;
  padding: 174px 0 188px;
 /* 검색창 */ /* 검색결과 */;
}

#header .search-wrap .search-head {
 /* mobile :  ~ 1023 */;
}

#header .search-wrap .search-head .logo {
  display: none;
}

#header .search-wrap .search-head .search_close {
  position: absolute;
  top: 25px;
  right: -5px;
  line-height: 0;
}

@media all and (max-width: 1023px) {
  #header .search-wrap .search-head {
    position: absolute;
    top: 0;
    width: 100%;
  }

  #header .search-wrap .search-head .logo {
    display: block;
    padding: 7px 0 14px;
  }

  #header .search-wrap .search-head .logo img {
    height: 39px;
  }

  #header .search-wrap .search-head .search_close {
    top: 15px;
  }

  #header .search-wrap .search-head::after {
    content: "";
    display: block;
    width: calc(100% + 40px);
    height: 1px;
    position: absolute;
    left: -20px;
    bottom: 0;
    background-color: #dedede;
  }
}

#header .search-wrap .search-area {
  position: relative;
  width: 760px;
  margin: 0 auto;
 /* mobile :  ~ 1023 */;
}

#header .search-wrap .search-area .input_search_del {
  background-color: #fff;
  border: 3px solid #555556;
}

#header .search-wrap .search-area input {
  height: 74px;
  box-sizing: border-box;
  padding-left: 30px;
  background-color: transparent;
  border: 0;
  font-size: 28px;
  font-weight: bold;
  color: #222222;
  line-height: 78px;
}

#header .search-wrap .search-area input.placeholdersjs {
  font-size: 22px;
  color: #999;
  font-weight: 600;
}

#header .search-wrap .search-area input:-ms-input-placeholder {
  font-size: 22px;
  color: #999;
  font-weight: 600;
}

#header .search-wrap .search-area input::-webkit-input-placeholder {
  font-size: 22px;
  color: #999;
  font-weight: 600;
}

#header .search-wrap .search-area input::-moz-placeholder {
  font-size: 22px;
  color: #999;
  font-weight: 600;
}

#header .search-wrap .search-area input::-ms-clear {
  display: none;
}

#header .search-wrap .search-area .btn_del {
  position: absolute;
  top: 20px;
  right: 75px;
}

#header .search-wrap .search-area .btn_search {
  position: absolute;
  top: 20px;
  right: 25px;
}

@media all and (max-width: 1023px) {
  #header .search-wrap .search-area {
    width: 100%;
  }

  #header .search-wrap .search-area input {
    height: 59px;
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 100px;
    font-size: 18px;
    line-height: 59px;
  }

  #header .search-wrap .search-area input.placeholdersjs {
    font-size: 18px;
  }

  #header .search-wrap .search-area input:-ms-input-placeholder {
    font-size: 18px;
  }

  #header .search-wrap .search-area input::-webkit-input-placeholder {
    font-size: 18px;
  }

  #header .search-wrap .search-area input::-moz-placeholder {
    font-size: 18px;
  }

  #header .search-wrap .search-area .btn_del {
    top: 20px;
    right: 55px;
  }

  #header .search-wrap .search-area .btn_search {
    top: 20px;
    right: 15px;
  }
}

#header .search-wrap .search_smart-box {
  display: none;
  max-height: 300px;
  position: absolute;
  top: 80px;
  width: 100%;
  z-index: 10;
  border: 1px solid #dedede;
  border-top: 0;
  background-color: #fff;
 /* mobile :  ~ 1023 */;
}

#header .search-wrap .search_smart-box.open {
  display: block;
}

#header .search-wrap .search_smart-box a {
  display: block;
  padding: 10px 30px;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
}

#header .search-wrap .search_smart-box a:hover, #header .search-wrap .search_smart-box a:focus, #header .search-wrap .search_smart-box a.hover {
  background-color: #f9f9f9;
}

#header .search-wrap .search_smart-box a strong {
  color: #96ad07;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  #header .search-wrap .search_smart-box {
    top: 65px;
    max-height: 400px;
  }

  #header .search-wrap .search_smart-box ul {
    padding: 10px 0;
  }

  #header .search-wrap .search_smart-box a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 24px;
  }

  #header .search-wrap .search_smart-box a:hover, #header .search-wrap .search_smart-box a:focus, #header .search-wrap .search_smart-box a.hover {
    background-color: #fff;
  }
}

/* footer.scss */
#footer .footer-section {
 /* 기본- PC : 1280 ~  1536  */ /* PClg : 1537 ~ */ /* tablet : 769 ~ 1279 */ /* mobile : ~ 1023 */;
}

#footer .footer-section .section-wrap {
  background-color: #282828;
}

#footer .footer-section .section-inner {
  max-width: 100%;
  padding: 0 49px;
}

#footer .footer-section .p-inner {
  max-width: 100%;
  padding: 0 49px;
}

@media all and (min-width: 1734px) {
  #footer .footer-section .section-inner {
    max-width: 100%;
    padding: 0 82px;
  }

  #footer .footer-section .p-inner {
    max-width: 100%;
    padding: 0 82px;
  }
}

@media all and (max-width: 1279px) {
  #footer .footer-section .section-inner {
    max-width: 100%;
    padding: 0 20px;
  }

  #footer .footer-section .p-inner {
    max-width: 100%;
    padding: 0 20px;
  }
}

#footer .footer-panel .p-head {
  padding: 20px 0;
}

#footer .footer-panel .p-head .help_info-row {
  font-size: 0;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .p-head {
    padding: 25px 0;
  }

  #footer .footer-panel .p-head .help_info-row {
    flex-wrap: wrap;
  }
}

#footer .footer-panel .p-body {
  padding: 70px 0;
  font-size: 0;
  border-top: 1px solid #454545;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .p-body .p-inner .footer-row {
    position: relative;
  }

  #footer .footer-panel .p-body .p-inner .footer-row > .col:nth-child(1) {
    padding-top: 100px;
  }

  #footer .footer-panel .p-body .p-inner .footer-row > .col:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0;
  }
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .p-body {
    padding: 50px 0 45px;
  }

  #footer .footer-panel .p-body .p-inner .footer-row {
    position: relative;
  }

  #footer .footer-panel .p-body .p-inner .footer-row > .col:nth-child(1) {
    padding-top: 0px;
  }

  #footer .footer-panel .p-body .p-inner .footer-row > .col:nth-child(2) {
    position: static;
    top: 0px;
    left: 0;
  }
}

#footer .footer-panel .help_info-area ul li {
  position: relative;
}

#footer .footer-panel .help_info-area ul li a {
  display: block;
}

#footer .footer-panel .help_info-area ul li span, #footer .footer-panel .help_info-area ul li em {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 30px;
}

#footer .footer-panel .help_info-area ul li em {
  color: #96AD07;
}

#footer .footer-panel .help_info-area ul li + li {
  margin-left: 20px;
  padding-left: 20px;
}

#footer .footer-panel .help_info-area ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 1px;
  height: 13px;
  background-color: #555;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .help_info-area ul li span, #footer .footer-panel .help_info-area ul li em {
    font-size: 16px;
    line-height: 30px;
  }

  #footer .footer-panel .help_info-area ul li + li {
    margin-left: 18px;
    padding-left: 18px;
  }

  #footer .footer-panel .help_info-area ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 11px;
    background-color: #555;
  }
}

#footer .footer-panel .news_channel-area ul {
  margin-right: -6px;
}

#footer .footer-panel .news_channel-area ul li {
  margin: 0 5px;
}

#footer .footer-panel .news_channel-area ul li span {
  display: inline-block;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
}

#footer .footer-panel .news_channel-area ul li i {
  display: inline-block;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .news_channel-area {
    margin-top: 17px;
  }

  #footer .footer-panel .news_channel-area ul {
    margin-right: auto;
  }

  #footer .footer-panel .news_channel-area ul li {
    margin: 0 10px 0 0;
  }

  #footer .footer-panel .news_channel-area ul li span {
    display: inline-block;
    padding: 0;
    padding-right: 5px;
    font-size: 19px;
    line-height: 35px;
  }
}

#footer .footer-panel .log_copy-area {
  position: relative;
  padding-left: 210px;
}

#footer .footer-panel .log_copy-area address, #footer .footer-panel .log_copy-area span {
  font-style: normal;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
}

#footer .footer-panel .log_copy-area address {
  padding-top: 5px;
}

#footer .footer-panel .log_copy-area .logo {
  position: absolute;
  top: 10px;
  left: 0;
}

#footer .footer-panel .log_copy-area .logo img {
  height: 50px;
}

#footer .footer-panel .log_copy-area .rep-box {
  margin-top: 15px;
}

#footer .footer-panel .log_copy-area .rep-box li {
  position: relative;
}

#footer .footer-panel .log_copy-area .rep-box li + li {
  margin-left: 12px;
  padding-left: 12px;
}

#footer .footer-panel .log_copy-area .rep-box li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #666;
}

#footer .footer-panel .log_copy-area .copy-box {
  margin-top: 15px;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .log_copy-area {
    padding-left: 0px;
  }

  #footer .footer-panel .log_copy-area address, #footer .footer-panel .log_copy-area span {
    font-size: 13px;
    line-height: 22px;
  }

  #footer .footer-panel .log_copy-area address {
    padding-top: 23px;
  }

  #footer .footer-panel .log_copy-area .logo {
    position: relative;
    display: inline-block;
    top: 0;
  }

  #footer .footer-panel .log_copy-area .logo img {
    height: 46px;
  }

  #footer .footer-panel .log_copy-area .rep-box {
    margin-top: 0px;
  }

  #footer .footer-panel .log_copy-area .rep-box li + li {
    margin-left: 11px;
    padding-left: 11px;
  }

  #footer .footer-panel .log_copy-area .rep-box li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #666;
  }

  #footer .footer-panel .log_copy-area .rep-box li:last-child {
    margin-left: 0;
    padding-left: 0;
    clear: both;
  }

  #footer .footer-panel .log_copy-area .rep-box li:last-child::before {
    display: none;
  }

  #footer .footer-panel .log_copy-area .copy-box {
    margin-top: 0px;
  }
}

#footer .footer-panel .family_banner-area {
  padding-top: 8px;
}

#footer .footer-panel .family_site .btn-family {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 170px;
  height: 39px;
  border-bottom: 2px solid #fff;
}

#footer .footer-panel .family_site .btn-family span, #footer .footer-panel .family_site .btn-family i {
  display: inline-block;
  vertical-align: middle;
}

#footer .footer-panel .family_site .btn-family span {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}

#footer .footer-panel .family_site .btn-family i {
  position: relative;
  width: 14px;
  height: 24px;
}

#footer .footer-panel .family_site .btn-family i::before, #footer .footer-panel .family_site .btn-family i::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  width: 14px;
  height: 2px;
  background-color: #fff;
}

#footer .footer-panel .family_site .btn-family i::after {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .family_site {
    width: 170px;
    margin-bottom: 40px;
  }

  #footer .footer-panel .family_site .btn-family {
    height: 35px;
    border-bottom: 2px solid #fff;
  }

  #footer .footer-panel .family_site .btn-family span, #footer .footer-panel .family_site .btn-family i {
    display: inline-block;
    vertical-align: middle;
  }

  #footer .footer-panel .family_site .btn-family span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
  }

  #footer .footer-panel .family_site .btn-family i {
    position: relative;
    width: 11px;
    height: 20px;
  }

  #footer .footer-panel .family_site .btn-family i::before, #footer .footer-panel .family_site .btn-family i::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 11px;
    height: 1px;
    background-color: #fff;
  }

  #footer .footer-panel .family_site .btn-family i::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

#footer .footer-panel .logo_banner {
  font-size: 0;
  margin-left: 24px;
}

#footer .footer-panel .logo_banner img {
  height: 43px;
}

@media all and (max-width: 1279px) {
  #footer .footer-panel .logo_banner {
    display: inline-block;
    margin-top: 6px;
    margin-left: 12px;
  }

  #footer .footer-panel .logo_banner img {
    height: 35px;
  }
}

.scroll_top {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  right: 49px;
 /* margin: 0 0 0 540px;  */
  cursor: pointer;
  z-index: 30;
 /* table 싸이즈부터 모바일 디자인 */ /* @media all and (max-width:$G-wTablet)  { */;
}

.scroll_top a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  padding: 15px;
  background-color: #b3cf0a;
  font-size: 0;
  box-sizing: border-box;
}

.scroll_top a:hover {
  background-color: #96AD07;
}

@media all and (min-width: 1734px) {
  .scroll_top {
    right: 72px;
  }
}

@media all and (max-width: 1023px) {
  .scroll_top {
    right: 20px;
  }

  .scroll_top a {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

.main_scroll_top {
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 49px;
  cursor: pointer;
  z-index: 30;
 /* table 싸이즈부터 모바일 디자인 */ /* @media all and (max-width:$G-wTablet)  { */;
}

.main_scroll_top a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  padding: 15px;
  background-color: #b3cf0a;
  font-size: 0;
  box-sizing: border-box;
}

.main_scroll_top a:hover {
  background-color: #96AD07;
}

@media all and (min-width: 1734px) {
  .main_scroll_top {
    right: 72px;
  }
}

@media all and (max-width: 1023px) {
  .main_scroll_top {
    left: auto;
    right: 0px;
    bottom: 0px;
  }

  .main_scroll_top a {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

/* motion circle : hover */
.global_cursor {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(calc(-50% + 15px), -50%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 20;
  opacity: .0;
}

.global_cursor.hover {
  width: 74px;
  height: 74px;
  background-color: #b3cf0a;
  opacity: .4;
}

@media all and (max-width: 1023px) {
  .global_cursor {
    display: none;
  }
}

.error {
  height: 100%;
 /* 접속장애404 + 시스템점검 */;
}

.error #header .header-section .section-wrap .section-inner::after {
  display: none;
}

@media all and (max-width: 1023px) {
  .error #header .header-section .section-wrap .section-inner::after {
    display: block;
  }
}

.error .error-wrap {
  margin-top: 100px;
}

.error .error-wrap .error-inner {
  padding: 50px 49px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .error .error-wrap {
    margin-top: 60px;
  }

  .error .error-wrap .error-inner {
    padding: 25px 20px;
    text-align: center;
  }
}

.error .error-wrap .error-panel {
  min-height: 600px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.error .error-wrap .error-panel .p-head {
  position: relative;
}

.error .error-wrap .error-panel .p-body {
  padding-top: 33px;
}

.error .error-wrap .error-panel .p-foot {
  padding-top: 26px;
}

.error .error-wrap .error-panel .img-box img {
  width: 276px;
}

@media all and (max-width: 1023px) {
  .error .error-wrap .error-panel .img-box img {
    width: 200px;
  }
}

.error .error-wrap .error-panel .title {
  margin-bottom: 30px;
  color: #222222;
  font-size: 40px;
  font-weight: 700;
}

.error .error-wrap .error-panel .desc {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

@media all and (max-width: 1023px) {
  .error .error-wrap .error-panel .title {
    font-size: 23px;
    margin-bottom: 15px;
  }

  .error .error-wrap .error-panel .desc {
    width: 255px;
    margin: 0 auto;
    font-size: 15px;
  }
}

.error .error-wrap .error-panel .typo-box .title {
  margin-bottom: 15px;
}

@media all and (max-width: 1023px) {
  .error .error-wrap .error-panel .typo-box .title {
    font-size: 25px;
  }

  .error .error-wrap .error-panel .typo-box .desc {
    width: 210px;
    margin: 0 auto;
    font-size: 15px;
  }
}

.error .error-wrap .error-panel .error_info-list {
  width: 550px;
  margin: 46px auto 0;
}

.error .error-wrap .error-panel .error_info-list li {
  position: relative;
  padding-left: 15px;
  display: block;
  text-align: left;
  padding-bottom: 16px;
}

.error .error-wrap .error-panel .error_info-list li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #999;
  border-radius: 50%;
}

.error .error-wrap .error-panel .error_info-list span {
  font-size: 22px;
  color: #222222;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .error .error-wrap .error-panel .error_info-list {
    width: 245px;
    margin: 26px auto 0;
  }

  .error .error-wrap .error-panel .error_info-list li {
    position: relative;
    padding-left: 8px;
    display: block;
    text-align: left;
    padding-bottom: 7px;
  }

  .error .error-wrap .error-panel .error_info-list li::before {
    width: 3px;
    height: 3px;
    top: 8px;
  }

  .error .error-wrap .error-panel .error_info-list span {
    font-size: 15px;
  }
}

.error .error-wrap .error-panel .btn_item button {
  padding: 13px 47px;
}

.error .error-wrap .error-panel .btn_item button a {
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
}

@media all and (max-width: 1023px) {
  .error .error-wrap .error-panel .btn_item button {
    padding: 11px 44px;
  }

  .error .error-wrap .error-panel .btn_item button a {
    font-size: 13px;
    font-weight: 500;
    color: #222222;
    line-height: 17px;
  }
}

/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  display: inline-block;
  background-color: transparent;
}

/* //=====================  loading =====================*/
.main_body {
  overflow: hidden;
  height: 100%;
  -ms-overflow-style: none;
 /* IE and Edge */
  scrollbar-width: none;
 /* Firefox */;
}

.main_body::-webkit-scrollbar {
  display: none;
 /* Chrome, Safari, Opera*/;
}

.main {
  overflow: hidden;
 /* PClg : 1734 ~ */ /* 기본- PC : 1280 ~  1733  */
  background-color: #fff;
 /* tablet : 1023 ~ 1279 */ /* mobile : ~ 1023 */ /* mobile : ~ 768 */ /* =============== 색션 =============== */;
}

.main .fullpage_nav {
 /* display: none; */
  position: fixed;
  top: 120px;
  left: 20px;
  z-index: 10;
}

@media all and (max-width: 1023px) {
  .main .fullpage_nav {
    top: 70px;
  }

  .main .fullpage_nav li {
    display: inline-block;
    margin: 0 5px;
  }
}

.main .fullpage-wrap .section {
  overflow: hidden;
}

.main .fullpage-wrap .section .gallery_view {
  width: 100%;
  height: 100%;
}

.main .fullpage-wrap .section .gallery_view .gallery_container {
  height: 100%;
}

.main .fullpage-wrap .section .swiper-wrapper .swiper-slide {
  height: 100%;
}

@media all and (min-width: 1734px) {
  .main {
    background-color: #fff;
  }
}

.main .scroll_top {
  display: none !important;
}

.main .section .section-inner {
  max-width: 1536px;
  padding: 0 49px;
  margin: 0 auto;
}

.main .section .section_c-inner {
 /* height: 100%; min-height: 970px; */;
}

.main .section .section_layout {
  padding-top: 100px;
}

@media all and (max-width: 1023px) {
  .main .section .section-inner {
    padding: 0 20px;
  }

  .main .section .section_layout {
    padding-top: 60px;
  }
}

.main .section .more_link {
  width: 160px;
  margin: 0 auto;
  font-size: 0;
}

.main .section .more_link a {
  display: block;
}

.main .section .more_link:hover .bar {
  height: 10px;
  width: 36px;
}

.main .section .more_link span {
  display: inline-block;
  margin-right: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  vertical-align: top;
}

.main .section .more_link i {
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}

.main .section .more_link i .bar {
  height: 10px;
  width: 19px;
  -webkit-transition: width 0.2s ease-out;
  -moz-transition: width 0.2s ease-out;
  -ms-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}

@media all and (max-width: 1023px) {
  .main .section .more_link {
    width: auto;
  }

  .main .section .more_link span {
    margin-right: 10px;
    font-size: 15px;
  }

  .main .section .more_link i img {
    width: 20px;
  }
}

.main .section .report_link {
  text-align: center;
  font-size: 0;
}

.main .section .report_link a {
  display: inline-block;
}

.main .section .report_link a:hover i, .main .section .report_link a .hover i {
  animation-name: turn_rotate;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.main .section .report_link span {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  vertical-align: middle;
}

.main .section .report_link i {
  display: inline-block;
  margin-top: 1px;
  vertical-align: middle;
}

.main .section .report_link i::before, .main .section .report_link i::after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #555;
}

.main .section .report_link i::after {
  margin-top: -2px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media all and (max-width: 1023px) {
  .main .section .report_link span {
    margin-right: 10px;
    font-size: 15px;
  }

  .main .section .report_link i {
    margin-top: 1px;
  }

  .main .section .report_link i::before, .main .section .report_link i::after {
    width: 10px;
    height: 1px;
  }

  .main .section .report_link i::after {
    margin-top: -1px;
  }
}

.main .section .more-box {
  position: absolute;
  right: 0;
  bottom: 12px;
}

.main .section .more-box a:hover i, .main .section .more-box a .hover i {
  animation-name: turn_rotate;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.main .section .more-box span, .main .section .more-box i {
  display: inline-block;
  vertical-align: middle;
}

.main .section .more-box span {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  color: #222222;
}

.main .section .more-box i {
  position: relative;
  margin-left: 8px;
  width: 14px;
  height: 20px;
}

.main .section .more-box i::before, .main .section .more-box i::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  width: 14px;
  height: 2px;
  background-color: #222;
}

.main .section .more-box i::after {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media all and (max-width: 1023px) {
  .main .section .more-box {
    position: absolute;
    right: 0;
    bottom: 5px;
  }

  .main .section .more-box span, .main .section .more-box i {
    display: inline-block;
    vertical-align: middle;
  }

  .main .section .more-box span {
    font-size: 15px;
  }

  .main .section .more-box i {
    margin-left: 8px;
    width: 10px;
    height: 21px;
  }

  .main .section .more-box i::before, .main .section .more-box i::after {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    width: 10px;
    height: 1px;
  }

  .main .section .more-box i::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes turn_rotate {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.main #section1 .swiper-slide {
  position: relative;
  overflow: hidden;
}

.main #section1 .swiper-slide .bg-area {
  width: 100%;
  height: 100%;
}

.main #section1 .swiper-slide .bg-area .st_bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
 /* _section1_swiperTime 동일  */
  transition-delay: .7s;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.main #section1 .swiper-slide.slide-active .bg-area .st_bg {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 10s linear;
  -moz-transition: all 10s linear;
  -ms-transition: all 10s linear;
  -o-transition: all 10s linear;
  transition: all 10s linear;
}

.main #section1 .swiper-slide.slide-active .typo-area .sub_text {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.main #section1 .swiper-slide.slide-active .typo-area .main_text {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  transition-delay: .2s;
}

.main #section1 .swiper-slide.slide-0 .bg-area .st_bg.only-pc {
  background-image: url(../images/s1-bg-1_1.jpg);
}

.main #section1 .swiper-slide.slide-1 .bg-area .st_bg.only-pc {
  background-image: url(../images/s1-bg-1_2.jpg);
}

.main #section1 .swiper-slide.slide-2 .bg-area .st_bg.only-pc {
  background-image: url(../images/s1-bg-1_3.jpg);
}

@media all and (max-width: 1023px) {
  .main #section1 .swiper-slide.slide-0 .bg-area .st_bg.only-mb {
    background-image: url(../images/s1-bg-1_1-mb.jpg);
  }

  .main #section1 .swiper-slide.slide-1 .bg-area .st_bg.only-mb {
    background-image: url(../images/s1-bg-1_2-mb.jpg);
  }

  .main #section1 .swiper-slide.slide-2 .bg-area .st_bg.only-mb {
    background-image: url(../images/s1-bg-1_3-mb.jpg);
  }
}

.main #section1 .typo-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
 /* tablet : 1023 ~ 1279 */;
}

.main #section1 .typo-area .copy-box {
  padding: 90px 0;
  text-align: center;
}

.main #section1 .typo-area .copy-box .sub_text {
  font-size: 68px;
  font-weight: 500px;
  color: #fff;
  -moz-transform: translateY(30%);
  -o-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0;
}

.main #section1 .typo-area .copy-box .main_text {
  font-size: 72px;
  font-weight: 900;
  color: #fff;
  -moz-transform: translateY(30%);
  -o-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -webkit-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0;
}

@media all and (max-width: 1279px) {
  .main #section1 .typo-area .copy-box {
    padding: 90px 0;
    text-align: center;
  }

  .main #section1 .typo-area .copy-box .sub_text {
    font-size: 54px;
  }

  .main #section1 .typo-area .copy-box .main_text {
    font-size: 62px;
  }
}

@media all and (max-width: 1023px) {
  .main #section1 .typo-area .copy-box {
    padding: 90px 0;
    text-align: center;
  }

  .main #section1 .typo-area .copy-box .sub_text {
    font-size: 30px;
  }

  .main #section1 .typo-area .copy-box .main_text {
    font-size: 40px;
  }
}

.main #section1 .pagination {
  position: absolute;
  top: 25%;
  width: 100%;
  z-index: 5;
}

.main #section1 .pagination ul {
  width: 240px;
  text-align: center;
  margin: 0 auto;
}

.main #section1 .pagination ul li {
  display: inline-block;
  margin: 0 7px;
  cursor: pointer;
}

.main #section1 .pagination ul .active i {
  opacity: 1;
}

.main #section1 .pagination ul i {
  display: block;
  width: 42px;
  height: 42px;
  opacity: 0;
}

.main #section1 .pagination ul span {
  margin-top: -32px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media all and (max-width: 1023px) {
  .main #section1 .pagination {
    top: 25%;
  }

  .main #section1 .pagination ul {
    width: 130px;
  }

  .main #section1 .pagination ul li {
    margin: 0 5px;
  }

  .main #section1 .pagination ul i {
    width: 30px;
    height: 30px;
  }

  .main #section1 .pagination ul span {
    margin-top: -24px;
    font-size: 13px;
  }
}

.main #section1 .scroll_motion-area {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
}

.main #section1 .scroll_motion-area .area-inner {
  width: 26px;
  height: 70px;
}

.main #section1 .scroll_motion-area .mouse {
  width: 26px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 13px;
  text-align: center;
}

.main #section1 .scroll_motion-area .mouse::after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: 50%;
  background-color: #fff;
  animation: scrollAni 2s infinite;
}

.main #section1 .scroll_motion-area .arrow {
  width: 100%;
  height: 30px;
}

.main #section1 .scroll_motion-area .arrow::before, .main #section1 .scroll_motion-area .arrow::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  animation: scrollArrow 2s infinite;
}

.main #section1 .scroll_motion-area .arrow::before {
  bottom: 16px;
  animation-delay: .2s;
}

.main #section1 .scroll_motion-area .arrow::after {
  bottom: 10px;
}

@keyframes scrollAni {
  0% {
    transform: translate(0, 0);
  }

  80% {
    transform: translate(0, 10px);
  }
}

@keyframes scrollArrow {
  0% {
    transform: rotate(45deg) translate(0, 0);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: rotate(45deg) translate(10px, 10px);
    opacity: 0;
  }
}

@media all and (max-width: 1023px) {
  .main #section1 .scroll_motion-area {
    display: none;
  }
}

.main #section2 {
  background-image: url(../images/s2-bg.png);
  background-position: center 160%;
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.9s ease-out;
  -moz-transition: background-position 0.9s ease-out;
  -ms-transition: background-position 0.9s ease-out;
  -o-transition: background-position 0.9s ease-out;
  transition: background-position 0.9s ease-out;
  transition-delay: .4s;
}

@media all and (max-width: 1279px) {
  .main #section2 {
    background-size: 150%;
  }
}

@media all and (max-width: 1023px) {
  .main #section2 {
    background-image: none;
  }
}

.main #section2.active {
  background-position: center bottom;
 /* .view-area { @include translateY(0px); @include opacity(1); } */;
}

.main #section2.active .typo-area .title {
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section2.active .typo-area .desc {
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section2.active .typo-area .green-list li:nth-child(1) {
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section2.active .typo-area .green-list li:nth-child(2) {
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section2.active .section-inner > .rowflex .s2_right {
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section2 .section-inner > .rowflex {
  position: relative;
  min-height: 670px;
}

.main #section2 .section-inner > .rowflex > .col {
  display: flex;
  align-items: center;
}

.main #section2 .section-inner > .rowflex .s2_right {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  transition-delay: 0.5s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

@media all and (max-width: 1023px) {
  .main #section2 .section-inner {
    padding: 0 0px;
    height: 100%;
  }

  .main #section2 .section-inner > .rowflex {
    height: 100%;
    min-height: 528px;
  }

  .main #section2 .section-inner > .rowflex > .col:nth-child(1) {
    height: 67.25%;
    padding-top: 0%;
  }

  .main #section2 .section-inner > .rowflex > .col:nth-child(2) {
    height: 32.75%;
  }
}

.main #section2 .typo-area {
  margin: 0 auto;
}

@media all and (max-width: 1023px) {
  .main #section2 .typo-area {
    padding: 0 20px;
  }
}

.main #section2 .typo-area .title {
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.5;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
 /* mobile : ~ 1023 */;
}

.main #section2 .typo-area .title span, .main #section2 .typo-area .title em {
  font-size: 64px;
  font-weight: 900;
  color: #222222;
}

.main #section2 .typo-area .title em {
  margin-left: 5px;
  color: #b3cf0a;
}

@media all and (max-width: 1279px) {
  .main #section2 .typo-area .title span, .main #section2 .typo-area .title em {
    font-size: 52px;
  }
}

@media all and (max-width: 1023px) {
  .main #section2 .typo-area .title span, .main #section2 .typo-area .title em {
    font-size: 35px;
  }

  .main #section2 .typo-area .title em {
    margin-left: 0px;
  }
}

.main #section2 .typo-area .desc {
  margin-top: 60px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.7s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.main #section2 .typo-area .desc span {
  font-size: 22px;
  font-weight: 500;
  color: #222222;
  line-height: 1.7;
}

.main #section2 .typo-area .desc span .t_en {
  font-weight: 600;
}

@media all and (max-width: 1279px) {
  .main #section2 .typo-area .desc span {
    font-size: 20px;
  }
}

@media all and (max-width: 1023px) {
  .main #section2 .typo-area .desc {
    margin-top: 25px;
  }

  .main #section2 .typo-area .desc span {
    font-size: 16px;
  }
}

.main #section2 .typo-area .green-list {
  width: 400px;
  margin: 0 auto;
  margin-top: 30px;
}

.main #section2 .typo-area .green-list li {
  padding: 30px 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.main #section2 .typo-area .green-list li:nth-child(1) {
  transition-delay: 0.8s;
}

.main #section2 .typo-area .green-list li:nth-child(2) {
  transition-delay: 1.0s;
  margin-top: -10px;
}

.main #section2 .typo-area .green-list i {
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main #section2 .typo-area .green-list i img {
  width: 80px;
}

.main #section2 .typo-area .green-list a {
  position: relative;
  display: block;
  text-align: center;
  padding-left: 80px;
}

.main #section2 .typo-area .green-list a:hover em::after, .main #section2 .typo-area .green-list a.hover em::after {
  width: 100%;
}

.main #section2 .typo-area .green-list a em {
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #b3cf0a;
}

.main #section2 .typo-area .green-list a em::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  height: 2px;
  width: 0;
  background-color: #b3cf0a;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main #section2 .typo-area .green-list a span {
  display: inline-block;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 500;
  color: #555;
}

.main #section2 .typo-area .green-list a span .t_en {
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .main #section2 .typo-area .green-list {
    width: 100%;
    margin-top: 10px;
  }

  .main #section2 .typo-area .green-list li {
    padding: 15px 0;
  }

  .main #section2 .typo-area .green-list i {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .main #section2 .typo-area .green-list i img {
    width: 40px;
  }

  .main #section2 .typo-area .green-list a {
    position: relative;
    display: block;
    text-align: center;
    padding-left: 40px;
  }

  .main #section2 .typo-area .green-list a i img {
    width: 55px;
  }

  .main #section2 .typo-area .green-list a em {
    font-size: 16px;
  }

  .main #section2 .typo-area .green-list a em::after {
    display: none;
  }

  .main #section2 .typo-area .green-list a span {
    margin-top: 3px;
    font-size: 15px;
  }
}

.main #section2 .view-area {
  position: absolute;
  right: 0;
  width: 100%;
  max-width: 670px;
  height: 670px;
  background-image: url(../images/s2-con_bg.jpg);
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  transition-delay: 0.0s;
 /*  @include translateY(20%); @include opacity(0); */;
}

.main #section2 .view-area::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: .0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media all and (max-width: 1023px) {
  .main #section2 .view-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    height: 100%;
 /* height: 32.75%; */
    background-image: url(../images/s2-con_bg-mb.jpg);
  }
}

.main #section2 .view-area.active {
  width: 200%;
  max-width: 200%;
  -webkit-transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);
  -moz-transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);
  -ms-transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);
  -o-transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);
  transition: all 0.8s cubic-bezier(0, 0, 0, 1.02);
  transition-delay: 0.3s;
}

.main #section2 .view-area.active::before {
  opacity: .3;
}

.main #section2 .view-area.active .copy_typo-box {
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
 /* .box-inner > .icon      { transition-delay: .3s; } .box-inner > .title     { transition-delay: .5s; } .box-inner > .desc      { transition-delay: .7s; } .box-inner > .more_link { transition-delay: .9s; } */;
}

.main #section2 .view-area.active .copy_typo-box .box-inner > div {
  opacity: 1;
  transition-delay: .3s;
 /* @include translateY( 0px ); */;
}

.main #section2 .view-area.active.click1 .copy_typo-box.typo1 {
  visibility: visible;
}

.main #section2 .view-area.active.click2 .copy_typo-box.typo2 {
  visibility: visible;
}

@media all and (max-width: 1023px) {
  .main #section2 .view-area.active {
    width: 100%;
    max-width: 100%;
    height: 243%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }

  .main #section2 .view-area.active .s2_close {
    display: block;
  }
}

.main #section2 .view-area .s2_close {
  display: none;
  margin-left: -22.5px;
  position: absolute;
  top: -22.5px;
  left: 50%;
  z-index: 3;
}

.main #section2 .view-area .s2_close i {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0px -5px 20px 0 rgba(0, 0, 0, 0.03), 0px -5px 20px 0 rgba(0, 0, 0, 0.03);
}

.main #section2 .view-area .s2_close i::before, .main #section2 .view-area .s2_close i::after {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background-color: #222;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
}

.main #section2 .view-area .s2_close i::before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -6px;
}

.main #section2 .view-area .s2_close i::after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-left: -1px;
}

.main #section2 .view-area .copy_typo-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main #section2 .view-area .copy_typo-box .box-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.main #section2 .view-area .copy_typo-box .box-inner > div {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  transition-delay: .3s;
  opacity: 0;
 /* @include translateY( 80px ); */;
}

.main #section2 .view-area .copy_typo-box .title {
  margin-top: 15px;
}

.main #section2 .view-area .copy_typo-box .title span, .main #section2 .view-area .copy_typo-box .title em {
  font-size: 64px;
  font-weight: 900;
  color: #fff;
}

.main #section2 .view-area .copy_typo-box .title em {
  color: #b3cf0a;
}

.main #section2 .view-area .copy_typo-box .desc {
  margin-top: 30px;
}

.main #section2 .view-area .copy_typo-box .desc span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1.8;
}

.main #section2 .view-area .copy_typo-box .more_link {
  margin-top: 80px;
  text-align: left;
}

.main #section2 .view-area .copy_typo-box .more_link span {
  color: #fff;
}

@media all and (max-width: 1023px) {
  .main #section2 .view-area .copy_typo-box .icon {
    width: 70px;
  }

  .main #section2 .view-area .copy_typo-box .icon img {
    width: 100%;
  }

  .main #section2 .view-area .copy_typo-box .title {
    margin-top: 15px;
  }

  .main #section2 .view-area .copy_typo-box .title span, .main #section2 .view-area .copy_typo-box .title em {
    font-size: 37px;
  }

  .main #section2 .view-area .copy_typo-box .desc {
    margin-top: 30px;
  }

  .main #section2 .view-area .copy_typo-box .desc span {
    font-size: 16px;
  }

  .main #section2 .view-area .copy_typo-box .more_link {
    margin-top: 30px;
    text-align: center;
  }

  .main #section2 .view-area .copy_typo-box .more_link span {
    color: #fff;
  }
}

.main #section2 .more_link {
  margin: 0 auto;
  margin-top: 80px;
}

.main #section2 .more_link span {
  color: #000;
}

@media all and (max-width: 1023px) {
  .main #section2 .more_link {
    margin-top: 25px;
    text-align: center;
  }
}

.main #section3.active .content-area .visual-box {
  transition-delay: .5s;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.main #section3.active .content-area .copy-box {
  transition-delay: .7s;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

.main #section3 .gallery_view .gallery_container {
  transition-delay: .15s;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.main #section3 .swiper-wrapper.com_first .content-area .sub_text, .main #section3 .swiper-wrapper.com_first .content-area .main_text, .main #section3 .swiper-wrapper.com_first .content-area .desc_text {
  animation-delay: 0s;
  animation-name: in_opacity;
  animation-duration: 0s;
  animation-fill-mode: forwards;
}

.main #section3 .swiper-slide {
  position: relative;
  overflow: hidden;
  padding: 0 49px;
}

@media all and (max-width: 1023px) {
  .main #section3 .swiper-slide {
    padding: 0 20px;
  }
}

.main #section3 .swiper-slide.slide-active .content-area .copy-box .sub_text, .main #section3 .swiper-slide.slide-active .content-area .copy-box .main_text, .main #section3 .swiper-slide.slide-active .content-area .copy-box .desc_text, .main #section3 .swiper-slide.swiper-slide-active .content-area .copy-box .sub_text, .main #section3 .swiper-slide.swiper-slide-active .content-area .copy-box .main_text, .main #section3 .swiper-slide.swiper-slide-active .content-area .copy-box .desc_text {
  animation-delay: 0s;
  animation-name: in_y_opacity;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

.main #section3 .swiper-slide.slide-active .content-area .copy-box .main_text, .main #section3 .swiper-slide.swiper-slide-active .content-area .copy-box .main_text {
  animation-delay: 0.2s;
}

.main #section3 .swiper-slide.slide-active .content-area .copy-box .desc_text, .main #section3 .swiper-slide.swiper-slide-active .content-area .copy-box .desc_text {
  animation-delay: 0.4s;
}

.main #section3 .swiper-slide.slide-0 {
  background-color: #ddefc8;
}

.main #section3 .swiper-slide.slide-1 {
  background-color: #d6ebf5;
}

.main #section3 .swiper-slide.slide-2 {
  background-color: #cef6e9;
}

.main #section3 .content-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main #section3 .content-area a {
  display: block;
}

.main #section3 .content-area a:hover .main_text::after {
  width: 100%;
}

.main #section3 .content-area a:hover .main_text.color-e::after {
  background-color: #95ad07;
}

.main #section3 .content-area a:hover .main_text.color-s::after {
  background-color: #0072c6;
}

.main #section3 .content-area a:hover .main_text.color-g::after {
  background-color: #009a93;
}

.main #section3 .content-area .visual-box {
  text-align: center;
  margin-top: -40px;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
 /* tablet : 1023 ~ 1279 */;
}

@media all and (max-width: 1279px) {
  .main #section3 .content-area .visual-box {
    width: 100%;
  }

  .main #section3 .content-area .visual-box img {
    width: 60%;
  }
}

@media all and (max-width: 1023px) {
  .main #section3 .content-area .visual-box {
    margin-top: 0px;
    width: 100%;
  }

  .main #section3 .content-area .visual-box img {
    width: 100%;
  }
}

.main #section3 .content-area .copy-box {
  padding: 40px 0 20px;
  text-align: center;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
 /* tablet : 1023 ~ 1279 */;
}

.main #section3 .content-area .copy-box .sub_text {
  font-size: 36px;
  font-weight: bold;
  color: #555;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 0;
}

.main #section3 .content-area .copy-box .main_text {
  position: relative;
  display: inline-block;
  font-size: 68px;
  font-weight: 900;
  color: #555;
  line-height: 1.2;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 0;
}

.main #section3 .content-area .copy-box .main_text::after {
  content: "";
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: transparent;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.main #section3 .content-area .copy-box .main_text.color-e {
  color: #95ad07;
}

.main #section3 .content-area .copy-box .main_text.color-s {
  color: #0072c6;
}

.main #section3 .content-area .copy-box .main_text.color-g {
  color: #009a93;
}

.main #section3 .content-area .copy-box .desc_text {
  margin-top: 25px;
  font-size: 22px;
  font-weight: 500;
  color: #555;
  line-height: 1.6;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.main #section3 .content-area .copy-box .desc_text .t_en {
  font-weight: 600;
}

@media all and (max-width: 1279px) {
  .main #section3 .content-area .copy-box .sub_text {
    font-size: 28px;
  }

  .main #section3 .content-area .copy-box .main_text {
    font-size: 52px;
  }

  .main #section3 .content-area .copy-box .desc_text {
    margin-top: 15px;
    font-size: 20px;
  }
}

@media all and (max-width: 1023px) {
  .main #section3 .content-area .copy-box {
    padding: 20px;
  }

  .main #section3 .content-area .copy-box .sub_text {
    margin-top: 5px;
    font-size: 20px;
  }

  .main #section3 .content-area .copy-box .main_text {
    margin-top: 10px;
    font-size: 35px;
  }

  .main #section3 .content-area .copy-box .desc_text {
    margin-top: 25px;
    font-size: 16px;
  }
}

.main #section3 .page-box {
  position: absolute;
  bottom: 100px;
  width: 100%;
  z-index: 5;
  text-align: center;
}

.main #section3 .page-box .swiper-pagination-bullet {
  width: 45px;
  height: 45px;
  margin: 0 6px;
  font-size: 20px;
  font-weight: 900;
  line-height: 45px;
  color: #999;
  border: 1px solid #999;
  background-color: transparent;
  opacity: 1;
}

.main #section3 .page-box .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #fff;
}

.main #section3 .page-box .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1) {
  background-color: #96ad07;
  border-color: #96ad07;
}

.main #section3 .page-box .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2) {
  background-color: #0072c6;
  border-color: #0072c6;
}

.main #section3 .page-box .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3) {
  background-color: #009a93;
  border-color: #009a93;
}

@media all and (max-width: 1279px) {
  .main #section3 .page-box .swiper-pagination-bullet {
    width: 33px;
    height: 33px;
    margin: 0 5px;
    font-size: 14px;
    line-height: 33px;
    font-weight: 900;
  }
}

@media all and (max-width: 1023px) {
  .main #section3 .page-box {
    bottom: 90px;
  }

  .main #section3 .page-box .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    margin: 0 4px;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
  }
}

.main #section3 .link-box {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  z-index: 5;
}

@media all and (max-width: 1023px) {
  .main #section3 .link-box {
    bottom: 35px;
  }
}

@-webkit-keyframes in_next {
  0% {
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}

@-webkit-keyframes in_prev {
  0% {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}

@-webkit-keyframes in_opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes in_y_opacity {
  0% {
    -moz-transform: translateY(20%);
    -o-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

.main #section4 {
  background-image: url(../images/s4-bg.jpg);
  background-size: cover;
  background-position: center;
}

.main #section4.active .typo-wrap .area-head {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(1) {
  transition-delay: 0.6s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(2) {
  transition-delay: 0.7s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(3) {
  transition-delay: 0.8s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(4) {
  transition-delay: 0.9s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(5) {
  transition-delay: 1.0s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(6) {
  transition-delay: 1.1s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(7) {
  transition-delay: 1.2s;
}

.main #section4.active .typo-wrap .area-body ul.subsidiary-list > li:nth-child(8) {
  transition-delay: 1.3s;
}

.main #section4.active .earth-wrap .scope-area .scope-inner {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section4.active .earth-wrap .scope .earth_item img {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section4 #s4_animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main #section4 .s4_con-wrap {
  position: absolute;
  top: 0%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  max-width: 1536px;
  padding: 0 49px;
  width: 100%;
  height: 100%;
}

@media all and (max-width: 1023px) {
  .main #section4 .s4_con-wrap {
    top: 0px;
    padding: 0 20px;
  }
}

.main #section4 .rowflex {
  display: flex;
}

.main #section4 .rowflex.section_layout {
  align-content: center;
  height: 100%;
}

.main #section4 .rowflex.section_layout > div {
  padding-top: 0;
}

.main #section4 .rowflex.section_layout > div:first-child {
  width: 40%;
}

.main #section4 .rowflex.section_layout > div:last-child {
  width: 60%;
}

@media all and (max-width: 1279px) {
  .main #section4 .rowflex.section_layout {
    height: 100%;
  }

  .main #section4 .rowflex.section_layout > div:first-child {
    width: 40%;
  }

  .main #section4 .rowflex.section_layout > div:last-child {
    width: 60%;
    padding-right: 50px;
  }
}

@media all and (max-width: 1023px) {
  .main #section4 .rowflex.section_layout {
    height: 100%;
  }

  .main #section4 .rowflex.section_layout > div:first-child {
    width: 100%;
  }

  .main #section4 .rowflex.section_layout > div:last-child {
    width: 100%;
    padding-right: 0px;
  }
}

.main #section4 .typo-wrap {
  margin-top: 0%;
}

.main #section4 .typo-wrap .area-head {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.5s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
 /* tablet : 1023 ~ 1279 */;
}

.main #section4 .typo-wrap .area-head .title span {
  font-size: 68px;
  font-weight: 900;
  color: #222222;
  line-height: 1.2;
}

@media all and (max-width: 1279px) {
  .main #section4 .typo-wrap .area-head .title span {
    font-size: 52px;
  }
}

@media all and (max-width: 1023px) {
  .main #section4 .typo-wrap .area-head .title {
    text-align: center;
  }

  .main #section4 .typo-wrap .area-head .title span {
    font-size: 35px;
    line-height: 1.2;
  }
}

.main #section4 .typo-wrap .area-body {
  margin-top: 50px;
 /* tablet : 1023 ~ 1279 */;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list > li {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.5s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a::after, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a::after {
  width: 27px;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a span, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a span {
  font-size: 24px;
  font-weight: bold;
  color: #98b101;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list a {
  position: relative;
  display: block;
  padding: 10px 5px 10px 45px;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list a::after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -1px;
  width: 0px;
  height: 2px;
  background-color: #b3cf0a;
  -webkit-transition: width 0.2s ease-out;
  -moz-transition: width 0.2s ease-out;
  -ms-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}

.main #section4 .typo-wrap .area-body ul.subsidiary-list span {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
  line-height: 30px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.main #section4 .typo-wrap .area-body .btn-box button {
  font-size: 30px;
}

@media all and (max-width: 1279px) {
  .main #section4 .typo-wrap .area-body ul.subsidiary-list a {
    position: relative;
    display: block;
    padding: 4px 5px 4px 35px;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list span {
    font-size: 18px;
    line-height: 35px;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a::after, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a::after {
    width: 22px;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a span, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a span {
    font-size: 20px;
  }
}

@media all and (max-width: 1023px) {
  .main #section4 .typo-wrap .area-body {
    width: calc( 100% + 40px);
    margin-top: 15px;
    margin-left: -20px;
    padding: 0 3px 10px;
    overflow: hidden;
    overflow-x: auto;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list a {
    position: relative;
    padding: 0px 17px;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list a::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 0;
    margin-top: 0px;
    width: 0px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list span {
    font-size: 14px;
    line-height: 35px;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list li {
    width: auto;
    display: inline-block;
    flex: none;
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a::after, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a::after {
    width: calc(100% - 34px);
  }

  .main #section4 .typo-wrap .area-body ul.subsidiary-list li:hover a span, .main #section4 .typo-wrap .area-body ul.subsidiary-list li.active a span {
    font-size: 14px;
    font-weight: bold;
    color: #98b101;
  }
}

.main #section4 .earth-wrap {
  position: relative;
  padding-top: 30px;
}

@media all and (max-width: 1279px) {
  .main #section4 .earth-wrap {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@media all and (max-width: 1023px) {
  .main #section4 .earth-wrap {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.main #section4 .earth-wrap .earch-title {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 3.5%;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .main #section4 .earth-wrap .earch-title {
    position: absolute;
    top: 8%;
    left: 0;
  }

  .main #section4 .earth-wrap .earch-title img {
    width: 185px;
    margin-left: 25px;
  }
}

.main #section4 .earth-wrap .scope-area .scope-inner {
  margin: 0;
  margin-top: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.5s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

@media all and (max-width: 1023px) {
  .main #section4 .earth-wrap .scope-area .scope-inner {
    margin-top: 10px;
    height: 350px;
  }
}

.main #section4 .earth-wrap .scope {
  position: relative;
  width: calc(316px * 0.58);
  height: calc(322px * 0.58);
  transform-style: preserve-3d;
  transform: perspective(800px);
  transition: all .3s ease-out;
}

.main #section4 .earth-wrap .scope.scope_copy {
  display: none;
}

.main #section4 .earth-wrap .scope.stop {
  transition: all .0s ease-out;
}

.main #section4 .earth-wrap .scope .item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform-style: preserve-3d;
  transform: rotateY(calc(var(--i) * 51deg)) translateZ(300px);
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.main #section4 .earth-wrap .scope .item a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
}

.main #section4 .earth-wrap .scope .item a:hover, .main #section4 .earth-wrap .scope .item a .hover {
  background-color: #b4cc26;
}

.main #section4 .earth-wrap .scope .item a:hover .typo-box .title, .main #section4 .earth-wrap .scope .item a .hover .typo-box .title {
  color: #fff;
}

.main #section4 .earth-wrap .scope .item a:hover .typo-box .desc, .main #section4 .earth-wrap .scope .item a .hover .typo-box .desc {
  color: #fff;
}

.main #section4 .earth-wrap .scope .item a:hover .icon-box .link, .main #section4 .earth-wrap .scope .item a .hover .icon-box .link {
  opacity: 1;
}

.main #section4 .earth-wrap .scope .item a:hover .icon-box .icon, .main #section4 .earth-wrap .scope .item a .hover .icon-box .icon {
  opacity: 0;
}

.main #section4 .earth-wrap .scope .item .typo-box .title {
  display: block;
  font-size: 30px;
  font-weight: 800;
  color: #222222;
  font-size: 15px;
}

.main #section4 .earth-wrap .scope .item .typo-box .title.t_en {
  font-size: 13px;
}

.main #section4 .earth-wrap .scope .item .typo-box .desc {
  display: block;
  margin-top: 17px;
  font-size: 18px;
  font-weight: 500;
  color: #555;
  line-height: 1.7;
  font-size: 10px;
}

.main #section4 .earth-wrap .scope .item .typo-box .desc .t_en {
  font-weight: 600;
}

.main #section4 .earth-wrap .scope .item .icon-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.main #section4 .earth-wrap .scope .item .icon-box i img {
  height: 100%;
}

.main #section4 .earth-wrap .scope .item .icon-box .link {
  width: 31px;
  height: 12px;
  margin-bottom: 10px;
  opacity: 0;
  background-image: url(../images/s4-linkarrow.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.main #section4 .earth-wrap .scope .item .icon-box .icon {
 /* width:57px; height: 50px; */
  width: 72px;
  height: 62px;
  background-position: right 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-1 {
  background-image: url(../images/s4-icon-1.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-2 {
  background-image: url(../images/s4-icon-2.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-3 {
  background-image: url(../images/s4-icon-3.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-4 {
  background-image: url(../images/s4-icon-4.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-5 {
  background-image: url(../images/s4-icon-5.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-6 {
  background-image: url(../images/s4-icon-6.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-7 {
  background-image: url(../images/s4-icon-7.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-8 {
  background-image: url(../images/s4-icon-8.png);
}

.main #section4 .earth-wrap .scope .item .icon-box .icon.s4-icon-9 {
  background-image: url(../images/s4-icon-9.png);
}

.main #section4 .earth-wrap .scope .earth_item {
  pointer-events: none;
  width: 280%;
  height: 280%;
  position: absolute;
  top: -85%;
  left: -90%;
  z-index: 1;
  transform-style: preserve-3d;
  transform: rotateY(0);
  transition: all .3s ease-out;
}

.main #section4 .earth-wrap .scope .earth_item img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.7s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.main #section4 .earth-wrap .scope .earth_item.stop {
  transition: all .0s ease-out;
}

@media all and (max-width: 1023px) {
  .main #section4 .earth-wrap .scope {
    width: calc(332px * 0.45);
    height: calc(332px * 0.45);
  }

  .main #section4 .earth-wrap .scope .item {
    border-radius: 5px;
    transform: rotateY(calc(var(--i) * 51deg)) translateZ(210px);
  }

  .main #section4 .earth-wrap .scope .item a {
    padding: 5px 12px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .main #section4 .earth-wrap .scope .item a:hover, .main #section4 .earth-wrap .scope .item a .hover {
    background-color: rgba(255, 255, 255, 0.95);
  }

  .main #section4 .earth-wrap .scope .item a:hover .typo-box .title, .main #section4 .earth-wrap .scope .item a .hover .typo-box .title {
    color: #222;
  }

  .main #section4 .earth-wrap .scope .item a:hover .typo-box .desc, .main #section4 .earth-wrap .scope .item a .hover .typo-box .desc {
    color: #555;
  }

  .main #section4 .earth-wrap .scope .item a:hover .icon-box .link, .main #section4 .earth-wrap .scope .item a .hover .icon-box .link {
    opacity: 1;
  }

  .main #section4 .earth-wrap .scope .item a:hover .icon-box .icon, .main #section4 .earth-wrap .scope .item a .hover .icon-box .icon {
    opacity: 1;
  }

  .main #section4 .earth-wrap .scope .item .typo-box {
    margin-top: 10px;
  }

  .main #section4 .earth-wrap .scope .item .typo-box .title {
    font-size: 11px;
  }

  .main #section4 .earth-wrap .scope .item .typo-box .title.t_en {
    font-size: 11px;
  }

  .main #section4 .earth-wrap .scope .item .typo-box .desc {
    margin-top: 10px;
    font-size: 9px;
  }

  .main #section4 .earth-wrap .scope .item .icon-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .main #section4 .earth-wrap .scope .item .icon-box i img {
    width: auto;
    height: 100%;
  }

  .main #section4 .earth-wrap .scope .item .icon-box .link {
    margin-bottom: 10px;
    opacity: 1;
    width: 21px;
    height: 8px;
    background-image: url(../images/s4-linkarrow-mb.png);
  }

  .main #section4 .earth-wrap .scope .item .icon-box .icon {
    width: 57px;
    height: 40px;
  }

  .main #section4 .earth-wrap .scope .earth_item {
    width: 210%;
    height: 210%;
    top: -55%;
    left: -55%;
  }
}

.main #section4 .earth-wrap .btn-box {
  position: absolute;
  top: 50%;
  width: 100%;
}

.main #section4 .earth-wrap .btn-box button {
  background-color: #009a93;
  text-align: center;
  position: absolute;
  height: 330px;
  width: 22%;
  opacity: 0%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main #section4 .earth-wrap .btn-box button.btn-prev {
  left: 7%;
}

.main #section4 .earth-wrap .btn-box button.btn-next {
  right: 7%;
}

@media all and (max-width: 1450px) {
  .main #section4 .earth-wrap .btn-box button.btn-prev {
    left: 2%;
  }

  .main #section4 .earth-wrap .btn-box button.btn-next {
    right: 2%;
  }
}

@media all and (max-width: 1279px) {
  .main #section4 .earth-wrap .btn-box button.btn-prev {
    left: -4%;
  }

  .main #section4 .earth-wrap .btn-box button.btn-next {
    right: -4%;
  }
}

@media all and (max-width: 1200px) {
  .main #section4 .earth-wrap .btn-box button.btn-prev {
    left: -6%;
  }

  .main #section4 .earth-wrap .btn-box button.btn-next {
    right: -6%;
  }
}

@media all and (max-width: 1100px) {
  .main #section4 .earth-wrap .btn-box button.btn-prev {
    left: -10%;
  }

  .main #section4 .earth-wrap .btn-box button.btn-next {
    right: -10%;
  }
}

@media all and (max-width: 1023px) {
  .main #section4 .earth-wrap .btn-box button {
    display: none;
  }
}

.main #section5.active_section .notice-panel .news-list > li .li-inner {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(1) .li-inner {
  transition-delay: 0.0s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(2) .li-inner {
  transition-delay: 0.1s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(3) .li-inner {
  transition-delay: 0.2s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(4) .li-inner {
  transition-delay: 0.3s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(5) .li-inner {
  transition-delay: 0.4s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(6) .li-inner {
  transition-delay: 0.5s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(7) .li-inner {
  transition-delay: 0.6s;
}

.main #section5.active_section .notice-panel .news-list > li:nth-child(8) .li-inner {
  transition-delay: 0.7s;
}

.main #section5 .section-inner .full_scroll {
  overflow: hidden;
  overflow-y: scroll;
  height: 100vh;
  ms-overflow-style: none;
 /* IE and Edge */
  scrollbar-width: none;
 /* Firefox */;
}

.main #section5 .section-inner .full_scroll::-webkit-scrollbar {
  display: none;
 /* Chrome, Safari, Opera*/;
}

@media all and (max-width: 1023px) {
  .main #section5 .section-inner {
    height: 100%;
  }

  .main #section5 .section-inner .full_scroll {
    overflow: hidden;
    overflow-y: hidden;
    height: 100%;
    ms-overflow-style: none;
 /* IE and Edge */
    scrollbar-width: none;
 /* Firefox */;
  }

  .main #section5 .section-inner .full_scroll::-webkit-scrollbar {
    display: none;
 /* Chrome, Safari, Opera*/;
  }
}

.main #section5 .notice-panel .p-inner {
  padding: 170px 0 80px;
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel {
    padding-top: 60px;
    height: 100%;
  }

  .main #section5 .notice-panel .p-inner {
    padding: 0px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.main #section5 .notice-panel .p-head {
  position: relative;
  line-height: normal;
  padding-bottom: 0;
 /* tablet : 1023 ~ 1279 */;
}

.main #section5 .notice-panel .p-head .title {
  text-align: center;
}

.main #section5 .notice-panel .p-head .title span, .main #section5 .notice-panel .p-head .title em {
  font-size: 68px;
  font-weight: 900;
  color: #222222;
}

.main #section5 .notice-panel .p-head .title em {
  color: #b3cf0a;
}

@media all and (max-width: 1279px) {
  .main #section5 .notice-panel .p-head .title span, .main #section5 .notice-panel .p-head .title em {
    font-size: 52px;
  }
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .p-head {
    width: 100%;
  }

  .main #section5 .notice-panel .p-head .title {
    text-align: left;
  }

  .main #section5 .notice-panel .p-head .title span, .main #section5 .notice-panel .p-head .title em {
    font-size: 32px;
  }
}

.main #section5 .notice-panel .p-body .gallery_view {
  position: relative;
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .p-body {
    width: 100%;
    padding-bottom: 30px;
  }
}

.main #section5 .notice-panel .news-list {
 /* width: calc(100% + 40px); margin-left: -20px; */
  width: calc(100% + 2.7%);
  margin-left: -1.35%;
}

.main #section5 .notice-panel .news-list li {
 /* padding:0 20px; */
  padding: 0 1.35%;
  margin-top: 60px;
}

.main #section5 .notice-panel .news-list li .li-inner {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: 0.5s;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .news-list {
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding: 0;
  }

  .main #section5 .notice-panel .news-list li {
    padding: 0;
    width: auto;
    margin-top: 30px;
  }

  .main #section5 .notice-panel .news-list li .li-inner {
    width: 320px;
    padding-right: 20px;
  }
}

.main #section5 .notice-panel .news-list .img-area .img-ratio {
  padding-bottom: 100%;
  overflow: hidden;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a {
  display: block;
  position: relative;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a .cursor_main {
  width: 0px;
  height: 0px;
  border-radius: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding-top: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background: rgba(179, 207, 10, 0.4) url("../images/s4-linkarrow.png") no-repeat 50% 80px;
  background-size: 26px auto;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a:hover .cursor_main {
  width: 138px;
  height: 138px;
  opacity: 1;
  transform: translate(-50%, -50%);
}

.main #section5 .notice-panel .news-list .img-area .img-ratio img {
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a:hover, .main #section5 .notice-panel .news-list .img-area .img-ratio a:focus {
  position: relative;
  display: block;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a:hover img, .main #section5 .notice-panel .news-list .img-area .img-ratio a:focus img {
  position: relative;
  transform: scale(1.2);
  z-index: 1;
}

.main #section5 .notice-panel .news-list .img-area .img-ratio a:hover::before, .main #section5 .notice-panel .news-list .img-area .img-ratio a:focus::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 2;
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .news-list .img-area .img-ratio {
    padding-bottom: 100%;
  }

  .main #section5 .notice-panel .news-list .img-area .img-ratio img {
    width: 300px;
  }

  .main #section5 .notice-panel .news-list .img-area .img-ratio a:hover img, .main #section5 .notice-panel .news-list .img-area .img-ratio a:focus img {
    transform: none;
  }

  .main #section5 .notice-panel .news-list .img-area .img-ratio a:hover::before, .main #section5 .notice-panel .news-list .img-area .img-ratio a:focus::before {
    display: none;
  }

  .main #section5 .notice-panel .news-list .img-area .img-ratio a .cursor_main {
    display: none;
  }
}

.main #section5 .notice-panel .news-list .typo-area {
  padding: 34px 0 10px;
}

.main #section5 .notice-panel .news-list .typo-area .category span {
  font-size: 18px;
  font-weight: bold;
  color: #98b101;
  line-height: 26px;
}

.main #section5 .notice-panel .news-list .typo-area a {
  display: block;
}

.main #section5 .notice-panel .news-list .typo-area a:hover span, .main #section5 .notice-panel .news-list .typo-area a.hover span {
  text-decoration: underline;
}

.main #section5 .notice-panel .news-list .typo-area .desc {
  margin-top: 15px;
  min-height: 83px;
}

.main #section5 .notice-panel .news-list .typo-area .desc span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media all and (max-width: 1279px) {
  .main #section5 .notice-panel .news-list .typo-area .desc {
    margin-top: 10px;
    min-height: 83px;
  }

  .main #section5 .notice-panel .news-list .typo-area .desc span {
    font-size: 20px;
 /*min-height: 65px;*/
    min-height: 54px;
  }
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .news-list .typo-area {
    padding: 15px 0;
  }

  .main #section5 .notice-panel .news-list .typo-area .category span {
    font-size: 13px;
    font-weight: bold;
    color: #98b101;
    line-height: 21px;
  }

  .main #section5 .notice-panel .news-list .typo-area .desc {
    margin-top: 5px;
    min-height: 65px;
  }

  .main #section5 .notice-panel .news-list .typo-area .desc span {
    font-size: 17px;
    line-height: 1.6;
  }
}

.main #section5 .notice-panel .pagination-box {
  position: relative;
  display: none;
}

.main #section5 .notice-panel .pagination-box .pagination {
  font-size: 11px;
  color: #888;
  font-weight: bold;
  letter-spacing: 0px;
}

.main #section5 .notice-panel .pagination-box .pagination .swiper-pagination-current {
  font-size: 13px;
  color: #96ad07;
}

.main #section5 .notice-panel .pagination-box .pagination_bar {
  position: absolute;
  right: 0;
  bottom: 6px;
  width: calc( 100% - 50px);
  height: 2px;
  background-color: #ddd;
}

.main #section5 .notice-panel .pagination-box .pagination_bar i {
  display: block;
  position: absolute;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #b3cf0a;
  -webkit-transition: width 0.2s ease-out;
  -moz-transition: width 0.2s ease-out;
  -ms-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}

@media all and (max-width: 1023px) {
  .main #section5 .notice-panel .pagination-box {
    display: block;
  }
}

/* flot navi */
#fp-nav {
  z-index: 20;
}

#fp-nav.right {
  right: 82px;
}

#fp-nav ul > li {
  width: 24px;
  height: 24px;
  margin: 6px 0;
}

#fp-nav ul > li:last-child {
  display: none;
}

#fp-nav ul > li:hover a.active span {
  margin: 0;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #b3cf0a;
  opacity: 1;
}

#fp-nav ul > li:hover a span {
  margin: 0;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
}

#fp-nav ul > li a {
  position: relative;
  font-size: 0;
 /* border: 1px solid #000; */;
}

#fp-nav ul > li a::after {
  content: "";
  display: block;
  width: 10%;
  height: 10%;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #b3cf0a;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#fp-nav ul > li a.active::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

#fp-nav ul > li a.active span {
  margin: 0;
  width: 8px;
  height: 8px;
  background-color: #b3cf0a;
  opacity: 1;
}

#fp-nav ul > li a span {
  margin: 0;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #bababa;
  opacity: .5;
}

@media all and (max-width: 1670px) {
  #fp-nav.right {
    right: 20px;
  }
}

@media all and (max-width: 1023px) {
  #fp-nav {
    display: none;
  }

  #fp-nav.right {
    right: 10px;
  }
}

/* ================= search_result ================= */
.search_result-section {
  padding: 100px 0 120px;
}

@media all and (max-width: 1023px) {
  .search_result-section {
    padding: 25px 0 60px;
  }
}

.search_result-section .s-head {
 /* 검색창 */ /* 검색결과 */ /* 검색 단어 */;
}

.search_result-section .s-head .search-area {
  position: relative;
  width: 760px;
  margin: 0 auto;
 /* mobile :  ~ 1023 */;
}

.search_result-section .s-head .search-area .input_search_del {
  background-color: #fff;
  border-bottom: 4px solid #222;
}

.search_result-section .s-head .search-area input {
  height: 95px;
  box-sizing: border-box;
  padding: 0 100px;
  background-color: transparent;
  border: 0;
  font-size: 36px;
  font-weight: 700;
  color: #222222;
  line-height: 95px;
  text-align: center;
}

.search_result-section .s-head .search-area input.placeholdersjs {
  font-size: 33px;
  font-weight: 600;
  color: #999;
}

.search_result-section .s-head .search-area input:-ms-input-placeholder {
  font-size: 33px;
  font-weight: 600;
  color: #999;
}

.search_result-section .s-head .search-area input::-webkit-input-placeholder {
  font-size: 33px;
  font-weight: 600;
  color: #999;
}

.search_result-section .s-head .search-area input::-moz-placeholder {
  font-size: 33px;
  font-weight: 600;
  color: #999;
}

.search_result-section .s-head .search-area input::-ms-clear {
  display: none;
}

.search_result-section .s-head .search-area .btn_del {
  position: absolute;
  top: 30px;
  right: 55px;
}

.search_result-section .s-head .search-area .btn_search {
  position: absolute;
  top: 30px;
  right: 5px;
}

@media all and (max-width: 1023px) {
  .search_result-section .s-head .search-area {
    width: 100%;
  }

  .search_result-section .s-head .search-area .input_search_del {
    border-bottom: 3px solid #222;
  }

  .search_result-section .s-head .search-area input {
    height: 63px;
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 100px;
    font-size: 26px;
    line-height: 63px;
    font-weight: 700;
  }

  .search_result-section .s-head .search-area input.placeholdersjs {
    font-size: 18px;
  }

  .search_result-section .s-head .search-area input:-ms-input-placeholder {
    font-size: 18px;
  }

  .search_result-section .s-head .search-area input::-webkit-input-placeholder {
    font-size: 18px;
  }

  .search_result-section .s-head .search-area input::-moz-placeholder {
    font-size: 18px;
  }

  .search_result-section .s-head .search-area .btn_del {
    top: 20px;
    right: 45px;
  }

  .search_result-section .s-head .search-area .btn_search {
    top: 20px;
    right: 15px;
  }
}

.search_result-section .s-head .search_smart-box {
  display: none;
  max-height: 300px;
  position: absolute;
  top: 99px;
  width: 100%;
  z-index: 10;
  border: 1px solid #dedede;
  border-top: 0;
  background-color: #fff;
 /* mobile :  ~ 1023 */;
}

.search_result-section .s-head .search_smart-box.open {
  display: block;
}

.search_result-section .s-head .search_smart-box a {
  display: block;
  padding: 10px 30px;
  font-size: 18px;
  color: #222222;
  line-height: 30px;
}

.search_result-section .s-head .search_smart-box a:hover, .search_result-section .s-head .search_smart-box a:focus, .search_result-section .s-head .search_smart-box a.hover {
  background-color: #f9f9f9;
}

.search_result-section .s-head .search_smart-box a strong {
  color: #96ad07;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .search_result-section .s-head .search_smart-box {
    top: 65px;
    max-height: 400px;
  }

  .search_result-section .s-head .search_smart-box ul {
    padding: 10px 0;
  }

  .search_result-section .s-head .search_smart-box a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .search_result-section .s-head .search_smart-box a:hover, .search_result-section .s-head .search_smart-box a:focus, .search_result-section .s-head .search_smart-box a.hover {
    background-color: #fff;
  }
}

.search_result-section .s-head .search_count-box {
  padding: 40px 0;
 /* mobile :  ~ 1023 */;
}

.search_result-section .s-head .search_count-box.open {
  display: block;
}

.search_result-section .s-head .search_count-box p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #222222;
  line-height: 40px;
}

.search_result-section .s-head .search_count-box p em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .search_result-section .s-head .search_count-box {
    padding: 15px 0 50px;
  }

  .search_result-section .s-head .search_count-box p {
    font-size: 17px;
    line-height: 40px;
  }
}

.search_result-section .search_result-panel {
  margin-top: 60px;
}

.search_result-section .search_result-panel .type-search em {
  padding-left: 5px;
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel {
    margin-top: 0px;
  }
}

.search_result-section .search_result-panel .p-body {
  padding-top: 40px;
}

.search_result-section .search_result-panel .p-body .search-wrap + .search-wrap {
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel .p-body {
    padding-top: 0;
  }
}

.search_result-section .search_result-panel .search-wrap .search_result-article {
  margin-top: 0px;
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel .search-wrap .search_result-article {
    margin-top: 25px;
  }
}

.search_result-section .search_result-panel .search-wrap .article-head {
  padding: 25px 0;
  border-bottom: 2px solid #222;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.search_result-section .search_result-panel .search-wrap .article-head .title {
  height: 42px;
}

.search_result-section .search_result-panel .search-wrap .article-head span {
  font-size: 28px;
  color: #222222;
  line-height: 40px;
  font-weight: 780;
}

.search_result-section .search_result-panel .search-wrap .article-head em {
  font-size: 22px;
  color: #222222;
  line-height: 40px;
  font-weight: 600;
}

.search_result-section .search_result-panel .search-wrap .article-head .btn-more {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

.search_result-section .search_result-panel .search-wrap .article-head .btn-more i {
  display: inline-block;
  margin-top: -5px;
  margin-left: 3px;
  vertical-align: middle;
}

.search_result-section .search_result-panel .search-wrap .article-head .btn-more i::before, .search_result-section .search_result-panel .search-wrap .article-head .btn-more i::after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color: #555;
}

.search_result-section .search_result-panel .search-wrap .article-head .btn-more i::after {
  margin-top: -2px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel .search-wrap .article-head {
    padding: 15px 0;
  }

  .search_result-section .search_result-panel .search-wrap .article-head .title {
    height: 30px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head span {
    font-size: 18px;
    line-height: 28px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head em {
    font-size: 15px;
    line-height: 28px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head .btn-more {
    font-size: 15px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head .btn-more i {
    margin-top: -4px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head .btn-more i::before, .search_result-section .search_result-panel .search-wrap .article-head .btn-more i::after {
    width: 10px;
    height: 1px;
  }

  .search_result-section .search_result-panel .search-wrap .article-head .btn-more i::after {
    margin-top: -1px;
  }
}

.search_result-section .search_result-panel .search-wrap .article-body {
 /* 데이터 없음 */;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item {
  padding: 40px;
  border-bottom: 1px solid #dedede;
 /* [2023-0125] */ /* // [2023-0125] */;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area .thumb-box {
  position: relative;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area .thumb-box .play-btn {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .img-ratio {
  padding-bottom: 61.742%;
  overflow: hidden;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .img-ratio img, .search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .img-ratio iframe {
  width: 100%;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .thumb-box {
  display: block;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .video-box {
  display: none;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie .video-box iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie.media_playing .thumb-box {
  display: none;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .media-area.movie.media_playing .video-box {
  display: block;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .title {
  font-size: 18px;
  color: #16873e;
  font-weight: 600;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content {
  font-size: 24px;
  color: #222;
  font-weight: 700;
  padding: 25px 0 35px;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content a {
  display: inline-block;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content em {
  color: #96ad07;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area a {
  display: inline-block;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul {
  line-height: 1.3em;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul li {
  font-size: 16px;
  color: #777;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul li::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  background-image: url(../images/sp_icons.png);
  background-position: -310px -100px;
  width: 10px;
  height: 18px;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul li:last-child::after {
  display: none;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .img-area, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .media-area {
  padding-right: 15px;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .img-area img, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .media-area img {
  width: 100%;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .text-area {
  padding-left: 15px;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .img-area, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .media-area {
  padding-right: 15px;
  width: 22%;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .img-area img, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .media-area img {
  width: 100%;
}

.search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .text-area {
  padding-left: 15px;
  width: 78%;
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel .search-wrap .article-body .search_item {
    padding: 25px 15px 23px;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .title {
    font-size: 13px;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content {
    font-size: 17px;
    padding: 15px 0 15px;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .content span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul {
    flex-wrap: wrap;
    line-height: 1.5em;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul li {
    font-size: 12px;
    color: #777;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item .text-area .location-area ul li + li::before {
    margin: 0 8px;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .img-area, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .media-area {
    padding-right: 0;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item.type2 .rowflex > .text-area {
    padding-left: 0;
    margin-top: 25px;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .img-area, .search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .media-area {
    padding-right: 7px;
    width: 40%;
  }

  .search_result-section .search_result-panel .search-wrap .article-body .search_item.type3 .rowflex > .text-area {
    padding-left: 7px;
    width: 60%;
  }
}

.search_result-section .search_result-panel .search-wrap .article-body.search_empty {
  padding: 55px;
  font-size: 20px;
  color: #777;
  text-align: center;
  border-bottom: 1px solid #a0a0a0;
}

@media all and (max-width: 1023px) {
  .search_result-section .search_result-panel .search-wrap .article-body.search_empty {
    padding: 25px;
    font-size: 15px;
  }
}

/* 자회사 소개 */
@media all and (max-width: 1023px) {
  .wrapper.page-subsidiary_info #container {
    display: flex;
  }

  .wrapper.page-subsidiary_info #container #contents {
    z-index: 2;
    width: 100%;
  }

  .wrapper.page-subsidiary_info::before {
    content: url(/resources/images/company/subsidiary_info-bg-mb.jpg);
    display: inline-block;
    width: 720px;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
  }
}

.wrapper.page-subsidiary_info #footer {
 /* mobile : ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .wrapper.page-subsidiary_info #footer {
    display: flex;
  }

  .wrapper.page-subsidiary_info #footer .footer-section {
    z-index: 3;
    width: 100%;
    background-color: #282828;
  }
}

.subsidiary_info-section .section-wrap {
  padding: 110px 0;
  background-image: url(../images/subsidiary_info-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .section-wrap {
    padding: 55px 0  60px;
 /*       background-image:url(../images/subsidiary_info-bg-mb.jpg); background-attachment: fixed;  background-size: 100% auto;    background-position: right 200px; */
    background-image: none;
  }
}

.subsidiary_info-section .s-head .title {
  text-align: center;
}

.subsidiary_info-section .s-head .title span {
  font-size: 32px;
  color: #222222;
  line-height: 1.5;
  font-weight: 500;
}

.subsidiary_info-section .s-head .title span .t_en {
  font-weight: 600;
}

.subsidiary_info-section .s-head .title span strong {
  font-weight: bold;
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .s-head .title span {
    font-size: 21px;
    line-height: 1.3;
  }
}

.subsidiary_info-section .s-body {
  margin-top: 70px;
 /* mobile : ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .s-body {
    margin-top: 30px;
    padding: 0 10%;
  }
}

.subsidiary_info-section .subsidiary-list {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-top: -30px;
 /* mobile : ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .subsidiary-list {
    width: 100%;
    margin-left: 0;
    margin-top: -15px;
  }
}

.subsidiary_info-section .subsidiary-list li {
  padding: 0 15px;
  margin-top: 30px;
 /* tablet : 1023 ~ 1279 */ /* mobile : ~ 1023 */;
}

.subsidiary_info-section .subsidiary-list li .li-inner {
  position: relative;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 14px;
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.08), 0 0px 15px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.subsidiary_info-section .subsidiary-list li .li-inner a {
  position: relative;
  display: block;
  padding: 30px 25px;
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .title, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .title, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .title {
  opacity: .0;
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .image, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .image, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .image {
  opacity: .4;
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.subsidiary_info-section .subsidiary-list li .li-inner a:hover .hover-box, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .hover-box, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .hover-box {
  opacity: 1;
}

@media all and (max-width: 1279px) {
  .subsidiary_info-section .subsidiary-list li.col-ep4 {
    width: 50%;
  }
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .subsidiary-list li {
    margin-left: 0;
    margin-top: 15px;
  }

  .subsidiary_info-section .subsidiary-list li.col-ep4 {
    width: 100%;
    padding: 0;
  }

  .subsidiary_info-section .subsidiary-list li .li-inner a {
    padding: 20px 36px 10px 27px;
  }

  .subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .title, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .title, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .title {
    opacity: 1;
  }

  .subsidiary_info-section .subsidiary-list li .li-inner a:hover .con-box .image, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .con-box .image, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .con-box .image {
    opacity: 1;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .subsidiary_info-section .subsidiary-list li .li-inner a:hover .hover-box, .subsidiary_info-section .subsidiary-list li .li-inner a:focus .hover-box, .subsidiary_info-section .subsidiary-list li .li-inner a.hover .hover-box {
    opacity: 0;
  }
}

.subsidiary_info-section .subsidiary-list .con-box .title {
  text-align: center;
  margin-top: 5px;
  width: calc(100% + 50px);
  margin-left: -25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.subsidiary_info-section .subsidiary-list .con-box .title span {
  font-size: 22px;
  font-weight: bold;
  color: #16873e;
}

.subsidiary_info-section .subsidiary-list .con-box .link_arrow {
  display: none;
}

.subsidiary_info-section .subsidiary-list .con-box .image {
  text-align: center;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.subsidiary_info-section .subsidiary-list .con-box .image img {
  height: 154px;
}

@media all and (max-width: 1023px) {
  .subsidiary_info-section .subsidiary-list .con-box .title {
    text-align: left;
    width: calc(100%);
    margin-left: 0;
    width: 100%;
    margin-left: 0;
  }

  .subsidiary_info-section .subsidiary-list .con-box .title span {
    font-size: 17px;
  }

  .subsidiary_info-section .subsidiary-list .con-box .link_arrow {
    display: block;
    margin-top: 15px;
  }

  .subsidiary_info-section .subsidiary-list .con-box .image {
    text-align: right;
    margin-top: -20px;
  }

  .subsidiary_info-section .subsidiary-list .con-box .image img {
    height: 125px;
  }
}

.subsidiary_info-section .subsidiary-list .hover-box {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px 25px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.subsidiary_info-section .subsidiary-list .hover-box .title {
  text-align: center;
  margin-top: 5px;
  width: calc(100% + 50px);
}

.subsidiary_info-section .subsidiary-list .hover-box .title span {
  font-size: 22px;
  font-weight: bold;
  color: #96ad07;
}

.subsidiary_info-section .subsidiary-list .hover-box .link_arrow {
  text-align: center;
  margin-bottom: 0px;
}

/* CEO */
.ceo-section {
 /* PClg : 1734 ~ */ /* tablet : 769 ~ 1279 */ /* mobile :  ~ 1023 */;
}

.ceo-section .only-pc_over {
  display: block;
}

.ceo-section .only_ib-pc_over {
  display: inline-block;
}

@media all and (min-width: 1734px) {
  .ceo-section .only-pc_over {
    display: block;
  }

  .ceo-section .only_ib-pc_over {
    display: inline-block;
  }
}

@media all and (max-width: 1279px) {
  .ceo-section .only-pc_over {
    display: none;
  }

  .ceo-section .only_ib-pc_over {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .ceo-section .only-pc_over {
    display: none;
  }

  .ceo-section .only_ib-pc_over {
    display: none;
  }
}

.ceo-section .section-wrap {
  overflow: hidden;
  background: url("../images/ceo_bg.png") no-repeat;
  background-position: calc( 50% + 770px) 0px;
}

.ceo-section .section-wrap .section-inner {
  padding: 150px 72px 120px;
  position: relative;
}

.ceo-section .section-wrap .green {
  color: #96ad07;
}

.ceo-section .section-wrap .darkgreen {
  color: #16873e;
}

@media all and (max-width: 1023px) {
  .ceo-section .section-wrap {
    background-size: 380px;
    background-position: calc( 50% + 160px) 0px;
  }

  .ceo-section .section-wrap .section-inner {
    padding: 50px 20px;
  }
}

.ceo-section .content_person .typo-body .title-area {
  display: flex;
  justify-content: space-around;
}

.ceo-section .content_person .typo-body .title {
  position: relative;
  padding: 0;
  line-height: 66px;
  font-size: 42px;
  font-weight: 600;
  color: #222;
}

.ceo-section .content_person .typo-body .title::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-left: -40px;
  margin-right: 5px;
  top: -10px;
  width: 26px;
  height: 19px;
  background: url("../images/ceo_qt-top.png");
  background-size: 100% auto;
}

.ceo-section .content_person .typo-body .title::after {
  content: '';
  position: relative;
  display: inline-block;
  margin-left: 10px;
  top: -10px;
  width: 26px;
  height: 19px;
  background: url("../images/ceo_qt-foot.png");
  background-size: 100% auto;
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person {
    padding: 0px 0px 0px;
  }

  .ceo-section .content_person .typo-body img {
    width: 16px;
  }

  .ceo-section .content_person .typo-body .title-area {
    display: flex;
    justify-content: flex-start;
  }

  .ceo-section .content_person .typo-body .title {
    padding: 0px;
    padding-left: 22px;
    line-height: 36px;
    font-size: 26px;
  }

  .ceo-section .content_person .typo-body .title::before, .ceo-section .content_person .typo-body .title::after {
    width: 15px;
    height: 11px;
    top: -10px;
  }

  .ceo-section .content_person .typo-body .title::before {
    margin-left: -22px;
    margin-right: 2px;
  }

  .ceo-section .content_person .typo-body .title::after {
    margin-left: 3px;
  }
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person .row-ceo {
    position: relative;
    padding-top: 280px;
    display: flex;
    flex-direction: column;
  }
}

.ceo-section .content_person .desc-area {
  margin-top: 30px;
 /* padding-right: 480px; */
  width: calc(100% - 460px);
}

.ceo-section .content_person .desc-area .desc {
  padding-top: 58px;
}

.ceo-section .content_person .desc-area .desc .desc_title {
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 36px;
}

.ceo-section .content_person .desc-area .desc p {
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  margin-top: 20px;
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person .desc-area {
    margin-top: 0px;
    padding-right: 0px;
    width: 100%;
  }

  .ceo-section .content_person .desc-area .desc {
    padding-top: 30px;
  }

  .ceo-section .content_person .desc-area .desc .desc_title {
    font-size: 17px;
    line-height: 27px;
  }

  .ceo-section .content_person .desc-area .desc p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
  }
}

.ceo-section .content_person .ceo-area {
 /*  position: absolute; top: 230px; */
  width: 460px;
}

.ceo-section .content_person .ceo-area .ceo-inner {
  width: 460px;
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person .ceo-area {
    width: 100%;
  }

  .ceo-section .content_person .ceo-area .ceo-inner {
    width: 100%;
    position: static !important;
    top: auto !important;
  }
}

.ceo-section .content_person .ceo-area .ceo-img {
  margin-top: 100px;
  margin-right: -35px;
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person .ceo-area .ceo-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 0;
    text-align: center;
    width: 100%;
  }

  .ceo-section .content_person .ceo-area .ceo-img .img-box {
    display: inline-block;
    margin-top: 30px;
  }

  .ceo-section .content_person .ceo-area .ceo-img .img-box img {
    height: 244px;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.ceo-section .content_person .ceo-area .ceo-typo p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 30px;
}

.ceo-section .content_person .ceo-area .ceo-typo .ceo {
  padding: 40px 0 18px;
  color: #222;
  font-size: 24px;
  font-weight: 500;
  text-align: right;
}

.ceo-section .content_person .ceo-area .ceo-typo .ceo > span {
  font-weight: 600;
}

.ceo-section .content_person .ceo-area .ceo-typo .name {
  color: #222;
  font-size: 30px;
  font-weight: 700;
  text-align: right;
}

@media all and (max-width: 1023px) {
  .ceo-section .content_person .ceo-area .ceo-typo {
    position: relative;
    top: 0px;
    right: 0px;
  }

  .ceo-section .content_person .ceo-area .ceo-typo p {
    font-size: 13px;
    line-height: 1.6;
    padding-bottom: 15px;
  }

  .ceo-section .content_person .ceo-area .ceo-typo .ceo {
    padding: 35px 0 8px;
    font-size: 17px;
  }

  .ceo-section .content_person .ceo-area .ceo-typo .name {
    padding-bottom: 0;
    font-size: 19px;
  }
}

/* BOD */
.bod-section {
  padding: 120px 0;
}

.bod-section em.only-pc {
  display: inline !important;
}

.bod-section em.only-mb {
  display: none !important;
}

@media all and (max-width: 1023px) {
  .bod-section {
    padding: 40px 0 60px;
  }

  .bod-section em.only-pc {
    display: none !important;
  }

  .bod-section em.only-mb {
    display: inline !important;
  }
}

.bod-section [class$="-pannel"] .p-header {
  margin-bottom: 36px;
}

.bod-section [class$="-pannel"] .p-header .text-area .title {
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.bod-section [class$="-pannel"] .p-header .text-area .s-title {
  color: #222;
  font-size: 24px;
  font-weight: 600;
 /*line-height:36px;*/
  line-height: 1.6;
}

.bod-section [class$="-pannel"] + [class$="-pannel"] {
  margin-top: 75px;
}

@media all and (max-width: 1023px) {
  .bod-section [class$="-pannel"] .p-header {
    margin-bottom: 25px;
  }

  .bod-section [class$="-pannel"] .p-header .text-area .title {
    font-size: 18px;
    line-height: 30px;
  }

  .bod-section [class$="-pannel"] .p-header .text-area .s-title {
    font-size: 17px;
    line-height: 27px;
  }

  .bod-section [class$="-pannel"] + [class$="-pannel"] {
    margin-top: 54px;
  }
}

.bod-section .director-pannel .p-header {
  margin-bottom: 72px;
}

.bod-section .director-pannel .rowflex.flexwrap {
  margin: -54px -15px 0px;
}

.bod-section .director-pannel .rowflex.flexwrap > div {
 /*padding:0px 15px;*/
  padding: 0px 1.26%;
  margin-top: 54px;
}

.bod-section .director-pannel .director-cont {
  border-top: 2px solid #222;
  padding: 24px 0px;
}

.bod-section .director-pannel .director-cont .cont-body {
  display: flex;
}

.bod-section .director-pannel .director-cont .name-box {
  margin-bottom: 26px;
  height: 36px;
}

.bod-section .director-pannel .director-cont .name-box .name {
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}

.bod-section .director-pannel .director-cont .name-box .position {
  color: #555;
  font-size: 16px;
  line-height: 1.3;
  margin-left: 4px;
}

.bod-section .director-pannel .director-cont .img-box {
 /*width:34.72%; max-width:200px; width:200px;*/
  width: 34.78%;
  flex: 0 0 auto;
  min-width: 160px;
}

.bod-section .director-pannel .director-cont .img-box img {
  width: 100%;
}

.bod-section .director-pannel .director-cont .info-box {
 /*width:58.68%; max-width:338px; padding-left:40px; padding-left:36px;*/
  padding-left: 6.26%;
}

.bod-section .director-pannel .director-cont .info-box .info-sec .tit {
  color: #222;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.bod-section .director-pannel .director-cont .info-box .info-sec .text {
  color: #555;
  font-size: 16px;
  line-height: 28px;
  margin-top: 7px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.bod-section .director-pannel .director-cont .info-box .info-sec + .info-sec {
  margin-top: 18px;
}

.bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::after {
  display: none;
}

.bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #555;
}

@media all and (max-width: 1023px) {
  .bod-section .director-pannel .p-header {
    margin-bottom: 44px;
  }

  .bod-section .director-pannel .rowflex.flexwrap {
    margin: 0px 0px 0px;
  }

  .bod-section .director-pannel .rowflex.flexwrap > div {
    padding: 0px;
    margin-top: 0px;
  }

  .bod-section .director-pannel .rowflex.flexwrap > div + div {
    margin-top: 27px;
  }

  .bod-section .director-pannel .director-cont {
    padding: 20px 0 8px;
  }

  .bod-section .director-pannel .director-cont .cont-body {
    justify-content: flex-start;
  }

  .bod-section .director-pannel .director-cont .name-box {
    height: 27px;
    margin-bottom: 20px;
  }

  .bod-section .director-pannel .director-cont .name-box .name {
    font-size: 17px;
    line-height: 27px;
  }

  .bod-section .director-pannel .director-cont .name-box .position {
    font-size: 12px;
    line-height: 18px;
    margin-left: 2px;
  }

  .bod-section .director-pannel .director-cont .img-box {
    width: 37.65%;
    max-width: 155px;
    min-width: 120px;
  }

  .bod-section .director-pannel .director-cont .info-box {
    width: auto;
    max-width: none;
    padding-left: 20px;
  }

  .bod-section .director-pannel .director-cont .info-box .info-sec .tit {
    font-size: 14px;
    line-height: 21px;
  }

  .bod-section .director-pannel .director-cont .info-box .info-sec .text {
    font-size: 12px;
    line-height: 19px;
    margin-top: 7px;
  }

  .bod-section .director-pannel .director-cont .info-box .info-sec + .info-sec {
    margin-top: 15px;
  }

  .bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::after {
    display: none;
  }

  .bod-section .director-pannel .director-cont .info-box .text.mark_dot-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 2px;
    width: 2px;
    height: 2px;
    background-color: #777;
  }
}

.bod-section .config-pannel .graph-area, .bod-section .skill-pannel .graph-area {
  border: 1px solid #dedede;
 /*padding:60px 6.12%;*/;
}

.bod-section .config-pannel .graph-area .unit, .bod-section .skill-pannel .graph-area .unit {
  color: #777;
  text-align: right;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 28px;
}

@media all and (max-width: 1023px) {
  .bod-section .config-pannel .graph-area, .bod-section .skill-pannel .graph-area {
    padding: 30px 20px;
  }

  .bod-section .config-pannel .graph-area .unit, .bod-section .skill-pannel .graph-area .unit {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 14px;
  }

  .bod-section .config-pannel .graph-area > .rowflex, .bod-section .skill-pannel .graph-area > .rowflex {
    width: 284px;
    margin: 0 auto;
  }
}

.bod-section .config-pannel .graph-area dl dd, .bod-section .skill-pannel .graph-area dl dd {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #555555;
  line-height: 1.2;
}

.bod-section .config-pannel .graph-area dl dd::before, .bod-section .skill-pannel .graph-area dl dd::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
}

@media all and (max-width: 1023px) {
  .bod-section .config-pannel .graph-area dl dd, .bod-section .skill-pannel .graph-area dl dd {
    padding-left: 16px;
    margin-bottom: 7px;
    font-size: 12px;
  }

  .bod-section .config-pannel .graph-area dl dd::before, .bod-section .skill-pannel .graph-area dl dd::before {
    top: 2px;
    width: 11px;
    height: 11px;
  }
}

.bod-section .config-pannel .graph-area dl .color_light::before, .bod-section .skill-pannel .graph-area dl .color_light::before {
  background-color: #b3cf0a;
}

.bod-section .config-pannel .graph-area dl .color_green::before, .bod-section .skill-pannel .graph-area dl .color_green::before {
  background-color: #8cc63f;
}

.bod-section .config-pannel .graph-area dl .color_deep::before, .bod-section .skill-pannel .graph-area dl .color_deep::before {
  background-color: #2fa459;
}

.bod-section .config-pannel .graph-area .layout_graph, .bod-section .skill-pannel .graph-area .layout_graph {
  position: relative;
  width: 50%;
}

.bod-section .config-pannel .graph-area .layout_graph .img-box, .bod-section .skill-pannel .graph-area .layout_graph .img-box {
  width: 60%;
  max-width: 280px;
  min-width: 180px;
}

.bod-section .config-pannel .graph-area .layout_graph .img-box img, .bod-section .skill-pannel .graph-area .layout_graph .img-box img {
  width: 100%;
}

.bod-section .config-pannel .graph-area .layout_graph .txt-box, .bod-section .skill-pannel .graph-area .layout_graph .txt-box {
  position: absolute;
  top: 50%;
  left: calc(60% + 0px);
}

.bod-section .config-pannel .graph-area .layout_graph .txt-box span, .bod-section .skill-pannel .graph-area .layout_graph .txt-box span {
  display: inline-block; 
  vertical-align: top;
}

.bod-section .config-pannel .graph-area .layout_graph.type-config, .bod-section .skill-pannel .graph-area .layout_graph.type-config {
  padding-right: 0px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-config .name, .bod-section .skill-pannel .graph-area .layout_graph.type-config .name {
  width: 115px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender, .bod-section .skill-pannel .graph-area .layout_graph.type-gender {
  padding-left: 0px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender .img-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .img-box {
  margin-left: 70px;
}

.bod-section .config-pannel .graph-area .layout_graph.type-gender .txt-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .txt-box {
  left: calc(60% + 75px);
}

@media all and (max-width: 1279px) {
  .bod-section .config-pannel .graph-area .layout_graph .img-box, .bod-section .skill-pannel .graph-area .layout_graph .img-box {
    width: 180px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config, .bod-section .skill-pannel .graph-area .layout_graph.type-config {
    padding-right: 0px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config .txt-box, .bod-section .skill-pannel .graph-area .layout_graph.type-config .txt-box {
    left: 200px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config .txt-box span, .bod-section .skill-pannel .graph-area .layout_graph.type-config .txt-box span {
    margin-top: -2px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender, .bod-section .skill-pannel .graph-area .layout_graph.type-gender {
    padding-left: 0px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender .img-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .img-box {
    margin-left: 40px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender .txt-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .txt-box {
    left: 250px;
  }
}

@media all and (max-width: 1023px) {
  .bod-section .config-pannel .graph-area .layout_graph, .bod-section .skill-pannel .graph-area .layout_graph {
    width: 100%;
  }

  .bod-section .config-pannel .graph-area .layout_graph .img-box, .bod-section .skill-pannel .graph-area .layout_graph .img-box {
    width: 52%;
    max-width: 140px;
    min-width: 140px;
  }

  .bod-section .config-pannel .graph-area .layout_graph .img-box img, .bod-section .skill-pannel .graph-area .layout_graph .img-box img {
    width: 100%;
  }

  .bod-section .config-pannel .graph-area .layout_graph .txt-box, .bod-section .skill-pannel .graph-area .layout_graph .txt-box {
    top: 40%;
    left: calc(52% + 10px) !important;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config, .bod-section .skill-pannel .graph-area .layout_graph.type-config {
    padding-right: 0px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config .txt-box .name, .bod-section .skill-pannel .graph-area .layout_graph.type-config .txt-box .name {
    width: 85px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-config .txt-box .per, .bod-section .skill-pannel .graph-area .layout_graph.type-config .txt-box .per {
    vertical-align: top;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender, .bod-section .skill-pannel .graph-area .layout_graph.type-gender {
    padding-left: 0px;
    margin-top: 20px;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender .img-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .img-box {
    margin-left: 0;
  }

  .bod-section .config-pannel .graph-area .layout_graph.type-gender .txt-box, .bod-section .skill-pannel .graph-area .layout_graph.type-gender .txt-box {
    margin: 0;
  }
}

.bod-section .config-pannel .graph-area {
  padding: 60px 6.12%;
}

@media all and (max-width: 1023px) {
  .bod-section .config-pannel .graph-area {
    padding: 30px 6.12%;
  }

  .bod-section .config-pannel .graph-box {
    padding: 30px 9.6%;
  }

  .bod-section .config-pannel .graph-box img {
    max-width: 385px;
    margin: auto;
  }
}

.bod-section .skill-pannel .graph-area {
  padding: 60px 8.17%;
}

@media all and (max-width: 1023px) {
  .bod-section .skill-pannel .graph-box {
    padding: 30px 30px;
    text-align: center;
  }

  .bod-section .skill-pannel .graph-box .scroll-typeX img {
    min-width: 100%;
    width: auto;
    max-width: 650px;
  }
}

/* 경영철학(SKMS) */
.subsidiary_management-section .section-wrap {
  padding: 120px 0;
}

.subsidiary_management-section .section-wrap .con_title {
  padding-bottom: 78px;
  font-size: 36px;
  font-weight: 700;
  color: #222;
}

.subsidiary_management-section .section-wrap .con_box-area {
  padding-bottom: 80px;
}

.subsidiary_management-section .section-wrap .con_box-area .typo-box .title {
  padding: 5px 0 15px;
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.subsidiary_management-section .section-wrap .con_box-area .typo-box .desc {
  font-size: 18px;
  line-height: 1.6;
}

.subsidiary_management-section .section-wrap .con_box-area .img-box img {
  width: 100%;
}

.subsidiary_management-section .section-wrap .con_box-area .btn-box {
  margin-top: 100px;
  text-align: left;
}

.subsidiary_management-section .section-wrap .con_box-area .btn-box .t_en {
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .section-wrap {
    padding: 60px 0;
  }

  .subsidiary_management-section .section-wrap .con_title {
    padding-bottom: 40px;
    font-size: 26px;
  }

  .subsidiary_management-section .section-wrap .con_box-area {
    padding-bottom: 0;
  }

  .subsidiary_management-section .section-wrap .con_box-area .typo-box .title {
    padding: 30px 0 15px;
    font-size: 18px;
  }

  .subsidiary_management-section .section-wrap .con_box-area .typo-box .desc {
    font-size: 13px;
  }

  .subsidiary_management-section .section-wrap .con_box-area .btn-box {
    margin-top: 60px;
  }
}

.subsidiary_management-section .content_sk {
  padding-bottom: 20px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_sk {
    padding: 0;
  }
}

.subsidiary_management-section .content_sk .con_box-area .typo-box .title {
  padding: 5px 0 20px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_sk .con_box-area .typo-box .title {
    padding: 25px 0 10px;
  }
}

.subsidiary_management-section .content_sk .area-top .img-box {
  float: left;
  width: 50%;
  padding-right: 15px;
}

.subsidiary_management-section .content_sk .area-top .typo-box {
  float: left;
  width: 50%;
  padding-left: 45px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_sk .area-top {
    padding-bottom: 60px;
  }

  .subsidiary_management-section .content_sk .area-top .typo-box {
    width: 100%;
    padding: 0;
  }

  .subsidiary_management-section .content_sk .area-top .img-box {
    float: none;
    width: 100%;
    padding: 0;
  }

  .subsidiary_management-section .content_sk .area-top .img-box img {
    width: 100%;
  }
}

.subsidiary_management-section .content_sk .area-bottom .typo-box {
  float: left;
  width: 50%;
  padding-right: 80px;
}

.subsidiary_management-section .content_sk .area-bottom .typo-box .word {
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.subsidiary_management-section .content_sk .area-bottom .img-box {
  float: right;
  width: 50%;
  padding-left: 15px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_sk .area-bottom {
    padding-bottom: 50px;
  }

  .subsidiary_management-section .content_sk .area-bottom .typo-box {
    width: 100%;
    padding: 0;
  }

  .subsidiary_management-section .content_sk .area-bottom .img-box {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .subsidiary_management-section .content_sk .area-bottom .img-box img {
    width: 100%;
  }
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_management .con_title {
    padding-bottom: 0;
  }
}

.subsidiary_management-section .content_management .con_box-area::after {
  content: '';
  display: block;
  clear: both;
}

.subsidiary_management-section .content_management .con_box-area .float_typo {
  float: left;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .typo-box {
  padding: 0 53px 60px 0;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .typo-box .exp {
  margin-top: 35px;
  font-size: 16px;
  color: #777;
}

.subsidiary_management-section .content_management .con_box-area .float_typo .pd_none {
  padding-bottom: 0;
}

.subsidiary_management-section .content_management .con_box-area .img-box {
  float: right;
  text-align: center;
  padding-left: 54px;
}

.subsidiary_management-section .content_management .con_box-area .img-box img {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_management .con_box-area .float_typo {
    float: none;
  }

  .subsidiary_management-section .content_management .con_box-area .float_typo .typo-box {
    padding: 0;
  }

  .subsidiary_management-section .content_management .con_box-area .float_typo .typo-box .exp {
    margin-top: 15px;
    font-size: 12px;
  }

  .subsidiary_management-section .content_management .con_box-area .img-box {
    float: none;
    max-width: 320px;
    margin: 0 auto;
    padding: 35px 0 55px;
  }
}

.subsidiary_management-section .content_principle .con_title {
  padding-bottom: 40px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_principle .con_title {
    padding-bottom: 20px;
  }
}

.subsidiary_management-section .content_principle .con_box-area {
  padding-bottom: 0;
}

.subsidiary_management-section .content_principle .con_box-area::after {
  content: '';
  display: block;
  clear: both;
}

.subsidiary_management-section .content_principle .con_box-area .float_typo {
  float: left;
}

.subsidiary_management-section .content_principle .con_box-area .float_typo .typo-box {
  padding-right: 15px;
}

.subsidiary_management-section .content_principle .con_box-area .typo-box {
  padding: 0 0 40px;
}

.subsidiary_management-section .content_principle .con_box-area .img-box {
  float: right;
  padding-top: 10px;
  text-align: center;
  padding-left: 50px;
}

.subsidiary_management-section .content_principle .con_box-area .img-box img {
  width: auto;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_principle .con_box-area .float_typo {
    float: none;
  }

  .subsidiary_management-section .content_principle .con_box-area .float_typo .typo-box {
    padding: 0 0 35px;
  }

  .subsidiary_management-section .content_principle .con_box-area .img-box {
    float: none;
    padding: 0;
    max-width: 220px;
    margin: 0 auto;
  }

  .subsidiary_management-section .content_principle .con_box-area .img-box img {
    width: 100%;
  }
}

.subsidiary_management-section .content_principle .vwbe-area .rowfloat {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .subsidiary_management-section .content_principle .vwbe-area .rowfloat {
    margin-top: 0px;
  }

  .subsidiary_management-section .content_principle .vwbe-area .typo-box {
    padding: 0;
  }

  .subsidiary_management-section .content_principle .vwbe-area .img-box {
    float: none;
    padding: 0;
    max-width: 320px;
    margin: 0 auto;
  }

  .subsidiary_management-section .content_principle .vwbe-area .img-box img {
    width: 100%;
  }
}

/* 연혁 */
.history_visual-section {
  margin-top: 120px;
}

@media all and (max-width: 1023px) {
  .history_visual-section {
    margin-top: 48px;
  }
}

.history_visual-section .section-wrap.scroll_active .typo-area .year-box {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.history_visual-section .section-wrap.scroll_active .typo-area .desc-box {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.history_visual-section .history_gallery.scroll_active .gallery-inner .gallery_container {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.history_visual-section .history_gallery.scroll_active .arrow_navi {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.history_visual-section .typo-area {
  background-color: #fff;
}

.history_visual-section .typo-area .year-box {
  text-align: center;
  margin-bottom: 50px;
  opacity: 0;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.history_visual-section .typo-area .year-box span {
  font-size: 46px;
  font-weight: 800;
  color: #222222;
  line-height: 50px;
}

@media all and (max-width: 1023px) {
  .history_visual-section .typo-area .year-box {
    margin-bottom: 20px;
  }

  .history_visual-section .typo-area .year-box span {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px;
  }
}

.history_visual-section .typo-area .desc-box {
  opacity: 0;
  display: flex;
  background-color: #eef5e4;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transition-delay: .2s;
}

.history_visual-section .typo-area .desc-box .img-blk {
 /*width:376px;*/
  width: 475px;
}

.history_visual-section .typo-area .desc-box .img-blk img {
  width: 100%;
}

.history_visual-section .typo-area .desc-box .text-blk {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  padding: 0 5.5%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

@media all and (max-width: 1279px) {
  .history_visual-section .typo-area .desc-box .text-blk {
    padding: 0 2%;
    font-size: 23px;
    letter-spacing: -1px;
  }
}

@media all and (max-width: 1023px) {
  .history_visual-section .typo-area .desc-box {
    flex-direction: column;
  }

  .history_visual-section .typo-area .desc-box .img-blk {
    width: 100%;
  }

  .history_visual-section .typo-area .desc-box .text-blk {
    width: 100%;
    padding: 90px 40px;
    font-size: 17px;
    line-height: 27px;
    min-height: 340px;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }
}

/* 2024-10-23 */
.history_visual-section .typo-area .desc-box .text-blk2 {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  padding: 0 5.5%;
  font-size: 24px;
  font-weight: 600;
  width:100%;
  height:309px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk2 {
  background-image: url("../images/history-slide-5_bg.jpg");
   background-repeat: repeat-x;
}
@media all and (max-width: 1023px) {

  .history_visual-section .typo-area .desc-box .text-blk2 {
 width: 100%;
    padding: 90px 40px;
    font-size: 17px;
    line-height: 27px;
    min-height: 636px;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}
.history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk2 {
  background-image: url("../images/history-slide-5_bg_m.jpg");
   background-repeat: repeat-x;
}
}
/* 2024-10-23 */



.history_visual-section .history_typo_gallery .prev, .history_visual-section .history_typo_gallery .next {
  display: none;
}

.history_visual-section .history_gallery .gallery-inner {
  position: relative;
}

.history_visual-section .history_gallery .gallery-inner .gallery_container {
  overflow: hidden;
 /* @include transform( scaleX(0) ); */
  opacity: 0;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition-delay: .4s;
}

.history_visual-section .history_gallery .swiper-slide .img-box img {
  width: 100%;
}

.history_visual-section .history_gallery .swiper-slide .text-blk {
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk {
  background-image: url("../images/history-slide-5_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(2) .text-blk {
  background-image: url("../images/history-slide-4_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(3) .text-blk {
  background-image: url("../images/history-slide-3_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(4) .text-blk {
  background-image: url("../images/history-slide-2_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(5) .text-blk {
  background-image: url("../images/history-slide-1_bg.jpg");
}

.history_visual-section .history_gallery .swiper-slide:nth-child(6) .text-blk {
  background-image: url("../images/history-slide-0_bg.jpg");
}

@media all and (max-width: 1023px) {
  .history_visual-section .history_gallery .swiper-slide:nth-child(1) .text-blk {
    background-image: url("../images/history-slide-5_bg-mb.jpg");
  }

  .history_visual-section .history_gallery .swiper-slide:nth-child(2) .text-blk {
    background-image: url("../images/history-slide-4_bg-mb.jpg");
  }

  .history_visual-section .history_gallery .swiper-slide:nth-child(3) .text-blk {
    background-image: url("../images/history-slide-3_bg-mb.jpg");
  }

  .history_visual-section .history_gallery .swiper-slide:nth-child(4) .text-blk {
    background-image: url("../images/history-slide-2_bg-mb.jpg");
  }

  .history_visual-section .history_gallery .swiper-slide:nth-child(5) .text-blk {
    background-image: url("../images/history-slide-1_bg-mb.jpg");
  }

  .history_visual-section .history_gallery .swiper-slide:nth-child(6) .text-blk {
    background-image: url("../images/history-slide-0_bg-mb.jpg");
  }
}

.history_visual-section .history_gallery .arrow_navi {
  position: absolute;
 /*top: 220px;*/
  top: 250px;
  z-index: 3;
  width: 100%;
  opacity: 0;
  -moz-transform: translateY(20%);
  -o-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: all 0.5 ease-out;
  -moz-transition: all 0.5 ease-out;
  -ms-transition: all 0.5 ease-out;
  -o-transition: all 0.5 ease-out;
  transition: all 0.5 ease-out;
  transition-delay: .6s;
}

.history_visual-section .history_gallery .arrow_navi .prev, .history_visual-section .history_gallery .arrow_navi .next {
  font-size: 0;
  position: absolute;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 65px;
  height: 65px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  box-sizing: border-box;
}

.history_visual-section .history_gallery .arrow_navi .prev.swiper-button-disabled::before, .history_visual-section .history_gallery .arrow_navi .next.swiper-button-disabled::before {
  opacity: .4;
}

.history_visual-section .history_gallery .arrow_navi .prev::before, .history_visual-section .history_gallery .arrow_navi .next::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.history_visual-section .history_gallery .arrow_navi .prev {
  left: -96px;
}

.history_visual-section .history_gallery .arrow_navi .prev::before {
  background-image: url(../images/sp_icons.png);
  background-position: -114px -278px;
  width: 40px;
  height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .prev:hover {
  border: 1px solid #b3cf0a;
}

.history_visual-section .history_gallery .arrow_navi .prev:hover::before {
  background-image: url(../images/sp_icons.png);
  background-position: -273px -220px;
  width: 40px;
  height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .next {
  right: -96px;
}

.history_visual-section .history_gallery .arrow_navi .next::before {
  background-image: url(../images/sp_icons.png);
  background-position: -420px -366px;
  width: 40px;
  height: 40px;
}

.history_visual-section .history_gallery .arrow_navi .next:hover {
  border: 1px solid #b3cf0a;
}

.history_visual-section .history_gallery .arrow_navi .next:hover::before {
  background-image: url(../images/sp_icons.png);
  background-position: -568px -490px;
  width: 40px;
  height: 40px;
}

@media all and (max-width: 1450px) {
  .history_visual-section .history_gallery .arrow_navi .prev {
    left: -32.5px;
  }

  .history_visual-section .history_gallery .arrow_navi .prev::before {
    background-image: url(../images/sp_icons.png);
    background-position: -114px -278px;
    width: 40px;
    height: 40px;
  }

  .history_visual-section .history_gallery .arrow_navi .next {
    right: -32.5px;
  }

  .history_visual-section .history_gallery .arrow_navi .next::before {
    background-image: url(../images/sp_icons.png);
    background-position: -420px -366px;
    width: 40px;
    height: 40px;
  }
}

@media all and (max-width: 1023px) {
  .history_visual-section .history_gallery .arrow_navi .prev, .history_visual-section .history_gallery .arrow_navi .next {
    display: none;
  }
}

.history_visual-section .history_gallery .pagination {
  padding-top: 30px;
  font-size: 0;
  text-align: center;
}

.history_visual-section .history_gallery .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #dedede;
  opacity: 1;
}

.history_visual-section .history_gallery .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #b3cf0a;
  opacity: 1;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history_gallery .pagination {
    padding-bottom: 24px;
  }
}

.history_visual-section .history_year_con {
  background-color: #fff;
}

.history_visual-section .history_year_con .history_year_con-inner {
  padding: 60px 0 calc( 100vh - (100px + 306px + 118px + 20px));
}

.history_visual-section .history_year_con .history_year_con-inner .history_year_con-item {
  display: none;
}

.history_visual-section .history_year_con .history_year_con-inner .history_year_con-item.active {
  display: block;
}

@-webkit-keyframes fadeinItme {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media all and (max-width: 1023px) {
  .history_visual-section .history_year_con .history_year_con-inner {
    padding: 0 0 32px;
  }
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex {
  min-height: 100px;
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:first-child {
  width: 220px;
}

.history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:last-child {
  width: calc(100% - 220px);
  padding-left: 6.9373%;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:first-child {
    display: none;
  }

  .history_visual-section .history_year_con .history_year_con-inner .rowflex .col-auto:last-child {
    width: 100%;
    padding-left: 0;
  }
}

.history_visual-section .year-area {
  background-color: #fff;
  min-height: 400px;
}

.history_visual-section .year-area .area-inner {
  padding: 78px 0;
  overflow: hidden;
  margin-top: -50px;
  height: calc( (110px * 4) + 50px);
  background-color: #fff;
}

.history_visual-section .year-area .area-inner::before, .history_visual-section .year-area .area-inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
}

.history_visual-section .year-area .area-inner::before {
  top: 0;
  background-image: linear-gradient(to top, rgba(255, 0, 0, 0), white);
}

.history_visual-section .year-area .area-inner::after {
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), white);
}

.history_visual-section .year-area ul.year-list {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.history_visual-section .year-area li.active span {
  color: #b3cf0a;
}

.history_visual-section .year-area a {
  display: block;
  cursor: default;
}

.history_visual-section .year-area span {
  display: block;
  font-size: 84px;
  font-weight: bold;
  color: #f6f6f6;
  line-height: 110px;
}

@media all and (max-width: 1023px) {
  .history_visual-section .year-area .area-inner {
    display: none;
  }
}

.history_visual-section .history-area .history-article + .history-article {
  margin-top: 125px;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .history-article + .history-article {
    margin-top: 0px;
  }
}

.history_visual-section .history-area .history-article:first-child.under .month span {
  color: #16873e;
}

.history_visual-section .history-area .history-article:first-child.pass .month span {
  color: #555;
}

.history_visual-section .history-area .history-article:first-child .history_con:nth-child(2)::before {
  display: none;
}

.history_visual-section .history-area .history-article.active .month span, .history_visual-section .history-area .history-article.over .month span {
  color: #16873e;
}

.history_visual-section .history-area .history-article.active .history li::before, .history_visual-section .history-area .history-article.over .history li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #555;
}

.history_visual-section .history-area .history-article.active .history li span, .history_visual-section .history-area .history-article.over .history li span {
  color: #555;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .history-article.active .history li::before, .history_visual-section .history-area .history-article.over .history li::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #555;
  }

  .history_visual-section .history-area .history-article.active .history li span, .history_visual-section .history-area .history-article.over .history li span {
    color: #555;
  }
}

.history_visual-section .history-area .history-article .history_year {
  display: none;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .history-article .history_year {
    display: block;
    font-size: 52px;
    font-weight: 700;
    color: #b3cf0a;
    padding: 32px 0 0px;
  }
}

.history_visual-section .history-area .history-article .history_con {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0;
}

.history_visual-section .history-area .history-article .history_con::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}

.history_visual-section .history-area .history-article .history_con:last-child::after {
  display: none;
}

.history_visual-section .history-area .history-article .history_con .month {
  flex: 0 0 auto;
  width: 58px;
}

.history_visual-section .history-area .history-article .history_con .history {
  flex: 0 0 auto;
  width: calc(100% - 58px);
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .history-article .history_con {
    padding: 28px 0;
  }

  .history_visual-section .history-area .history-article .history_con:nth-child(2)::before {
    display: none;
  }

  .history_visual-section .history-area .history-article .history_con .month {
    width: 50px;
  }
}

.history_visual-section .history-area .month span {
  font-size: 24px;
  color: #999;
  font-weight: 600;
  line-height: 28px;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .month span {
    font-size: 17px;
    line-height: 21px;
  }
}

.history_visual-section .history-area .history li + li {
  margin-top: 20px;
}

.history_visual-section .history-area .history li {
  position: relative;
  padding-left: 13px;
}

.history_visual-section .history-area .history li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #777;
}

.history_visual-section .history-area .history li::before {
  border-radius: 50%;
}

.history_visual-section .history-area .history li span {
  font-size: 18px;
  color: #777;
  font-weight: 500;
  line-height: 28px;
}

@media all and (max-width: 1023px) {
  .history_visual-section .history-area .history li + li {
    margin-top: 16px;
  }

  .history_visual-section .history-area .history li {
    padding-left: 10px;
  }

  .history_visual-section .history-area .history li::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #777;
  }

  .history_visual-section .history-area .history li::before {
    border-radius: 50%;
  }

  .history_visual-section .history-area .history li span {
    font-size: 13px;
    line-height: 21px;
  }
}

/* RND */
.rnd-section {
  padding: 120px 0;
}

.rnd-section em.only-pc {
  display: inline !important;
}

.rnd-section em.only-mb {
  display: none !important;
}

@media all and (max-width: 1023px) {
  .rnd-section {
    padding: 40px 0 60px;
  }

  .rnd-section em.only-pc {
    display: none !important;
  }

  .rnd-section em.only-mb {
    display: inline !important;
  }
}

.rnd-section [class$="-pannel"] .p-header {
  margin-bottom: 50px;
}

.rnd-section [class$="-pannel"] .p-header .text-area .title {
  color: #222;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}

@media all and (max-width: 1023px) {
  .rnd-section [class$="-pannel"] .p-header {
    margin-bottom: 25px;
  }

  .rnd-section [class$="-pannel"] .p-header .text-area .title {
    font-size: 21px;
    line-height: 35px;
  }
}

.rnd-section .major-wrap .img_btn-area .img_btn-box, .rnd-section .skon-wrap .img_btn-area .img_btn-box {
  margin: auto;
}

.rnd-section .major-wrap .img_btn-area .img_btn-box img, .rnd-section .skon-wrap .img_btn-area .img_btn-box img {
  width: 100%;
}

.rnd-section .major-wrap .sect-area, .rnd-section .skon-wrap .sect-area {
  margin-top: 80px;
}

.rnd-section .major-wrap .sect-area .rowflex.flexwrap > div:nth-child(1), .rnd-section .skon-wrap .sect-area .rowflex.flexwrap > div:nth-child(1) {
  padding-right: 1.4%;
}

.rnd-section .major-wrap .sect-area .rowflex.flexwrap > div:nth-child(2), .rnd-section .skon-wrap .sect-area .rowflex.flexwrap > div:nth-child(2) {
  padding-left: 1.4%;
}

.rnd-section .major-wrap .sect-area .sect-box, .rnd-section .skon-wrap .sect-area .sect-box {
  min-height: 228px;
  border: 1px solid #dedede;
  padding: 54px 4.576%;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info, .rnd-section .major-wrap .sect-area .sect-box .skon_info, .rnd-section .skon-wrap .sect-area .sect-box .major_info, .rnd-section .skon-wrap .sect-area .sect-box .skon_info {
  display: flex;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .img-blk img, .rnd-section .major-wrap .sect-area .sect-box .skon_info .img-blk img, .rnd-section .skon-wrap .sect-area .sect-box .major_info .img-blk img, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .img-blk img {
  margin-top: 6px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .mark_star-item::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .mark_star-item::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .mark_star-item::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .mark_star-item::before {
  text-align: center;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .title, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .title, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .title, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .title {
  display: block;
  color: #222;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .title.t_en, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .title.t_en, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .title.t_en, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .title.t_en {
  font-weight: 700;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .info, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .info, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .info, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .info {
  display: block;
  color: #777;
  font-size: 16px;
  line-height: 34px;
  margin-top: 8px;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items {
 /*display:flex; flex-wrap:wrap;*/
  margin-top: 14px;
  font-size: 0;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item {
  display: inline-block;
  position: relative;
  color: #16873e;
  font-size: 20px;
  line-height: 34px;
 /* margin-right:15px; padding-right:15px; @include list-div_bar(8px, 100%, 18px, #ccc); */;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item::after, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item::after, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after {
  content: "";
  display: inline-block;
  margin: 8px 15px 0;
  width: 1px;
  height: 18px;
  background-color: #ccc;
  vertical-align: top;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before {
  display: none;
}

.rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after {
  display: none;
}

.rnd-section .major-wrap .sect-area .sect-box .detail_text, .rnd-section .skon-wrap .sect-area .sect-box .detail_text {
  color: #555;
  font-size: 18px;
  line-height: 30px;
  padding-right: 5.769%;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.rnd-section .major-wrap .sect-area .sect-box .detail_text .t_en, .rnd-section .skon-wrap .sect-area .sect-box .detail_text .t_en {
  -font-weight: 600;
}

.rnd-section .major-wrap .sect-area .sect-box + .sect-box, .rnd-section .skon-wrap .sect-area .sect-box + .sect-box {
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .rnd-section .major-wrap .sect-area, .rnd-section .skon-wrap .sect-area {
    margin-top: 40px;
  }

  .rnd-section .major-wrap .sect-area .rowflex.flexwrap > div:nth-child(1), .rnd-section .major-wrap .sect-area .rowflex.flexwrap > div:nth-child(2), .rnd-section .skon-wrap .sect-area .rowflex.flexwrap > div:nth-child(1), .rnd-section .skon-wrap .sect-area .rowflex.flexwrap > div:nth-child(2) {
    padding: 0px;
  }

  .rnd-section .major-wrap .sect-area .sect-box, .rnd-section .skon-wrap .sect-area .sect-box {
    padding: 28px 28px;
    min-height: auto;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info, .rnd-section .major-wrap .sect-area .sect-box .skon_info, .rnd-section .skon-wrap .sect-area .sect-box .major_info, .rnd-section .skon-wrap .sect-area .sect-box .skon_info {
    display: flex;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk {
    padding-left: 0%;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .title, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .title, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .title, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .title {
    font-size: 18px;
    line-height: 29px;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .info, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .info, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .info, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .info {
    font-size: 12px;
    line-height: 19px;
    margin-top: 2px;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items {
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item {
    font-size: 14px;
    line-height: 22px;
 /* margin-right:10px; padding-right:10px; @include list-div_bar(5px, 100%, 12px, #ccc);*/;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item::after, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item::after, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item::after {
    content: "";
    display: inline-block;
    margin: 5px 10px 0;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    vertical-align: top;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child {
    margin-right: 0;
    padding-right: 0;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::before {
    display: none;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk .items .item:last-child::after, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk .items .item:last-child::after {
    display: none;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .items, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .items, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .items, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .items {
    display: block;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item {
    display: block;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-plastics .item::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-plastics .item::before {
    display: none;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .items, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .items, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .items, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .items {
    display: block;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child {
    display: block;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-environment .item:first-child::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-environment .item:first-child::before {
    display: none;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-oil .items, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .items, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-oil .items, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .items {
    display: block;
  }

  .rnd-section .major-wrap .sect-area .sect-box .major_info .title-blk.title-oil .item:nth-child(2)::before, .rnd-section .major-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .item:nth-child(2)::before, .rnd-section .skon-wrap .sect-area .sect-box .major_info .title-blk.title-oil .item:nth-child(2)::before, .rnd-section .skon-wrap .sect-area .sect-box .skon_info .title-blk.title-oil .item:nth-child(2)::before {
    display: none;
  }

  .rnd-section .major-wrap .sect-area .sect-box .detail_text, .rnd-section .skon-wrap .sect-area .sect-box .detail_text {
    font-size: 13px;
    line-height: 21px;
    padding-right: 0%;
    margin-top: 18px;
  }

  .rnd-section .major-wrap .sect-area .sect-box + .sect-box, .rnd-section .skon-wrap .sect-area .sect-box + .sect-box {
    margin-top: 16px;
  }
}

.rnd-section .major-pannel .p-body {
  margin-top: 20px;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box {
 /*width:53.8071%;*/
  width: 636px;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img {
  display: none;
}

.rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img.on {
  display: block;
}

.rnd-section .major-pannel .major-wrap .sect-area .major_info .title-blk {
  padding-left: 3.4%;
}

@media all and (max-width: 1023px) {
  .rnd-section .major-pannel .p-body {
    margin-top: 0px;
  }

  .rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box {
    width: 100%;
    max-width: 465px;
  }

  .rnd-section .major-pannel .major-wrap .img_btn-area .img_btn-box img {
    display: block;
  }

  .rnd-section .major-pannel .major-wrap .sect-area .major_info .img-blk img {
    height: 56px;
    transform: translate(-6px, 0px);
    margin-top: 2px;
  }

  .rnd-section .major-pannel .major-wrap .sect-area .major_info .title-blk {
    padding-left: 2%;
  }
}

.rnd-section .skon-pannel {
  margin-top: 95px;
}

.rnd-section .skon-pannel .skon-wrap {
  margin-top: 75px;
}

.rnd-section .skon-pannel .skon-wrap .img_btn-area .img_btn-box {
  width: 538px;
}

.rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk {
  padding-left: 2%;
}

.rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .title-blk {
  padding-left: 8.5%;
}

@media all and (max-width: 1023px) {
  .rnd-section .skon-pannel .skon-wrap {
    margin-top: 38px;
  }

  .rnd-section .skon-pannel .skon-wrap .img_btn-area .img_btn-box {
    width: 100%;
    max-width: 465px;
  }

  .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk {
    padding-left: 0%;
  }

  .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .img-blk img {
    height: 50px;
    transform: translate(-10px, 0px);
    margin-top: 0px;
  }

  .rnd-section .skon-pannel .skon-wrap .sect-area .skon_info .title-blk {
    padding-left: 4%;
  }
}

.rnd-section .skon-pannel .info-area {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.rnd-section .skon-pannel .info-area .sub_title {
  margin-top: 40px;
  margin-bottom: -20px;
}

.rnd-section .skon-pannel .symbol-area {
  display: flex;
  justify-content: center;
  height: 340px;
  background: url("../images/skon-bg.jpg") no-repeat 50% 0;
  background-size: auto 100%;
}

.rnd-section .skon-pannel .symbol-area .symbol {
  padding: 60px 4.4% 0;
}

.rnd-section .skon-pannel .symbol-area .symbol > span {
  display: block;
  text-align: center;
}

.rnd-section .skon-pannel .symbol-area .symbol .img-box {
  width: 184px;
}

.rnd-section .skon-pannel .symbol-area .symbol .img-box img {
  width: 100%;
}

.rnd-section .skon-pannel .symbol-area .symbol .text-box {
  margin-top: 15px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.rnd-section .skon-pannel .info-area + .symbol-area {
  margin-top: 32px;
}

.rnd-section .skon-pannel .symbol-area + .info-area {
  margin-top: 34px;
}

@media all and (max-width: 1023px) {
  .rnd-section .skon-pannel {
    margin-top: 45px;
  }

  .rnd-section .skon-pannel .info-area {
    font-size: 13px;
    line-height: 21px;
  }

  .rnd-section .skon-pannel .info-area .sub_title {
    margin-top: 25px;
    margin-bottom: 20px;
  }

  .rnd-section .skon-pannel .symbol-area {
    display: block;
    text-align: center;
    height: auto;
    padding: 40px 0 35px;
    background: url("../images/skon-bg-mb.jpg") no-repeat 50% 50%;
    background-size: cover;
  }

  .rnd-section .skon-pannel .symbol-area .symbol {
    padding: 0;
    display: inline-block;
    width: 34.6875%;
    margin: 0px 6%;
  }

  .rnd-section .skon-pannel .symbol-area .symbol > span {
    display: inline-block;
  }

  .rnd-section .skon-pannel .symbol-area .symbol .img-box {
    width: 100%;
  }

  .rnd-section .skon-pannel .symbol-area .symbol .img-box img {
    max-width: 111px;
  }

  .rnd-section .skon-pannel .symbol-area .symbol .text-box {
    width: 100%;
    max-width: 111px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
  }

  .rnd-section .skon-pannel .symbol-area .symbol:nth-child(1), .rnd-section .skon-pannel .symbol-area .symbol:nth-child(1) .img-box {
    text-align: right;
  }

  .rnd-section .skon-pannel .symbol-area .symbol:nth-child(2), .rnd-section .skon-pannel .symbol-area .symbol:nth-child(2) .img-box {
    text-align: left;
  }

  .rnd-section .skon-pannel .symbol-area .symbol:nth-child(3) {
    margin-top: 15px;
  }

  .rnd-section .skon-pannel .info-area + .symbol-area, .rnd-section .skon-pannel .symbol-area + .info-area {
    margin-top: 23px;
  }
}

.rnd-section .research-pannel {
  margin-top: 85px;
}

.rnd-section .research-pannel .p-body {
  margin-top: 10px;
}

.rnd-section .research-pannel .text-area .title {
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}

.rnd-section .research-pannel .text-area .desc {
  margin-top: 28px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  padding-right: 146px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.rnd-section .research-pannel .text-area .keyword {
  margin-top: 16px;
  color: #2b8f4f;
  font-size: 20px;
  line-height: 30px;
}

.rnd-section .research-pannel .text-area .keyword ul {
  display: flex;
}

.rnd-section .research-pannel .text-area .keyword ul li + li {
  position: relative;
  margin-left: 16px;
  padding-left: 16px;
}

.rnd-section .research-pannel .text-area .keyword ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 18px;
  background-color: #ccc;
}

.rnd-section .research-pannel .text-area + .text-area {
  margin-top: 66px;
}

.rnd-section .research-pannel .img-area {
  border: 1px solid #dedede;
  padding: 60px 0;
  margin-top: 75px;
}

.rnd-section .research-pannel .img-area img {
  width: 83.96%;
}

.rnd-section .research-pannel .img-area .rowflex > div {
  position: relative;
  text-align: center;
}

.rnd-section .research-pannel .img-area .rowflex > div + div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
  .rnd-section .research-pannel {
    margin-top: 45px;
  }

  .rnd-section .research-pannel .p-body {
    margin-top: 0px;
  }

  .rnd-section .research-pannel .text-area .title {
    font-size: 18px;
    line-height: 29px;
  }

  .rnd-section .research-pannel .text-area .desc {
    margin-top: 17px;
    padding-right: 0;
    font-size: 13px;
    line-height: 21px;
  }

  .rnd-section .research-pannel .text-area .keyword {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }

  .rnd-section .research-pannel .text-area .keyword ul li + li {
    margin-left: 10px;
    padding-left: 10px;
  }

  .rnd-section .research-pannel .text-area .keyword ul li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 12px;
    background-color: #ccc;
  }

  .rnd-section .research-pannel .text-area + .text-area {
    margin-top: 30px;
  }

  .rnd-section .research-pannel .img-area {
    padding: 0 26px;
    margin-top: 36px;
  }

  .rnd-section .research-pannel .img-area img {
    width: auto;
    height: 235px;
  }

  .rnd-section .research-pannel .img-area .rowflex > div {
    padding: 30px 0;
  }

  .rnd-section .research-pannel .img-area .rowflex > div + div::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    border-left: none;
    border-top: 1px dashed #dedede;
  }
}

/* 글로벌 네트워크 */
.global_network-section {
  padding-top: 120px;
  padding-bottom: 120px;
 /* 국내 */ /* 해외 */ /* 지도 */ /* 아코디언 레이아웃 */ /* 리스트 아이템 */;
}

@media all and (max-width: 1023px) {
  .global_network-section {
    padding-top: 48px;
    padding-bottom: 60px;
  }
}

.global_network-section.global_kor {
  padding-top: 50px;
  padding-bottom: 120px;
}

@media all and (max-width: 1023px) {
  .global_network-section.global_kor {
    padding-top: 20px;
    padding-bottom: 60px;
 /* 모바일 크기 확대-- */;
  }

  .global_network-section.global_kor #kor_map_mb {
    width: calc( 100% + 40px);
    margin-left: -20px;
    margin-top: -20px;
  }

  .global_network-section.global_kor .global_accordion-wrap .country_kor.country-article {
    margin-top: 0;
  }
}

.global_network-section.global_world .section-wrap {
  background-image: url(../images/global_network-world-pc.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100%;
}

.global_network-section.global_world .section-wrap .global_visual {
 /* mobile : ~ 1023 */ /* mobile : ~ 800 */ /* mobile : ~ 500 */ /* mobile : ~ 400 */;
}

.global_network-section.global_world .section-wrap .global_visual .map-area {
  width: 100%;
  height: 0;
  padding-bottom: 57.0219%;
}

@media all and (max-width: 1023px) {
  .global_network-section.global_world .section-wrap .global_visual {
    margin-bottom: 5%;
  }
}

@media all and (max-width: 800px) {
  .global_network-section.global_world .section-wrap .global_visual {
    margin-bottom: 15%;
  }
}

@media all and (max-width: 500px) {
  .global_network-section.global_world .section-wrap .global_visual {
    margin-bottom: 25%;
  }
}

@media all and (max-width: 400px) {
  .global_network-section.global_world .section-wrap .global_visual {
    margin-bottom: 35%;
  }
}

.global_network-section.global_world .section-wrap .global_map {
  position: absolute;
}

.global_network-section.global_world .section-wrap .global_map .amc {
  cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .amc:hover g.america_map path {
  fill: #d1e06a;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .amc:hover g[class^="america_dot"] path {
  fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .amc.active g.america_map path {
  fill: #b3cf07;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .amc.active g[class^="america_dot"] path {
  fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .as {
  cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .as:hover g.asia_map path {
  fill: #d1e06a;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .as:hover g[class^="asia_dot"] path {
  fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .as.active g.asia_map path {
  fill: #b3cf07;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .as.active g[class^="asia_dot"] path {
  fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .eu {
  cursor: pointer;
}

.global_network-section.global_world .section-wrap .global_map .eu:hover g.europe_map path, .global_network-section.global_world .section-wrap .global_map .eu.hover g.europe_map path {
  fill: #d1e06a;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .eu:hover g[class^="europe_dot"] path, .global_network-section.global_world .section-wrap .global_map .eu.hover g[class^="europe_dot"] path {
  fill: #2b8e4f;
}

.global_network-section.global_world .section-wrap .global_map .eu.active g.europe_map path {
  fill: #b3cf07;
  filter: drop-shadow(3px 5px 10px rgba(0, 0, 0, 0.1));
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.global_network-section.global_world .section-wrap .global_map .eu.active g[class^="europe_dot"] path {
  fill: #2b8e4f;
}

@media all and (min-width: 1280px) {
  .global_network-section.global_world .section-wrap {
    background-image: url(../images/global_network-world.jpg);
    background-size: 1920px auto;
  }
}

.global_network-section .global_visual .map-area {
  position: relative;
}

.global_network-section .global_visual .map-area .global_map svg {
  transform: inherit !important;
}

.global_network-section .global_visual .map-area .number-box {
  display: none;
  padding: 10px 25px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1), 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
 /* mobile : ~ 1023 */ /* mobile : ~ 800 */ /* mobile : ~ 500 */ /* mobile : ~ 400 */;
}

.global_network-section .global_visual .map-area .number-box ul li {
  line-height: 38px;
}

.global_network-section .global_visual .map-area .number-box ul span {
  font-size: 18px;
  font-weight: 500;
  color: #555;
}

.global_network-section .global_visual .map-area .number-box ul em {
  position: relative;
  padding-left: 12px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #16873e;
  text-decoration: underline;
}

.global_network-section .global_visual .map-area .number-box ul em::before {
  content: '';
  display: block;
  width: 1px;
  height: 13px;
  position: absolute;
  top: 5px;
  left: 0;
  background-color: #999;
}

@media all and (max-width: 1023px) {
  .global_network-section .global_visual .map-area .number-box {
    padding: 10px 15px;
  }

  .global_network-section .global_visual .map-area .number-box ul li {
    line-height: 24px;
  }

  .global_network-section .global_visual .map-area .number-box ul span {
    font-size: 12px;
    color: #222;
  }

  .global_network-section .global_visual .map-area .number-box ul em {
    padding-left: 7px;
    margin-left: 5px;
    font-size: 12px;
    color: #2ea358;
    text-decoration: none;
  }

  .global_network-section .global_visual .map-area .number-box ul em::before {
    height: 9px;
    top: 3px;
    left: 0;
  }
}

.global_network-section .global_visual .map-area .number-box.am-number {
  position: absolute;
  right: 245px;
  bottom: 20px;
}

.global_network-section .global_visual .map-area .number-box.eu-number {
  position: absolute;
  left: 50px;
  bottom: 60px;
}

.global_network-section .global_visual .map-area .number-box.as-number {
  position: absolute;
  right: 390px;
  bottom: 60px;
}

@media all and (max-width: 1023px) {
  .global_network-section .global_visual .map-area .number-box.am-number {
    width: 160px;
    left: 0;
    bottom: -5%;
  }

  .global_network-section .global_visual .map-area .number-box.eu-number {
    width: 160px;
    left: auto;
    right: 0;
    bottom: -5%;
  }

  .global_network-section .global_visual .map-area .number-box.as-number {
    width: 163px;
    right: 0;
    bottom: -5%;
  }
}

@media all and (max-width: 800px) {
  .global_network-section .global_visual .map-area .number-box.am-number {
    width: 160px;
    left: 0;
    bottom: -15%;
  }

  .global_network-section .global_visual .map-area .number-box.eu-number {
    width: 160px;
    left: auto;
    right: 0;
    bottom: -15%;
  }

  .global_network-section .global_visual .map-area .number-box.as-number {
    width: 163px;
    right: 0;
    bottom: -15%;
  }
}

@media all and (max-width: 500px) {
  .global_network-section .global_visual .map-area .number-box.am-number {
    width: 160px;
    left: 0;
    bottom: -20%;
  }

  .global_network-section .global_visual .map-area .number-box.eu-number {
    width: 160px;
    left: auto;
    right: 0;
    bottom: -20%;
  }

  .global_network-section .global_visual .map-area .number-box.as-number {
    width: 163px;
    right: 0;
    bottom: -20%;
  }
}

@media all and (max-width: 400px) {
  .global_network-section .global_visual .map-area .number-box.am-number {
    width: 160px;
    left: 0;
    bottom: -50%;
  }

  .global_network-section .global_visual .map-area .number-box.eu-number {
    width: 160px;
    left: auto;
    right: 0;
    bottom: -50%;
  }

  .global_network-section .global_visual .map-area .number-box.as-number {
    width: 163px;
    right: 0;
    bottom: -50%;
  }
}

.global_network-section .global_accordion-wrap .country-article {
  margin-top: 30px;
 /* 한국 */;
}

.global_network-section .global_accordion-wrap .country-article.country_kor .workplace-area {
  display: block;
  border-top: 2px solid #222;
  border-bottom: 0px solid #dedede;
}

.global_network-section .global_accordion-wrap .country-article.country_kor .workplace-area > ul > li {
  border-top: 0;
  border-bottom: 1px solid #dedede;
}

.global_network-section .global_accordion-wrap .accor_name {
  position: relative;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.global_network-section .global_accordion-wrap .accor_name.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.global_network-section .global_accordion-wrap .accor_name span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  line-height: 40px;
}

.global_network-section .global_accordion-wrap .accor_name::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #222;
  position: absolute;
  bottom: 0;
}

@media all and (max-width: 1023px) {
  .global_network-section .global_accordion-wrap .accor_name {
    padding: 5px 0;
  }

  .global_network-section .global_accordion-wrap .accor_name span {
    font-size: 17px;
  }
}

.global_network-section .global_accordion-wrap .workplace-area {
  position: relative;
  overflow: hidden;
  display: none;
  border-bottom: 1px solid #999;
}

.global_network-section .global_accordion-wrap .workplace-area > ul > li + li {
  border-top: 1px solid #999;
}

.global_network-section .global_accordion-wrap .workplace-area .li-inner {
  padding: 0 40px;
}

@media all and (max-width: 1023px) {
  .global_network-section .global_accordion-wrap .workplace-area .li-inner {
    padding: 0 16px;
  }
}

.global_network-section .workplace-item + .workplace-item {
  border-top: 1px solid #dedede;
}

.global_network-section .workplace-item {
  padding: 36px 20px;
}

.global_network-section .workplace-item .rowflex {
  align-items: center;
}

.global_network-section .workplace-item .rowflex > .col-auto {
  width: 80px;
}

.global_network-section .workplace-item .rowflex .li-inner {
  padding: 0 40px;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item {
    padding: 15px 0 12px;
  }

  .global_network-section .workplace-item .rowflex > .col-auto {
    width: 100%;
  }
}

.global_network-section .workplace-item .name-box {
  margin-bottom: 27px;
}

.global_network-section .workplace-item .name-box span {
  font-size: 22px;
  font-weight: 600;
  color: #16873e;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item .name-box {
    margin-bottom: 10px;
  }

  .global_network-section .workplace-item .name-box span {
    font-size: 16px;
  }
}

.global_network-section .workplace-item .city-box span {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item .city-box span {
    font-size: 14px;
    line-height: 15px;
  }
}

.global_network-section .workplace-item .office-box .office, .global_network-section .workplace-item .office-box .city {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.global_network-section .workplace-item .office-box span {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.global_network-section .workplace-item .office-box .office span {
  color: #222222;
}

.global_network-section .workplace-item .office-box .city {
  margin-left: 15px;
  padding-left: 15px;
}

.global_network-section .workplace-item .office-box .city::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: #898989;
}

.global_network-section .workplace-item .office-box .city span {
  color: #16873e;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item .office-box span {
    font-size: 14px;
  }

  .global_network-section .workplace-item .office-box .city {
    margin-left: 9px;
    padding-left: 11px;
  }

  .global_network-section .workplace-item .office-box .city::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 11px;
    background-color: #898989;
  }
}

.global_network-section .workplace-item .address-box {
  margin-top: 13px;
}

.global_network-section .workplace-item .address-box address {
  display: inline-block;
  margin-right: 20px;
  font-size: 0;
  vertical-align: top;
}

.global_network-section .workplace-item .address-box address span {
  font-size: 18px;
  font-weight: 500;
  color: #555;
  line-height: 30px;
}

.global_network-section .workplace-item .address-box .tel, .global_network-section .workplace-item .address-box .fax {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.global_network-section .workplace-item .address-box .tel em, .global_network-section .workplace-item .address-box .fax em {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  line-height: 26px;
}

.global_network-section .workplace-item .address-box .tel span, .global_network-section .workplace-item .address-box .fax span {
  font-size: 18px;
  font-weight: 500;
  color: #555;
  line-height: 26px;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item .address-box {
    margin: 5px 0 0;
  }

  .global_network-section .workplace-item .address-box address {
    display: block;
  }

  .global_network-section .workplace-item .address-box address span {
    font-size: 13px;
    line-height: 20px;
  }

  .global_network-section .workplace-item .address-box .tel em, .global_network-section .workplace-item .address-box .fax em {
    font-size: 13px;
    line-height: 28px;
  }

  .global_network-section .workplace-item .address-box .tel span, .global_network-section .workplace-item .address-box .fax span {
    font-size: 13px;
    line-height: 28px;
  }
}

.global_network-section .workplace-item .map-box {
  text-align: right;
}

.global_network-section .workplace-item .map-box .map_link:hover span, .global_network-section .workplace-item .map-box .map_link.hover span {
  text-decoration: underline;
}

.global_network-section .workplace-item .map-box em {
  vertical-align: top;
}

.global_network-section .workplace-item .map-box span {
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  line-height: 30px;
  vertical-align: top;
}

@media all and (max-width: 1023px) {
  .global_network-section .workplace-item .map-box {
    text-align: left;
    line-height: 1.2;
  }

  .global_network-section .workplace-item .map-box .icon-global_map::after {
    margin-left: -3px;
  }

  .global_network-section .workplace-item .map-box span {
    font-size: 13px;
    color: #555;
  }
}

/* 개요 */
.summary-section {
  padding: 120px 0;
}

.summary-section .s-head {
  margin-bottom: 86px;
}

.summary-section .s-head .sub-title {
  margin-top: -10px;
  color: #222;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
}

.summary-section .s-head .sub-title .c-green {
  color: #16873e;
  font-weight: bold;
}

.summary-section .s-head .sub-title span {
  white-space: nowrap;
}

.summary-section .title {
  font-size: 36px;
  font-weight: 700;
  color: #222;
  line-height: 48px;
}

.summary-section .history-panel .p-body {
  margin-top: 56px;
}

.summary-section .history-panel .p-body .img-area {
  text-align: center;
}

.summary-section .history-panel .p-body .box-area {
  margin-top: 20px;
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap {
  position: relative;
  padding-bottom: 50px;
}

/* .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
  padding: 25px 20px;
  text-align: center;
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
  border: 4px solid #8cc63f;
  border-radius: 60px;
  width: 100%;
  height: 120px;
  max-width: 284px;
  margin: 0 auto;
  align-items: center;
} */

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #999;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b3cf0a;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 2;
  transform: translate(-50%, 50%);
}


/* 2024-10-08 */
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
  padding: 0px 0;
  position: relative;
}

.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .rect2 {
  z-index: 2;
  padding: 25px 60px;
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
  border: 4px solid #8cc63f;
  border-radius: 60px;
  width: 100%;
  height: 120px;
  max-width: 284px;
  margin: 0 auto;
  background:#FFF;
  align-items: center;
  position: relative;
 
}


.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .ens {
  z-index: 1;
  position: absolute;
  top: -17px;
  padding: 25px 60px;
  height: 70px;
  max-width: 200px;
  margin: 0 auto;
  align-items: center;
 left: calc(50% + 82px);
 
}


@media all and (max-width: 1023px) {
 
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .ens {
  z-index: 1;
  position: absolute;
  top: -22px;
  padding: 25px 60px;
  height: 70px;
  width: 200px;
  margin: 0 auto;
  align-items: center;
  left: calc(50% + 10px);
 
}
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .ens img
{width:150px !important;}

}


@media all and (max-width: 768px) {
 
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .ens {
  z-index: 1;
  position: absolute;
  top: -20px;
  padding: 25px 60px;
  height: 70px;
  width: 200px;
  margin: 0 auto;
  align-items: center;
  left: calc(50% + 10px);
 
}
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap  .ens img
{width:150px !important;}

}
/* 2024-10-08 */



.summary-section .history-panel .p-body .box-area .b-head .logo-wrap {
  border: 1px solid #dedede;
  border-radius: 30px;
  width: 1200px;
  height: 240px;
  margin: 0px auto 0;
  padding: 55px;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
  justify-content: center;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
  padding: 0 25px;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col img {
  height: 52px;
}

.summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout + .logo-layout {
  margin-top: 35px;
}

.summary-section .business-panel {
  margin-top: 110px;
}

.summary-section .business-panel .p-head .text-desc {
  margin-top: 22px;
}

.summary-section .business-panel .p-head .text-desc p {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.summary-section .business-panel .p-body {
  margin-top: 54px;
}

.summary-section .business-panel .p-body .box_list-area .box_title {
  font-size: 28px;
  line-height: 42px;
  color: #222;
  font-weight: 700;
}

.summary-section .business-panel .p-body .box_list-area .sub_title {
  font-size: 22px;
  line-height: 38px;
  color: #16873e;
  font-weight: 600;
  padding: 10px 0 24px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.summary-section .business-panel .p-body .box_list-area .sub_title em {
  color: #555;
}

.summary-section .business-panel .p-body .box_list-area .box_layout + .box_layout {
  margin-top: 40px;
}

.summary-section .business-panel .p-body .box_list-area .box_layout {
  justify-content: space-between;
  align-items: center;
  border: 1px solid #dedede;
 /*padding: 40px 60px;*/
  padding: 40px 0px 40px 5.08%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout > .col-text {
  width: 31.25%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout > .col-img {
  width: 63.4%;
}

.summary-section .business-panel .p-body .box_list-area .box_layout .text-area p {
  color: #555;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.summary-section .business-panel .p-body .box_list-area .box_layout .img-area img {
  width: 100%;
}

@media all and (max-width: 1279px) {
  .summary-section .business-panel .p-body .box_list-area .box_layout > .col-text {
    width: 36%;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout > .col-img {
    width: 60%;
  }
}

.summary-section .business-panel .p-body .box-area {
  margin-top: 40px;
  margin-bottom: 40px;
  align-items: center;
  border: 1px solid #dedede;
 /*padding: 60px 69px;*/
  padding: 60px 5.837%;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap {
  text-align: center;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
  margin-top: 48px;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
  font-size: 28px;
  line-height: 42px;
  color: #222;
  font-weight: 700;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
  font-size: 22px;
  line-height: 36px;
  color: #16873e;
  font-weight: 600;
  padding: 14px 0 26px;
}

.summary-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
  padding: 0px 60px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.summary-section .business-panel .p-body .box-area .img-area {
  margin-top: 65px;
  text-align: center;
}

.summary-section .business-panel .p-body .box-area .img-area.trade_item {
  margin-top: 35px;
}

.summary-section .business-panel .p-body .box-area .img-area.trade_item img {
  width: 370px;
}

.summary-section .business-panel .p-body .box-area .img_full img {
  width: 100%;
}

@media all and (max-width: 1279px) {
  .summary-section .business-panel .p-body .box-area {
    padding: 60px 4%;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap {
    padding: 0 30px;
  }
}

.summary-section .subcompany-panel {
  margin-top: 94px;
}

.summary-section .subcompany-panel .p-body {
  margin-top: 32px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
  width: calc( 100% + 30px);
  margin-left: -15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x > * {
  padding: 0 15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
  position: relative;
  padding-bottom: 65px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
  padding-bottom: 0;
  padding-top: 65px;
  height: 100%;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
  top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
  content: "";
  width: 1px;
  height: 65px;
  background-color: #ccc;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b3cf0a;
  position: absolute;
  bottom: 65px;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 30px 10px 24px;
  text-align: center;
  height: 100%;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title {
  font-size: 22px;
  line-height: 36px;
  padding: 22px 0 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
  font-size: 20px;
  line-height: 44px;
  color: #16873e;
  font-weight: 600;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area {
  position: relative;
  width: calc( 100% + 30px);
  margin-left: -15px;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
  content: "";
  width: calc(100% - 50%);
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: calc( (20% / 2));
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
  content: "";
  width: calc(100% - 25%);
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: calc( (25% / 2));
  top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
  padding: 70px 0;
  position: relative;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
  content: "";
  width: 1px;
  height: 70px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  bottom: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
  content: "";
  width: 1px;
  height: 70px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 0;
}

.summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
  width: 320px;
  height: 120px;
  border-radius: 60px;
  background-color: #b3cf0a;
  padding: 24px 70px;
  margin: 0 auto;
}

@media all and (max-width: 1023px) {
  .summary-section {
    padding: 40px 0 60px;
  }

  .summary-section .s-head {
    margin-bottom: 38px;
  }

  .summary-section .s-head .sub-title {
    margin-top: 0px;
    font-size: 17px;
    line-height: 27px;
  }

  .summary-section .title {
    font-size: 21px;
    line-height: 33px;
  }

  .summary-section .history-panel .p-body {
    margin-top: 26px;
  }

  .summary-section .history-panel .p-body .img-area img {
    width: 100%;
    max-width: 642px;
  }

  .summary-section .history-panel .p-body .box-area {
    margin-top: 15px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .rect-wrap {
    padding-bottom: 25px;
  }

  /* .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
    padding: 11px 43px;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
    border: 2px solid #8cc63f;
    border-radius: 35px;
    height: 70px;
    width: 190px;
  } */
  
/* 2024-10-09 */
.summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect2 {
    padding: 11px 33px;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
    border: 2px solid #8cc63f;
    border-radius: 35px;
    height: 60px;
    width: 150px;
  }
  .summary-section .history-panel .p-body .box-area .b-head .rect-wrap .rect img {
    width: 85px;
  }
/* 2024-10-09 */

  .summary-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
    height: 25px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .logo-wrap {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    padding: 8px 15px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
    justify-content: center;
    flex-wrap: wrap;
  }

  .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
    padding: 16px 5px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col img {
    height: 30px;
  }

  .summary-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout + .logo-layout {
    margin-top: 0px;
  }

  .summary-section .business-panel {
    margin-top: 50px;
  }

  .summary-section .business-panel .p-head .text-desc {
    margin-top: 17px;
  }

  .summary-section .business-panel .p-head .text-desc p {
    font-size: 13px;
    line-height: 21px;
  }

  .summary-section .business-panel .p-body {
    margin-top: 25px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_title {
    font-size: 18px;
    line-height: 29px;
  }

  .summary-section .business-panel .p-body .box_list-area .sub_title {
    font-size: 16px;
    line-height: 25px;
    padding: 4px 0 14px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout + .box_layout {
    margin-top: 15px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout {
    align-items: center;
    border: 1px solid #dedede;
    padding: 35px 0px 40px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout > .col-text {
    width: 100%;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout > .col-img {
    width: 100%;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout .text-area {
    padding: 0 28px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout .text-area p {
    font-size: 13px;
    line-height: 21px;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout .img-area {
    padding: 35px 0 0 0;
    text-align: center;
  }

  .summary-section .business-panel .p-body .box_list-area .box_layout .img-area img {
    width: 100%;
    max-width: 400px;
  }

  .summary-section .business-panel .p-body .box-area {
    margin: 0px;
    border: 0px;
    padding: 45px 0px 50px;
  }

  .summary-section .business-panel .p-body .box-area .text-area {
    position: relative;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap {
    text-align: center;
    padding: 0 30px;
    width: 320px;
    margin: 0 auto;
    position: relative;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap.chemistry_item {
    position: absolute;
    top: 470px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
    margin-top: 20px;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
    font-size: 18px;
    line-height: 29px;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
    font-size: 16px;
    line-height: 21px;
    padding: 8px 0 12px;
  }

  .summary-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
    font-size: 13px;
    line-height: 21px;
    padding: 0;
  }

  .summary-section .business-panel .p-body .box-area .text-area .img-area.trade_item {
    margin-top: 20px;
  }

  .summary-section .business-panel .p-body .box-area .text-area .img-area img {
    width: 105px;
  }

  .summary-section .business-panel .p-body .box-area > .img-area {
    margin-top: 30px;
    text-align: center;
    position: relative;
    height: 1068px;
    background-image: url(../images/summary_business_04_mb.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 320px;
  }

  .summary-section .subcompany-panel {
    margin-top: 54px;
  }

  .summary-section .subcompany-panel .p-body {
    margin-top: 16px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
    width: calc( 100% + 16px);
    margin-left: -8px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item {
    position: relative;
    padding-top: 20px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x.bottom_item {
    margin-top: -15px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x > * {
    padding: 0 8px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
    position: relative;
    padding-bottom: 15px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
    padding-bottom: 0;
    padding-top: 16px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
    top: 0;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
    display: none;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
    display: none;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
    border-radius: 10px;
    padding: 20px 0 20px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .img-area img {
    width: 50px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title {
    font-size: 14px;
    line-height: 22px;
    padding: 6px 0 0;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
    font-size: 13px;
    line-height: 21px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area {
    position: relative;
    width: calc( 100% + 16px);
    margin-left: -8px;
    padding-bottom: 0px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
    display: none;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
    display: none;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
    padding: 18px 0px 18px;
    position: relative;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
    content: "";
    width: 1px;
    height: 18px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
    content: "";
    width: calc(100% - 50%);
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: calc( (50% / 2));
    top: 122px;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
    width: 240px;
    height: 86px;
    border-radius: 43px;
    background-color: #b3cf0a;
    padding: 17px 56px;
    margin: 0 auto;
  }

  .summary-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner img {
    width: 100%;
  }
}

/* ================= COMPANY 미디어센터  ================= */
.media_center-section {
  padding-top: 120px;
  padding-bottom: 120px;
 /* mobile : */;
}

.media_center-section .s-head + .s-body {
  padding-top: 80px;
}

.media_center-section .media-list > li + li {
  margin-top: 30px;
}

.media_center-section .media-list > li > article {
  background-color: #f9f9f9;
}

.media_center-section .media-list .media-area .thumb-box {
  position: relative;
}

.media_center-section .media-list .media-area .thumb-box .play-btn {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.media_center-section .media-list .media-area.movie .img-ratio {
  padding-bottom: 61.742%;
}

.media_center-section .media-list .media-area.movie .img-ratio img, .media_center-section .media-list .media-area.movie .img-ratio iframe {
  width: 100%;
}

.media_center-section .media-list .media-area.movie .thumb-box {
  display: block;
}

.media_center-section .media-list .media-area.movie .video-box {
  display: none;
}

.media_center-section .media-list .media-area.movie .video-box iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.media_center-section .media-list .media-area.movie.media_playing .thumb-box {
  display: none;
}

.media_center-section .media-list .media-area.movie.media_playing .video-box {
  display: block;
}

.media_center-section .media-list .media-area.poster {
  position: relative;
  background: #dfdfdf;
  width: 100%;
 /*height:100%;*/
  height: 0;
  padding-bottom: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn .icon-poster_view {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.media_center-section .media-list .media-area.poster .poster_view-btn:hover .icon-poster_view, .media_center-section .media-list .media-area.poster .poster_view-btn:focus .icon-poster_view {
  display: block;
}

.media_center-section .media-list .media-area.poster .img-ratio {
  padding-bottom: 139%;
}

.media_center-section .media-list .media-area.poster .img-ratio img {
  width: 100%;
}

.media_center-section .media-list .media-area.poster .thumb-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56.4383%;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.media_center-section .media-list .text-area {
  height: 100%;
 /*padding:45px 50px;*/
  padding: 45px 9.4%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
 /*justify-content:center;*/;
}

.media_center-section .media-list .text-area .title {
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  box-sizing: initial;
  max-height: 72px;
  margin-bottom: 24px;
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.media_center-section .media-list .text-area .txt-contents {
  flex: 1 1 auto;
  color: #555555;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  position: relative;
}

.media_center-section .media-list .text-area .txt-contents::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
  border-bottom: 1px solid #dedede;
}

.media_center-section .media-list .text-area .txt-contents .txt-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.media_center-section .media-list .text-area .title + .txt-contents {
  margin-top: 24px;
}

.media_center-section .media-list .text-area .scroll-type {
  height: 100%;
 /*max-height:200px;*/
  padding-right: 20px;
  margin-right: -20px;
}

@media all and (max-width: 1279px) {
  .media_center-section .media-list .text-area {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.media_center-section .social-list {
 /*margin: 0 -15px;*/
  margin: 0 -1.27%;
}

.media_center-section .social-list li {
 /*padding:0 15px;*/
  padding: 0 1.27%;
}

@media all and (max-width: 1279px) {
  .media_center-section .social-list {
    margin: 0 -0.8%;
  }

  .media_center-section .social-list li {
    padding: 0 0.8%;
  }
}

.media_center-section .social-list li > a {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 15px;
 /*padding:50px 40px;*/
  padding: 50px 14.65%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: ease-out 0.15s;
}

.media_center-section .social-list li > a .social {
  display: block;
  margin-top: 30px;
  color: #222;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.media_center-section .social-list li > a .icon-social {
  display: block;
  width: 100%;
  height: 46px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.media_center-section .social-list li > a .icon-golink_arrow {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 105px;
}

.media_center-section .social-list li > a:hover, .media_center-section .social-list li > a:focus {
  border-color: transparent;
  box-shadow: 10px 0px 30px 0px rgba(0, 15, 21, 0.1);
}

.media_center-section .social-list li > a:hover .social, .media_center-section .social-list li > a:focus .social {
  color: #96ad07;
}

.media_center-section .social-list li > a:hover .icon-golink_arrow::before, .media_center-section .social-list li > a:focus .icon-golink_arrow::before {
  opacity: 1;
  transform: scale(1, 1);
}

.media_center-section .social-list .icon-social.youtube {
  background-image: url("../images/icon-social-youtube.png");
}

.media_center-section .social-list .icon-social.instagram {
  background-image: url("../images/icon-social-instagram.png");
}

.media_center-section .social-list .icon-social.linkedin {
  background-image: url("../images/icon-social-linkedin.png");
}

.media_center-section .social-list .icon-social.facebook {
  background-image: url("../images/icon-social-facebook.png");
}

@media all and (max-width: 1023px) {
  .media_center-section {
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .media_center-section .s-head + .s-body {
    padding-top: 24px;
  }

  .media_center-section .media-list .media-area.poster {
    padding-bottom: 61.875%;
  }

  .media_center-section .media-list .media-area.poster .thumb-box {
    width: 35%;
  }

  .media_center-section .media-list .text-area {
    padding: 22px 25px 12px;
  }

  .media_center-section .media-list .text-area .title {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 14px;
  }

  .media_center-section .media-list .text-area .txt-contents {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 23px;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box {
    position: relative;
    max-height: 96px;
    height: auto;
    padding-right: 0;
    margin-right: 0;
    overflow-y: hidden;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box.expand {
    height: auto;
    max-height: none;
    box-sizing: initial;
    padding-bottom: 4px;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box .os-scrollbar {
    display: none;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box .os-viewport.os-viewport-native-scrollbars-invisible {
    overflow-y: hidden !important;
  }

  .media_center-section .media-list .text-area .txt-contents::before {
    top: -14px;
  }

  .media_center-section .media-list .text-area .title + .txt-contents {
    margin-top: 14px;
  }

  .media_center-section .media-list .text-area .more_txt-btn {
    padding: 8px 0;
    width: 100%;
  }

  .media_center-section .media-list .text-area .more_txt-btn.on > .icon-more_txt_arrow-2x {
    transform: rotate(-180deg);
  }

  .media_center-section .social-list {
    margin: -8px;
  }

  .media_center-section .social-list li {
    padding: 8px;
  }

  .media_center-section .social-list li > a {
    padding: 32px 24px;
  }

  .media_center-section .social-list li > a .social {
    font-size: 14px;
    line-height: 28px;
    margin-top: 15px;
  }

  .media_center-section .social-list li > a .icon-social {
    height: 36px;
  }

  .media_center-section .social-list li > a .icon-golink_arrow {
    margin-top: 45px;
  }
}

/* ================= COMPANY 미디어센터  ================= */
.media_center-section {
  padding-top: 120px;
  padding-bottom: 120px;
 /* mobile : */;
}

.media_center-section .s-head + .s-body {
  padding-top: 80px;
}

.media_center-section .media-list > li + li {
  margin-top: 30px;
}

.media_center-section .media-list > li > article {
  background-color: #f9f9f9;
}

.media_center-section .media-list .media-area .thumb-box {
  position: relative;
}

.media_center-section .media-list .media-area .thumb-box .play-btn {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.media_center-section .media-list .media-area.movie .img-ratio {
  padding-bottom: 61.742%;
}

.media_center-section .media-list .media-area.movie .img-ratio img, .media_center-section .media-list .media-area.movie .img-ratio iframe {
  width: 100%;
}

.media_center-section .media-list .media-area.movie .thumb-box {
  display: block;
}

.media_center-section .media-list .media-area.movie .video-box {
  display: none;
}

.media_center-section .media-list .media-area.movie .video-box iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.media_center-section .media-list .media-area.movie.media_playing .thumb-box {
  display: none;
}

.media_center-section .media-list .media-area.movie.media_playing .video-box {
  display: block;
}

.media_center-section .media-list .media-area.poster {
  position: relative;
  background: #dfdfdf;
  width: 100%;
 /*height:100%;*/
  height: 0;
  padding-bottom: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.media_center-section .media-list .media-area.poster .poster_view-btn .icon-poster_view {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.media_center-section .media-list .media-area.poster .poster_view-btn:hover .icon-poster_view, .media_center-section .media-list .media-area.poster .poster_view-btn:focus .icon-poster_view {
  display: block;
}

.media_center-section .media-list .media-area.poster .img-ratio {
  padding-bottom: 139%;
}

.media_center-section .media-list .media-area.poster .img-ratio img {
  width: 100%;
}

.media_center-section .media-list .media-area.poster .thumb-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56.4383%;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.media_center-section .media-list .text-area {
  height: 100%;
 /*padding:45px 50px;*/
  padding: 45px 9.4%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
 /*justify-content:center;*/;
}

.media_center-section .media-list .text-area .title {
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  box-sizing: initial;
  max-height: 72px;
  margin-bottom: 24px;
  flex: 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.media_center-section .media-list .text-area .txt-contents {
  flex: 1 1 auto;
  color: #555555;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  position: relative;
}

.media_center-section .media-list .text-area .txt-contents::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
  border-bottom: 1px solid #dedede;
}

.media_center-section .media-list .text-area .txt-contents .txt-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.media_center-section .media-list .text-area .title + .txt-contents {
  margin-top: 24px;
}

.media_center-section .media-list .text-area .scroll-type {
  height: 100%;
 /*max-height:200px;*/
  padding-right: 20px;
  margin-right: -20px;
}

@media all and (max-width: 1279px) {
  .media_center-section .media-list .text-area {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.media_center-section .media-list .scroll-type::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.media_center-section .social-list {
 /*margin: 0 -15px;*/
  margin: 0 -1.27%;
}

.media_center-section .social-list li {
 /*padding:0 15px;*/
  padding: 0 1.27%;
}

@media all and (max-width: 1279px) {
  .media_center-section .social-list {
    margin: 0 -0.8%;
  }

  .media_center-section .social-list li {
    padding: 0 0.8%;
  }
}

.media_center-section .social-list li > a {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 15px;
 /*padding:50px 40px;*/
  padding: 50px 14.65%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: ease-out 0.15s;
}

.media_center-section .social-list li > a .social {
  display: block;
  margin-top: 30px;
  color: #222;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.media_center-section .social-list li > a .icon-social {
  display: block;
  width: 100%;
  height: 46px;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.media_center-section .social-list li > a .icon-golink_arrow {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 105px;
}

.media_center-section .social-list li > a:hover, .media_center-section .social-list li > a:focus {
  border-color: transparent;
  box-shadow: 10px 0px 30px 0px rgba(0, 15, 21, 0.1);
}

.media_center-section .social-list li > a:hover .social, .media_center-section .social-list li > a:focus .social {
  color: #96ad07;
}

.media_center-section .social-list li > a:hover .icon-golink_arrow::before, .media_center-section .social-list li > a:focus .icon-golink_arrow::before {
  opacity: 1;
  transform: scale(1, 1);
}

.media_center-section .social-list .icon-social.youtube {
  background-image: url("../images/icon-social-youtube.png");
}

.media_center-section .social-list .icon-social.instagram {
  background-image: url("../images/icon-social-instagram.png");
}

.media_center-section .social-list .icon-social.linkedin {
  background-image: url("../images/icon-social-linkedin.png");
}

.media_center-section .social-list .icon-social.facebook {
  background-image: url("../images/icon-social-facebook.png");
}

@media all and (max-width: 1023px) {
  .media_center-section {
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .media_center-section .s-head + .s-body {
    padding-top: 24px;
  }

  .media_center-section .media-list .media-area.poster {
    padding-bottom: 61.875%;
  }

  .media_center-section .media-list .media-area.poster .thumb-box {
    width: 35%;
  }

  .media_center-section .media-list .text-area {
    padding: 22px 25px 12px;
  }

  .media_center-section .media-list .text-area .title {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 14px;
  }

  .media_center-section .media-list .text-area .txt-contents {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 23px;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box {
    position: relative;
    max-height: 96px;
    height: auto;
    padding-right: 0;
    margin-right: 0;
    overflow-y: hidden;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box.expand {
    height: auto;
    max-height: none;
    box-sizing: initial;
    padding-bottom: 4px;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box .os-scrollbar {
    display: none;
  }

  .media_center-section .media-list .text-area .txt-contents .txt-box .os-viewport.os-viewport-native-scrollbars-invisible {
    overflow-y: hidden !important;
  }

  .media_center-section .media-list .text-area .txt-contents::before {
    top: -14px;
  }

  .media_center-section .media-list .text-area .title + .txt-contents {
    margin-top: 14px;
  }

  .media_center-section .media-list .text-area .more_txt-btn {
    padding: 8px 0;
    width: 100%;
  }

  .media_center-section .media-list .text-area .more_txt-btn.on > .icon-more_txt_arrow-2x {
    transform: rotate(-180deg);
  }

  .media_center-section .social-list {
    margin: -8px;
  }

  .media_center-section .social-list li {
    padding: 8px;
  }

  .media_center-section .social-list li > a {
    padding: 32px 24px;
  }

  .media_center-section .social-list li > a .social {
    font-size: 14px;
    line-height: 28px;
    margin-top: 15px;
  }

  .media_center-section .social-list li > a .icon-social {
    height: 36px;
  }

  .media_center-section .social-list li > a .icon-golink_arrow {
    margin-top: 45px;
  }
}

.sustainability-page {
  background: url(../images/bg_esg_report.png) no-repeat right 840px;
}

@media all and (max-width: 1023px) {
  .sustainability-page {
    background: none;
  }
}

/* - GROWTH main (main) */
.sustainability_main-section {
 /* ===================== org ===================== */;
}

.sustainability_main-section .section-wrap {
  padding: 140px 0 120px;
  background: url(../images/bg_esg_report.png) no-repeat right 145px;
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .section-wrap {
    padding: 50px 0 60px;
    background-size: 50%;
    background-position: right 50px;
  }
}

.sustainability_main-section .section-wrap .section-inner {
  max-width: 1326px;
  padding: 0 72px;
  margin: 0 auto;
}

.sustainability_main-section .section-wrap .section2-inner {
 /* max-width: 1728px; */
  padding: 0 72px;
  margin: 0 auto;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .section-wrap .section-inner {
    padding: 0 49px;
  }

  .sustainability_main-section .section-wrap .section2-inner {
    padding: 0 49px;
    overflow: hidden;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .section-wrap .section-inner {
    padding: 0 20px;
  }

  .sustainability_main-section .section-wrap .section2-inner {
    padding: 0 20px;
    overflow: hidden;
  }
}

.sustainability_main-section .section-wrap .s-head {
 /* mobile :  ~ 1023 */;
}

.sustainability_main-section .section-wrap .s-head .title {
  text-align: center;
}

.sustainability_main-section .section-wrap .s-head .title span, .sustainability_main-section .section-wrap .s-head .title em {
  font-size: 64px;
  font-weight: 800;
  line-height: 70px;
}

.sustainability_main-section .section-wrap .s-head .title span {
  color: #222222;
}

.sustainability_main-section .section-wrap .s-head .title em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .section-wrap .s-head .title span, .sustainability_main-section .section-wrap .s-head .title em {
    font-size: 34px;
    font-weight: 900;
    line-height: 45px;
  }
}

.sustainability_main-section .content_typo-panel {
 /* mobile :  ~ 1023 */;
}

.sustainability_main-section .content_typo-panel .p-head .typo-area {
  margin-top: 130px;
}

.sustainability_main-section .content_typo-panel .p-body {
  margin-top: 130px;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .content_typo-panel .p-head .typo-area {
    margin-top: 50px;
  }

  .sustainability_main-section .content_typo-panel .p-body {
    margin-top: 50px;
  }
}

.sustainability_main-section .content_graphy-panel {
  margin-top: 150px;
}

.sustainability_main-section .content_graphy-panel .p-body {
  margin-top: 90px;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .content_graphy-panel {
    margin-top: 50px;
  }

  .sustainability_main-section .content_graphy-panel .p-body {
    margin-top: 25px;
  }
}

.sustainability_main-section .typo-area {
  text-align: center;
}

.sustainability_main-section .typo-area .class span {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  color: #b3cf0a;
}

.sustainability_main-section .typo-area .title {
  margin-top: 25px;
}

.sustainability_main-section .typo-area .title span, .sustainability_main-section .typo-area .title em {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
  color: #222;
}

.sustainability_main-section .typo-area .title.second span, .sustainability_main-section .typo-area .title.second em {
  font-style: 34px;
}

.sustainability_main-section .typo-area .title em {
  color: #16873e;
  font-weight: 900;
}

.sustainability_main-section .typo-area .desc {
  margin-top: 20px;
}

.sustainability_main-section .typo-area .desc span {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  color: #555;
}

.sustainability_main-section .typo-area .desc span .t_en {
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typo-area .class span {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
  }

  .sustainability_main-section .typo-area .title {
    margin-top: 19px;
  }

  .sustainability_main-section .typo-area .title span, .sustainability_main-section .typo-area .title em {
    font-size: 21px;
    line-height: 1.6;
  }

  .sustainability_main-section .typo-area .title.second span, .sustainability_main-section .typo-area .title.second em {
    font-style: 34px;
  }

  .sustainability_main-section .typo-area .title em {
    color: #16873e;
  }

  .sustainability_main-section .typo-area .desc {
    margin-top: 13px;
  }

  .sustainability_main-section .typo-area .desc span {
    font-size: 13px;
  }
}

.sustainability_main-section .typography-article {
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article {
    position: relative;
    width: calc(1182px + 18px);
    margin: 0 auto;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article {
    width: calc( 918px + 12px);
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article {
    width: 100%;
  }
}

.sustainability_main-section .typography-article .row-growth {
  position: relative;
 /* 218px + (10px * 2) */ /* 158px + (10px * 2)  */ /* 706px + (10px * 2); */ /* 143px + (6px * 2); */ /* 706px + (6px * 2); */ /* width: calc(100% + 20px); margin-left: -10px; */
  text-align: center;
  height: auto;
  font-size: 0;
 /* =========== position   */ /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */ /* =========== width ; bg ;  */ /* =========== 활성화 상태값 */ /* =========== 아이템 설정 */;
}

.sustainability_main-section .typography-article .row-growth > .col {
 /* position: absolute; left: calc( 16.6666% * var(--i) ); width: 16.6666%;*/;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth {
    height: 465px;
  }

  .sustainability_main-section .typography-article .row-growth > .col {
    position: absolute;
    left: calc(200px * var(--i));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-r {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 0));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-o {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 1));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-w {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 2));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-t {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 3));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-h {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 4));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-g {
    left: calc(16.6666% * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-r {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-o {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 0));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-w {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 1));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-t {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 2));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-h {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 3));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-g {
    left: calc(16.6666% * -2);
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-r {
    left: calc(16.6666% * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-o {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-w {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 0));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-t {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 1));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-h {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 2));
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-g {
    left: calc(16.6666% * -3);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-r {
    left: calc(16.6666% * -2);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-o {
    left: calc(16.6666% * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-w {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-t {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 0));
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-h {
    left: calc( ( 16.6666% * 4 ) + (16.6666% * 1));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-g {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 4 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-r {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 3 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-o {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 2 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-w {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 1 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-t {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 0 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-h {
    left: calc( 100%);
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-g {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 5 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-r {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 4 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-o {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 3 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-w {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 2 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-t {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 1 ))));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-h {
    left: calc( 100% - ((16.6666% * 4) + ((16.6666% * 0 ))));
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth > .col {
    position: absolute;
    left: calc(155px * var(--i));
  }

  .sustainability_main-section .typography-article .row-growth > .col .item_default .desc {
    min-height: 68px;
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-r {
    left: calc( (718px - 155px) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-o {
    left: calc( (718px - 155px) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-w {
    left: calc( (718px - 155px) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-t {
    left: calc( (718px - 155px) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-0 > .col.col-h {
    left: calc( (718px - 155px) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-g {
    left: calc((155px * 1 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-r {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-o {
    left: calc( (718px - (155px * 2)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-w {
    left: calc( (718px - (155px * 2)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-t {
    left: calc( (718px - (155px * 2)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-1 > .col.col-h {
    left: calc( (718px - (155px * 2)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-g {
    left: calc((155px * 2 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-r {
    left: calc((155px * 1 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-o {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-w {
    left: calc( (718px - (155px * 3)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-t {
    left: calc( (718px - (155px * 3)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-2 > .col.col-h {
    left: calc( (718px - (155px * 3)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-g {
    left: calc((155px * 3 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-r {
    left: calc((155px * 2 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-o {
    left: calc((155px * 1 ) * -1);
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-w {
    left: 0;
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-t {
    left: calc( (718px - (155px * 4)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-3 > .col.col-h {
    left: calc( (718px - (155px * 4)) + (155px * var(--i)));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-g {
    left: calc( 100% - (718px + (155px * 4 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-r {
    left: calc( 100% - (718px + (155px * 3 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-o {
    left: calc( 100% - (718px + (155px * 2 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-w {
    left: calc( 100% - (718px + (155px * 1 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-t {
    left: calc( 100% - (718px + (155px * 0 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-4 > .col.col-h {
    left: calc( 100%);
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-g {
    left: calc( 100% - (718px + (155px * 5 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-r {
    left: calc( 100% - (718px + (155px * 4 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-o {
    left: calc( 100% - (718px + (155px * 3 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-w {
    left: calc( 100% - (718px + (155px * 2 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-t {
    left: calc( 100% - (718px + (155px * 1 )));
  }

  .sustainability_main-section .typography-article .row-growth.active-5 > .col.col-h {
    left: calc( 100% - (718px + (155px * 0 )));
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth {
    height: auto;
  }

  .sustainability_main-section .typography-article .row-growth > .col {
    position: relative;
    left: 0 !important;
  }

  .sustainability_main-section .typography-article .row-growth > .col .item_default .desc {
    min-height: auto;
  }
}

.sustainability_main-section .typography-article .row-growth > .col {
  padding: 0 10px;
  width: 238px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth > .col {
    width: 16.6666%;
    padding: 0 9px;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth > .col {
    width: 155px;
    padding: 0 6px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col {
    padding: 0;
    position: relative;
    left: auto !important;
    top: auto;
    width: 100%;
  }

  .sustainability_main-section .typography-article .row-growth > .col + .col {
    margin-top: 20px;
  }
}

.sustainability_main-section .typography-article .row-growth > .col .item_default {
 /* background-position: -150% -65%;  */
  background-position: 70px -100px;
  background-repeat: no-repeat;
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth > .col .item_default {
    background-position: 50px -100px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col .item_default {
    background-position: 120% -50px;
    background-size: auto 150px;
    background-repeat: no-repeat;
  }
}

.sustainability_main-section .typography-article .row-growth > .col .item_active .typo-box {
  background-color: #fff;
}

.sustainability_main-section .typography-article .row-growth > .col .item_active .img-box .img {
  background-repeat: no-repeat;
  background-size: cover;
}

.sustainability_main-section .typography-article .row-growth > .col.col-g .item_default {
  background-image: url(../images/bg-g.png);
}

.sustainability_main-section .typography-article .row-growth > .col.col-g .item_active .img-box .img {
  background-image: url(../images/sustainability_g-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-g .item_active .img-box .img {
    background-image: url(../images/sustainability_g-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-r .item_default {
  background-image: url(../images/bg-r.png);
}

.sustainability_main-section .typography-article .row-growth > .col.col-r .item_active .img-box .img {
  background-image: url(../images/sustainability_r-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-r .item_active .img-box .img {
    background-image: url(../images/sustainability_r-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-o .item_default {
  background-image: url(../images/bg-o.png);
}

.sustainability_main-section .typography-article .row-growth > .col.col-o .item_active .img-box .img {
  background-image: url(../images/sustainability_o-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-o .item_active .img-box .img {
    background-image: url(../images/sustainability_o-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-w .item_default {
  background-image: url(../images/bg-w.png);
  background-position: 70px -65px;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-w .item_default .top-box span {
    margin-left: -10px;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-w .item_default {
    background-position: 40px -65px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-w .item_default {
    background-position: 120% -30px;
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-w .item_active .img-box .img {
  background-image: url(../images/sustainability_w-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-w .item_active .img-box .img {
    background-image: url(../images/sustainability_w-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-t .item_default {
  background-image: url(../images/bg-t.png);
  background-position: 50px -100px;
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-t .item_default {
    background-position: -20px -100px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-t .item_default {
    background-position: 120% -50px;
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-t .item_active .img-box .img {
  background-image: url(../images/sustainability_t-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-t .item_active .img-box .img {
    background-image: url(../images/sustainability_t-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-h .item_default {
  background-image: url(../images/bg-h.png);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-h .item_default {
    background-position: 130% -50px;
  }
}

.sustainability_main-section .typography-article .row-growth > .col.col-h .item_active .img-box .img {
  background-image: url(../images/sustainability_h-bg-md.jpg);
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth > .col.col-h .item_active .img-box .img {
    background-image: url(../images/sustainability_h-bg-mb.jpg);
  }
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out {
  width: 726px;
 /* width: calc(16.6666% * 4); */ /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out .col-item .item_default, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out .col-item .item_default {
  opacity: 0;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out .col-item .item_active, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out .col-item .item_active {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s;
  height: auto;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out {
    width: 66.6664%;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out {
    width: 718px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out {
    width: 100%;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out .col-item, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out .col-item {
    height: 501px;
    box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.13), 3px 3px 20px 0 rgba(0, 0, 0, 0.13);
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.active.out .col-item .item_active .row-item, .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.hover.out .col-item .item_active .row-item {
    height: auto;
  }
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out {
  width: 178px;
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default {
 /* background-position: -50% -65%;  */
  background-position: 60px -100px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .top-box span {
  font-size: 120px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box {
  margin-top: 20px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span {
  font-size: 20px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span.desc {
  font-size: 15px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-w .col-item .item_default {
  background-position: -20% -65%;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-w .col-item .item_default .top-box span {
  margin-left: -5px;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-t .col-item .item_default {
  background-position: 10% -65%;
}

.sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-h .col-item .item_default {
  background-position: -30% -65%;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out {
    width: 16.6666%;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .top-box span {
    font-size: 120px;
    line-height: 150px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box {
    margin-top: 20px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span {
    font-size: 20px;
    line-height: 1.6;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span.desc {
    font-size: 15px;
    line-height: 1.5;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .arrow-box {
    display: none;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out {
    width: 155px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out {
    width: 100%;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default {
    background-position: 120% -50px;
    background-size: auto 150px;
    background-repeat: no-repeat;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .top-box span {
    margin-left: 0;
    font-size: 88px;
    line-height: 100px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box {
    margin-top: 0px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span {
    font-size: 17px;
    line-height: 1.6;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .middle-box span.desc {
    font-size: 13px;
    line-height: 1.5;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out .col-item .item_default .arrow-box {
    display: block;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-w .col-item .item_default {
    background-position: 120% -50px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-w .col-item .item_default .top-box span {
    margin-left: 0px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-t .col-item .item_default {
    background-position: 120% -50px;
  }

  .sustainability_main-section .typography-article .row-growth[class*="active-"] .col.out.col-h .col-item .item_default {
    background-position: 120% -50px;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 3px 3px 30px 0 rgba(0, 0, 0, 0.07), 3px 3px 30px 0 rgba(0, 0, 0, 0.07);
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item {
    border-radius: 15px;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
    height: 135px;
    overflow: hidden;
    -webkit-transition: height 0.35s ease-out;
    -moz-transition: height 0.35s ease-out;
    -ms-transition: height 0.35s ease-out;
    -o-transition: height 0.35s ease-out;
    transition: height 0.35s ease-out;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default {
  padding: 57px 10px 57px;
  text-align: center;
  background-color: #36964c;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
  font-size: 140px;
  line-height: 150px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
  margin-top: 20px;
  opacity: 80%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
  font-size: 24px;
  line-height: 35px;
  font-weight: 800;
  color: #c3e30c;
  letter-spacing: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
  display: block;
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
  display: none;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_default {
 /* padding: 50px 10px 50px; */
    padding: 57px 10px 57px;
 /* pc 1280 ~ 1727 */;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
    font-size: 120px;
    line-height: 150px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
    margin-top: 20px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
    font-size: 20px;
    line-height: 1.6;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
    margin-top: 15px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_default {
 /* padding: 20px 25px; */
    padding: 17.5px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box {
 /*  width: per(200px, 540px); */
    width: 36%;
    padding-left: 8%;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .top-box span {
    font-size: 88px;
    line-height: 100px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box {
    margin-top: 0px;
 /* width: per(220px, 540px); */
    width: 49%;
    padding-left: 2%;
    padding-right: 7%;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span {
    font-size: 17px;
    line-height: 1.55;
    color: #c3e30c;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .middle-box span.desc {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box {
    display: block;
    overflow: hidden;
    text-align: right;
 /* width: per(120px, 540px);  */
    width: 15%;
    padding-right: 8%;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box i {
    display: inline-block;
    width: 22px;
    height: 15px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_default .arrow-box img {
    width: 100%;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  visibility: hidden;
  opacity: 0;
  text-align: left;
 /* mobile :  ~ 1023 */;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 2;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item {
  display: flex;
  height: 100%;
 /* pc 1280 ~ 1727 */ /* tablet : 1024 ~ 1279 */ /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .typo-box {
  width: 50%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box {
  width: 50%;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
  height: 100%;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
    min-width: 390px;
  }
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
    min-width: 353px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item {
    flex-direction: column;
    margin-top: -120px;
    height: 120px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .typo-box {
    width: 100%;
    height: 275px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box {
    width: 100%;
    height: 226px;
    min-width: auto;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .row-item .img-box .img {
    min-width: auto;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box {
  padding: 30px 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box .typo-set {
  min-width: 276px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box .typo-set ul li {
  font-weight: 500;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box .typo-set ul li .t_en {
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .typo-box {
    padding: 25px 30px;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box {
  display: none;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box {
    position: absolute;
    top: 0;
    right: 25px;
    height: 120px;
    display: flex;
    align-items: center;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box i {
    width: 22px;
    height: 15px;
    overflow: hidden;
    margin-top: -30px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .arrow-box i img {
    margin-top: -15px;
    width: 100%;
  }
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .title span {
  font-size: 40px;
  line-height: 46px;
  font-weight: 800;
  color: #96ad07;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .desc {
  margin-top: 10px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .desc span {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list {
  margin-top: 25px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li + li {
  margin-top: 5px;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li::after {
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #222222;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link {
  display: block;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link span {
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
  color: #222222;
  vertical-align: top;
}

.sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link i {
  margin-left: 5px;
  vertical-align: top;
  margin-top: 5px;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .row-growth .col-item .item_active .title span {
    font-size: 29px;
    line-height: 1.2;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .desc {
    margin-top: 10px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .desc span {
    font-size: 14px;
    line-height: 20px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list {
    margin-top: 20px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li + li {
    margin-top: 3px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li {
    font-size: 13px;
    line-height: 1.6;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link span {
    font-size: 12px;
  }

  .sustainability_main-section .typography-article .row-growth .col-item .item_active .more_link i {
    margin-left: 5px;
    vertical-align: top;
    margin-top: 5px;
  }
}

.sustainability_main-section .typography-article .pagination-set {
  margin-top: 42px;
  display: none;
  text-align: center;
 /* pc 1280 ~ 1727 */ /* mobile :  ~ 1023 */;
}

.sustainability_main-section .typography-article .pagination-set button {
  border: 1px solid #bbb;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  font-weight: 900;
  font-size: 14px;
  line-height: 30px;
  color: #bbb;
}

.sustainability_main-section .typography-article .pagination-set button.active {
  color: #fff;
  background-color: #36964c;
  border-color: #36964c;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .typography-article .pagination-set {
    display: block;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .typography-article .pagination-set {
    display: none;
  }
}

.sustainability_main-section .banner-area {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .banner-area {
    margin-top: 50px;
  }
}

.sustainability_main-section .banner-area .row-banner {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sustainability_main-section .banner-area .row-banner .banner-item {
  padding: 0px;
}

@media all and (max-width: 1766px) {
  .sustainability_main-section .banner-area .row-banner {
    width: 100%;
    margin-left: 0px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .banner-area .row-banner {
    width: 100%;
    margin-left: 0px;
  }

  .sustainability_main-section .banner-area .row-banner .banner-item {
    padding: 0;
  }
}

.sustainability_main-section .banner-area .banner-item {
 /* 1024 ~ 1279 */ /* ~ 1023 */;
}

.sustainability_main-section .banner-area .banner-item .item-inner {
  padding: 40px 0px;
  background-color: #f9f9f9;
  text-align: center;
}

.sustainability_main-section .banner-area .banner-item .item-inner .img_left {
  display: inline-block;
}

.sustainability_main-section .banner-area .banner-item .item-inner .img_left img {
  height: 100px;
}

.sustainability_main-section .banner-area .banner-item .item-inner .txt_right {
  display: inline-block;
  padding-left: 20px;
}

.sustainability_main-section .banner-area .banner-item em {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #96ad07;
}

.sustainability_main-section .banner-area .banner-item .link_text {
  margin-top: 15px;
}

.sustainability_main-section .banner-area .banner-item .link_text span {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #222;
  vertical-align: top;
}

.sustainability_main-section .banner-area .banner-item .link_text i {
  vertical-align: top;
}

.sustainability_main-section .banner-area .banner-item.banner-item_infra {
  padding-right: 15px;
}

.sustainability_main-section .banner-area .banner-item.banner-item_governance {
  padding-left: 15px;
}

@media all and (max-width: 1279px) {
  .sustainability_main-section .banner-area .banner-item .item-inner .txt_right {
    display: block;
    padding-left: 0px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability_main-section .banner-area .banner-item .item-inner {
    padding: 20px;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sustainability_main-section .banner-area .banner-item .item-inner .img_left img {
    height: 55px;
  }

  .sustainability_main-section .banner-area .banner-item .item-inner .txt_right {
    padding-left: 20px;
  }

  .sustainability_main-section .banner-area .banner-item em {
    font-size: 15px;
  }

  .sustainability_main-section .banner-area .banner-item .link_text {
    margin-top: 12px;
  }

  .sustainability_main-section .banner-area .banner-item .link_text span {
    font-size: 17px;
  }

  .sustainability_main-section .banner-area .banner-item .link_text i {
    margin-top: -2px;
  }

  .sustainability_main-section .banner-area .banner-item.banner-item_infra {
    padding-right: 0;
  }

  .sustainability_main-section .banner-area .banner-item.banner-item_governance {
    margin-top: 20px;
    padding-left: 0;
  }

  .sustainability_main-section .banner-area .banner-item.banner-item_governance .link_text i {
    margin-left: 5px;
  }
}

/* == GROWTH = 공통 */
.sustainability-section {
  padding-bottom: 120px;
 /* ssb-xxx-panel */ /* sample */;
}

@media all and (max-width: 1023px) {
  .sustainability-section {
    padding-bottom: 60px;
  }
}

.sustainability-section .section-wrap {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap {
    margin-top: 57px;
  }
}

.sustainability-section .section-wrap .s-head {
  color: #222222;
}

.sustainability-section .section-wrap .s-head .title-box span {
  font-size: 42px;
  line-height: 74px;
  font-weight: bold;
}

.sustainability-section .section-wrap .s-head .desc-box {
  margin-top: 36px;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_title span {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_desc {
  padding: 25px 0 5px;
}

.sustainability-section .section-wrap .s-head .desc-box .sub_desc span {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap .s-head {
    margin-top: 57px;
  }

  .sustainability-section .section-wrap .s-head .title-box span {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
  }

  .sustainability-section .section-wrap .s-head .desc-box {
    margin-top: 20px;
  }

  .sustainability-section .section-wrap .s-head .desc-box .sub_title span {
    font-size: 18px;
    line-height: 1.6;
  }

  .sustainability-section .section-wrap .s-head .desc-box .sub_desc {
    padding: 10px 0 5px;
  }

  .sustainability-section .section-wrap .s-head .desc-box .sub_desc span {
    font-size: 13px;
    line-height: 1.6;
  }
}

.sustainability-section .section-wrap .s-body {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap .s-body {
    margin-top: 30px;
  }
}

.sustainability-section .section-wrap .s-foot {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap .s-foot {
    margin-top: 40px;
  }
}

.sustainability-section .section-wrap .rect_line-box {
  border: 1px solid #dedede;
  background-color: #fff;
}

.sustainability-section [class^="ssb-"] + [class^="ssb-"] {
  margin-top: 70px;
}

.sustainability-section [class^="ssb-"] .p-head {
  padding-bottom: 30px;
  color: #222222;
}

.sustainability-section [class^="ssb-"] .p-head span {
  font-size: 28px;
  line-height: 44px;
  font-weight: bold;
}

.sustainability-section [class^="ssb-"] .p-head .sub_title {
  margin-bottom: 5px;
}

.sustainability-section [class^="ssb-"] .p-head .sub_title span {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  color: #222222;
}

@media all and (max-width: 1023px) {
  .sustainability-section [class^="ssb-"] {
    margin-top: 35px;
  }

  .sustainability-section [class^="ssb-"] + [class^="ssb-"] {
    margin-top: 45px;
  }

  .sustainability-section [class^="ssb-"] .p-head {
    padding-bottom: 15px;
  }

  .sustainability-section [class^="ssb-"] .p-head span {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
  }

  .sustainability-section [class^="ssb-"] .p-head .sub_title {
    margin-bottom: 0px;
  }

  .sustainability-section [class^="ssb-"] .p-head .sub_title span {
    font-size: 14px;
  }
}

.sustainability-section [class^="ssb-"] .year_2025-area .rect_line-box, .sustainability-section [class^="ssb-"] .year_2030-area .rect_line-box {
  position: relative;
  padding: 96px 6.4602% 60px;
 /*padding: 96px 0px 60px;*/;
}

@media all and (max-width: 1279px) {
  .sustainability-section [class^="ssb-"] .year_2025-area .rect_line-box, .sustainability-section [class^="ssb-"] .year_2030-area .rect_line-box {
    padding-top: 126px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section [class^="ssb-"] .year_2025-area .rect_line-box, .sustainability-section [class^="ssb-"] .year_2030-area .rect_line-box {
 /* padding: 50px 0 50px 24px; */
    padding: 100px 20px 35px;
  }
}

.sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box {
  position: absolute;
  top: 13px;
  right: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box .txt, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box .txt {
  font-size: 14px;
  font-weight: 600;
  color: #777777;
  line-height: 30px;
}

.sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box .img img, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box .img img {
  height: 64px;
}

@media all and (max-width: 1023px) {
  .sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box {
    flex-direction: row;
    top: 24px;
    right: 24px;
 /* & + .rowflex.flexwrap {margin-top:50px;} */;
  }

  .sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box .txt, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box .txt {
    font-size: 11px;
    text-align: center;
    margin-right: 12px;
    line-height: 1.5;
  }

  .sustainability-section [class^="ssb-"] .year_2025-area .un_sdgs-box .img img, .sustainability-section [class^="ssb-"] .year_2030-area .un_sdgs-box .img img {
    height: 30px;
  }
}

.rowflex.padding-x.foot-layout {
  width: calc( 100% + 30px);
  margin-left: -15px;
}

.rowflex.padding-x.foot-layout > div {
  padding: 0 15px;
}

@media all and (max-width: 1023px) {
  .rowflex.padding-x.foot-layout > div + div {
    margin-top: 20px;
  }
}

.rowflex.padding-x.foot_s-layout {
  width: calc( 100% + 30px);
  margin-left: -15px;
  margin-top: -30px;
}

.rowflex.padding-x.foot_s-layout > div {
  padding: 0 15px;
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .rowflex.padding-x.foot_s-layout {
    margin-top: 0;
  }

  .rowflex.padding-x.foot_s-layout > div:first-child {
    margin-top: 0;
  }

  .rowflex.padding-x.foot_s-layout > div + div {
    margin-top: 20px;
  }
}

.esg_banner-box.bg_report, .esg_banner-box.bg_data, .esg_banner-box.bg_performance, .esg_banner-box.bg_report_s, .esg_banner-box.bg_data_s, .esg_banner-box.bg_performance_s, .esg_banner-box.bg_pdf_s {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.esg_banner-box.bg_report {
  background-image: url(../images/s_foot-bg_report.jpg);
}

.esg_banner-box.bg_data {
  background-image: url(../images/s_foot-bg_data.jpg);
}

.esg_banner-box.bg_performance {
  background-image: url(../images/s_foot-bg_performance.jpg);
}

.esg_banner-box.bg_report_s {
  background-image: url(../images/s_foot-bg_report_s.jpg);
}

.esg_banner-box.bg_data_s {
  background-image: url(../images/s_foot-bg_data_s.jpg);
}

.esg_banner-box.bg_performance_s {
  background-image: url(../images/s_foot-bg_performance_s.jpg);
}

.esg_banner-box.bg_pdf_s {
  background-image: url(../images/s_foot-bg_pdf_s.jpg);
}

.esg_banner-box a {
  display: block;
  height: 140px;
}

.esg_banner-box .icon {
 /*margin-top: 8px;*/
  margin-right: 18px;
  display: inline-flex;
}

.esg_banner-box .text {
  color: #fff;
  min-width: 172px;
  line-height: 1.3;
}

.esg_banner-box .text p span {
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

.esg_banner-box .text p i {
  margin-left: 8px;
  vertical-align: middle;
}

.esg_banner-box .text p + p {
  margin-top: 2px;
}

.esg_banner-box .banner_layout {
  height: 100%;
  align-items: center;
}

@media all and (max-width: 1023px) {
  .esg_banner-box.bg_report {
    background-image: url(../images/s_foot-bg_report-mb.jpg);
  }

  .esg_banner-box.bg_data {
    background-image: url(../images/s_foot-bg_data-mb.jpg);
  }

  .esg_banner-box.bg_performance {
    background-image: url(../images/s_foot-bg_performance-mb.jpg);
  }

  .esg_banner-box.bg_report_s {
    background-image: url(../images/s_foot-bg_report_s-mb.jpg);
  }

  .esg_banner-box.bg_data_s {
    background-image: url(../images/s_foot-bg_data_s-mb.jpg);
  }

  .esg_banner-box.bg_performance_s {
    background-image: url(../images/s_foot-bg_performance_s-mb.jpg);
  }

  .esg_banner-box.bg_pdf_s {
    background-image: url(../images/s_foot-bg_pdf_s-mb.jpg);
  }

  .esg_banner-box a {
    height: 100px;
  }

  .esg_banner-box .icon {
 /*margin-top: 8px;*/
    margin-right: 16px;
  }

  .esg_banner-box .text {
    color: #fff;
    min-width: 132px;
  }

  .esg_banner-box .text p span {
    font-size: 15px;
  }

  .esg_banner-box .text p i {
    margin-left: 8px;
    margin-bottom: 1px;
  }

  .esg_banner-box .text p + p {
    margin-top: 0px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 {
  text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img {
  margin-top: 25px;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img img {
  width: 300px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-1 .img img {
    width: 202px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 {
  text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i img {
  width: 60px;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 span {
  vertical-align: baseline;
  color: #b3cf0a;
  font-size: 22px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 5px;
    font-size: 19px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i {
    margin-bottom: 15px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 i img {
    width: 45px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 60px;
  }

  .sustainability-section .ssb-g_1-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 19px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x {
 /*width: calc(100% + 30px); margin-left: -15px;*/
  width: calc(100% + 2.52%);
  margin: 0 -1.26%;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x > div {
 /*padding:0 15px;*/
  padding: 0 1.26%;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x .rect_line-box {
  padding: 60px 30px 55px;
  height: 100%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x {
    width: 100%;
    margin-left: 0;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x > div {
    padding: 0px;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x > div + div {
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .rowflex.padding-x .rect_line-box {
    padding: 50px 20px 45px;
    height: 100%;
  }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .img-box {
  text-align: center;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .img-box img {
  width: 143px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2022-area .img-box img {
    width: 100px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box {
  text-align: center;
  margin-top: 35px;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .title span {
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc {
  margin-top: 20px;
}

.sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc span {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2022-area .text-box {
    margin-top: 18px;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .title span {
    font-size: 17px;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc {
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_1-panel .year_2022-area .text-box .desc span {
    font-size: 14px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .rect_line-box {
 /*padding: 55px 100px;*/
  padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2021-area .rect_line-box {
    padding: 45px 25px;
  }

  .sustainability-section .ssb-g_1-panel .year_2021-area .colitem-2 {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .title-box {
  text-align: left;
  padding-bottom: 10px;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .title-box span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2021-area .title-box {
    padding-bottom: 0px;
  }

  .sustainability-section .ssb-g_1-panel .year_2021-area .title-box span {
    font-size: 17px;
  }
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li {
  margin-top: 15px;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
}

.sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li {
    margin-top: 12px;
  }

  .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list li::after {
    top: 7px;
  }

  .sustainability-section .ssb-g_1-panel .year_2021-area .mark_dot-list span {
    font-size: 14px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 {
  text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img {
  margin-top: 25px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img img {
  width: 200px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-1 .img img {
    width: 151px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 {
  text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i img {
  width: 60px;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 5px;
    font-size: 15px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i {
    margin-bottom: 15px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 i img {
    width: 45px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 0px;
    font-size: 50px;
  }

  .sustainability-section .ssb-g_2-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 15px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box {
  margin-top: 20px;
  margin-bottom: 5px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .title span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc {
  margin-top: 20px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .title span {
    font-size: 17px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .typo-box .desc span {
    font-size: 13px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x {
 /*width: calc(100% + 30px); margin-left: -15px;*/
  width: calc( 100% + 2.52%);
  margin-left: -1.26%;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x > div {
 /*padding: 0 15px;*/
  padding: 0 1.26%;
  margin-top: 30px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
 /*padding: 60px 8.695% 60px;*/
  padding: 60px 0 60px;
  height: 100%;
  display: flex;
  justify-content: center;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
    padding: 60px 0% 60px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x {
    width: 100%;
    margin-left: 0;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x > div {
    padding: 0;
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .rowflex.padding-x .rect_line-box {
    padding: 38px 20px 45px;
    height: auto;
    display: block;
  }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
  width: 25%;
  text-align: center;
 /* width: 143px; margin-right: 35px;*/
  margin-right: 6%;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .img-box img {
  width: 100%;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
    margin-right: 4%;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .img-box {
    margin: auto;
    width: 100px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
  margin-top: 0px;
  max-width: 294px;
  min-width: 284px;
  text-align: left;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
  margin-top: 20px;
}

.sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
    max-width: 278px;
    min-width: 268px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
    font-size: 23px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
    margin-top: 14px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
    font-size: 17px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box {
    margin-top: 18px;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .title span {
    font-size: 17px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc {
    margin-top: 15px;
  }

  .sustainability-section .ssb-g_2-panel .year_2022-area .text-box .desc span {
    font-size: 14px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2021-area .rect_line-box {
  padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2021-area .rect_line-box {
    padding: 75px 10px;
  }
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box {
  text-align: center;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i img {
  width: 60px;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i {
    margin-bottom: 15px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 i img {
    width: 45px;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 50px;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span {
    vertical-align: baseline;
    font-size: 15px;
  }

  .sustainability-section .ssb-g_2-panel .year_2021-area .item-box .txt2 span::after {
    content: '';
    display: block;
    height: 0;
  }
}

.sustainability-section em.only-pc {
  display: inline !important;
}

@media all and (max-width: 1023px) {
  .sustainability-section em.only-mb {
    display: inline !important;
  }
}

.sustainability-section .ssb-r_1-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-r_1-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_1-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-r_1-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-r_1-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-r_1-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap {
  justify-content: center;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap > .col {
  flex: 0 0 auto;
  margin: 0 50px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 200px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 55px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 .item-box img {
  width: 59px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap > .col {
    margin: 0;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 {
    margin-top: 40px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 136px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 44px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .rowflex.flexwrap .colitem-3 .item-box img {
    width: 45px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap {
  margin-top: 70px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head {
  margin-bottom: 60px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head .title {
  padding: 9px 0;
  background: #b3cf0a;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head .title .t_en {
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap {
    margin-top: 45px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 37px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-wrap .w-head .title {
    padding: 15px 0;
    font-size: 14px;
    line-height: 22px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area {
  margin-bottom: 10px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .sub_txt {
  color: #555;
  font-size: 16px;
  line-height: 21px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit + .sub_txt {
  margin-left: 20px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area {
  position: relative;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .unit {
  position: absolute;
  right: 0;
  top: -34px;
  color: #777;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}

.sustainability-section .ssb-r_1-panel .year_2025-area .graph-box + .graph-box {
  margin-top: 55px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area {
    margin-bottom: 8px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area > span {
    display: block;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit {
    font-size: 17px;
    line-height: 22px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .sub_txt {
    font-size: 13px;
    line-height: 21px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .title-area .tit + .sub_txt {
    margin-left: 0px;
    margin-top: 7px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .unit {
    position: relative;
    top: auto;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 21px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .scroll-typeX {
    padding-bottom: 20px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box .contents-area .scroll-typeX img {
    width: 800px;
  }

  .sustainability-section .ssb-r_1-panel .year_2025-area .graph-box + .graph-box {
    margin-top: 40px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2022-area .rect_line-box {
 /*padding:55px 100px;*/
  padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2022-area .rect_line-box {
    padding: 45px 27px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-r_1-panel .year_2022-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2021-area .rect_line-box {
 /*padding:55px 100px;*/
  padding: 55px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2021-area .rect_line-box {
    padding: 45px 27px;
  }
}

.sustainability-section .ssb-r_1-panel .year_2021-area .item-box img {
  width: 57px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_1-panel .year_2021-area .item-box img {
    width: 45px;
  }
}

.sustainability-section .ssb-r_2-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-r_2-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_2-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-r_2-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-r_2-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-r_2-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rect_line-box {
  padding-left: 0px;
  padding-right: 0px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2030-area .rect_line-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap {
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap > .col {
  flex: 0 0 auto;
  margin: 0 50px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .item-box .txt1 {
  height: 96px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 100px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 67px;
}

.sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 .item-box img {
  width: 50px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap > .col {
    margin: 0;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .item-box .txt1 {
    height: auto;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 {
    margin-top: 40px;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 68px;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 52px;
  }

  .sustainability-section .ssb-r_2-panel .year_2030-area .rowflex.flexwrap .colitem-3 .item-box img {
    width: 38px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .rect_line-box {
  padding: 60px 0px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2022-area .rect_line-box {
    padding: 35px 27px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .typo-box .title {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2022-area .typo-box .title {
    font-size: 17px;
    line-height: 27px;
    margin: 2px 0 15px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box {
  text-align: center;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box img {
  width: 143px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .icon-box .text {
  margin-top: 18px;
  color: #16873e;
  font-size: 24px;
  line-height: 42px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2022-area .icon-box img {
    width: 100px;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .icon-box .text {
    margin-top: 14px;
    font-size: 17px;
    line-height: 27px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .ex-text {
  color: #777;
  font-size: 16px;
  line-height: 28px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .ex-text em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2022-area .ex-text {
    font-size: 13px;
    line-height: 22px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li:first-child {
  margin-top: 6px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li + li {
  margin-top: 8px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item {
  font-size: 16px;
  line-height: 28px;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item sup {
  color: #96ad07;
  font-weight: 600;
}

.sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list + .ex-text {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li:first-child {
    margin-top: 12px;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li + li {
    margin-top: 8px;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list li .mark_char_item {
    font-size: 13px;
    line-height: 22px;
  }

  .sustainability-section .ssb-r_2-panel .year_2022-area .mark_dot-list + .ex-text {
    margin-top: 20px;
  }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box {
 /*padding:60px 50px;*/
  padding: 60px 4.23%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box {
    padding: 35px 27px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .rect_line-box .col-mb-p100 {
    width: 100% !important;
  }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rowflex.flexwrap .col-auto:first-child {
  width: 286px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .rowflex.flexwrap .col-auto:last-child {
  width: calc(100% - 286px);
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area {
  padding-right: 50px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .tit-box {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box {
  margin-top: 54px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area {
    padding: 0;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .tit-box {
    font-size: 14px;
    line-height: 22px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box {
    margin-top: 30px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .graph-area .img-box img {
    width: 183px;
    margin: auto;
  }
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area + .tbl-area {
  margin-top: 30px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table {
  min-width: 740px;
 /*margin-bottom: 20px;*/;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table th, .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table td {
  height: 55px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table tbody th {
  text-align: left;
  padding-left: 20px;
}

.sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table tbody td {
  text-align: right;
  padding-right: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area:first-child {
    margin-top: 30px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area + .tbl-area {
    margin-top: 40px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .tit-box {
    color: #222;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .sustainability-section .ssb-r_2-panel .year_2021-area .tbl-area .list_table {
    min-width: 730px;
  }
}

.sustainability-section .ssb-r_3-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-r_3-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_3-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-r_3-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 span .color_point {
  color: #b3cf0a;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-r_3-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-r_3-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 200px;
}

.sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 54px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 136px;
  }

  .sustainability-section .ssb-r_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 44px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .rect_line-box {
 /*padding:50px 70px;*/
  padding: 50px 5.922%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2022-area .rect_line-box {
    padding: 35px 27px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .rowflex.flexwrap + .rowflex.flexwrap {
  border-top: 1px dashed #dedede;
  margin-top: 40px;
  padding-top: 40px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .typo-box .title {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2022-area .typo-box .title {
    font-size: 17px;
    line-height: 27px;
    margin: 2px 0 15px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box {
  text-align: center;
  padding-right: 40px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box img {
  width: 143px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .icon-box .text {
  margin-top: 18px;
  color: #16873e;
  font-size: 24px;
  line-height: 42px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box {
    padding-right: 0px;
  }

  .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box img {
    width: 100px;
  }

  .sustainability-section .ssb-r_3-panel .year_2022-area .icon-box .text {
    margin-top: 14px;
    font-size: 17px;
    line-height: 27px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li:first-child {
  margin-top: 6px;
}

.sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li:first-child {
    margin-top: 12px;
  }

  .sustainability-section .ssb-r_3-panel .year_2022-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
 /* padding:60px 80px;*/
  padding: 60px 6.768%;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
    padding: 60px 3.4%;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2021-area .rect_line-box {
    padding: 50px 20px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 54px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 146px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
 /*margin-right: 9.60%;*/
  margin-right: 50px;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap {
    justify-content: space-around;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap > .col {
    flex: 0 0 auto;
    width: auto;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
    margin-right: 40px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap > .col {
    width: 100%;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 {
    margin-top: 40px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 44px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 104px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .rowflex.flexwrap .colitem-2 .item-box img:first-child {
    margin-right: 30px;
  }
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 {
  margin-top: 25px;
  height: 146px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em {
  vertical-align: baseline;
  margin-right: 4px;
}

.sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em, .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i {
  position: relative;
  top: -2px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 {
    margin-top: 15px;
    height: auto;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i + span {
    margin-left: 10px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 span {
    font-size: 15px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em, .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 i {
    top: 0px;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em {
    margin-right: 0;
    vertical-align: baseline;
  }

  .sustainability-section .ssb-r_3-panel .year_2021-area .item-box .txt2 em.fs-lg {
    font-size: 50px;
  }
}

.sustainability-section em.only-pc {
  display: inline !important;
}

@media all and (max-width: 1023px) {
  .sustainability-section em.only-mb {
    display: inline !important;
  }
}

.sustainability-section .ssb-o_1-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-o_1-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-o_1-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-o_1-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
  line-height: 1;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-o_1-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_1-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-o_1-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_1-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-o_1-panel .item-box .txt2 span {
    font-size: 18px;
    line-height: 1.3;
  }

  .sustainability-section .ssb-o_1-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-o_1-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2025-area .item-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 100px;
}

.sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 56px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 68px;
  }

  .sustainability-section .ssb-o_1-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 43px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rect_line-box {
 /*padding:50px 100px;*/
  padding: 50px 8.46%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2022-area .rect_line-box {
    padding: 50px 27px 45px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box {
  width: 204px;
  padding-right: 30px;
  text-align: center;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box img {
  width: 134px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit {
  color: #16873e;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .s-tit {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 37px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit + .s-tit {
  margin-top: 18px;
}

.sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list {
  margin-top: 5px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box {
    width: 100%;
    padding-right: 0px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .img-box img {
    width: 88px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box {
    text-align: center;
    margin-top: 27px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit {
    font-size: 17px;
    line-height: 22px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .s-tit {
    font-size: 14px;
    line-height: 22px;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list {
    display: inline-block;
    width: 242px;
    text-align: left;
    margin: 5px auto 0;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .mark_dot-list li {
    padding-right: 0;
  }

  .sustainability-section .ssb-o_1-panel .year_2022-area .rowflex.flexwrap .text-box .tit + .s-tit {
    margin-top: 10px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .rect_line-box {
  padding: 60px 8.46%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2021-area .rect_line-box {
    padding: 60px 27px 35px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .item-box {
  margin-bottom: 70px;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .item-box img {
  width: 63px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2021-area .item-box {
    margin-bottom: 40px;
  }

  .sustainability-section .ssb-o_1-panel .year_2021-area .item-box img {
    width: 50px;
  }
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap {
  max-width: 785px;
  margin: auto;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-head {
  margin-bottom: 25px;
  color: #555;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-body img {
  max-width: auto;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap {
    max-width: 660px;
  }

  .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-head {
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 22px;
  }

  .sustainability-section .ssb-o_1-panel .year_2021-area .graph-wrap .w-body img {
    max-width: 660px;
  }
}

.sustainability-section .ssb-o_2-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-o_2-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-o_2-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-o_2-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
  line-height: 1;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-o_2-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_2-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-o_2-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_2-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-o_2-panel .item-box .txt2 span {
    font-size: 18px;
    line-height: 1.3;
  }

  .sustainability-section .ssb-o_2-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-o_2-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex {
  margin-top: 10px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex > span {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt2 span {
    font-size: 17px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex {
    margin-top: 0px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .item-box .txt-ex > span {
    font-size: 14px;
    line-height: 22px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 100px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 40px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap {
    justify-content: center;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 68px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 30px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap {
  max-width: 803px;
  margin: 70px auto 0;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-head {
  margin-bottom: 20px;
  color: #555;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body {
  position: relative;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body .unit {
  position: absolute;
  right: 0;
  top: -48px;
  text-align: right;
  color: #777;
  font-size: 16px;
  line-height: 30px;
}

.sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body img {
  max-width: none;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap {
    max-width: 660px;
    margin-top: 45px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 14px;
    font-size: 17px;
    line-height: 22px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body img {
    max-width: 660px;
  }

  .sustainability-section .ssb-o_2-panel .year_2025-area .graph-wrap .w-body .unit {
    position: relative;
    top: 0;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 21px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rect_line-box {
  padding: 60px 7.275% 50px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2022-area .rect_line-box {
    padding: 50px 27px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child {
  position: relative;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child::before {
  content: '';
  width: 58px;
  height: 58px;
  background: url("../images/o2-2022_plus.png") no-repeat 50% 50%;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child {
    padding-top: 60px;
    margin-top: 60px;
  }

  .sustainability-section .ssb-o_2-panel .year_2022-area .rowflex.flexwrap .col:last-child::before {
    width: 43px;
    height: 43px;
    left: 50%;
    top: 0;
  }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .typo-box .title {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 34px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2022-area .typo-box .title {
    font-size: 17px;
    line-height: 27px;
    margin: 2px 0 15px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box {
  text-align: center;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box img {
  width: 144px;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .title {
  margin-top: 34px;
  color: #16873e;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}

.sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .desc {
  margin-top: 20px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box img {
    width: 100px;
  }

  .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .title {
    margin-top: 16px;
    font-size: 17px;
    line-height: 26px;
  }

  .sustainability-section .ssb-o_2-panel .year_2022-area .plan-box .desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rect_line-box {
  padding: 70px 8.46% 60px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2021-area .rect_line-box {
    padding: 55px 27px 45px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list {
  margin-left: 60px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list {
    margin-left: 0px;
    top: 0;
    transform: translateY(0);
    margin-top: 20px;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box {
  width: 260px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box .txt2 {
  margin-top: 15px;
}

.sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box img {
  width: 68px;
  margin-top: 6px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap {
    justify-content: center;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box {
    width: 100%;
    padding-right: 0;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-o_2-panel .year_2021-area .rowflex.flexwrap .item-box img {
    width: 55px;
    margin-top: 0px;
  }
}

.sustainability-section .ssb-o_3-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-o_3-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-o_3-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-o_3-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
  line-height: 1;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-o_3-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_3-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-o_3-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-o_3-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-o_3-panel .item-box .txt2 span {
    font-size: 18px;
    line-height: 1.3;
  }

  .sustainability-section .ssb-o_3-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-o_3-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .item-box .txt2 {
  margin-top: 20px;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
  width: 200px;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
  width: 56px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap {
    padding: 0px;
    justify-content: center;
  }

  .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-1 .item-box img {
    width: 136px;
  }

  .sustainability-section .ssb-o_3-panel .year_2025-area .rowflex.flexwrap .colitem-2 .item-box img {
    width: 46px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box {
  display: block;
  height: 100%;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex {
  height: 100%;
  align-items: center;
}

.sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex .txt1 {
  margin-left: 25px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2025-area .item-box .rowflex .txt1 {
    margin-left: 10px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2022-area .rect_line-box {
  padding: 55px 8.46%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2022-area .rect_line-box {
    padding: 45px 27px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-o_3-panel .year_2022-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .rect_line-box {
  padding: 60px 6.345%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .rect_line-box {
    padding: 45px 27px 50px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .ex-info {
  margin-top: 25px;
  color: #777;
  font-size: 16px;
  line-height: 32px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .ex-info em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .ex-info {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .item-box {
  margin-bottom: 70px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .item-box img {
  width: 73px;
  margin-bottom: -4px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .item-box {
    margin-bottom: 40px;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .item-box img {
    width: 54px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li {
  color: #555;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li sup {
  color: #b3cf0a;
  vertical-align: middle;
  position: relative;
  top: -9px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li + li {
  margin-top: 8px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
    padding-right: 4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li sup {
    top: -8px;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li::after {
    top: 9px;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .mark_dot-list li + li {
    margin-top: 8px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .w-head {
  margin-bottom: 45px;
  margin-left: 2.2%;
  color: #555;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box img {
  width: 144px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box .text {
  margin-top: 20px;
  height: 72px;
  color: #16873e;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box {
    padding-right: 0px;
    width: 100%;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box img {
    width: 100px;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .icon-box .text {
    margin-top: 14px;
    height: auto;
    font-size: 17px;
    line-height: 27px;
  }
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .mark_dot-list {
  display: inline-block;
  margin-top: 24px;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col {
  text-align: center;
}

.sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col + .col {
  border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .w-head {
    margin-bottom: 25px;
    margin-left: 0;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .mark_dot-list {
    margin-top: 15px;
  }

  .sustainability-section .ssb-o_3-panel .year_2021-area .perform-wrap .rowflex.flexwrap .col + .col {
    margin-top: 36px;
    border: none;
  }
}

.sustainability-section .help_info-area {
  margin-top: 80px;
}

.sustainability-section .help_info-area .rect_line-box {
  padding: 60px 80px;
}

.sustainability-section .help_info-area .rowflex {
  align-items: center;
}

.sustainability-section .help_info-area .rowflex > .col-auto {
  padding-right: 6.7681%;
}

.sustainability-section .help_info-area .rowflex > .col-auto img {
  width: 144px;
}

.sustainability-section .help_info-area .rowflex .typo-box .contact {
  margin-top: 30px;
}

.sustainability-section .help_info-area .rowflex .contact-list li {
  position: relative;
  display: inline-block;
  margin: 10px 15px 0 0;
  padding-right: 15px;
}

.sustainability-section .help_info-area .rowflex .contact-list li::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: #ccc;
  position: absolute;
  top: 5px;
  right: 0;
}

.sustainability-section .help_info-area .rowflex .contact-list li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.sustainability-section .help_info-area .rowflex .contact-list li:last-child::after {
  display: none;
}

.sustainability-section .help_info-area .rowflex .contact-list strong, .sustainability-section .help_info-area .rowflex .contact-list em, .sustainability-section .help_info-area .rowflex .contact-list span {
  font-size: 20px;
  font-weight: 600;
}

.sustainability-section .help_info-area .rowflex .contact-list strong {
  color: #222222;
  margin-right: 7px;
}

.sustainability-section .help_info-area .rowflex .contact-list em {
  color: #16873e;
}

.sustainability-section .help_info-area .rowflex .contact-list span {
  font-weight: 500;
  color: #555555;
}

.sustainability-section .help_info-area .rowflex .manager {
  margin-top: 10px;
}

.sustainability-section .help_info-area .rowflex .manager span {
  font-size: 20px;
  font-weight: bold;
  color: #222222;
}

@media all and (max-width: 1023px) {
  .sustainability-section .help_info-area .rect_line-box {
    padding: 50px 30px;
  }

  .sustainability-section .help_info-area .rowflex {
    align-items: center;
  }

  .sustainability-section .help_info-area .rowflex > .col-auto {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }

  .sustainability-section .help_info-area .rowflex > .col-auto img {
    width: 100px;
  }

  .sustainability-section .help_info-area .rowflex .typo-box {
    margin-top: 20px;
  }

  .sustainability-section .help_info-area .rowflex .typo-box .btn_set {
    text-align: center;
  }

  .sustainability-section .help_info-area .rowflex .typo-box .btn_set .btn {
    width: 100%;
  }

  .sustainability-section .help_info-area .rowflex .typo-box .contact {
    margin-top: 25px;
  }

  .sustainability-section .help_info-area .rowflex .contact-list {
    margin-top: 0;
  }

  .sustainability-section .help_info-area .rowflex .contact-list li {
    position: relative;
    display: block;
    margin-top: 8px;
    margin-right: 15px;
    padding-right: 15px;
  }

  .sustainability-section .help_info-area .rowflex .contact-list li::after {
    display: none;
  }

  .sustainability-section .help_info-area .rowflex .contact-list li:last-child {
    margin-right: 0px;
    padding-right: 0px;
  }

  .sustainability-section .help_info-area .rowflex .contact-list li:last-child::after {
    display: none;
  }

  .sustainability-section .help_info-area .rowflex .contact-list strong, .sustainability-section .help_info-area .rowflex .contact-list em, .sustainability-section .help_info-area .rowflex .contact-list span {
    font-size: 15px;
    font-weight: 600;
  }

  .sustainability-section .help_info-area .rowflex .contact-list strong {
    color: #222222;
    margin-right: 5px;
  }

  .sustainability-section .help_info-area .rowflex .manager {
    margin-top: 10px;
  }

  .sustainability-section .help_info-area .rowflex .manager span {
    font-size: 15px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .rowflex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .rowflex > .col {
  flex: 0 0 auto;
  margin: 0 50px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2025-area .rowflex > .col {
    margin: 0;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .rowflex > .colitem-3 {
    margin-top: 40px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 {
  text-align: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img {
  margin-top: 25px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img img {
  height: 100px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-1 .img img {
    height: 68px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 {
  text-align: center;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt1, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 {
  margin-top: 0px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i img, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i img {
  height: 53px;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 em, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 .em, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 .em {
  color: #b3cf0a;
}

.sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 span, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt1, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i {
    margin-bottom: 15px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 i img, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 i img {
    height: 40px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 em, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 55px;
  }

  .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-2 .txt2 span, .sustainability-section .ssb-w_1-panel .year_2025-area .colitem-3 .txt2 span {
    vertical-align: baseline;
    font-size: 18px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box, .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box {
 /*padding: 55px 100px;*/
  padding: 55px  8.4602%;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box > div + div, .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box > div + div {
  margin-top: 50px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box, .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box {
    padding: 45px 25px;
  }

  .sustainability-section .ssb-w_1-panel .year_2022-area .rect_line-box > div + div, .sustainability-section .ssb-w_1-panel .year_2021-area .rect_line-box > div + div {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box, .sustainability-section .ssb-w_1-panel .year_2021-area .title-box {
  text-align: left;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box span, .sustainability-section .ssb-w_1-panel .year_2021-area .title-box span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2022-area .title-box span, .sustainability-section .ssb-w_1-panel .year_2021-area .title-box span {
    font-size: 17px;
  }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .title-box + .mark_dot-list, .sustainability-section .ssb-w_1-panel .year_2021-area .title-box + .mark_dot-list {
  margin-top: 25px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2022-area .title-box + .mark_dot-list, .sustainability-section .ssb-w_1-panel .year_2021-area .title-box + .mark_dot-list {
    margin-top: 0;
  }
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li {
  margin-top: 15px;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li::after, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
}

.sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list span, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li {
    margin-top: 12px;
  }

  .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list li::after, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list li::after {
    top: 7px;
  }

  .sustainability-section .ssb-w_1-panel .year_2022-area .mark_dot-list span, .sustainability-section .ssb-w_1-panel .year_2021-area .mark_dot-list span {
    font-size: 14px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2025-area .rect_line-box {
  padding: 60px 8.4602%;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .rowflex {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2025-area .rect_line-box {
    padding: 45px 20px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .rowflex > .colitem-2 {
    margin-top: 30px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 {
  text-align: center;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt1, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 {
  margin-top: 0px;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: bottom;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i img {
  height: 66px;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 .em, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 .em {
  color: #b3cf0a;
}

.sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 {
    margin-top: 0px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt1, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i {
    margin-bottom: 7px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 i img {
    height: 50px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 50px;
  }

  .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-1 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2025-area .colitem-2 .txt2 span {
    vertical-align: baseline;
    font-size: 15px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
 /*padding: 50px 100px;*/
  padding: 50px 0%;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box > div + div {
  margin-top: 50px;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
    padding: 50px 0%;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box {
    padding: 45px 25px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .rect_line-box > div + div {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .img-box {
  text-align: center;
  margin-top: 10px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .img-box img {
  width: 143px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .img-box img {
    width: 100px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box {
  text-align: center;
  margin-top: 35px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box span {
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .title-box {
    margin-top: 20px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .title-box span {
    font-size: 17px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .title-box + .mark_dot-list {
  margin-top: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .title-box + .mark_dot-list {
    margin-top: 14px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list {
  display: inline-block;
 /*width: 378px; margin: 0 auto;*/;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li {
  margin-top: 10px;
  text-align: left;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li::after {
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li:first-child {
  margin-top: 0;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  line-height: 1.7;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.colorL {
  color: #777777;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item {
  display: block;
  font-size: 16px;
  margin-top: 4px;
}

.sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item + .mark_char_item {
  margin-top: 2px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list {
    width: auto;
    max-width: 300px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li {
    margin-top: 8px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list li::after {
    top: 7px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span {
    font-size: 14px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item {
    font-size: 12px;
    margin-top: 4px;
  }

  .sustainability-section .ssb-w_2-panel .year_2022-area .mark_dot-list span.mark_char_item + .mark_char_item {
    margin-top: 2px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .colitem-1, .sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
  text-align: center;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .colitem-1 {
    padding-bottom: 40px;
  }
}

.sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
  position: relative;
  border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2022-area .colitem-2 {
    padding-top: 40px;
    border-left: 0px dashed #dedede;
    border-top: 1px dashed #dedede;
  }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
  padding: 55px 8.4602%;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .rowflex {
  display: flex;
  align-items: center;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
    padding: 55px 4.6%;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap {
    justify-content: space-between;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap > .col {
    flex: 0 0 auto;
    width: auto;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2021-area .rect_line-box {
    padding: 45px 20px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .rowflex.flexwrap > .col {
    flex: 1 0 auto;
    width: 100%;
  }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 {
  text-align: center;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
  margin-top: 0px;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: bottom;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i img {
  height: 70px;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 .em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 .em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 .em {
  color: #b3cf0a;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 .color_point, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 .color_point, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 .color_point {
  color: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 {
    margin-top: 40px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt1, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i {
    margin-bottom: 7px;
    vertical-align: bottom;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 i img, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 i img {
    height: 50px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 em, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 em {
    vertical-align: baseline;
    margin-left: 10px;
    font-size: 50px;
  }

  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-2 .txt2 span, .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 span {
    vertical-align: baseline;
    font-size: 15px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel .year_2021-area .colitem-1 {
    margin-top: 0;
  }
}

.sustainability-section .ssb-w_2-panel .year_2021-area .colitem-3 .txt2 {
  margin-top: 15px;
}

.sustainability-section .s-foot .btn_gray_grayline {
  border: 1px solid #222;
  background-color: #fff;
}

.sustainability-section {
 /* 섹션공통 */ /* 패널 공통 */;
}

.sustainability-section .section-wrap.ssb-t2 {
 /*margin-top: 90px;*/;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 {
 /*margin-top:57px;*/;
  }
}

.sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box {
  padding-bottom: 60px;
}

.sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box span {
  font-size: 42px;
  color: #222222;
  font-weight: bold;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box {
    padding-bottom: 35px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-head .head_title-box span {
    font-size: 26px;
  }
}

.sustainability-section .section-wrap.ssb-t2 .s-body {
  margin-top: 60px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body [class^="ssb-t_2_"] {
  margin-top: 70px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body [class^="ssb-t_2_"] + [class^="ssb-t_2_"] {
  margin-top: 90px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .s-body {
    margin-top: 35px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body [class^="ssb-t_2_"] {
    margin-top: 45px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body [class^="ssb-t_2_"] + [class^="ssb-t_2_"] {
    margin-top: 45px;
  }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .title-box span {
  color: #222;
  font-size: 32px;
  line-height: 58px;
  font-weight: bold;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .title-box + .desc-box {
  margin-top: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .s-body .title-box span {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .title-box + .desc-box {
    margin-top: 10px;
  }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title {
  margin-top: 30px;
  margin-bottom: 24px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title span {
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_desc span {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_title span {
    font-size: 18px;
    line-height: 1.6;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .desc-box .sub_desc span {
    font-size: 13px;
    line-height: 1.6;
  }
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box {
  margin-top: 70px;
  padding: 45px 40px 60px;
  background-color: #f9f9f9;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title span {
  font-size: 28px;
  font-weight: bold;
  line-height: 58px;
  color: #222222;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li + li {
  margin-top: 6px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li {
  font-size: 18px;
  line-height: 30px;
  padding-left: 14px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li::after {
  top: 12px;
  width: 4px;
  height: 4px;
  background-color: #555;
  border-radius: 2px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .btn-box {
  margin-top: 25px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .btn-box span + i {
  margin-left: 8px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title + .mark_dot-list {
  margin-top: 15px;
}

.sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list + .btn-box {
  margin-top: 25px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box {
    margin-top: 40px;
    padding: 34px 30px 36px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title span {
    font-size: 18px;
    line-height: 28px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li {
    font-size: 13px;
    line-height: 21px;
    padding-left: 12px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .mark_dot-list li::after {
    top: 8px;
  }

  .sustainability-section .section-wrap.ssb-t2 .s-body .gray-box .title + .mark_dot-list {
    margin-top: 15px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list {
    border-bottom: 0;
  }

  .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list li {
    width: 50%;
    margin-left: 0px;
    margin-bottom: 0px;
    flex: 0 0 auto;
  }

  .sustainability-section .section-wrap.ssb-t2 .tab_linebox-list li a {
    margin-top: -1px;
    margin-left: -1px;
  }
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head, .sustainability-section .ssb-t_3-panel.type-accordion .p-head {
  padding-bottom: 22px;
  position: relative;
  border-bottom: 4px solid #222;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a, .sustainability-section .ssb-t_3-panel.type-accordion .p-head a {
  display: block;
  position: relative;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a .title, .sustainability-section .ssb-t_3-panel.type-accordion .p-head a .title {
  padding-right: 40px;
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_3-panel.type-accordion .p-head a i {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head, .sustainability-section .ssb-t_3-panel.type-accordion .p-head {
    padding-bottom: 15px;
  }

  .sustainability-section .ssb-t_1-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head a i, .sustainability-section .ssb-t_3-panel.type-accordion .p-head a i {
    margin-top: -10px;
  }
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-head.on i, .sustainability-section .ssb-t_3-panel.type-accordion .p-head.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sustainability-section .ssb-t_1-panel.type-accordion .p-body, .sustainability-section .ssb-t_2_1-panel.type-accordion .p-body, .sustainability-section .ssb-t_2_2-panel.type-accordion .p-body, .sustainability-section .ssb-t_2_3-panel.type-accordion .p-body, .sustainability-section .ssb-t_2_4-panel.type-accordion .p-body, .sustainability-section .ssb-t_2_5-panel.type-accordion .p-body, .sustainability-section .ssb-t_3-panel.type-accordion .p-body {
  display: none;
}

.sustainability-section .ssb-t_1-panel ul, .sustainability-section .ssb-t_2_1-panel ul, .sustainability-section .ssb-t_2_2-panel ul, .sustainability-section .ssb-t_2_3-panel ul, .sustainability-section .ssb-t_2_4-panel ul, .sustainability-section .ssb-t_2_5-panel ul, .sustainability-section .ssb-t_3-panel ul {
  text-align: left;
}

.sustainability-section .ssb-t_1-panel ul.big_dot li, .sustainability-section .ssb-t_2_1-panel ul.big_dot li, .sustainability-section .ssb-t_2_2-panel ul.big_dot li, .sustainability-section .ssb-t_2_3-panel ul.big_dot li, .sustainability-section .ssb-t_2_4-panel ul.big_dot li, .sustainability-section .ssb-t_2_5-panel ul.big_dot li, .sustainability-section .ssb-t_3-panel ul.big_dot li {
  padding-left: 1em;
}

.sustainability-section .ssb-t_1-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_1-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_2-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_3-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_4-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_5-panel ul.big_dot li::after, .sustainability-section .ssb-t_3-panel ul.big_dot li::after {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #777;
}

.sustainability-section .ssb-t_1-panel ul li, .sustainability-section .ssb-t_2_1-panel ul li, .sustainability-section .ssb-t_2_2-panel ul li, .sustainability-section .ssb-t_2_3-panel ul li, .sustainability-section .ssb-t_2_4-panel ul li, .sustainability-section .ssb-t_2_5-panel ul li, .sustainability-section .ssb-t_3-panel ul li {
  font-size: 18px;
}

.sustainability-section .ssb-t_1-panel ul li + li, .sustainability-section .ssb-t_2_1-panel ul li + li, .sustainability-section .ssb-t_2_2-panel ul li + li, .sustainability-section .ssb-t_2_3-panel ul li + li, .sustainability-section .ssb-t_2_4-panel ul li + li, .sustainability-section .ssb-t_2_5-panel ul li + li, .sustainability-section .ssb-t_3-panel ul li + li {
  margin-top: 12px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel ul.big_dot li, .sustainability-section .ssb-t_2_1-panel ul.big_dot li, .sustainability-section .ssb-t_2_2-panel ul.big_dot li, .sustainability-section .ssb-t_2_3-panel ul.big_dot li, .sustainability-section .ssb-t_2_4-panel ul.big_dot li, .sustainability-section .ssb-t_2_5-panel ul.big_dot li, .sustainability-section .ssb-t_3-panel ul.big_dot li {
    padding-left: 0.8em;
  }

  .sustainability-section .ssb-t_1-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_1-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_2-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_3-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_4-panel ul.big_dot li::after, .sustainability-section .ssb-t_2_5-panel ul.big_dot li::after, .sustainability-section .ssb-t_3-panel ul.big_dot li::after {
    top: 7px;
  }

  .sustainability-section .ssb-t_1-panel ul.y_item li::after, .sustainability-section .ssb-t_2_1-panel ul.y_item li::after, .sustainability-section .ssb-t_2_2-panel ul.y_item li::after, .sustainability-section .ssb-t_2_3-panel ul.y_item li::after, .sustainability-section .ssb-t_2_4-panel ul.y_item li::after, .sustainability-section .ssb-t_2_5-panel ul.y_item li::after, .sustainability-section .ssb-t_3-panel ul.y_item li::after {
    top: 6px;
  }

  .sustainability-section .ssb-t_1-panel ul li, .sustainability-section .ssb-t_2_1-panel ul li, .sustainability-section .ssb-t_2_2-panel ul li, .sustainability-section .ssb-t_2_3-panel ul li, .sustainability-section .ssb-t_2_4-panel ul li, .sustainability-section .ssb-t_2_5-panel ul li, .sustainability-section .ssb-t_3-panel ul li {
    font-size: 14px;
    line-height: 1.6em;
  }

  .sustainability-section .ssb-t_1-panel ul li + li, .sustainability-section .ssb-t_2_1-panel ul li + li, .sustainability-section .ssb-t_2_2-panel ul li + li, .sustainability-section .ssb-t_2_3-panel ul li + li, .sustainability-section .ssb-t_2_4-panel ul li + li, .sustainability-section .ssb-t_2_5-panel ul li + li, .sustainability-section .ssb-t_3-panel ul li + li {
    margin-top: 7px;
  }
}

.sustainability-section .ssb-t_1-panel .contact li + li, .sustainability-section .ssb-t_2_1-panel .contact li + li, .sustainability-section .ssb-t_2_2-panel .contact li + li, .sustainability-section .ssb-t_2_3-panel .contact li + li, .sustainability-section .ssb-t_2_4-panel .contact li + li, .sustainability-section .ssb-t_2_5-panel .contact li + li, .sustainability-section .ssb-t_3-panel .contact li + li {
  margin-top: 0;
}

.sustainability-section .ssb-t_1-panel .news-area + .news-area, .sustainability-section .ssb-t_1-panel .news-row + .news-row, .sustainability-section .ssb-t_2_1-panel .news-area + .news-area, .sustainability-section .ssb-t_2_1-panel .news-row + .news-row, .sustainability-section .ssb-t_2_2-panel .news-area + .news-area, .sustainability-section .ssb-t_2_2-panel .news-row + .news-row, .sustainability-section .ssb-t_2_3-panel .news-area + .news-area, .sustainability-section .ssb-t_2_3-panel .news-row + .news-row, .sustainability-section .ssb-t_2_4-panel .news-area + .news-area, .sustainability-section .ssb-t_2_4-panel .news-row + .news-row, .sustainability-section .ssb-t_2_5-panel .news-area + .news-area, .sustainability-section .ssb-t_2_5-panel .news-row + .news-row, .sustainability-section .ssb-t_3-panel .news-area + .news-area, .sustainability-section .ssb-t_3-panel .news-row + .news-row {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel, .sustainability-section .ssb-t_2_1-panel, .sustainability-section .ssb-t_2_2-panel, .sustainability-section .ssb-t_2_3-panel, .sustainability-section .ssb-t_2_4-panel, .sustainability-section .ssb-t_2_5-panel, .sustainability-section .ssb-t_3-panel {
    margin-top: 40px;
  }

  .sustainability-section .ssb-t_1-panel .news-area + .news-area, .sustainability-section .ssb-t_1-panel .news-row + .news-row, .sustainability-section .ssb-t_2_1-panel .news-area + .news-area, .sustainability-section .ssb-t_2_1-panel .news-row + .news-row, .sustainability-section .ssb-t_2_2-panel .news-area + .news-area, .sustainability-section .ssb-t_2_2-panel .news-row + .news-row, .sustainability-section .ssb-t_2_3-panel .news-area + .news-area, .sustainability-section .ssb-t_2_3-panel .news-row + .news-row, .sustainability-section .ssb-t_2_4-panel .news-area + .news-area, .sustainability-section .ssb-t_2_4-panel .news-row + .news-row, .sustainability-section .ssb-t_2_5-panel .news-area + .news-area, .sustainability-section .ssb-t_2_5-panel .news-row + .news-row, .sustainability-section .ssb-t_3-panel .news-area + .news-area, .sustainability-section .ssb-t_3-panel .news-row + .news-row {
    margin-top: 40px;
  }
}

.sustainability-section .ssb-t_1-panel .news-area .news-row, .sustainability-section .ssb-t_2_1-panel .news-area .news-row, .sustainability-section .ssb-t_2_2-panel .news-area .news-row, .sustainability-section .ssb-t_2_3-panel .news-area .news-row, .sustainability-section .ssb-t_2_4-panel .news-area .news-row, .sustainability-section .ssb-t_2_5-panel .news-area .news-row, .sustainability-section .ssb-t_3-panel .news-area .news-row {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sustainability-section .ssb-t_1-panel .news-area .news-row > div, .sustainability-section .ssb-t_2_1-panel .news-area .news-row > div, .sustainability-section .ssb-t_2_2-panel .news-area .news-row > div, .sustainability-section .ssb-t_2_3-panel .news-area .news-row > div, .sustainability-section .ssb-t_2_4-panel .news-area .news-row > div, .sustainability-section .ssb-t_2_5-panel .news-area .news-row > div, .sustainability-section .ssb-t_3-panel .news-area .news-row > div {
  padding: 0 15px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_2_1-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_2_2-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_2_3-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_2_4-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_2_5-panel .news-area .news-row > div + div, .sustainability-section .ssb-t_3-panel .news-area .news-row > div + div {
    margin-top: 40px;
  }
}

.sustainability-section .ssb-t_1-panel .news-area .img-box img, .sustainability-section .ssb-t_2_1-panel .news-area .img-box img, .sustainability-section .ssb-t_2_2-panel .news-area .img-box img, .sustainability-section .ssb-t_2_3-panel .news-area .img-box img, .sustainability-section .ssb-t_2_4-panel .news-area .img-box img, .sustainability-section .ssb-t_2_5-panel .news-area .img-box img, .sustainability-section .ssb-t_3-panel .news-area .img-box img {
  width: 100%;
}

.sustainability-section .ssb-t_1-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_2_1-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_2_2-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_2_3-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_2_4-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_2_5-panel .news-area .img-box + .img-box, .sustainability-section .ssb-t_3-panel .news-area .img-box + .img-box {
  margin-top: 42px;
}

.sustainability-section .ssb-t_1-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_1-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_2-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_3-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_4-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_5-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_3-panel .news-area .img-box + .typo-box {
  margin-top: 35px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_1-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_2-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_3-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_4-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_2_5-panel .news-area .img-box + .typo-box, .sustainability-section .ssb-t_3-panel .news-area .img-box + .typo-box {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_3-panel .news-area .typo-box.box_right {
  margin-left: 30px;
  margin-top: -8px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title, .sustainability-section .ssb-t_3-panel .news-area .typo-box .title {
  margin-bottom: 10px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_3-panel .news-area .typo-box .title strong {
  font-size: 24px;
  line-height: 42px;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_3-panel .news-area .typo-box .desc span {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole {
  margin-top: 30px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole img {
  height: 58px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set, .sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set {
  margin-top: 20px;
  font-size: 0;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn span + i {
  margin-left: 8px;
}

.sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn + .btn, .sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn + .btn {
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box.box_right, .sustainability-section .ssb-t_3-panel .news-area .typo-box.box_right {
    margin-left: 0px;
    margin-top: -15px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title, .sustainability-section .ssb-t_3-panel .news-area .typo-box .title {
    margin-bottom: 12px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .title strong, .sustainability-section .ssb-t_3-panel .news-area .typo-box .title strong {
    font-size: 17px;
    line-height: 21px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .desc span, .sustainability-section .ssb-t_3-panel .news-area .typo-box .desc span {
    font-size: 13px;
    line-height: 21px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole, .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole {
    margin-top: 20px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .simbole img, .sustainability-section .ssb-t_3-panel .news-area .typo-box .simbole img {
    height: 45px;
  }

  .sustainability-section .ssb-t_1-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_1-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_2-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_3-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_4-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_2_5-panel .news-area .typo-box .btn_set .btn span + i, .sustainability-section .ssb-t_3-panel .news-area .typo-box .btn_set .btn span + i {
    margin-left: 4px;
  }
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide {
  width: 100%;
  overflow: hidden;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .gallery_center, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .gallery_center {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination {
  position: absolute;
  right: 6px;
  bottom: 10px;
  font-size: 0;
  line-height: 0;
  z-index: 2;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet {
  margin: 0px 4px;
  overflow: hidden;
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 100%;
  background: #a6a5a4;
  font-size: 0;
  line-height: 0;
  text-indent: 100px;
  opacity: 1;
}

.sustainability-section .ssb-t_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_2_1-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_2_2-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_2_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_2_4-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_2_5-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .sustainability-section .ssb-t_3-panel .news-area .news_img-slide .gallery_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #b3cf0a;
}

.sustainability-section .ssb-t_1-panel .sup_desc {
  font-size: 16px;
  margin-top: 25px;
  color: #777;
}

.sustainability-section .ssb-t_1-panel .sup_desc em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .sup_desc {
    font-size: 12px;
    margin: 18px 0 0px;
  }
}

.sustainability-section .ssb-t_1-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-t_1-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_1-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 em.c-green {
  margin-right: 5px;
}

.sustainability-section .ssb-t_1-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-t_1-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-t_1-panel .year_2025-area .rowflex {
  justify-content: center;
}

.sustainability-section .ssb-t_1-panel .year_2025-area .rowflex > .col-ep2 {
  flex: 0 0 auto;
  margin: 0 50px;
  width: auto;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2025-area .rowflex > .col-ep2 {
    margin: 0;
  }

  .sustainability-section .ssb-t_1-panel .year_2025-area .rowflex > .col-mb-ep1 {
    width: 100% !important;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2025-area .rect_line-box {
 /*.t-3_item{ margin-top: 40px;}*/;
  }

  .sustainability-section .ssb-t_1-panel .year_2025-area .rect_line-box .colitem-1 + .colitem-2 {
    margin-top: 35px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2025-area .item-box img {
    width: 40px;
  }
}

.sustainability-section .ssb-t_1-panel .year_2022-area .rect_line-box {
 /*padding: 60px 100px;*/
  padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2022-area .rect_line-box {
    padding: 45px 25px;
  }
}

.sustainability-section .ssb-t_1-panel .year_2021-area .rect_line-box {
  padding: 60px 5%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2021-area .rect_line-box {
    padding: 45px 25px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2021-area .item-box img {
    width: 44px;
  }
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel {
  margin-top: 40px;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel sup {
  font-size: 10px;
  color: #96ad07;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col1 {
  width: 10%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col2 {
  width: 45%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col3 {
  width: 45%;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel thead th {
  height: 56px;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td {
  text-align: left;
  background-color: #fff;
  padding-left: 40px;
  height: 85px;
  color: #555;
  line-height: 1.6em;
}

.sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td.left_item {
  text-align: center;
  padding-left: 10px;
  color: #222;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel .title {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col1 {
    width: 18%;
  }

  .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col2 {
    width: 42%;
  }

  .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel colgroup .col3 {
    width: 40%;
  }

  .sustainability-section .ssb-t_1-panel .year_2021-area .table-panel tbody td {
    padding-left: 10px;
    height: 85px;
  }
}

.sustainability-section .ssb-t_2_1-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_2_1-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.c-green {
  margin-right: 5px;
}

.sustainability-section .ssb-t_2_1-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_1-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-t_2_1-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex {
  justify-content: center;
  align-items: center;
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .type2 {
  margin-top: 0;
}

.sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .txt1 {
  margin-left: 30px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex {
 /*margin-top: 50px;*/;
  }

  .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex img {
    width: 60px;
  }

  .sustainability-section .ssb-t_2_1-panel .year_2025-area .rowflex .txt1 {
    margin-left: 20px;
  }
}

.sustainability-section .ssb-t_2_1-panel .year_2022-area .rect_line-box {
 /*padding: 60px 100px;*/
  padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_1-panel .year_2022-area .rect_line-box {
    padding: 45px 25px;
  }
}

.sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box {
  padding: 55px 8%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box {
    padding: 45px 25px 35px;
  }

  .sustainability-section .ssb-t_2_1-panel .year_2021-area .rect_line-box .colitem-1 + .colitem-2 {
    margin-top: 30px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_1-panel .year_2021-area .item-box img {
    width: 39px;
  }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area {
  padding-top: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .happinnovation-area {
    padding-top: 0px;
  }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head {
  position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 455px;
  height: 225px;
  margin: 0 auto;
  background: url(../images/t4_2_2-typo-bg.png) no-repeat 0 0;
  background-size: 100% auto;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title {
  text-align: center;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title span {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.71;
  color: #f9f9f9;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add {
  text-align: center;
  margin-top: 20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add em {
  display: inline-block;
  padding: 5px 20px;
  vertical-align: top;
  border-radius: 20px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #16873e;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 40px;
  vertical-align: top;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after, .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 2px;
  background-color: #fff;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 320px;
    height: 158px;
    max-width: 455px;
    margin: 0 auto;
    background: url(../images/t4_2_2-typo-bg-mb.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .title span {
    font-size: 20px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add em {
    font-size: 13px;
    line-height: 20px;
    border-radius: 10px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i {
    width: 20px;
    height: 30px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::after, .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .inner .add i::before {
    width: 8px;
    height: 2px;
  }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box {
  position: relative;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 85px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em, .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.71;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em {
  color: #16873e;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
  color: #222222;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::after {
  content: "";
  display: block;
  width: 1px;
  height: 70px;
  background-color: #ccc;
  position: absolute;
  bottom: 0px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b3cf0a;
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 2;
  transform: translate(-50%, 50%);
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box {
    margin-top: 13px;
    padding-bottom: 30px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box em, .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box span {
    font-size: 17px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #ccc;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-head .title-box::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 2;
    transform: translate(-50%, 50%);
  }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh {
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh::before {
  content: "";
  display: block;
  width: calc(66.6666%);
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(1) .item-head {
  background-color: #b3cf0a;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(1) .item::before {
  background-color: #b3cf0a;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(2) .item-head {
  background-color: #8cc63f;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(2) .item::before {
  background-color: #8cc63f;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(3) .item-head {
  background-color: #2fa459;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh > div:nth-child(3) .item::before {
  background-color: #2fa459;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh::before {
    height: 0px;
  }
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item {
  padding: 65px 15px 0;
  height: 100%;
  position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::after {
  content: "";
  display: block;
  width: 1px;
  height: 65px;
  background-color: #ccc;
  position: absolute;
  top: 0px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b3cf0a;
  position: absolute;
  left: 50%;
  top: 65px;
  z-index: 2;
  transform: translate(-50%, -50%);
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-inner {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head {
  padding: 25px 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align: center;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head span {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #fff;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body {
  padding: 30px 40px;
  height: 100%;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title span {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
  color: #222222;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list {
  margin-top: 20px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li + li {
  margin-top: 5px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li {
  padding-left: 13px;
  font-size: 18px;
  line-height: 1.67;
  text-align: left;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li::after {
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot {
  padding: 0 40px 40px;
  border: 1px solid #999;
  border-top: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner {
  position: relative;
}

.sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot img {
  width: 100%;
 /* height: 58px; */;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item {
    padding: 30px 15px 0;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: #ccc;
    position: absolute;
    top: 0px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #b3cf0a;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 2;
    transform: translate(-50%, -50%);
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head {
    padding: 15px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-head span {
    font-size: 17px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body {
    padding: 35px 50px 30px;
    padding-left: 15.625%;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .title span {
    font-size: 15px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list {
    margin-top: 13px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li {
    padding-left: 9px;
    font-size: 13px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-body .mark_dot-list li::after {
    top: 8px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot {
    padding: 0 50px 35px;
    padding-left: 15.625%;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner {
    width: 218px;
    max-width: 248px;
  }

  .sustainability-section .ssb-t_2_2-panel .happinnovation-area .area-body .row-sgh .item .item-foot .foot-inner img {
    width: 100%;
  }
}

.sustainability-section .ssb-t_2_2-panel .btn-box {
  margin-top: 60px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_2-panel .btn-box {
    margin-top: 30px;
  }
}

.sustainability-section .ssb-t_2_3-panel .loadmap-area img {
  width: 100%;
}

.sustainability-section .ssb-t_2_3-panel .support-area .rect_line-box {
  padding: 60px 8.46%;
  margin-bottom: 80px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .rect_line-box {
    padding: 40px 20px;
    margin-bottom: 40px;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support {
  display: flex;
  position: relative;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support > div {
  position: relative;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support > div::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  background-color: #dedede;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support > div::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  background-color: #dedede;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .row-support > div::before, .sustainability-section .ssb-t_2_3-panel .support-area .row-support > div::after {
    display: none;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support > div.support-center {
  position: absolute;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .row-support > div.support-center {
    position: relative;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-1 {
  padding-bottom: 70px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2 {
  padding-bottom: 70px;
  padding-left: 185px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2::before {
  bottom: 170px;
  left: 0;
  height: calc(100% - (170px + 40px ));
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3 {
  padding-top: 60px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3::after {
  top: 0px;
  left: 0;
  width: calc(100% - 170px);
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4 {
  padding-top: 60px;
  padding-left: 185px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4::before {
  top: 170px;
  left: 0;
  height: calc(100% - 170px);
}

.sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4::after {
  top: 0px;
  right: 0;
  width: calc(100% - 170px);
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-1 {
    padding-bottom: 0px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-2 {
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-3 {
    padding-top: 0px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .row-support .col-4 {
    padding-top: 0px;
    padding-left: 0px;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center {
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 4px solid #b3cf0a;
  background-color: #fff;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.06), 5px 5px 20px 0 rgba(0, 0, 0, 0.06);
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .icon img {
  height: 90px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .title {
  margin-top: 15px;
  text-align: center;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-center .title span {
  font-size: 26px;
  font-weight: bold;
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .support-center {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
    margin: 0 auto;
    width: 230px;
    height: 230px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-center .icon img {
    height: 65px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-center .title {
    margin-top: 15px;
    text-align: center;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-center .title span {
    font-size: 18px;
    font-weight: bold;
    color: #96ad07;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon {
  margin-top: 20px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon img {
  height: 70px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .title {
  margin-top: 25px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .title span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list {
  margin-top: 15px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li + li {
  margin-top: 5px;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li {
  padding-left: 0.6em;
  font-size: 18px;
  line-height: 1.7;
}

.sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li::after {
  top: 13px;
  width: 3px;
  height: 3px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .support-item {
    margin-top: 35px;
    padding-left: 63px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon {
    margin-top: 0px;
    position: absolute;
    top: 35px;
    left: 0;
    width: 50px;
    text-align: center;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .icon img {
    height: 45px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .title {
    margin-top: 0px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .title span {
    font-size: 17px;
    line-height: 1.5;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list {
    margin-top: 10px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li + li {
    margin-top: 5px;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li {
    padding-left: 0.6em;
    font-size: 13px;
    line-height: 1.7;
  }

  .sustainability-section .ssb-t_2_3-panel .support-area .support-item .mark_dot-list li::after {
    top: 10px;
    width: 3px;
    height: 3px;
  }
}

.sustainability-section .ssb-t_2_3-panel .support-area .btn-box {
  margin-top: 50px;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .support-area .btn-box {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-t_2_3-panel .news-area .btn_down i {
  width: 20px;
  height: 20px;
  margin: 0;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area {
  margin-top: 40px;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
  padding: 30px 20px;
  line-height: 1.6;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th strong, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td strong {
  color: #222;
  font-weight: 600;
}

.sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th em, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td em {
  color: #16873e;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area {
    margin-top: 24px;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead tr:nth-child(even) th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead tr:nth-child(even) td, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody tr:nth-child(even) th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody tr:nth-child(even) td {
    background-color: #fff;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
    padding: 15px 10px;
    line-height: 1.6;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th strong, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td strong, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th strong, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td strong {
    color: #222;
    font-weight: 600;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th em, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td em, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th em, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td em {
    color: #16873e;
    font-weight: 600;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead th, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody th {
    font-size: 14px;
    color: #222;
    font-weight: 600;
  }

  .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table thead td, .sustainability-section .ssb-t_2_3-panel .partnership_collaboration-area table.data_table tbody td {
    text-align-last: left;
    word-wrap: normal;
    word-break: normal;
  }
}

.sustainability-section .ssb-t_2_3-panel .partners-area {
  margin-top: 40px;
  width: calc(100% - 1px);
  margin-left: 1px;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .col-inner {
  padding: 40px 10px;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #dedede;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .icon {
  text-align: center;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .icon img {
  height: 80px;
}

.sustainability-section .ssb-t_2_3-panel .partners-area .name {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_3-panel .partners-area {
    margin-top: 24px;
  }

  .sustainability-section .ssb-t_2_3-panel .partners-area .col-inner {
    padding: 20px 10px;
  }

  .sustainability-section .ssb-t_2_3-panel .partners-area .icon img {
    height: 50px;
  }

  .sustainability-section .ssb-t_2_3-panel .partners-area .name {
    margin-top: 12px;
    font-size: 13px;
  }
}

.sustainability-section .ssb-t_2_4-panel .graph-area {
  margin: 100px 0 110px;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box {
  position: relative;
  padding: 60px 5.92% 60px 8.46%;
  border: 1px solid #dedede;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph {
  position: relative;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph img {
  width: 100%;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt {
  position: absolute;
  top: 0%;
  left: 0%;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p {
  line-height: 1.5;
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

.sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p span {
  color: #16873e;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_4-panel .graph-area {
    margin: 40px 0 50px;
  }

  .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box {
    padding: 32px 20px 38px;
  }

  .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt {
    position: relative;
    margin-bottom: 24px;
  }

  .sustainability-section .ssb-t_2_4-panel .graph-area .graph-box .img_graph .img-txt p {
    line-height: 25px;
    font-size: 17px;
  }
}

.sustainability-section .ssb-t_2_5-panel .c-green {
  color: #16873e;
}

.sustainability-section .ssb-t_2_5-panel .sm-bold {
  font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel.gray-panel .p-head .title span {
  font-size: 36px;
}

.sustainability-section .ssb-t_2_5-panel .p-head {
 /*padding-bottom:0;*/;
}

.sustainability-section .ssb-t_2_5-panel .p-body .gray-box {
  margin-top: 0 !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title {
  color: #222;
  font-size: 24px;
  line-height: 38px;
  font-weight: 600;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .sub-title {
    font-size: 17px;
    line-height: 27px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .desc_text-box {
  padding-top: 28px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .desc_text-box {
    padding-top: 20px;
    font-size: 13px;
    line-height: 21px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title + .desc_text-box {
  padding-top: 23px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .sub-title + .desc_text-box {
    padding-top: 10px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .sub-title + table, .sustainability-section .ssb-t_2_5-panel .p-body .sub-title + .table-box {
  margin-top: 24px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .sub-title + table, .sustainability-section .ssb-t_2_5-panel .p-body .sub-title + .table-box {
    margin-top: 14px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body table.only-pc {
  display: table !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body table.only-mb {
  display: none !important;
}

.sustainability-section .ssb-t_2_5-panel .p-body table.noline {
  border-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tr:nth-child(even) th, .sustainability-section .ssb-t_2_5-panel .p-body table tr:nth-child(even) td {
  background-color: #fff;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody th {
  font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody td {
  vertical-align: top;
  padding: 30px 20px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li {
  font-size: 18px;
  line-height: 30px;
  padding-left: 14px;
  text-align: left;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  top: 12px;
  border-radius: 2px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li + li {
  margin-top: 6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body table tbody .symbole img {
  height: 58px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body table.only-pc {
    display: none !important;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body table.only-mb {
    display: table !important;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body table tbody td {
    padding: 15px 20px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body table tbody .mark_dot-list li {
    font-size: 13px;
    line-height: 21px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body table tbody .symbole img {
    height: 45px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info {
  margin-top: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item, .sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li {
  color: #777;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item {
  display: inline-block;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li + li {
  margin-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .f-info .info-blk + .info-blk {
  margin-top: 32px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-item, .sustainability-section .ssb-t_2_5-panel .p-body .f-info .mark_sect-list li {
    font-size: 13px;
    line-height: 21px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .f-info .info-blk + .info-blk {
    margin-top: 25px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 {
  margin-top: 50px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 .info_graph-box {
  text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 .info_graph-box img {
  width: 100%;
  max-width: 1024px;
  margin: auto;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-1 {
    margin-top: 35px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 {
  margin-top: 70px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box {
  margin-top: 74px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 25px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 15.75%;
  right: 15.75%;
  height: 1px;
  background-color: #ccc;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 748px;
  max-width: 100%;
  height: 100px;
  border-radius: 50px;
  background-color: #2fa459;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
  position: relative;
  border: 1px solid #999;
  height: 100%;
  border-radius: 15px;
  padding: 44px 30px 30px;
  background-color: #fff;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #b3cf0a;
  border-radius: 5px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 1px;
  height: 65px;
  background-color: #ccc;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img {
  text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img img {
  height: 54px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .count {
  text-align: center;
  color: #555;
  font-size: 18px;
  line-height: 34px;
  margin: 12px 0 22px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex {
  border-top: 1px dashed #dedede;
  padding-top: 22px;
  text-align: center;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex dt {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex dd {
  color: #222;
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  margin-top: 7px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x {
  width: calc( 100% + 1.237% + 1.237%);
  margin-left: -1.237%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div {
  padding: 0 1.237%;
  margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div:nth-child(2) .info_g-cont::after {
  height: 136px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div:nth-child(n+4) .info_g-cont::after {
  height: 41px;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
    padding: 44px 18px 30px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 {
    margin-top: 32px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box {
    margin-top: 35px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk {
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk::before {
    display: none;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .title-blk span {
    font-size: 17px;
    width: 100%;
    height: 60px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont {
    padding: 35px 20px 25px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .logo-img img {
    height: 50px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont .count {
    font-size: 13px;
    line-height: 17px;
    margin: 12px 0 18px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex {
    padding-top: 15px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex dt {
    font-size: 13px;
    line-height: 15px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box .info_g-cont > .rowflex dd {
    font-size: 22px;
    line-height: 24px;
    margin-top: 7px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x {
    width: 100%;
    margin-left: 0px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div {
    margin-top: 30px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div:nth-child(1) .info_g-cont::after {
    height: 41px !important;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .infograph-area.info_g-2 .info_graph-box > .rowflex.padding-x > div:nth-child(n+2) .info_g-cont::after {
    height: 31px !important;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 {
  margin-top: 50px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 {
    margin-top: 34px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 .f-info {
    margin-top: 14px;
    flex-direction: column-reverse;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-1 .f-info > .info-lft {
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 {
  margin-top: 64px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 tbody td {
  padding: 40px 20px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #dedede;
  min-height: 80px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-body.rowflex.padding-x {
  margin-top: -5px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-body.rowflex.padding-x > div {
  margin: 5px 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot {
  margin-top: 25px;
  position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::before, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #999;
  top: -16px;
  left: 50%;
  margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot::after {
  transform: rotate(-90deg);
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont {
  background-color: #f9f9f9;
  padding: 20px 6.51%;
  justify-content: start;
  min-height: 122px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-tit {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  color: #fff;
  background-color: #b3cf0a;
  border-radius: 10px;
 /*margin-right:30px;*/
  margin-right: 11%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text {
  flex: 1 0 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li {
  width: 68px;
  margin-top: 0;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li:nth-child(n+3) {
  margin-top: 4px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text > p:nth-child(2) {
  margin-top: 22px;
  position: relative;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text > p:nth-child(2)::before, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text > p:nth-child(2)::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #999;
  top: -14px;
  left: 50%;
  margin-left: -6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text > p:nth-child(2)::after {
  transform: rotate(-90deg);
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_img img {
  width: 100%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_desc {
  margin-top: 14px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 {
    margin-top: 34px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 tbody td {
    padding: 20px 20px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .thumb_desc {
    margin-top: 6px;
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .inner-cont {
    min-height: 60px;
    font-size: 13px;
    line-height: 21px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont {
    justify-content: center;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-tit {
    width: 60px;
    height: 60px;
    margin-right: 16px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text {
    width: 96px;
    flex: 0 0 auto;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li {
    width: 44px;
    padding-left: 10px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-2 .program-inner .prog-foot .inner-cont .cont-text .mark_dot-list li::after {
    width: 3px;
    height: 3px;
    top: 9px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 {
  margin-top: 80px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex table th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex table td {
  height: 60px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child {
  width: 74.45%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(1) {
  width: 9.6%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(2) {
  width: 11.4%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(3) {
  width: 16%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(4) {
  width: 13.6%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table {
 /*max-width:880px;*/;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody td {
  vertical-align: middle;
  line-height: 30px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child {
  margin-left: 2.53%;
  width: 23%;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table {
 /*max-width:272px;*/;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table tbody th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table tbody td {
  padding: 18px 20px;
  height: 60px;
  vertical-align: middle;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .f-info {
  margin-top: 22px;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(1) {
    width: 9%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(2) {
    width: 13%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(3) {
    width: 18%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child col:nth-child(4) {
    width: 13.6%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody td {
    padding: 30px 15px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table tbody th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table tbody td {
    padding: 18px 0px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 {
    margin-top: 44px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .col-mb-ep1 {
    width: 100% !important;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title {
    margin-bottom: 15px;
    display: flex !important;
    justify-content: space-between;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .tit {
    color: #222;
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box {
    margin-top: -2.5px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single {
    height: 32px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    padding: 0 34px 0 12px;
    font-size: 13px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 30px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex .tbl-title .align_rgt .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 8px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table {
    max-width: none;
    width: 100%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:first-child table tbody td {
    line-height: 21px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child {
    margin-top: 24px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table {
    max-width: none;
    width: 100%;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table th, .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .rowflex > div:last-child table td {
    height: 50px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .f-info {
    margin-top: 14px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .list_table.only-mb {
    display: none !important;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-3 .list_table.only-mb.on {
    display: table !important;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 {
  margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .list_table + .list_table {
  margin-top: 40px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .f-info {
  margin-top: 22px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 {
    margin-top: 30px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .list_table + .list_table {
    margin-top: 30px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .table-area.tbl-4 .f-info {
    margin-top: 14px;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .news-area {
  margin-top: 32px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .news-area {
    margin-top: 25px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info {
    margin-top: 30px;
  }

  .sustainability-section .ssb-t_2_5-panel .p-body .news-area .f-info .info-blk {
    text-align: center;
  }
}

.sustainability-section .ssb-t_2_5-panel .p-body .img-area {
  margin-top: 6px;
}

.sustainability-section .ssb-t_2_5-panel .p-body .img-area img {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_2_5-panel .p-body .img-area {
    margin-top: 18px;
  }
}

.sustainability-section .ssb-t_3-panel .item-box {
  text-align: center;
}

.sustainability-section .ssb-t_3-panel .item-box .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_3-panel .item-box .img {
  margin-top: 25px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em {
  vertical-align: baseline;
  color: #b3cf0a;
  font-weight: 700;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em.fs-lg {
  font-size: 72px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 em.c-green {
  margin-right: 5px;
}

.sustainability-section .ssb-t_3-panel .item-box .txt2 i + span {
  margin-left: 20px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_3-panel .item-box .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .txt2 {
    margin-top: 5px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .txt2 span {
    font-size: 18px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .txt2 em.fs-lg {
    font-size: 55px;
  }

  .sustainability-section .ssb-t_3-panel .item-box .txt2 i + span {
    margin-left: 14px;
  }
}

.sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box {
  padding: 55px 8%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box {
    padding: 45px 25px 35px;
  }

  .sustainability-section .ssb-t_3-panel .year_2021-area .rect_line-box .colitem-1 + .colitem-2 {
    margin-top: 30px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-t_3-panel .year_2021-area .item-box img {
    width: 52px;
  }
}

.sustainability-section .ssb-h_1-panel ul, .sustainability-section .ssb-h_2-panel ul {
  text-align: left;
}

.sustainability-section .ssb-h_1-panel ul.big_dot li, .sustainability-section .ssb-h_2-panel ul.big_dot li {
  padding-left: 1em;
}

.sustainability-section .ssb-h_1-panel ul.big_dot li::after, .sustainability-section .ssb-h_2-panel ul.big_dot li::after {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #777;
}

.sustainability-section .ssb-h_1-panel ul.y_item li::after, .sustainability-section .ssb-h_2-panel ul.y_item li::after {
  top: 11px;
}

.sustainability-section .ssb-h_1-panel ul li, .sustainability-section .ssb-h_2-panel ul li {
  font-size: 18px;
}

.sustainability-section .ssb-h_1-panel ul li + li, .sustainability-section .ssb-h_2-panel ul li + li {
  margin-top: 12px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_1-panel ul.big_dot li, .sustainability-section .ssb-h_2-panel ul.big_dot li {
    padding-left: 0.8em;
  }

  .sustainability-section .ssb-h_1-panel ul.big_dot li::after, .sustainability-section .ssb-h_2-panel ul.big_dot li::after {
    top: 7px;
  }

  .sustainability-section .ssb-h_1-panel ul.y_item li::after, .sustainability-section .ssb-h_2-panel ul.y_item li::after {
    top: 8px;
  }

  .sustainability-section .ssb-h_1-panel ul li, .sustainability-section .ssb-h_2-panel ul li {
    font-size: 14px;
  }
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 {
  text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img {
  margin-top: 25px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img img {
  width: 101px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 {
  text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt1 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 {
  margin-top: 10px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: bottom;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i img {
  width: 49px;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 em {
  vertical-align: baseline;
  margin-left: 10px;
  font-size: 72px;
  font-weight: bold;
  color: #b3cf0a;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 span {
  vertical-align: baseline;
  font-size: 22px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 .color_point {
  color: #b3cf0a;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout {
    flex-direction: column;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-1 .img img {
    width: 69px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 {
 /*margin-top: 45px;*/;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt1 {
    font-size: 14px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 {
    margin-top: 0px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i {
    margin-bottom: 15px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 i img {
    width: 38.5px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 em {
    margin-left: 10px;
    font-size: 55px;
  }

  .sustainability-section .ssb-h_1-panel .year_2025-area .box_layout .colitem-2 .txt2 span {
    font-size: 17px;
  }
}

.sustainability-section .ssb-h_1-panel .year_2022-area .rect_line-box {
 /*padding: 60px 100px;*/
  padding: 60px 8.4602%;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_1-panel .year_2022-area .rect_line-box {
    padding: 45px 25px;
  }
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title {
  padding: 50px 0 35px;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title span {
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .desc span {
  font-size: 18px;
  font-weight: 500;
  color: #555;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
 /*width: calc( 100% + 30px); margin-left: -15px; */
  width: calc( 100% + 2.52%);
  margin-left: -1.26%;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x > * {
 /*padding: 0 15px;*/
  padding: 0 1.26%;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
  padding: 60px 0 55px;
  text-align: center;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
  padding: 35px 0 20px;
}

.sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .desc {
  font-size: 18px;
  line-height: 1.7;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
    width: calc( 100% + 1.6%);
    margin-left: -0.8%;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x > * {
    padding: 0 0.8%;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
    padding: 50px 0 45px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .img-area img {
    width: 133px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title {
    padding: 25px 0 15px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .sub_title span {
    font-size: 17px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .desc-area .desc span {
    font-size: 13px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout {
    width: calc( 100% + 16px);
    margin-left: -8px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .mt_item {
    margin-top: 15px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout.padding-x > * {
    padding: 0 8px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box {
    padding: 40px 10px 55px;
    height: 100%;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .img-area img {
    width: 100px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
    font-size: 17px;
    padding: 20px 0 10px;
  }

  .sustainability-section .ssb-h_1-panel .year_2021-area .box-layout .rect_line-box .text-area .desc {
    font-size: 13px;
    line-height: 1.7;
  }
}

.sustainability-section .ssb-h_2-panel .sup_desc {
  font-size: 16px;
  margin-top: 25px;
  color: #777;
}

.sustainability-section .ssb-h_2-panel .sup_desc em {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_2-panel .sup_desc {
    font-size: 12px;
    margin: 18px 0 18px;
  }
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box {
 /*padding: 60px 5%;*/;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex > .col {
  flex: 0 0 auto;
  margin: 0 50px;
  width: auto;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .txt {
  font-size: 18px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img {
  margin-top: 25px;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 1.6;
  padding-left: 15px;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt sup, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt sup {
  font-size: 10px;
  color: #96ad07;
}

.sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt_sm, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt_sm {
  font-size: 16px;
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box {
 /*padding: 45px 0;*/;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex {
    flex-direction: column;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex > .col {
    margin: 0;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .txt {
    font-size: 14px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img {
    margin-top: 15px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-1 .img img {
    width: 138px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 {
 /*margin-top: 60px;*/;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .item-box, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .item-box {
    padding: 0 40px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .img img, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .img img {
    width: 71px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 0px;
    margin-top: 15px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-2 .txt_sm, .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 .txt_sm {
    font-size: 13px;
  }

  .sustainability-section .ssb-h_2-panel .year_2025-area .rect_line-box .rowflex .colitem-3 {
    margin-top: 44px;
  }
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout {
 /*width: calc( 100% + 30px); margin-left: -15px;*/
  width: calc( 100% + 2.52%);
  margin-left: -1.26%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout.padding-x > * {
 /*padding: 0 15px;*/
  padding: 0 1.26%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
  padding: 60px 0 55px;
  text-align: center;
  height: 100%;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 25px 0 25px;
  padding: 0 8.042%;
  line-height: 1.5em;
  height: 72px;
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title.y_item {
 /*padding-bottom: 25px;*/;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title.h_3_item {
  height: 36px;
  margin: 30px 0;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul {
 /*padding: 0 20px 0 30px;*/
  padding: 0 8.042%;
  line-height: 1.6;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li sup {
  font-size: 10px;
  color: #96ad07;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li + li {
  margin-top: 6px;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol {
  margin-top: 10px;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li {
  font-size: 16px;
  padding-left: 0.5em;
  line-height: 1.6;
}

.sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li::after {
  display: none;
}

@media all and (max-width: 1279px) {
  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout {
    width: calc( 100% + 1.6%);
    margin-left: -0.8%;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout.padding-x > * {
    padding: 0 0.8%;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
    padding: 50px 0 45px;
  }
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout > .col-mb-ep1 + .col-mb-ep1 {
    margin-top: 20px;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box {
    padding: 40px 0px 40px;
    height: 100%;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .img-area img {
    width: 100px;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area .title {
    font-size: 17px;
    margin: 20px 0 25px;
    height: auto;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul li sup {
    font-size: 5px;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ul > li {
    font-size: 13px;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol {
    margin-top: 10px;
  }

  .sustainability-section .ssb-h_2-panel .year_2021-area .box-layout .rect_line-box .text-area ol li {
    font-size: 12px;
    padding-left: 0.5em;
  }
}

.reporting-page {
  background: url(../images/bg_esg_report.png) no-repeat right 153px;
}

@media all and (max-width: 1023px) {
  .reporting-page {
    background-size: 221px auto;
    background-position: calc(100% + 50px) 52px;
  }
}

.reporting-page .reporting_list-section {
  padding-bottom: 120px;
}

.reporting-page .reporting_list-section > .section-wrap + .section-wrap {
  margin-top: 20px;
}

.reporting-page .reporting_list-section .esg_title-area {
  margin-top: 78px;
  margin-bottom: 15px;
}

.reporting-page .reporting_list-section .esg_title-area .esg_title span {
  color: #222;
  font-size: 42px;
  line-height: 58px;
  font-weight: 700;
}

.reporting-page .reporting_list-section .esg_title-area .esg_desc {
  margin-top: 35px;
}

.reporting-page .reporting_list-section .esg_title-area .esg_desc p {
  margin-top: 0;
  color: #222;
  font-size: 28px;
  line-height: 42px;
  font-weight: 600;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity {
  margin-bottom: 5px;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc {
  margin-top: 45px;
}

.reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc p {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .reporting-page .reporting_list-section .esg_title-area {
    margin-top: 54px;
    margin-bottom: 25px;
  }

  .reporting-page .reporting_list-section .esg_title-area .esg_title span {
    font-size: 26px;
    line-height: 36px;
  }

  .reporting-page .reporting_list-section .esg_title-area .esg_desc {
    margin-top: 8px;
  }

  .reporting-page .reporting_list-section .esg_title-area .esg_desc p {
    font-size: 16px;
    line-height: 26px;
    padding-right: 20px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .reporting-page .reporting_list-section .esg_title-area.esg_gravity {
    margin-bottom: 20px;
  }

  .reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc {
    margin-top: 7px;
  }

  .reporting-page .reporting_list-section .esg_title-area.esg_gravity .esg_desc p {
    font-size: 16px;
    line-height: 26px;
    padding-right: 0px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }
}

.reporting-page .reporting_list-section .tab-area {
 /*margin-top: -6px; padding-top: 0; padding-bottom: 30px;*/
  margin-top: 60px;
  padding-bottom: 30px;
}

@media all and (max-width: 1023px) {
  .reporting-page .reporting_list-section .tab-area {
 /*margin-top: -8px; padding-top: 0;*/
    margin-top: 37px;
    padding-bottom: 30px;
  }
}

.reporting-page .reporting_list-section .s-head {
  padding: 0 0 45px;
}

.reporting-page .reporting_list-section .s-head .title {
 /*margin-top: -6px;*/;
}

.reporting-page .reporting_list-section .s-head .title span {
  font-size: 28px;
  color: #222;
  line-height: 1.36;
  font-weight: 700;
}

.reporting-page .reporting_list-section .s-head .title .process {
  display: block;
  padding-top: 64px;
}

.reporting-page .reporting_list-section .s-head p {
  margin-top: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #555;
}

@media all and (max-width: 1023px) {
  .reporting-page .reporting_list-section .s-head {
    padding: 0 0 10px;
  }

  .reporting-page .reporting_list-section .s-head .title {
 /*margin-top: -8px;*/;
  }

  .reporting-page .reporting_list-section .s-head .title span {
    font-size: 18px;
    line-height: 1.3;
  }

  .reporting-page .reporting_list-section .s-head .title .process {
    padding-top: 0;
  }

  .reporting-page .reporting_list-section .s-head p {
    margin-top: 15px;
    font-size: 13px;
    line-height: 21px;
  }
}

@media all and (max-width: 1023px) {
  .reporting-page .reporting_list-section .tab_linebox-list li {
    flex: 1 1 50%;
  }

  .reporting-page .reporting_list-section > .section-wrap + .section-wrap {
    margin-top: 58px;
  }
}

.reporting-page .reporting_list-section .s-body .p-footer p {
  color: #777;
}

.reporting-page .reporting_list-section .s-body .p-footer p .color_green {
  color: #96ad07;
}

.reporting-page .reporting_list-section .ini-thumb {
  display: flex;
  width: 100%;
  margin: 0;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 0;
}

.reporting-page .reporting_list-section .ini-thumb .img {
  width: 248px;
  text-align: center;
}

.reporting-page .reporting_list-section .ini-thumb figcaption {
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .reporting-page .reporting_list-section .ini-thumb {
    flex-wrap: wrap;
    padding: 15px 10px 15px;
  }

  .reporting-page .reporting_list-section .ini-thumb .img {
    width: 100%;
  }

  .reporting-page .reporting_list-section .ini-thumb figcaption {
    width: 100%;
    text-align: center;
    margin-top: 13px;
    font-size: 13px;
    line-height: 19px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .reporting-page .reporting_list-section .ini-thumb.ini-thumb-1 img {
    width: 48px;
  }

  .reporting-page .reporting_list-section .ini-thumb.ini-thumb-2 img {
    width: 52px;
  }

  .reporting-page .reporting_list-section .ini-thumb.ini-thumb-3 img {
    width: 63px;
  }

  .reporting-page .reporting_list-section .ini-thumb.ini-thumb-4 img {
    width: 46px;
  }

  .reporting-page .reporting_list-section .ini-thumb.ini-thumb-5 img {
    width: 59px;
  }
}

.reporting-page .down_pdf_detail-area {
  display: none;
}

.reporting-page .down_pdf-panel .down_pdf-list {
 /*margin:0px -22px;*/
  margin: 0px -1.80%;
  display: flex;
  flex-wrap: wrap;
}

.reporting-page .down_pdf-panel .down_pdf-list li {
  width: calc(100% / 3);
 /*padding: 0px 22px;*/
  padding: 0px 1.80%;
}

.reporting-page .down_pdf-panel .down_pdf-list li:nth-child(n+4) {
  margin-top: 60px;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #dfdfdf;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-ratio {
  padding-bottom: 126.9565217391304%;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-ratio img {
  width: 100%;
}

.reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-thumb {
  position: absolute;
  width: 63.01369863013699%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box {
  margin-top: 27px;
  padding: 0 8px;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .year, .reporting-page .down_pdf-panel .down_pdf-area .text-box .title {
  display: block;
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 9px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .year {
  font-weight: 400;
  margin-bottom: 0;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
  padding: 0;
  margin-bottom: 10px;
  margin-right: 30px;
}

.reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg span {
  font-weight: 500;
}

@media all and (max-width: 1279px) {
  .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
    margin-right: 8px;
  }
}

@media all and (max-width: 1023px) {
  .reporting-page .down_pdf-panel {
    margin-top: 0;
  }

  .reporting-page .down_pdf-panel .down_pdf-list {
    margin: 0px -8px;
  }

  .reporting-page .down_pdf-panel .down_pdf-list li {
    width: calc(100% / 2);
    padding: 0px 8px;
  }

  .reporting-page .down_pdf-panel .down_pdf-list li:nth-child(n+3) {
    margin-top: 40px;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .thumb-box .img-thumb {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box {
    margin-top: 17px;
    padding: 0;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box .year, .reporting-page .down_pdf-panel .down_pdf-area .text-box .title {
    font-size: 17px;
    line-height: 27px;
    font-weight: 700;
    margin-bottom: 5px;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box .year {
    font-weight: 500;
    margin-bottom: 0;
    color: #555;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg {
    padding: 1px;
    display: block;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg span {
    font-weight: 500;
  }

  .reporting-page .down_pdf-panel .down_pdf-area .text-box .btn.btn_lg + .btn {
    margin-left: 0;
    margin-top: 12px;
  }
}

.reporting-page .card_list-panel .card_list {
 /*margin: 0 -22px;*/
  margin: 0 -1.80%;
  display: flex;
  flex-wrap: wrap;
}

.reporting-page .card_list-panel .card_list li {
  width: 33.3333333%;
 /*padding: 0 22px;*/
  padding: 0px 1.80%;
}

.reporting-page .card_list-panel .card_list li:nth-child(n+4) {
  margin-top: 58px;
}

.reporting-page .card_list-panel .card_list .card_list-item {
  display: block;
}

.reporting-page .card_list-panel .card_list .card_list-item img {
  width: 100%;
}

.reporting-page .card_list-panel .card_list .card_list-item .img {
  border: 1px solid #dedede;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt {
  margin-top: 22px;
  text-align: center;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt b {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #222;
  font-weight: 700;
}

.reporting-page .card_list-panel .card_list .card_list-item .txt span {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .reporting-page .card_list-panel .card_list {
    margin: 0 -7px;
  }

  .reporting-page .card_list-panel .card_list li {
    width: 50%;
    padding: 0 7px;
  }

  .reporting-page .card_list-panel .card_list li:nth-child(n+3) {
    margin-top: 36px;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .txt {
    margin-top: 14px;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .txt b {
    font-size: 17px;
    line-height: 27px;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .txt span {
    font-size: 13px;
    line-height: 21px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .reporting-page .card_list-panel .card_list .card_list-item .txt span br {
    display: none;
  }
}

.reporting-page .dot-list {
  text-align: left;
}

.reporting-page .dot-list li {
  padding: 0 0 0 14px;
  position: relative;
  border-top: 0;
  font-size: 18px;
  color: #555;
  line-height: 30px;
  font-weight: 500;
}

.reporting-page .dot-list li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #777;
}

.reporting-page .dot-list li sup {
  font-size: 13px;
  color: #96ad07;
  line-height: 1;
  vertical-align: 4px;
}

.reporting-page .dot-list li + li {
  margin-top: 16px;
}

@media all and (max-width: 1023px) {
  .reporting-page .dot-list li {
    padding-left: 10px;
    font-size: 13px;
    line-height: 21px;
  }

  .reporting-page .dot-list li:before {
    top: 8px;
  }

  .reporting-page .dot-list li sup {
    font-size: 10px;
  }

  .reporting-page .dot-list li + li {
    margin-top: 8px;
  }
}

.reporting-page .esg_gravity_result-panel {
  width: 800px;
  margin: 5px auto 60px;
}

.reporting-page .esg_gravity_result-panel .p-header {
  margin-bottom: 23px;
}

.reporting-page .esg_gravity_result-panel .p-header .title {
  font-size: 24px;
  line-height: 38px;
  color: #16873e;
  font-weight: 600;
}

.reporting-page .esg_gravity_result-panel .p-body .download-btn-area {
  margin-bottom: 30px;
}

.reporting-page .esg_gravity_result-panel .esg_gravity_graph-box {
  position: relative;
}

.reporting-page .esg_gravity_result-panel .esg_gravity_graph-box .graph_view-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: none;
}

@media all and (max-width: 1023px) {
  .reporting-page .esg_gravity_result-panel {
    width: 100%;
    margin: 10px auto 30px;
  }

  .reporting-page .esg_gravity_result-panel .p-header {
    margin-bottom: 11px;
  }

  .reporting-page .esg_gravity_result-panel .p-header .title {
    font-size: 17px;
    line-height: 27px;
    color: #16873e;
    font-weight: 600;
  }

  .reporting-page .esg_gravity_result-panel .p-body img {
    width: 100%;
  }

  .reporting-page .esg_gravity_result-panel .p-body .download-btn-area {
    margin-bottom: 16px;
  }

  .reporting-page .esg_gravity_result-panel .p-body .download-btn-area .btn {
    display: block;
  }

  .reporting-page .esg_gravity_result-panel .p-body .download-btn-area .btn + .btn {
    margin-top: 10px;
    margin-left: 0;
  }

  .reporting-page .esg_gravity_result-panel .esg_gravity_graph-box .graph_view-btn {
    display: none !important;
  }
}

.reporting-page .esg_gravity-img .only-mb {
  padding: 4px 0;
}

.reporting-page .esg_gravity-img .only-mb img {
  width: 272px;
}

.reporting_detail_view-section {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}

.reporting_detail_view-section ul {
  width: calc(50% - 24px);
}

.reporting_detail_view-section ul li {
  border-top: 2px solid #222;
  padding: 16px 0 30px;
}

.reporting_detail_view-section ul li .tit {
  font-size: 22px;
  line-height: 28px;
  color: #222;
  font-weight: 700;
}

.reporting_detail_view-section ul li ul {
  margin-top: 24px;
  width: 100%;
}

.reporting_detail_view-section ul li ul li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0 5px 14px;
  position: relative;
  border-top: 0;
  font-size: 18px;
  color: #555;
  line-height: 32px;
  font-weight: 500;
}

.reporting_detail_view-section ul li ul li:before {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #777;
}

.reporting_detail_view-section ul li ul li a i {
  margin-right: 9px;
  vertical-align: -5px;
}

@media all and (max-width: 1023px) {
  .reporting_detail_view-section {
    padding: 0;
    flex-wrap: wrap;
  }

  .reporting_detail_view-section ul {
    width: 100%;
  }

  .reporting_detail_view-section ul li {
    padding: 17px 0 36px;
  }

  .reporting_detail_view-section ul li .tit {
    font-size: 16px;
    line-height: 20px;
  }

  .reporting_detail_view-section ul li ul {
    margin-top: 18px;
  }

  .reporting_detail_view-section ul li ul li {
    padding: 4px 0 4px 9px;
    font-size: 14px;
    line-height: 22px;
  }

  .reporting_detail_view-section ul li ul li:before {
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #777;
  }

  .reporting_detail_view-section ul li ul li + li {
    margin-top: 9px;
  }

  .reporting_detail_view-section ul li ul li a i {
    margin-right: 5px;
    vertical-align: -4px;
  }
}

/* ================= IR  ================= */
.ir_table_list-section {
  margin-top: -60px;
  padding-top: 0px;
  padding-bottom: 120px;
 /* size - mobile */;
}

.ir_table_list-section .c-primary {
  color: #96ad07 !important;
}

.ir_table_list-section .big_year {
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.ir_table_list-section .s-head + .s-body {
  padding-top: 80px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section {
 /*margin-top: -25px;*/
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 60px;
  }

  .ir_table_list-section .s-head + .s-body {
    padding-top: 40px;
  }

  .ir_table_list-section .big_year {
    color: #555;
    font-size: 14px;
  }

  .ir_table_list-section .section-wrap.invest, .ir_table_list-section .section-wrap.present {
    margin-top: -22px;
  }
}

.ir_table_list-section [class$="-panel"] {
 /* size - mobile */;
}

.ir_table_list-section [class$="-panel"] + [class$="-panel"] {
  margin-top: 24px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section [class$="-panel"] + [class$="-panel"] {
    margin-top: 34px;
  }
}

.ir_table_list-section [class$="-panel"] .p-header {
  min-height: 42px;
  padding-bottom: 20px;
}

.ir_table_list-section [class$="-panel"] .p-header .ab-r {
  display: flex;
}

.ir_table_list-section [class$="-panel"] .p-header .select-box {
  width: 114px;
  height: 42px;
}

.ir_table_list-section [class$="-panel"] .p-header .select-box + .btn {
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section [class$="-panel"] .p-header {
    min-height: auto;
    padding-bottom: 15px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .ab-r {
    position: relative;
    bottom: auto;
    justify-content: flex-end;
 /*margin-top:-22px;*/;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area + .ab-r {
    margin-top: 15px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box {
    width: 75px;
    height: 32px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box .select2-container--default .select2-selection--single {
    height: 32px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    font-size: 13px;
    padding: 0 20px 0 12px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px;
    height: 100%;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 8px;
    margin-top: -9px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box + .btn {
    margin-left: 4px;
    padding: 5px 16px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .select-box + .btn span {
    font-size: 13px;
  }
}

.ir_table_list-section [class$="-panel"] .p-header .text-area .title {
  display: inline-block;
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl {
  display: flex;
  margin-top: 12px;
  color: #555;
  font-size: 18px;
  line-height: 34px;
  font-weight: 500;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl > div {
  display: flex;
  position: relative;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl div + div {
  margin-left: 20px;
  padding-left: 20px;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl div + div::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 13px;
  background-color: #c2c2c2;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl div + div::before {
  transform: translateY(-50%);
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl dt + dd {
  position: relative;
  margin-left: 4px;
  padding-left: 10px;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area dl dt + dd::before {
  content: ':';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ir_table_list-section [class$="-panel"] .p-header .text-area.line_dividing div + div {
  padding-left: 10px;
  margin-left: 10px;
}

.ir_table_list-section [class$="-panel"] .p-header .text-area.line_dividing div + div::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 14px;
  background-color: #c2c2c2;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section [class$="-panel"] .p-header .text-area .title {
    font-size: 18px;
    line-height: 1.6;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area dl {
    margin-top: 10px;
    font-size: 13px;
    line-height: 21px;
    flex-direction: column;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area dl div + div {
    padding-left: 0;
    margin-left: 0;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area dl dt + dd {
    padding-left: 8px;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area.line_dividing div + div {
    padding-left: 0;
    margin-left: 0;
  }

  .ir_table_list-section [class$="-panel"] .p-header .text-area.line_dividing div + div::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 0;
    background-color: #c2c2c2;
  }
}

.ir_table_list-section [class$="-panel"] .p-header .year-box span {
  font-size: 28px;
  font-weight: bold;
  color: #222222;
  line-height: 42px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section [class$="-panel"] .p-header .year-box {
 /*margin-top: 32px;*/
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  .ir_table_list-section [class$="-panel"] .p-header .year-box + .ab-r {
 /*position: absolute; top: auto; bottom: 20px;*/
    margin-top: 0;
  }

  .ir_table_list-section [class$="-panel"] .p-header .year-box span {
    font-size: 18px;
    line-height: 32px;
  }
}

.ir_table_list-section .insert-panel {
 /* size - ex */;
}

.ir_table_list-section .insert-panel .iframe_stock {
  width: 100%;
  height: 720px;
}

@media all and (max-width: 697px) {
  .ir_table_list-section .insert-panel .iframe_stock {
    width: 100%;
    height: 1410px;
  }
}

.ir_table_list-section .graph-panel {
  overflow: hidden;
 /* size - mobile */;
}

.ir_table_list-section .graph-panel .chart-box {
  position: relative;
}

.ir_table_list-section .graph-panel .chart-box .label-list li {
  font-size: 14px;
  line-height: 14px;
}

.ir_table_list-section .graph-panel .chart-box .label-list i {
  display: inline-block;
  width: 40px;
  height: 14px;
  vertical-align: top;
  margin-right: 6px;
}

.ir_table_list-section .graph-panel .chart-box.bar-type {
 /*padding:0 115px;*/
  padding: 0 9.729%;
}

.ir_table_list-section .graph-panel .chart-box.bar-type .label-list {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.ir_table_list-section .graph-panel .chart-box.bar-type .label-list li {
  margin: 0 10px;
}

.ir_table_list-section .graph-panel .chart-box.donut-type {
  width: 100%;
  height: auto;
  max-width: 800px;
  left: calc(50% - 100px);
  transform: translateX(-50%);
  margin-top: 62px;
}

.ir_table_list-section .graph-panel .chart-box.donut-type .label-list {
  position: absolute;
  top: 50%;
  right: 80px;
  transform: translate(100%, -50%);
  flex-direction: column;
}

.ir_table_list-section .graph-panel .chart-box.donut-type .label-list li {
  margin: 20px 0px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .graph-panel .chart-box {
    margin: 0;
  }

  .ir_table_list-section .graph-panel .chart-box .label-list li {
    font-size: 12px;
    line-height: 12px;
  }

  .ir_table_list-section .graph-panel .chart-box .label-list i {
    display: inline-block;
    width: 20px;
    height: 12px;
    vertical-align: top;
    margin-right: 6px;
  }

  .ir_table_list-section .graph-panel .chart-box.bar-type {
    padding: 0;
  }

  .ir_table_list-section .graph-panel .chart-box.bar-type .label-list {
    margin-top: 20px;
  }

  .ir_table_list-section .graph-panel .chart-box.bar-type .label-list li {
    margin: 0 6px;
  }

  .ir_table_list-section .graph-panel .chart-box.donut-type {
    padding-right: 0px;
    left: 50%;
    width: 130%;
    margin-left: -40px;
    margin-top: 0px;
  }

  .ir_table_list-section .graph-panel .chart-box.donut-type .label-list {
    right: 30px;
    transform: translate(0%, -50%);
  }
}

.ir_table_list-section .greenloan-panel {
  margin-top: 20px;
 /* size - mobile */;
}

/*2025.04.25  */
.ir_table_list-section .greenloan-panel .down_pdf-list {
  /*margin:0px -22px;*/
  margin: 0px -1.80%;
  display: flex;
  flex-wrap: wrap;
}

.ir_table_list-section .greenloan-panel .down_pdf-list:after {
  content: '';
  display: block;
  clear: both;
}

.ir_table_list-section .greenloan-panel .down_pdf-list li {
  float: left;
  width: calc(100% / 3);
 /*padding:0px 22px;*/
  padding: 0px 1.80%;
  margin-top: 60px;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #dfdfdf;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-ratio {
  padding-bottom: 141.74%;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-ratio img {
  width: 100%;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .thumb-box .img-thumb {
  position: absolute;
  width: 56.43%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box {
  margin-top: 24px;
}

/*2025.04.25  */
.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .title {
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 9px;
    overflow: visible !important;
    white-space: normal;
    word-break: break-all;
	}


/* .ir_table_list-section .greenloan-panel .down_pdf-area .text-box .title {
  display: block;
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
 */

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg {
  padding: 0;
}

.ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg span {
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .greenloan-panel {
    margin-top: 10px;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-list {
    margin: 0px;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-list li {
    float: left;
    width: calc((100% - 5%) / 2);
    padding: 0px;
    margin-top: 35px;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-list li:nth-child(even) {
    margin-left: 5%;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-area .text-box {
    margin-top: 15px;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-area .text-box .title {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 0px;
  }

  .ir_table_list-section .greenloan-panel .down_pdf-area .text-box .btn.btn_lg {
    padding: 6px 0;
  }
}

.ir_table_list-section .table-panel {
 /* size - mobile */;
}

.ir_table_list-section .table-panel + .table-panel {
  margin-top: 50px;
}

.ir_table_list-section .table-panel .th_criteria {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #555;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .table-panel + .table-panel {
    margin-top: 35px;
  }

  .ir_table_list-section .table-panel .th_criteria {
    margin-top: 0px;
    font-size: 13px;
  }
}

.ir_table_list-section .story_day-panel + .story_day-panel {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .story_day-panel + .story_day-panel {
    margin-top: 35px;
  }
}

.ir_table_list-section .story_day-panel:first-child {
  margin-top: -130px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .story_day-panel:first-child {
    margin-top: -65px;
  }
}

.ir_table_list-section .story_day-panel .p-header {
  padding-bottom: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.ir_table_list-section .story_day-panel .p-header .title {
  font-size: 28px;
  line-height: 1;
  color: #222;
  font-weight: 700;
}

.ir_table_list-section .story_day-panel .p-header .desc {
  padding-top: 25px;
  line-height: 1.6;
  font-size: 18px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .story_day-panel .p-header {
    padding-bottom: 15px;
  }

  .ir_table_list-section .story_day-panel .p-header .title {
    font-size: 26px;
    -padding-top: 50px;
  }

  .ir_table_list-section .story_day-panel .p-header .desc {
    padding-top: 10px;
    font-size: 13px;
  }
}

.ir_table_list-section .story_day-panel .p-body .data_table tr td, .ir_table_list-section .story_day-panel .p-body .data_table tr th {
  background-color: #fff;
}

.ir_table_list-section .story_day-panel .p-body .data_table .table_con {
  padding: 22px 28px;
}

.ir_table_list-section .story_day-panel .p-body .data_table strong {
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.ir_table_list-section .story_day-panel .p-body .data_table .earning-area .earning-box {
  line-height: 28px;
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .story_day-panel .p-body .data_table strong {
    font-size: 14px;
  }

  .ir_table_list-section .story_day-panel .p-body .data_table .table_con {
    padding: 15px 15px;
  }

  .ir_table_list-section .story_day-panel .p-body .data_table .table_down {
    padding: 10px 0px;
  }

  .ir_table_list-section .story_day-panel .p-body .data_table .table_down .btn {
    text-align: left;
  }

  .ir_table_list-section .story_day-panel .p-body .data_table .table_down .btn span {
    display: inline-block;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .ir_table_list-section .story_day-panel .p-body .data_table td:nth-child(even) {
    text-align: left;
  }
}

.ir_table_list-section .story_day-panel .media-area .thumb-box {
  position: relative;
}

.ir_table_list-section .story_day-panel .media-area .thumb-box .play-btn {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.ir_table_list-section .story_day-panel .media-area.movie .img-ratio {
  padding-bottom: 61.742%;
}

.ir_table_list-section .story_day-panel .media-area.movie .img-ratio img, .ir_table_list-section .story_day-panel .media-area.movie .img-ratio iframe {
  width: 100%;
}

.ir_table_list-section .story_day-panel .media-area.movie .thumb-box {
  display: block;
}

.ir_table_list-section .story_day-panel .media-area.movie .video-box {
  display: none;
}

.ir_table_list-section .story_day-panel .media-area.movie .video-box iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.ir_table_list-section .story_day-panel .media-area.movie.media_playing .thumb-box {
  display: none;
}

.ir_table_list-section .story_day-panel .media-area.movie.media_playing .video-box {
  display: block;
}

.ir_table_list-section .story_day-panel .media-area.poster {
  position: relative;
  background: #dfdfdf;
  width: 100%;
 /*height:100%;*/
  height: 0;
  padding-bottom: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn .icon-poster_view {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn:hover .icon-poster_view, .ir_table_list-section .story_day-panel .media-area.poster .poster_view-btn:focus .icon-poster_view {
  display: block;
}

.ir_table_list-section .story_day-panel .media-area.poster .img-ratio {
  padding-bottom: 139%;
}

.ir_table_list-section .story_day-panel .media-area.poster .img-ratio img {
  width: 100%;
}

.ir_table_list-section .story_day-panel .media-area.poster .thumb-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56.4383%;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

@media all and (max-width: 1023px) {
  .ir_table_list-section .story_day-panel .media-area.poster {
    padding-bottom: 61.875%;
  }

  .ir_table_list-section .story_day-panel .media-area.poster .thumb-box {
    width: 35%;
  }
}

/* ================= Table 패널  ================= */
.table-panel {
 /* 주주총회 타이틀 영역 */ /* 테이블 간격 */;
}

.table-panel .data_table + .table_title-area, .table-panel .list_table + .table_title-area {
  padding-top: 0;
}

.table-panel .table_title-area {
  padding-top: 50px;
  border-top: 1px solid #222;
}

.table-panel .table_title-area.none_topbar {
  border-top: 0;
}

@media all and (max-width: 1023px) {
  .table-panel .table_title-area {
    padding-top: 25px;
  }
}

.table-panel .table_title-area .title_st-box {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #999;
}

.table-panel .table_title-area .title_st-box.none_bottombar {
  border-bottom: 0;
}

.table-panel .table_title-area .title_st-box .title {
  position: relative;
  padding-left: 25px;
}

.table-panel .table_title-area .title_st-box .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-color: #b3cf0a;
}

.table-panel .table_title-area .title_st-box .title::before {
  border-radius: 50%;
}

.table-panel .table_title-area .title_st-box .title em {
  font-size: 28px;
  font-weight: bold;
  color: #222222;
  line-height: 44px;
}

.table-panel .table_title-area .title_st-box .title span {
  font-size: 18px;
  color: #555555;
}

.table-panel .table_title-area .title_st-box .ab-r {
  top: 20px;
  font-size: 0;
}

@media all and (max-width: 1023px) {
  .table-panel .table_title-area .title_st-box {
    padding: 5px 0;
  }

  .table-panel .table_title-area .title_st-box .title {
    padding-left: 20px;
    padding-bottom: 10px;
  }

  .table-panel .table_title-area .title_st-box .title::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 1px;
    width: 6px;
    height: 6px;
    background-color: #b3cf0a;
  }

  .table-panel .table_title-area .title_st-box .title em {
    font-size: 18px;
    line-height: 25px;
  }

  .table-panel .table_title-area .title_st-box .title span {
    font-size: 13px;
  }

  .table-panel .table_title-area .title_st-box .ab-r {
    position: relative;
    top: auto;
    margin-top: 5px;
  }

  .table-panel .table_title-area .title_st-box .ab-r .btn.btn_noline {
    padding-top: 0;
    padding-left: 0;
  }
}

.table-panel .table_title-area .title_sub-box {
  padding-top: 50px;
  padding-bottom: 15px;
}

.table-panel .table_title-area .title_sub-box .title strong {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  line-height: 44px;
}

.table-panel .table_title-area .title_sub-box .title em {
  font-size: 18px;
  font-weight: 500;
  color: #16873e;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list {
  margin-top: 20px;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list > li::after {
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #555;
}

.table-panel .table_title-area .title_sub-box .mark_dot-list span {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
  line-height: 1.8;
}

@media all and (max-width: 1023px) {
  .table-panel .table_title-area .title_sub-box {
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .table-panel .table_title-area .title_sub-box .title strong {
    font-size: 17px;
    line-height: 26px;
  }

  .table-panel .table_title-area .title_sub-box .title em {
    font-size: 13px;
  }

  .table-panel .table_title-area .title_sub-box .mark_dot-list {
    margin-top: 15px;
  }

  .table-panel .table_title-area .title_sub-box .mark_dot-list > li::after {
    top: 10px;
    width: 4px;
    height: 4px;
  }

  .table-panel .table_title-area .title_sub-box .mark_dot-list span {
    font-size: 13px;
    line-height: 1.8;
  }
}

.table-panel .table_title-area .title-box {
  position: relative;
}

.table-panel .table_title-area .title-box .title {
  padding: 10px 0;
}

.table-panel .table_title-area .title-box .title span {
  font-size: 22px;
  font-weight: 600;
  color: #222222;
  line-height: 40px;
}

.table-panel .table_title-area .title-box .ab-r {
  top: 20px;
}

.table-panel .table_title-area .title-box .ab-r .unit {
  font-size: 18px;
  font-weight: 500;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .table-panel .table_title-area .title-box .title {
    padding: 15px 0;
  }

  .table-panel .table_title-area .title-box .title span {
    font-size: 15px;
    line-height: 25px;
  }

  .table-panel .table_title-area .title-box .ab-r {
    top: 20px;
  }

  .table-panel .table_title-area .title-box .ab-r .unit {
    font-size: 13px;
  }
}

.table-panel .p-body .td_subject {
  padding-left: 6%;
  word-break: break-word;
}

.table-panel .p-body .table_exp {
  display: block;
  padding: 10px 0 20px;
  font-size: 18px;
  color: #555;
}

.table-panel .p-foot .tbl-info {
  margin-top: 23px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.table-panel .p-foot .tbl-info .mark_sect-list li {
  padding: 0;
}

.table-panel .p-foot .tbl-info .mark_sect-list li::before {
  display: none;
}

.table-panel .p-foot .tbl-info .mark_sect-list li span {
  color: #96ad07;
}

.table-panel .p-foot .tbl-info .btn_changeline {
  border: 1px solid #999;
}

@media all and (max-width: 1023px) {
  .table-panel .p-body .td_subject {
    padding-left: 20px;
  }

  .table-panel .p-body .table_exp {
    font-size: 13px;
  }

  .table-panel .p-foot .tbl-info {
    font-size: 13px;
    line-height: 21px;
  }

  .table-panel .p-foot .tbl-info li {
    margin-top: 10px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .table-panel .p-foot .tbl-info .ab-r {
    position: relative;
    margin-top: 22px;
  }

  .table-panel .p-foot .tbl-info .ab-r .btn {
    padding: 5px 12px 5px;
  }

  .table-panel .p-foot .tbl-info .ab-r .btn span {
    font-size: 12px;
  }

  .table-panel .p-foot .tbl-info .mark_star-list li {
    margin-top: 0;
  }

  .table-panel .p-foot .tbl-info .mark_star-list li + li {
    margin-top: 5px;
  }
}

.table-panel .list_table.invest_notice colgroup col:nth-child(1) {
  width: 13%;
}

.table-panel .list_table.invest_notice colgroup col:nth-child(2) {
  width: auto;
}

.table-panel .list_table.invest_notice colgroup col:nth-child(3) {
  width: 18%;
}

.table-panel .list_table.dart colgroup col:nth-child(1) {
  width: 8%;
}

.table-panel .list_table.dart colgroup col:nth-child(2) {
  width: auto;
}

.table-panel .list_table.dart colgroup col:nth-child(3) {
  width: 15%;
}

.table-panel .list_table.dart colgroup col:nth-child(4) {
  width: 13%;
}

.table-panel .list_table.dart colgroup col:nth-child(5) {
  width: 10%;
}

@media all and (max-width: 1023px) {
  .table-panel .list_table {
    table-layout: auto;
  }

  .table-panel .list_table.invest_notice colgroup col:nth-child(1) {
    width: 14%;
  }

  .table-panel .list_table.invest_notice tr td:last-child {
    padding-left: 0;
    padding-right: 0;
  }

  .table-panel .list_table.dart colgroup col:nth-child(1) {
    width: 10%;
  }

  .table-panel .list_table.dart colgroup col:nth-child(2) {
    width: 35%;
  }

  .table-panel .list_table.dart colgroup col:nth-child(3) {
    width: 20%;
  }

  .table-panel .list_table.dart colgroup col:nth-child(4) {
    width: 20%;
  }

  .table-panel .list_table.dart colgroup col:nth-child(5) {
    width: 15%;
  }
}

.table-panel .generalmeeting + .scroll-typeX, .table-panel .scroll-typeX + .generalmeeting, .table-panel .scroll-typeX + .scroll-typeX {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .table-panel .generalmeeting + .scroll-typeX, .table-panel .scroll-typeX + .generalmeeting, .table-panel .scroll-typeX + .scroll-typeX {
    margin-top: 40px;
  }
}

.table-panel .data_table {
 /* 주주총회 */;
}

.table-panel .data_table.state_financial .btn_tfoot span::after {
  content: '▼';
}

.table-panel .data_table.state_financial .btn_tfoot.on span::after {
  content: '▲';
}

.table-panel .data_table.dividend {
  margin-top: 56px;
  background-color: #fff;
}

.table-panel .data_table.dividend colgroup col:nth-child(1) {
  width: auto;
}

.table-panel .data_table.dividend colgroup col:nth-child(2) {
  width: 14%;
}

.table-panel .data_table.dividend colgroup col:nth-child(n+3) {
  width: 13%;
}

.table-panel .data_table.dividend tbody th, .table-panel .data_table.dividend tbody td {
  line-height: 30px;
}

.table-panel .data_table.dividend tbody th sup, .table-panel .data_table.dividend tbody td sup {
  color: #96ad07;
}

@media all and (max-width: 1023px) {
  .table-panel .data_table.dividend {
    margin-top: 0px;
  }

  .table-panel .data_table.dividend colgroup col:nth-child(2) {
    width: 13%;
  }

  .table-panel .data_table.dividend colgroup col:nth-child(n+3) {
    width: 12%;
  }

  .table-panel .data_table.dividend thead th, .table-panel .data_table.dividend thead td {
    white-space: pre-wrap;
  }

  .table-panel .data_table.dividend tbody th, .table-panel .data_table.dividend tbody td {
    line-height: 20px;
  }
}

.table-panel .data_table.generalmeeting {
 /* 크기 */ /* th td */ /* 정열 */ /* color */;
}

.table-panel .data_table.generalmeeting + .generalmeeting {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .table-panel .data_table.generalmeeting + .generalmeeting {
    margin-top: 40px;
  }
}

.table-panel .data_table.generalmeeting .w-3 {
  width: 3%;
}

.table-panel .data_table.generalmeeting .w-5 {
  width: 5%;
}

.table-panel .data_table.generalmeeting .w-6 {
  width: 6%;
}

.table-panel .data_table.generalmeeting .w-13 {
  width: 13%;
}

.table-panel .data_table.generalmeeting .w-15 {
  width: 15%;
}

.table-panel .data_table.generalmeeting .w-16 {
  width: 16.6%;
}

.table-panel .data_table.generalmeeting .w-17 {
  width: 17%;
}

.table-panel .data_table.generalmeeting .w-30 {
  width: 30%;
}

.table-panel .data_table.generalmeeting .w-35 {
  width: 35%;
}

.table-panel .data_table.generalmeeting .w-34 {
  width: 34%;
}

.table-panel .data_table.generalmeeting .w-47 {
  width: 47%;
}

.table-panel .data_table.generalmeeting .w-50 {
  width: 50%;
}

.table-panel .data_table.generalmeeting .w-66 {
  width: 66%;
}

.table-panel .data_table.generalmeeting .w-85 {
  width: 85%;
}

.table-panel .data_table.generalmeeting .itemlist li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.table-panel .data_table.generalmeeting thead th {
  border-bottom: 1px solid #999;
}

.table-panel .data_table.generalmeeting tbody th {
  font-weight: 600;
  color: #222;
}

.table-panel .data_table.generalmeeting tfoot::before {
  display: none;
}

.table-panel .data_table.generalmeeting tr:nth-child(even) th, .table-panel .data_table.generalmeeting tr:nth-child(even) td {
  background-color: transparent;
}

.table-panel .data_table.generalmeeting th, .table-panel .data_table.generalmeeting td {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.6;
}

.table-panel .data_table.generalmeeting .al {
  text-align: left !important;
}

.table-panel .data_table.generalmeeting .ac {
  text-align: center !important;
}

.table-panel .data_table.generalmeeting .fc_red, .table-panel .data_table.generalmeeting .fc_point {
  color: #16873e;
}

.table-panel .data_table.generalmeeting .gray {
  color: #555;
}

@media all and (max-width: 1023px) {
  .table-panel .data_table.generalmeeting th, .table-panel .data_table.generalmeeting td {
    padding: 10px 5px;
  }
}

.table-panel .bz_report-wrap {
  margin: 0 -10px;
}

.table-panel .bz_report-wrap .col-p50 {
  padding: 0 10px;
}

.table-panel .br_report-box {
  text-align: left;
  padding: 35px 7.77% 40px;
}

.table-panel .br_report-box .title {
  color: #222;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
}

.table-panel .br_report-box .text {
  font-size: 18px;
  line-height: 30px;
  margin-top: 18px;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.table-panel .br_report-box .text .sp_divide {
  position: relative;
}

.table-panel .br_report-box .text .sp_divide + .sp_divide {
  padding-left: 14px;
  margin-left: 14px;
}

.table-panel .br_report-box .text .sp_divide + .sp_divide::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 13px;
  background-color: #bbb;
}

.table-panel .br_report-box .text .sp_divide + .sp_divide::before {
  transform: translateY(-50%);
}

@media all and (max-width: 1023px) {
  .table-panel .br_report-box .title {
    font-size: 19px;
    line-height: 30px;
  }

  .table-panel .br_report-box .text {
    font-size: 13px;
    line-height: 21px;
    margin-top: 12px;
  }

  .table-panel .br_report-box .text .sp_divide {
    position: relative;
  }

  .table-panel .br_report-box .text .sp_divide + .sp_divide {
    padding-left: 14px;
    margin-left: 14px;
  }

  .table-panel .br_report-box .text .sp_divide + .sp_divide::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 13px;
    background-color: #bbb;
  }

  .table-panel .br_report-box .text .sp_divide + .sp_divide::before {
    transform: translateY(-50%);
  }
}

.table-panel .util_btn-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.table-panel .util_btn-box .btn {
  margin: 0 8px;
}

@media all and (max-width: 1023px) {
  .table-panel .util_btn-box .btn {
    margin: 0;
  }
}

.table-panel .earning-area {
  padding: 18px 4% 18px 6%;
  justify-content: space-between;
}

.table-panel .earning-area .earning-box {
  font-size: 18px;
  line-height: 30px;
  width: 334px;
}

.table-panel .earning-area .util_btn-box {
  flex-direction: column;
  padding-left: 8%;
  margin: 15px 0 15px 8%;
  width: 40%;
  border-left: 1px dashed #dedede;
}

.table-panel .earning-area .util_btn-box .btn {
  text-align: left;
}

@media all and (max-width: 1023px) {
  .table-panel .vertical_table thead th, .table-panel .vertical_table thead td {
    border-bottom-color: #999;
  }

  .table-panel .vertical_table th {
    border-right-color: #999;
    padding: 0px;
  }

  .table-panel .vertical_table td {
    text-align: left;
    padding: 0px;
  }

  .table-panel .vertical_table th + td {
    padding-left: 20px;
  }

  .table-panel .vertical_table tr:nth-child(even) th, .table-panel .vertical_table tr:nth-child(even) td {
    background-color: transparent;
  }

  .table-panel .vertical_table tbody tr:nth-child(even) th, .table-panel .vertical_table tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
  }

  .table-panel .vertical_table .inner-dl {
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }

  .table-panel .vertical_table .inner-dl > div {
    display: flex;
  }

  .table-panel .vertical_table .inner-dl > div dt, .table-panel .vertical_table .inner-dl > div dd {
    display: flex;
    align-items: center;
    min-height: 51px;
  }

  .table-panel .vertical_table .inner-dl > div dt {
    flex: 0 0 auto;
    justify-content: center;
    width: 80px;
    border-right: 1px solid #999;
    color: #222;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    box-sizing: content-box;
  }

  .table-panel .vertical_table .inner-dl > div dd {
    flex: 1;
    border-bottom: 1px solid #dedede;
  }

  .table-panel .vertical_table .inner-dl > div dt + dd {
    padding-left: 20px;
  }

  .table-panel .vertical_table .inner-dl > div:last-child dd {
    border-bottom: none;
  }

  .table-panel .vertical_table .inner-dl > div.thead dd {
    font-size: 14px;
    font-weight: 600;
  }

  .table-panel .vertical_table .br_report-box {
    padding: 20px 0 15px 0px;
  }

  .table-panel .vertical_table .util_btn-box {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .table-panel .vertical_table .earning-area {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }

  .table-panel .vertical_table .earning-area .earning-box {
    width: auto;
    font-size: 13px;
    line-height: 21px;
    border-bottom: 1px dashed #dedede;
    padding: 18px 0 15px;
  }

  .table-panel .vertical_table .earning-area .util_btn-box {
    flex-direction: column;
    padding-left: 0px;
    margin: 10px 0px 10px -15px;
    border-left: none;
  }
}

@media all and (max-width: 1023px) {
  .table-panel .type-X table, .table-panel .scroll-typeX table {
    width: 100%;
    min-width: 600px;
  }
}

.brand-section {
  padding-top: 120px;
  padding-bottom: 120px;
  background: url(../images/brand-bg.png) no-repeat top right;
 /* mobile : */;
}

.brand-section .s-head + .s-body {
  padding-top: 100px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head {
  text-align: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p {
  font-size: 32px;
  color: #222222;
  font-weight: 600;
  margin-top: 35px;
  line-height: 1.5;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p em {
  color: #fa7725;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p .red_item {
  color: #ea002c;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body {
  text-align: center;
  margin-top: 40px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p {
  font-size: 18px;
  color: #555555;
  font-weight: 500;
  line-height: 1.6;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p strong {
  color: #222222;
  font-weight: 500;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p strong em {
  color: #ea002c;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p em {
  color: #ea002c;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p + p {
  margin-top: 30px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area {
  margin-top: 52px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap {
  border: 1px dashed #f6c5aa;
  width: 740px;
  height: 230px;
  border-radius: 115px;
  background-color: #fff1e9;
  margin: 0 auto;
  padding: 30px 20px;
  display: flex;
  justify-content: space-around;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item {
  width: 170px;
  height: 170px;
  border-radius: 85px;
  background-color: #ea002c;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item.orange_c {
  background-color: #fa7725;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i {
  position: relative;
  width: 28px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::before, .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
  content: "";
  display: block;
  position: absolute;
  width: 28px;
  height: 4px;
  background-color: #a3968e;
  top: 50%;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap {
  padding: 20px 0;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap .down_arrow {
  text-align: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner {
  box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.03), 10px 10px 15px 0 rgba(0, 0, 0, 0.03);
  position: relative;
  border: 3px solid transparent;
  border-radius: 100px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to left, #ea002c 0%, #fa7725 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  width: 100%;
  height: 200px;
  max-width: 740px;
  margin: 0 auto;
  align-items: center;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
  font-size: 22px;
  line-height: 1.5;
  color: #000;
  font-weight: 600;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan {
  padding-left: 65px;
}

.brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
  padding-left: 25px;
}

.brand-section .slogan_logo-panel .brand_video-wrap {
  margin-top: 115px;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-head .title {
  font-size: 28px;
  color: #222222;
  font-weight: 700;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-head .desc {
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.6;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body {
  margin-top: 35px;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area iframe, .brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area object, .brand-section .slogan_logo-panel .brand_video-wrap .w-body .video_area embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap {
  margin-top: 100px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-head {
  text-align: center;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body {
  margin-top: 65px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list {
  margin-top: -30px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list.padding-x {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li {
  margin-top: 30px;
  padding: 0 15px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box {
  border: 1px solid #dedede;
  text-align: center;
  padding: 33px 26px;
}

.brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box .inner img {
  width: 100%;
}

.brand-section .slogan_rule-panel {
  margin-top: -25px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap + .slogan_rule-wrap {
  margin-top: 70px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .title {
  font-size: 28px;
  color: #222;
  font-weight: 700;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .sub_title {
  font-size: 20px;
  color: #222;
  margin-top: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc {
  font-size: 18px;
  margin-top: 30px;
  line-height: 1.7;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc em {
  color: #ea002c;
  font-size: 20px;
  font-weight: 600;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_01 {
  margin-top: 10px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_02 {
  margin-top: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body {
  margin-top: 30px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box {
  border: 1px solid #dedede;
  display: flex;
  justify-content: center;
  padding: 45px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 {
  padding: 45px 165px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title {
  padding-left: 40px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title.second_item {
  padding-left: 48px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 {
  padding: 45px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner .title.second_item {
  padding-left: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner {
  padding: 15px;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner > img {
  width: 100%;
  padding: 0;
}

.brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box img {
  padding: 15px;
}

@media all and (max-width: 1023px) {
  .brand-section {
    padding-top: 48px;
    padding-bottom: 60px;
    background-size: 221px;
    background-position-x: calc(100% + 50px);
  }

  .brand-section .s-head + .s-body {
    padding-top: 35px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head img {
    width: 229px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_head p {
    font-size: 20px;
    margin-top: 25px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body {
    margin-top: 25px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p {
    font-size: 13px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_title-area .slogan_body p + p {
    margin-top: 15px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area {
    margin-top: 40px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap {
    width: 134px;
    height: 408px;
    border-radius: 204px;
    padding: 9px 17px;
    flex-direction: column;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap .circle_item.orange_c {
    background-color: #fa7725;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i {
    width: 16px;
    margin: 0 auto;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::before, .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .circle-wrap i::after {
    width: 16px;
    height: 2px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap {
    padding: 20px 0;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .down_arrow-wrap .down_arrow img {
    width: 20px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner {
    border: 2px solid transparent;
    height: 145px;
    flex-direction: column;
    text-align: center;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
    font-size: 14px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan {
    padding: 20px 0 12px 0;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_slogan img {
    width: 152px;
  }

  .brand-section .slogan_logo-panel .brand_slogan-wrap .slogan_figure-area .figure-head .rect-wrap .inner .rect_text {
    padding-left: 0;
  }

  .brand-section .slogan_logo-panel .brand_video-wrap {
    margin-top: 55px;
  }

  .brand-section .slogan_logo-panel .brand_video-wrap .w-head .title {
    font-size: 18px;
  }

  .brand-section .slogan_logo-panel .brand_video-wrap .w-head .desc {
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.5;
  }

  .brand-section .slogan_logo-panel .brand_video-wrap .w-body {
    margin-top: 25px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap {
    margin-top: 60px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-head img {
    width: 223px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body {
    margin-top: 35px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list {
    margin-top: 0px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list.padding-x {
    width: 100%;
    margin-left: 0px;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li {
    margin-top: 12px;
    padding: 0;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box {
    padding: 20px 0;
  }

  .brand-section .slogan_logo-panel .brand_sloganlist-wrap .w-body .brand_slogan-list li .box .inner img {
    width: 262px;
  }

  .brand-section .slogan_rule-panel {
    margin-top: 0px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap + .slogan_rule-wrap {
    margin-top: 55px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .title {
    font-size: 18px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .sub_title {
    font-size: 14px;
    margin-top: 10px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc {
    font-size: 13px;
    margin-top: 15px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc em {
    font-size: 14px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_01 {
    margin-top: 10px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-head .desc .text_02 {
    margin-top: 15px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body {
    margin-top: 25px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box {
    border: 1px solid #dedede;
    display: flex;
    justify-content: center;
    padding: 0px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_01 {
    padding: 30px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_01 img {
    width: 120px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 {
    padding: 30px 20px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner {
    text-align: center;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner .title {
    font-size: 11px;
    padding-left: 20px;
    width: 200px;
    margin: 0 auto;
    text-align: left;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_02 .inner > img {
    width: 200px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 {
    padding: 35px 15px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner {
    text-align: center;
    padding: 5px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner .title {
    font-size: 11px;
    padding-left: 15px;
    width: 250px;
    margin: 0 auto;
    text-align: left;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner > img {
    width: 250px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_03 .inner > img.right_item {
    padding-left: 10px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 {
    padding: 20px 0;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner {
    padding: 18px;
    text-align: center;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner > img {
    width: 270px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_04 .inner > img.left_item {
    margin-left: -32px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 {
    padding: 25px 0;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 .inner {
    padding: 10px;
    text-align: center;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box.box_05 .inner > img {
    width: 270px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner {
    padding: 15px;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box .inner > img {
    width: 100%;
    padding: 0;
  }

  .brand-section .slogan_rule-panel .slogan_rule-wrap .w-body .box img {
    padding: 0px;
  }
}

.brand-section .ci_logo-panel {
 /* mobile : */;
}

.brand-section .ci_logo-panel .w-head .title {
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.brand-section .ci_logo-panel .w-head + .w-body {
  margin-top: 40px;
}

.brand-section .ci_logo-panel .mark_info-wrap + .mark_info-wrap {
  margin-top: 80px;
}

.brand-section .ci_logo-panel .mark_info-wrap + .signature-wrap {
  margin-top: 70px;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap {
 /*margin:0 -49px;*/
  margin: 0 -3.9%;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap > div {
 /*padding:0 50px;*/
  padding: 0 3.9%;
}

.brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap > div + div {
  border-left: 1px dashed #dedede;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box + .mark-box {
  margin-top: 50px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .title {
  display: block;
  margin-bottom: 22px;
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont {
  display: flex;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area {
  border: 1px solid #dedede;
  width: 180px;
  height: 142px;
  flex: 0 0 auto;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area .img-ratio {
  padding-bottom: 78.6516%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area .img-ratio img {
  width: 100%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .text-area {
 /*padding-right:22px;*/
  padding-right: 4.10%;
  color: #555;
  font-size: 18px;
  line-height: 30px;
 /*@include wordBreak-word();*/;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area + .text-area {
 /*padding-left:30px;*/
  padding-left: 5.59%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont {
  flex-direction: column;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area {
  border: 0;
  width: 210px;
  height: 210px;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area .img-ratio {
  padding-bottom: 100%;
}

.brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area + .text-area {
  padding-left: 0px;
 /*padding-right:20px;*/
  padding-right: 3.72%;
  margin-top: 52px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list {
  padding-top: 1px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list > li {
  margin-top: -1px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box {
  padding: 40px 50px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .title {
  display: block;
  margin-bottom: 22px;
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 42px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont {
  display: flex;
  padding-left: 4.6296%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area {
  display: flex;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img {
  max-width: 374px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img + .sign-img {
  margin-left: 30px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .img-ratio {
  padding-bottom: 25.24%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .img-ratio img {
  width: 100%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 9.074%;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg {
  text-align: left;
  padding: 10px;
}

.brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg span {
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .brand-section .ci_logo-panel .w-head .title {
    font-size: 18px;
    line-height: 29px;
  }

  .brand-section .ci_logo-panel .w-head + .w-body {
    margin-top: 24px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap + .mark_info-wrap {
    margin-top: 48px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap + .signature-wrap {
    margin-top: 50px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap {
    margin: 0;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap > div {
    padding: 0;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .rowflex.flexwrap > div + div {
    padding-top: 23px;
    margin-top: 23px;
    border-left: 0;
    border-top: 1px dashed #dedede;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box + .mark-box {
    margin-top: 30px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box .title {
    font-size: 17px;
    line-height: 27px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area {
    width: 90px;
    height: 72px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .text-area {
    padding-right: 10px;
    font-size: 13px;
    line-height: 21px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box .cont .img-area + .text-area {
    padding-left: 20px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area {
    border: 0;
    width: 124px;
    height: 124px;
  }

  .brand-section .ci_logo-panel .mark_info-wrap .mark-box.col-type .cont .img-area + .text-area {
    margin-top: 27px;
    margin-right: 0;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box {
    padding: 22px 30px 30px;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .title {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 27px;
    text-indent: -2px;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont {
    flex-direction: column;
    padding-left: 0;
    justify-content: flex-start;
    align-items: center;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area {
    flex-direction: column;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img {
    max-width: 257px;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .img-area .sign-img + .sign-img {
    margin-left: 0px;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area {
    flex-direction: row;
    margin: 30px 0 0 0;
  }

  .brand-section .ci_logo-panel .signature-wrap .signature-list .signature-box .cont .btn-area .btn.btn_lg {
    padding: 10px;
    margin: 0px 12px;
  }
}

.brand-section .ci_rule-panel {
 /* mobile : */;
}

.brand-section .ci_rule-panel [class$="-wrap"] + [class$="-wrap"] {
  margin-top: 60px;
}

.brand-section .ci_rule-panel .w-head .title {
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.brand-section .ci_rule-panel .w-head .desc {
  margin-top: 32px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
 /*@include wordBreak-word();*/;
}

.brand-section .ci_rule-panel .w-head + .w-body {
  margin-top: 40px;
}

.brand-section .ci_rule-panel .color-box .c-card, .brand-section .ci_rule-panel .color-box .c-name {
  display: block;
  box-sizing: border-box;
}

.brand-section .ci_rule-panel .color-box .c-info {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.brand-section .ci_rule-panel .color-box .c-info > div {
  display: flex;
}

.brand-section .ci_rule-panel .color-box .c-info dt {
  color: #555;
  width: 86px;
}

.brand-section .ci_rule-panel .color-box .c-info dd {
  color: #777;
}

.brand-section .ci_rule-panel .space-wrap .w-head .desc {
  padding-right: 30px;
}

.brand-section .ci_rule-panel .space-wrap .w-body {
  padding-top: 5px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap {
  margin: 0 -20px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap > div {
  padding: 0 20px;
}

.brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap + .rowflex.flexwrap {
  margin-top: 43px;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .title {
  display: block;
  margin-bottom: 22px;
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont {
  display: flex;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area {
  border: 1px solid #dedede;
  width: 180px;
  height: 160px;
  flex: 0 0 auto;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area .img-ratio {
  padding-bottom: 88.76%;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area .img-ratio img {
  width: 100%;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .text-area {
  padding-right: 22px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
 /*@include wordBreak-word();*/;
}

.brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area + .text-area {
  padding-left: 30px;
}

.brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap {
  margin: 0 -15px;
}

.brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap > div {
  padding: 0 15px;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box {
  display: flex;
  align-items: center;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box .c-card {
  padding: 22px 0px 0px 28px;
  margin-right: 30px;
  width: calc((100% - 30px)/2);
  height: 110px;
}

.brand-section .ci_rule-panel .pcolor-wrap .color-box .c-name {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap {
  margin: 0 -15px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap > div {
  padding: 0 15px;
}

.brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap + .rowflex.flexwrap {
  margin-top: 34px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-card {
  height: 40px;
  box-sizing: border-box;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-name {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-card + .c-name {
  margin-top: 12px;
}

.brand-section .ci_rule-panel .scolor-wrap .color-box .c-name + .c-info {
  margin-top: 10px;
}

@media all and (max-width: 1023px) {
  .brand-section .ci_rule-panel [class$="-wrap"] + [class$="-wrap"] {
    margin-top: 50px;
  }

  .brand-section .ci_rule-panel .w-head .title {
    font-size: 18px;
    line-height: 29px;
  }

  .brand-section .ci_rule-panel .w-head .desc {
    margin-top: 13px;
    font-size: 13px;
    line-height: 21px;
  }

  .brand-section .ci_rule-panel .w-head + .w-body {
    margin-top: 24px;
  }

  .brand-section .ci_rule-panel .color-box .c-info {
    font-size: 9px;
    line-height: 15px;
  }

  .brand-section .ci_rule-panel .color-box .c-info > div {
    display: flex;
  }

  .brand-section .ci_rule-panel .color-box .c-info dt {
    color: #555;
    width: 86px;
  }

  .brand-section .ci_rule-panel .color-box .c-info dd {
    color: #777;
  }

  .brand-section .ci_rule-panel .space-wrap .w-head .desc {
    padding-right: 10px;
  }

  .brand-section .ci_rule-panel .space-wrap .w-body {
    padding-top: 6px;
  }

  .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap {
    margin: -30px 0 0;
  }

  .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap > div {
    padding: 0;
    margin-top: 30px;
  }

  .brand-section .ci_rule-panel .space-wrap .rowflex.flexwrap + .rowflex.flexwrap {
    margin-top: 0px;
  }

  .brand-section .ci_rule-panel .space-wrap .mark-box .title {
    font-size: 17px;
    line-height: 27px;
  }

  .brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area {
    width: 90px;
    height: 80px;
  }

  .brand-section .ci_rule-panel .space-wrap .mark-box .cont .text-area {
    padding-right: 10px;
    font-size: 13px;
    line-height: 21px;
  }

  .brand-section .ci_rule-panel .space-wrap .mark-box .cont .img-area + .text-area {
    padding-left: 20px;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap {
    margin: 0;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap > div {
    padding: 0;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .rowflex.flexwrap > div + div {
    margin-top: 16px;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-card {
    padding: 15px 0px 0px 20px;
    margin-right: 20px;
    height: 70px;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-name {
    font-size: 12px;
    line-height: 19px;
  }

  .brand-section .ci_rule-panel .pcolor-wrap .color-box .c-info {
    flex: 0 0 auto;
  }

  .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap {
    margin: -24px -8px 0;
  }

  .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap > div {
    padding: 0 8px;
    margin-top: 24px;
  }

  .brand-section .ci_rule-panel .scolor-wrap .rowflex.flexwrap + .rowflex.flexwrap {
    margin-top: 0px;
  }

  .brand-section .ci_rule-panel .scolor-wrap .color-box .c-card {
    height: 24px;
  }

  .brand-section .ci_rule-panel .scolor-wrap .color-box .c-name {
    font-size: 12px;
    line-height: 19px;
  }

  .brand-section .ci_rule-panel .scolor-wrap .color-box .c-card + .c-name {
    margin-top: 11px;
  }

  .brand-section .ci_rule-panel .scolor-wrap .color-box .c-name + .c-info {
    margin-top: 8px;
  }
}

.career-section .cont_title-panel .title {
  font-size: 36px;
  line-height: 54px;
}

@media all and (max-width: 1023px) {
  .career-section .cont_title-panel .title {
    font-size: 21px;
    line-height: 33px;
  }
}

.career-section .career-panel .p-head {
  padding-bottom: 71px;
  margin-top: 50px;
}

.career-section .career-panel .p-head p:first-child {
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  color: #222;
  line-height: 42px;
}

.career-section .career-panel .p-head p:last-child {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .career-section .career-panel .p-head {
    padding-bottom: 35px;
    margin-top: 23px;
  }

  .career-section .career-panel .p-head p:first-child {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 34px;
  }

  .career-section .career-panel .p-head p:last-child {
    font-size: 13px;
    line-height: 21px;
 /*@include wordBreak-word();*/;
  }
}

.career-section .career-panel .p-body {
  padding-bottom: 120px;
  text-align: center;
}

.career-section .career-panel .p-body .img_chart {
  position: relative;
 /*margin: 0 auto;*/
  left: 50%;
  width: 958px;
  transform: translateX(-50%);
}

.career-section .career-panel .p-body .img_chart > img {
  width: 100%;
}

.career-section .career-panel .p-body .img_chart .img_text {
  position: absolute;
  width: 100%;
  top: 20px;
}

.career-section .career-panel .p-body .img_chart .img_text > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  color: #fff;
  text-align: left;
}

.career-section .career-panel .p-body .img_chart .img_text > div > p {
  display: flex;
  align-items: center;
  width: 320px;
}

.career-section .career-panel .p-body .img_chart .img_text > div img {
  width: 60px;
  margin-right: 20px;
}

.career-section .career-panel .p-body .img_chart .img_text > div + div {
  margin-top: 80px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt1 {
  line-height: 36px;
  font-size: 24px;
  font-weight: 700;
  color: #222;
}

.career-section .career-panel .p-body .img_chart .img_text .txt2 > p {
  width: 205px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt3 {
  margin-top: 70px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt3 > p {
  width: 235px;
}

.career-section .career-panel .p-body .img_chart .img_text .txt4 {
  color: #555;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 100px;
  align-items: center;
}

.career-section .career-panel .p-body .img_chart .img_text .txt4 > p {
  width: auto;
  text-align: center;
  justify-content: center;
}

@media all and (max-width: 1023px) {
  .career-section .career-panel .p-body {
    padding-bottom: 60px;
  }

  .career-section .career-panel .p-body .img_chart {
    width: 100%;
    position: relative;
    z-index: 2;
  }

  .career-section .career-panel .p-body .img_chart > img {
    display: none;
  }

  .career-section .career-panel .p-body .img_chart .img_text {
    padding: 0;
    top: 10px;
  }

  .career-section .career-panel .p-body .img_chart .img_text > div {
    height: 75px;
    font-size: 17px;
    line-height: 24px;
 /*font-weight: 600;*/;
  }

  .career-section .career-panel .p-body .img_chart .img_text > div > p {
    width: 224px;
    justify-content: center;
  }

  .career-section .career-panel .p-body .img_chart .img_text > div img {
    width: 35px;
    height: 30px;
    margin-right: 17px;
  }

  .career-section .career-panel .p-body .img_chart .img_text > div + div {
    margin-top: 50px;
  }

  .career-section .career-panel .p-body .img_chart .img_text .txt1 {
    font-size: 17px;
 /*font-weight: 700; color: #222;*/;
  }

  .career-section .career-panel .p-body .img_chart .img_text .txt3 {
    color: #fff;
    margin-top: 40px;
  }

  .career-section .career-panel .p-body .img_chart .img_text .txt4 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 64px 0 0;
    width: 320px;
    height: 152px;
    justify-content: space-between;
  }

  .career-section .career-panel .p-body .img_chart .img_text .txt4 > p {
    width: 152px;
    padding: 0 20px;
  }
}

.career-section .career-panel .p-body .img_chart-mb {
  display: none;
}

@media all and (max-width: 1023px) {
  .career-section .career-panel .p-body .img_chart-mb {
    position: relative;
    display: block;
    width: 320px;
    left: 50%;
    transform: translateX(-50%);
 /*z-index: -1; margin: 0 auto;*/;
  }

  .career-section .career-panel .p-body .img_chart-mb img {
    width: 100%;
  }
}

.career_personnel-section {
  padding-top: 0px;
  padding-bottom: 120px;
 /* size - mobile */;
}

.career_personnel-section em.only-pc {
  display: inline !important;
}

.career_personnel-section em.only-mb {
  display: none !important;
}

@media all and (max-width: 1023px) {
  .career_personnel-section {
    padding-bottom: 60px;
  }

  .career_personnel-section em.only-pc {
    display: none !important;
  }

  .career_personnel-section em.only-mb {
    display: inline !important;
  }
}

.career_personnel-section .cont_title-panel .desc {
  padding-right: 30px;
}

@media all and (max-width: 1023px) {
  .career_personnel-section .cont_title-panel .desc {
    padding-right: 5px;
  }
}

.career_personnel-section .cr_upbringing-panel {
  margin-top: 64px;
 /* size - mobile */;
}

.career_personnel-section .cr_upbringing-panel .p-header .text-area {
  text-align: center;
}

.career_personnel-section .cr_upbringing-panel .p-header .text-area .title {
  color: #222;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap {
  position: relative;
  margin: 42px auto 0;
  width: 100%;
  max-width: 1002px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div {
  display: flex;
  position: relative;
  overflow: hidden;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(even) {
  justify-content: flex-end;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(1) {
  padding-top: 40px;
  padding-bottom: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(1)::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 7px;
  width: 100%;
  height: 0px;
  border-top: 1px solid #aed76f;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(2) {
  padding-top: 40px;
  padding-bottom: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(2)::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 8px;
  bottom: 0;
  width: 0px;
  height: 100%;
  border-left: 1px solid #b3cf0a;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(3) {
  padding-bottom: 40px;
  padding-top: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(3)::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 9px;
  top: 0;
  width: 0px;
  height: 100%;
  border-left: 1px solid #2c9251;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(4) {
  padding-bottom: 40px;
  padding-top: 100px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(4)::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  top: 11px;
  width: 100%;
  height: 0px;
  background-color: #fff;
  border-top: 1px solid #7cb240;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .img-title {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  transform: translate(-50%, -50%);
  max-width: 40%;
  width: 100%;
  z-index: 2;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .img-title img {
  width: 100%;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont {
  position: relative;
  z-index: 2;
  width: 268px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box {
  width: 80px;
  height: 80px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box img {
  width: 100%;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box {
  margin-top: 13px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt {
  color: #222;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd {
  position: relative;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  padding-left: 13px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #555;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt + dd {
  margin-top: 18px;
}

.career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd + dd {
  margin-top: 6px;
}

@media all and (max-width: 1023px) {
  .career_personnel-section .cr_upbringing-panel {
    margin-top: 40px;
  }

  .career_personnel-section .cr_upbringing-panel .p-header .text-area .title {
    font-size: 21px;
    line-height: 34px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap {
    margin-top: 24px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap {
    margin-top: 37px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div {
    padding: 0 !important;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(even) {
    justify-content: left;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(3) .growth-cont .img-box img, .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div:nth-child(4) .growth-cont .img-box img {
    width: 93%;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div::after {
    display: none;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .rowflex.flexwrap > div + div {
    margin-top: 28px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .img-title {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    max-width: 230px;
    margin: auto;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont {
    display: flex;
    width: 100%;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box {
    width: 55px;
    height: 55px;
    text-align: center;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .img-box img {
    margin-top: -4px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box {
    flex: 1;
    margin-top: 0;
    padding-left: 12px;
    padding-right: 48px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt {
    font-size: 17px;
    line-height: 27px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd {
    font-size: 13px;
    line-height: 21px;
    padding-left: 9px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dt + dd {
    margin-top: 5px;
  }

  .career_personnel-section .cr_upbringing-panel .growth-wrap .growth-cont .text-box dd + dd {
    margin-top: 8px;
  }
}

.career_personnel-section .cr_evaluation-panel {
 /* size - mobile */;
}

.career_personnel-section .cr_evaluation-panel .p-header {
  margin-bottom: 93px;
  margin-top: 36px;
}

.career_personnel-section .cr_evaluation-panel .p-header .text-area .intro-text {
  color: #222;
  font-weight: 600;
  font-size: 24px;
 /*line-height:36px;*/
  line-height: 1.6;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap {
  margin: 0 -1.27%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap > div {
  padding: 0px 1.27%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap > div:nth-child(2) .the_hr-cont::after {
  height: 136px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 65px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 15.7%;
  right: 15.7%;
  height: 1px;
  background-color: #ccc;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 748px;
  max-width: 100%;
  height: 100px;
  border-radius: 50px;
  background-color: #2fa459;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span em {
  font-weight: 600;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
  position: relative;
  height: 100%;
  border: 1px solid #999;
  border-radius: 15px;
  text-align: center;
 /*padding:40px 10.69% 30px;*/ /*padding:35px 40px;*/
  padding: 35px 10.72%;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #b3cf0a;
  border-radius: 5px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 1px;
  height: 65px;
  background-color: #ccc;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .img-box img {
  width: 143px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .s-title {
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .desc {
  margin-top: 10px;
  padding: 0 10px;
  color: #555;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding-top: 24px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp::before {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 1%;
  border-top: 1px dashed #dedede;
}

@media all and (max-width: 1279px) {
  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
    padding: 30px 6.5%;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp .only-pc {
    display: none !important;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp .only-mb {
    display: inline-block !important;
  }
}

@media all and (max-width: 1023px) {
  .career_personnel-section .cr_evaluation-panel .p-header {
    margin-bottom: 34px;
    margin-top: 24px;
  }

  .career_personnel-section .cr_evaluation-panel .p-header .text-area .intro-text {
    font-size: 17px;
    line-height: 27px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap {
    margin: 0;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap > div {
    padding: 30px 0px 0;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap > div:nth-child(1) .the_hr-cont::after {
    height: 41px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .rowflex.flexwrap > div:nth-child(2) .the_hr-cont::after {
    height: 31px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box {
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::before, .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box::after {
    display: none;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span {
    flex-direction: column;
    font-size: 17px;
    line-height: 24px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .title-box span em {
    font-size: 16px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont {
    padding: 40px 28px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont::after {
    height: 31px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .img-box img {
    width: 100px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box {
    margin-top: 15px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .s-title {
    font-size: 17px;
    line-height: 27px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .desc {
    width: 100%;
    margin-top: 9px;
    font-size: 14px;
    line-height: 23px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp {
    margin-top: 16px;
    padding: 16px 18px 0;
    font-size: 13px;
    line-height: 21px;
  }

  .career_personnel-section .cr_evaluation-panel .the_hr-wrap .the_hr-cont .text-box .exp::before {
    width: 98%;
    left: 1%;
    right: 1%;
  }
}

.career_personnel-section .cr_benefits-panel {
  margin-top: 92px;
 /* size - mobile */;
}

.career_personnel-section .cr_benefits-panel .p-header {
  padding-bottom: 20px;
}

.career_personnel-section .cr_benefits-panel .p-header .text-area .title {
  display: inline-block;
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap {
  margin-bottom: -30px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont {
  width: 260px;
  margin: 30px auto;
  text-align: center;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box {
  margin-bottom: 13px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box img {
  height: 58px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box > span {
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box > p {
  margin-top: 13px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

@media all and (max-width: 1023px) {
  .career_personnel-section .cr_benefits-panel {
    margin-top: 34px;
  }

  .career_personnel-section .cr_benefits-panel .p-header {
    padding-bottom: 10px;
  }

  .career_personnel-section .cr_benefits-panel .p-header .text-area .title {
    font-size: 18px;
    line-height: 1.6;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap {
    margin-bottom: -18px;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont {
    margin: 18px auto;
    width: 150px;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box {
    margin-bottom: 10px;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .img-box img {
    height: 38px;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box > span {
    font-size: 17px;
    line-height: 27px;
  }

  .career_personnel-section .cr_benefits-panel .benefits-wrap .benefit-cont .text-box > p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 21px;
  }

  .career_personnel-section .cr_benefits-panel .rowflex.flexwrap > div:nth-child(3) .benefit-cont {
    width: 136px;
  }

  .career_personnel-section .cr_benefits-panel .rowflex.flexwrap > div:nth-child(4) .benefit-cont {
    width: 125px;
  }

  .career_personnel-section .cr_benefits-panel .rowflex.flexwrap > div:nth-child(5) .benefit-cont {
    width: 120px;
  }
}

/* ================= SK 트레이딩 인터네셔널  ================= */
.sub_visual-section .sv-trading .s-head span {
  font-size: 36px;
  line-height: 54px;
}

.sub_visual-section .sv-trading em.only-pc {
  display: inline !important;
}

@media all and (max-width: 1023px) {
  .sub_visual-section .sv-trading .s-head span {
    font-size: 21px;
    line-height: 34px;
  }

  .sub_visual-section .sv-trading em.only-mb {
    display: inline !important;
  }
}

.trading-section {
  padding-top: 120px;
  padding-bottom: 120px;
  background: url("../images/brand-bg.png") no-repeat top right;
}

.trading-section .colorP {
  color: #96ad07;
}

.trading-section .colorG {
  color: #16873e;
}

.trading-section em.only-pc {
  display: inline !important;
}

@media all and (max-width: 1023px) {
  .trading-section {
    padding-top: 48px;
    padding-bottom: 60px;
    background-size: 221px;
    background-position-x: calc(100% + 50px);
  }

  .trading-section em.only-mb {
    display: inline !important;
  }
}

.trading-section [class$="-panel"] + [class$="-panel"] {
  padding-top: 70px;
  border-top: 1px solid #dedede;
}

.trading-section [class$="-panel"] .p-head .title-area .title {
  color: #222;
  font-size: 42px;
  line-height: 58px;
  font-weight: 700;
}

.trading-section [class$="-panel"] .p-head .title-area .s-title {
  color: #222;
  font-size: 24px;
  line-height: 38px;
  font-weight: 600;
}

.trading-section [class$="-panel"] .p-head .title-area .desc {
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

.trading-section [class$="-panel"] .p-head .title-area .desc .t_en {
  font-weight: 400;
}

.trading-section [class$="-panel"] .p-head .title-area .title + .s-title {
  margin-top: 20px;
}

.trading-section [class$="-panel"] .p-head .title-area .s-title + .desc {
  margin-top: 26px;
}

@media all and (max-width: 1023px) {
  .trading-section [class$="-panel"] + [class$="-panel"] {
    padding-top: 32px;
  }

  .trading-section [class$="-panel"] .p-head .title-area .title {
    font-size: 26px;
    line-height: 41px;
  }

  .trading-section [class$="-panel"] .p-head .title-area .s-title {
    font-size: 17px;
    line-height: 27px;
  }

  .trading-section [class$="-panel"] .p-head .title-area .desc {
    font-size: 13px;
    line-height: 21px;
  }

  .trading-section [class$="-panel"] .p-head .title-area .title + .s-title {
    margin-top: 14px;
  }

  .trading-section [class$="-panel"] .p-head .title-area .s-title + .desc {
    margin-top: 9px;
  }
}

.trading-section .greeting-panel {
  padding-bottom: 70px;
}

.trading-section .greeting-panel .greeting_wrap {
  margin-top: 30px;
}

.trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
  margin: 0 -1.27%;
}

.trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap > div {
  padding: 0px 1.27%;
}

@media all and (max-width: 1279px) {
  .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
    margin: 0 -0.8%;
  }

  .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap > div {
    padding: 0px 0.8%;
  }
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont {
  position: relative;
  height: 100%;
  border: 1px solid #999;
  border-radius: 15px;
  text-align: center;
  padding: 40px 0% 30px;
  background-color: #fff;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
  width: 143px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10.69%;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
  min-height: 108px;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .desc {
  margin-top: 10px;
  width: 250px;
  color: #555;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding-top: 24px;
  color: #555;
  font-size: 18px;
  line-height: 28px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp::before {
  content: '';
  position: absolute;
  top: 0;
 /* left:10.69%; right:10.69%;  */
  left: 0;
  right: 0;
  border-top: 1px dashed #dedede;
}

@media all and (max-width: 1279px) {
  .trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
    width: 130px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
    padding: 0 20px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
    font-size: 23px;
    line-height: 34px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
    font-size: 17px;
  }
}

.trading-section .greeting-panel .greeting_wrap .closing-area {
  margin-top: 36px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .text {
  color: #555;
  font-size: 18px;
  line-height: 28px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark {
  margin-top: 22px;
  color: #222;
  text-align: right;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .position {
  font-size: 24px;
  line-height: 44px;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .position em.colorP {
  font-weight: 600;
}

.trading-section .greeting-panel .greeting_wrap .closing-area .remark .name {
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

@media all and (max-width: 1023px) {
  .trading-section .greeting-panel {
    padding-bottom: 34px;
  }

  .trading-section .greeting-panel .greeting_wrap {
    margin-top: 3px;
  }

  .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap {
    margin: 0;
  }

  .trading-section .greeting-panel .greeting_wrap .rowflex.flexwrap > div {
    padding: 20px 0px 0;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont {
    padding: 40px 0% 35px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .img-box img {
    width: 100px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box {
    margin-top: 15px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .s-title {
    min-height: auto;
    font-size: 17px;
    line-height: 27px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .desc {
    width: 100%;
    margin-top: 9px;
    font-size: 14px;
    line-height: 23px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp {
    margin-top: 16px;
    padding: 16px 0px 0;
    font-size: 13px;
    line-height: 21px;
  }

  .trading-section .greeting-panel .greeting_wrap .greeting-cont .text-box .exp::before {
 /* left:6.25%; right:6.25%; */
    left: 0;
    right: 0;
  }

  .trading-section .greeting-panel .greeting_wrap .closing-area {
    margin-top: 23px;
  }

  .trading-section .greeting-panel .greeting_wrap .closing-area .text {
    font-size: 13px;
    line-height: 21px;
  }

  .trading-section .greeting-panel .greeting_wrap .closing-area .remark {
    margin-top: 17px;
  }

  .trading-section .greeting-panel .greeting_wrap .closing-area .remark .position {
    font-size: 17px;
    line-height: 27px;
  }

  .trading-section .greeting-panel .greeting_wrap .closing-area .remark .name {
    font-size: 19px;
    line-height: 30px;
  }
}

.trading-section .info-panel {
  padding-bottom: 80px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel {
    padding-bottom: 40px;
  }
}

.trading-section .info-panel .info-wrap {
  margin-top: 65px;
}

.trading-section .info-panel .info-wrap .w-head .title {
  color: #222;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}

.trading-section .info-panel .info-wrap .w-body .desc {
  margin-top: 15px;
  color: #555;
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .info-wrap {
    margin-top: 30px;
  }

  .trading-section .info-panel .info-wrap .w-head .title {
    font-size: 19px;
    line-height: 27px;
  }

  .trading-section .info-panel .info-wrap .w-body .desc {
    margin-top: 10px;
    font-size: 13px;
    line-height: 21px;
  }
}

.trading-section .info-panel .global-cont, .trading-section .info-panel .trading-cont {
  position: relative;
  border: 1px solid #999;
  border-radius: 15px;
  background-color: #fff;
}

.trading-section .info-panel .global-cont .text-box dt, .trading-section .info-panel .global-cont .text-box .dt, .trading-section .info-panel .trading-cont .text-box dt, .trading-section .info-panel .trading-cont .text-box .dt {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
}

.trading-section .info-panel .global-cont .text-box dd, .trading-section .info-panel .global-cont .text-box .dd, .trading-section .info-panel .trading-cont .text-box dd, .trading-section .info-panel .trading-cont .text-box .dd {
  color: #555;
  font-size: 18px;
  line-height: 30px;
  display: flex;
  position: relative;
  padding-left: 16px;
}

.trading-section .info-panel .global-cont .text-box dd::before, .trading-section .info-panel .global-cont .text-box .dd::before, .trading-section .info-panel .trading-cont .text-box dd::before, .trading-section .info-panel .trading-cont .text-box .dd::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #555;
}

.trading-section .info-panel .global-cont .text-box dd > span:first-child, .trading-section .info-panel .global-cont .text-box .dd > span:first-child, .trading-section .info-panel .trading-cont .text-box dd > span:first-child, .trading-section .info-panel .trading-cont .text-box .dd > span:first-child {
  flex: 0 0 auto;
}

.trading-section .info-panel .global-cont .text-box dd > span + span, .trading-section .info-panel .global-cont .text-box .dd > span + span, .trading-section .info-panel .trading-cont .text-box dd > span + span, .trading-section .info-panel .trading-cont .text-box .dd > span + span {
  margin-left: 4px;
}

.trading-section .info-panel .global-cont .text-box dd.fs-mid, .trading-section .info-panel .global-cont .text-box .dd.fs-mid, .trading-section .info-panel .trading-cont .text-box dd.fs-mid, .trading-section .info-panel .trading-cont .text-box .dd.fs-mid {
  font-size: 16px;
  line-height: 28px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .global-cont .text-box dt, .trading-section .info-panel .global-cont .text-box .dt, .trading-section .info-panel .trading-cont .text-box dt, .trading-section .info-panel .trading-cont .text-box .dt {
    font-size: 14px;
    line-height: 23px;
    text-align: left;
  }

  .trading-section .info-panel .global-cont .text-box dd, .trading-section .info-panel .global-cont .text-box .dd, .trading-section .info-panel .trading-cont .text-box dd, .trading-section .info-panel .trading-cont .text-box .dd {
    font-size: 13px;
    line-height: 21px;
    padding-left: 10px;
  }

  .trading-section .info-panel .global-cont .text-box dd::before, .trading-section .info-panel .global-cont .text-box .dd::before, .trading-section .info-panel .trading-cont .text-box dd::before, .trading-section .info-panel .trading-cont .text-box .dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #555;
  }

  .trading-section .info-panel .global-cont .text-box dd.fs-mid, .trading-section .info-panel .global-cont .text-box .dd.fs-mid, .trading-section .info-panel .trading-cont .text-box dd.fs-mid, .trading-section .info-panel .trading-cont .text-box .dd.fs-mid {
    font-size: 13px;
    line-height: 21px;
  }
}

.trading-section .info-panel .global-area {
  position: relative;
  margin-top: 20px;
  padding-bottom: 50px;
  background-color: #fff;
  z-index: 1;
}

.trading-section .info-panel .global-area::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 11.5%;
  right: 11.5%;
  height: 1px;
  background-color: #999;
}

.trading-section .info-panel .global-area .rowflex.flexwrap {
  margin: 0 -1.27%;
}

.trading-section .info-panel .global-area .rowflex.flexwrap > div {
  padding: 0px 1.27%;
}

.trading-section .info-panel .global-area .global-cont {
  height: 100%;
  padding: 20px 7.35% 34px;
}

.trading-section .info-panel .global-area .global-cont::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 10px;
  height: 10px;
  background-color: #b3cf0a;
  border-radius: 5px;
}

.trading-section .info-panel .global-area .global-cont::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 1px;
  height: 50px;
  background-color: #999;
}

.trading-section .info-panel .global-area .global-cont .text-box dt {
  border-bottom: 1px dashed #dedede;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 28px;
}

.trading-section .info-panel .global-area .global-cont .text-box dd + dd {
  margin-top: 10px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .global-area {
    padding-bottom: 32px;
  }

  .trading-section .info-panel .global-area::before {
    display: none;
  }

  .trading-section .info-panel .global-area .rowflex.flexwrap {
    margin: 0;
  }

  .trading-section .info-panel .global-area .rowflex.flexwrap > div {
    padding: 0px;
  }

  .trading-section .info-panel .global-area .rowflex.flexwrap > div + div {
    margin-top: 20px;
  }

  .trading-section .info-panel .global-area .global-cont {
    padding: 20px;
    z-index: 2;
  }

  .trading-section .info-panel .global-area .global-cont::after {
    height: 41px;
  }

  .trading-section .info-panel .global-area .global-cont .text-box dt {
    padding-bottom: 10px;
    margin-bottom: 11px;
  }

  .trading-section .info-panel .global-area .global-cont .text-box dd + dd {
    margin-top: 8px;
  }
}

.trading-section .info-panel .global_network-area {
  position: relative;
  margin-top: 20px;
  padding-bottom: 0px;
  background-color: #fff;
  z-index: 1;
}

.trading-section .info-panel .global_network-area .global_network_layout {
 /*padding: 0 70px;*/
  padding: 0 5.922%;
}

.trading-section .info-panel .global_network-area .global_network_layout > div + div {
  margin-top: 30px;
}

.trading-section .info-panel .global_network-area .global_network_layout > div:last-child .global-cont::after {
  display: none;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .global_network-area .global_network_layout > div:last-child .global-cont::after {
    display: block;
  }
}

.trading-section .info-panel .global_network-area .text_layout {
  display: flex;
  align-items: center;
}

.trading-section .info-panel .global_network-area .text_layout > .col-auto {
  width: 37%;
  padding-right: 40px;
}

.trading-section .info-panel .global_network-area .text_layout > .col .col-inner {
  position: relative;
  padding-left: 40px;
  border-left: 1px dashed #dedede;
}

.trading-section .info-panel .global_network-area .global-cont {
  height: 100%;
  padding: 30px 40px;
}

.trading-section .info-panel .global_network-area .global-cont::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: calc(50% - .5px);
  transform: translate(-50%, 50%);
  width: 10px;
  height: 10px;
  background-color: #b3cf0a;
  border-radius: 5px;
}

.trading-section .info-panel .global_network-area .global-cont::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: calc(50% - .5px);
  transform: translate(-50%, 100%);
  width: 1px;
  height: 32px;
  background-color: #999;
}

.trading-section .info-panel .global_network-area .global-cont .text-box dt {
  border-bottom: 1px dashed #dedede;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 28px;
}

.trading-section .info-panel .global_network-area .global-cont .text-box dd + dd {
  margin-top: 10px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .global_network-area {
    padding-bottom: 32px;
  }

  .trading-section .info-panel .global_network-area::before {
    display: none;
  }

  .trading-section .info-panel .global_network-area .global_network_layout {
    margin: 0;
    padding: 0;
  }

  .trading-section .info-panel .global_network-area .global_network_layout > div {
    padding: 0px;
  }

  .trading-section .info-panel .global_network-area .global_network_layout > div + div {
    margin-top: 20px;
  }

  .trading-section .info-panel .global_network-area .text_layout {
    display: flex;
    align-items: center;
  }

  .trading-section .info-panel .global_network-area .text_layout > .col-auto {
    width: 100%;
    padding-right: 0px;
  }

  .trading-section .info-panel .global_network-area .text_layout > .col .col-inner {
    position: relative;
    padding-left: 0px;
    margin-top: 10px;
    padding-top: 10px;
    border-left: 0;
    border-top: 1px dashed #dedede;
  }

  .trading-section .info-panel .global_network-area .global-cont {
    padding: 20px;
    z-index: 2;
  }

  .trading-section .info-panel .global_network-area .global-cont::after {
    height: 41px;
  }

  .trading-section .info-panel .global_network-area .global-cont .dt {
    padding-right: 10px;
  }

  .trading-section .info-panel .global_network-area .global-cont .dt span {
    display: inline-block;
  }

  .trading-section .info-panel .global_network-area .global-cont .text-box dt {
    padding-bottom: 10px;
    margin-bottom: 11px;
  }

  .trading-section .info-panel .global_network-area .global-cont .text-box dd + dd {
    margin-top: 8px;
  }
}

.trading-section .info-panel .trading-area {
  position: relative;
  padding-top: 75px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .trading-area {
    padding-top: 20px;
    position: relative;
  }

  .trading-section .info-panel .trading-area .arrow_right {
    position: absolute;
    right: 0;
    top: 13%;
    width: 1px;
    height: 70%;
    background-color: #999;
  }

  .trading-section .info-panel .trading-area .arrow_right::before {
    content: '';
    position: absolute;
    right: 0;
    top: -1%;
    width: 52px;
    height: 14px;
    background: url("../images/trd_trading_arrow-bg-mb_top.png") no-repeat 50% 0%;
    background-size: 100% auto;
  }

  .trading-section .info-panel .trading-area .arrow_right::after {
    content: '';
    position: absolute;
    right: 0;
    top: 99%;
    width: 15px;
    height: 13px;
    background: url("../images/trd_trading_arrow-bg-mb_bottom.png") no-repeat 50% 0%;
    background-size: 100% auto;
  }
}

.trading-section .info-panel .trading-area .img-title {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 25%;
  border-radius: 50%;
  box-shadow: 7px 7px 30px 0px rgba(0, 15, 21, 0.1);
}

.trading-section .info-panel .trading-area .img-title img {
  width: 100%;
}

.trading-section .info-panel .trading-area .img-title::after {
  content: '';
  position: absolute;
  left: 50%;
  top: -20px;
  width: 25px;
  height: 400px;
  transform: translate(-50%, -100%);
  background: url("../images/trd_trading_top-bg.png") no-repeat 50% 0;
  background-size: 100% auto;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .trading-area .img-title {
    position: relative;
    width: 62%;
    max-width: 265px;
    top: 0;
    transform: translate(-50%, 0%);
  }

  .trading-section .info-panel .trading-area .img-title::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    width: 13px;
    height: 7px;
    transform: translate(-50%, -100%);
    background: url("../images/trd_trading_top-bg-mb.png") no-repeat 50% 0;
    background-size: 100% auto;
  }
}

.trading-section .info-panel .trading-area .trading-cont {
  width: 51.4382%;
 /*width:60%;*/
  max-width: 304px;
  padding: 20px 3.4% 24px;
}

.trading-section .info-panel .trading-area .trading-cont .cont-head {
  width: 100%;
}

.trading-section .info-panel .trading-area .trading-cont .cont-head span {
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
}

.trading-section .info-panel .trading-area .trading-cont .cont-body {
  display: flex;
  margin-top: 10px;
}

.trading-section .info-panel .trading-area .trading-cont .cont-body .img-box {
  padding-top: 5px;
  margin-right: 7.57%;
  max-width: 72px;
  width: 27.5%;
  flex: 0 0 auto;
}

.trading-section .info-panel .trading-area .trading-cont .cont-body .img-box img {
  position: relative;
  width: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg {
  flex-direction: column;
  height: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .img-box {
  margin-right: 0;
  padding: 10px 0 24px;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .img-box img {
 /*width:120px;*/
  width: 46%;
  top: 0;
  transform: translate(0);
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt {
  border-bottom: 1px dashed #dedede;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 28px;
}

.trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt span {
  display: inline-block;
  text-align: left;
}

.trading-section .info-panel .trading-area .trading-cont + .trading-cont {
  margin-top: 30px;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .trading-area .trading-cont {
    width: 100%;
    max-width: 100%;
    padding: 15px 20px;
  }

  .trading-section .info-panel .trading-area .trading-cont .cont-head span {
    font-size: 14px;
  }

  .trading-section .info-panel .trading-area .trading-cont .cont-body {
    margin-top: 5px;
  }

  .trading-section .info-panel .trading-area .trading-cont .cont-body .img-box {
    padding-top: 3px;
    margin-right: 3.7%;
    width: 34px;
  }

  .trading-section .info-panel .trading-area .trading-cont.size-lg .img-box img {
    width: 76px;
  }

  .trading-section .info-panel .trading-area .trading-cont.size-lg .text-box dt {
    text-align: left;
    padding-bottom: 12px;
    margin-bottom: 10px;
    justify-content: center;
  }

  .trading-section .info-panel .trading-area .trading-cont + .trading-cont {
    margin-top: 8px;
  }

  .trading-section .info-panel .trading-area .trading-cont .text-box {
    width: 100%;
  }

  .trading-section .info-panel .trading-area .trading-cont .text-box dt {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .trading-section .info-panel .trading-area .trading-cont .text-box dt img {
    width: 34px;
    margin-right: 9px;
  }
}

.trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1) {
  position: relative;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1)::before {
  content: '';
  position: absolute;
  left: 54%;
  top: 0;
  width: 18%;
  height: 100%;
  background: url("../images/trd_trading_lft-bg.png") no-repeat 50% 50%;
  background-size: 100% auto;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(2) {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
}

.trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(2)::before {
  content: '';
  position: absolute;
  right: 54%;
  top: 0;
  width: 18%;
  height: 100%;
  background: url("../images/trd_trading_rgt-bg.png") no-repeat 50% 50%;
  background-size: 100% auto;
}

@media all and (max-width: 1023px) {
  .trading-section .info-panel .trading-area .rowflex.flexwrap {
    margin: 0 20px;
    padding-top: 45px;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div {
    padding: 0px 5px;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1) {
    position: relative;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1)::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -38px;
    transform: translateX(-50%);
    width: 15px;
    height: 30px;
    background: url("../images/trd_trading_arrow-bg-mb.png") no-repeat 50% 0%;
    background-size: 100% auto;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1) > div:nth-child(2) {
    position: relative;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1) > div:nth-child(2)::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    width: 1px;
    height: 10px;
    background-color: #999;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(1) > div:nth-child(2)::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 1px;
    height: 10px;
    background-color: #999;
  }

  .trading-section .info-panel .trading-area .rowflex.flexwrap > div:nth-child(2) {
    margin-top: 30px;
  }
}

.trading-section .table-panel .p-head .title-area .s-title {
  color: #555;
}

.trading-section .table-panel .list_table {
  margin-top: 22px;
}

/* ================= IR > Governance ================= */
.governance-section {
  padding: 120px 0;
}

@media all and (max-width: 1023px) {
  .governance-section {
    padding: 60px 0;
  }
}

.governance-section .section-wrap + .section-wrap {
  margin-top: 100px;
}

.governance-section .section-wrap .s-head {
  margin-bottom: 40px;
}

.governance-section .section-wrap .s-head .title span {
  font-size: 36px;
  line-height: 1;
  color: #222;
  font-weight: 700;
}

.governance-section .section-wrap .s-head .desc p {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

.governance-section .section-wrap .s-head .title + .desc {
  margin-top: 36px;
}

.governance-section .section-wrap .s-head .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.governance-section .section-wrap .s-head .title-box .btn_lg {
  padding-left: 24px;
  padding-right: 24px;
}

.governance-section .section-wrap .s-head .sub-title {
  margin-top: -8px;
  font-size: 24px;
  line-height: 1.6;
  color: #222;
  font-weight: 600;
}

.governance-section .section-wrap .btn_w {
  width: 288px;
}

@media all and (max-width: 1023px) {
  .governance-section .section-wrap + .section-wrap {
    margin-top: 60px;
  }

  .governance-section .section-wrap .s-head {
    margin-bottom: 28px;
  }

  .governance-section .section-wrap .s-head .title span {
    font-size: 21px;
    line-height: 1.4;
  }

  .governance-section .section-wrap .s-head .desc p {
    font-size: 13px;
    line-height: 21px;
  }

  .governance-section .section-wrap .s-head .title + .desc {
    margin-top: 24px;
  }

  .governance-section .section-wrap .s-head .sub-title {
    margin-top: -5px;
    font-size: 17px;
    line-height: 27px;
  }

  .governance-section .section-wrap .btn_w {
    width: 100%;
  }
}

.governance-section [class^="gov-g_"] .gov_card-item, .governance-section [class^="gov-g_"] .gov_icon_card-item {
  border: 1px solid #dedede;
 /*padding: 61px 48px;*/
  padding: 61px 5.5%;
}

.governance-section [class^="gov-g_"] .gov_card-item .text-box .title span, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .title span {
  font-size: 24px;
  line-height: 36px;
  color: #16873e;
  font-weight: 700;
}

.governance-section [class^="gov-g_"] .gov_card-item .text-box .desc, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .desc {
  margin-top: 15px;
}

.governance-section [class^="gov-g_"] .gov_card-item .text-box .desc p, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .desc p {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-g_"] .gov_card-item, .governance-section [class^="gov-g_"] .gov_icon_card-item {
    border: 1px solid #dedede;
  }

  .governance-section [class^="gov-g_"] .gov_card-item .text-box, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box {
    padding: 0;
  }

  .governance-section [class^="gov-g_"] .gov_card-item .text-box .title span, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .title span {
    font-size: 17px;
    line-height: 27px;
  }

  .governance-section [class^="gov-g_"] .gov_card-item .text-box .desc, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .desc {
    margin-top: 11px;
  }

  .governance-section [class^="gov-g_"] .gov_card-item .text-box .desc p, .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box .desc p {
    font-size: 13px;
    line-height: 21px;
  }
}

.governance-section [class^="gov-g_"] .gov_icon_card-item {
  display: flex;
  align-items: center;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item + .gov_icon_card-item {
  margin-top: 30px;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item .icon {
 /*flex:0 0 210px; padding: 0 19px;*/
  flex: 0 0 172px;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item .icon img {
  width: 100%;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item .text-box {
  flex: 1 1 auto;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item .icon + .text-box {
  margin-left: 3.9%;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-g_"] .gov_icon_card-item {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding: 30px 24px;
  }

  .governance-section [class^="gov-g_"] .gov_icon_card-item + .gov_icon_card-item {
    margin-top: 30px;
  }

  .governance-section [class^="gov-g_"] .gov_icon_card-item .icon {
    flex: 0 0 100%;
    padding: 0;
  }

  .governance-section [class^="gov-g_"] .gov_icon_card-item .icon img {
    width: 86px;
  }

  .governance-section [class^="gov-g_"] .gov_icon_card-item .text-box {
    flex: 0 0 100%;
    margin-top: 15px;
  }
}

.governance-section [class^="gov-g_"] .gov_icon_card-item.vertical {
  flex-direction: column;
  height: 100%;
  padding: 40px 8.34% 60px;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item.vertical .icon {
  flex: 0 0 auto;
  padding: 0;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item.vertical .title {
  text-align: center;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item.vertical .desc {
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.governance-section [class^="gov-g_"] .gov_icon_card-item.vertical .icon + .text-box {
  margin-top: 30px;
  margin-left: 0;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-g_"] .gov_icon_card-item.vertical {
    padding: 30px 24px;
  }

  .governance-section [class^="gov-g_"] .gov_icon_card-item.vertical .icon + .text-box {
    margin-top: 15px;
  }
}

.governance-section [class^="gov-g_"] .gov_card-item + .gov_card-item {
  margin-left: 30px;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-g_"] .gov_card-item {
    padding: 30px 20px;
  }

  .governance-section [class^="gov-g_"] .gov_card-item + .gov_card-item {
    margin-top: 20px;
    margin-left: 0;
  }

  .governance-section [class^="gov-g_"] .gov_card-item .text-box {
    padding: 0;
  }
}

.governance-section .gov_download-area {
  margin-top: -6px;
}

.governance-section .gov_download-area ul {
  margin: -5px -5px 0;
}

.governance-section .gov_download-area ul li {
  padding: 0 5px;
  margin: 5px 0;
}

@media all and (max-width: 1279px) {
  .governance-section .gov_download-area .rowflex.flexwrap > li {
    width: 33.333%;
  }
}

@media all and (max-width: 1023px) {
  .governance-section .gov_download-area {
    margin-top: -2px;
  }

  .governance-section .gov_download-area ul {
    margin: 0;
  }

  .governance-section .gov_download-area ul li {
    padding: 0;
  }

  .governance-section .gov_download-area ul li + li {
    margin-top: 6px;
  }

  .governance-section .gov_download-area .rowflex.flexwrap > li {
    width: 100%;
  }
}

.governance-section .gov-g_3-panel .rowflex.padding-x {
  width: calc( 100% + 2.52%);
  margin-left: -1.26%;
}

.governance-section .gov-g_3-panel .rowflex.padding-x > div {
  padding: 0 1.26%;
}

@media all and (max-width: 1023px) {
  .governance-section .gov-g_3-panel .gov_card-area {
    flex-direction: column;
  }

  .governance-section .gov-g_3-panel .rowflex.padding-x {
    width: 100%;
    margin-left: 0;
  }

  .governance-section .gov-g_3-panel .rowflex.padding-x > div {
    padding: 0;
  }

  .governance-section .gov-g_3-panel .rowflex.padding-x > div + div {
    margin-top: 30px;
  }
}

.governance-section .gov_esg-link {
  background: url(../images/gov_esg_link.png) no-repeat;
  background-size: cover;
  height: 200px;
}

.governance-section .gov_esg-link a {
  display: block;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.governance-section .gov_esg-link a span {
  margin-left: 50px;
  line-height: 36px;
  color: #fff;
}

.governance-section .gov_esg-link a span b {
  font-size: 24px;
  display: block;
}

.governance-section .gov_esg-link a span em {
  font-size: 18px;
}

.governance-section .gov_esg-link a span em .icon-gov_link {
  margin-left: 10px;
}

.governance-section .gov_esg-link a span em + i {
  display: none;
}

.governance-section .gov_esg-link.type-sm {
  height: 140px;
}

.governance-section .gov_esg-link.type-sm a {
  height: 140px;
}

.governance-section .gov_esg-link.type-sm a span {
  margin-left: 30px;
}

.governance-section .gov_esg-link.type-sm a span b {
  font-size: 20px;
  display: inline-block;
}

.governance-section .gov_esg-link.type-sm a span em {
  display: none;
}

.governance-section .gov_esg-link.type-sm a span i {
  display: inline-block;
  vertical-align: -1px;
  margin-left: 10px;
}

@media all and (max-width: 1023px) {
  .governance-section .gov_esg-link {
    margin-top: -15px;
    background: url(../images/gov_esg_link-mb.png) no-repeat;
    background-size: cover;
    height: 100px;
  }

  .governance-section .gov_esg-link a {
    height: 100px;
  }

  .governance-section .gov_esg-link a span {
    margin-left: 21px;
    line-height: 20px;
    color: #fff;
  }

  .governance-section .gov_esg-link a span b {
    font-size: 15px;
    display: inline-block;
  }

  .governance-section .gov_esg-link a span em {
    display: none;
  }

  .governance-section .gov_esg-link a span em + i {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -2px;
  }

  .governance-section .gov_esg-link.type-sm {
    height: 100px;
  }

  .governance-section .gov_esg-link.type-sm a {
    height: 100px;
  }

  .governance-section .gov_esg-link.type-sm a span {
    margin-left: 21px;
  }

  .governance-section .gov_esg-link.type-sm a span b {
    font-size: 15px;
    display: inline-block;
  }

  .governance-section .gov_esg-link.type-sm a span em {
    display: none;
  }

  .governance-section .gov_esg-link.type-sm a span i {
    display: inline-block;
    margin-left: 8px;
    vertical-align: -2px;
  }
}

.governance-section [class^="gov-cmte_"] + .table-panel, .governance-section [class^="gov-drt_"] + .table-panel, .governance-section .table-panel + .table-panel {
  margin-top: 80px;
}

.governance-section [class^="gov-cmte_"] .p-header, .governance-section [class^="gov-drt_"] .p-header, .governance-section .table-panel .p-header {
  padding-bottom: 30px;
  display: flex;
 /*align-items: center;*/
  align-items: flex-end;
  justify-content: space-between;
}

.governance-section [class^="gov-cmte_"] .p-header .title span, .governance-section [class^="gov-drt_"] .p-header .title span, .governance-section .table-panel .p-header .title span {
  font-size: 28px;
  line-height: 1;
  color: #222;
  font-weight: 700;
}

.governance-section [class^="gov-cmte_"] .p-header .title em.txt-sm, .governance-section [class^="gov-drt_"] .p-header .title em.txt-sm, .governance-section .table-panel .p-header .title em.txt-sm {
  font-size: 20px;
  font-weight: 500;
}

.governance-section [class^="gov-cmte_"] .p-header .ctrl, .governance-section [class^="gov-drt_"] .p-header .ctrl, .governance-section .table-panel .p-header .ctrl {
  display: flex;
}

.governance-section [class^="gov-cmte_"] .p-header .select-box, .governance-section [class^="gov-drt_"] .p-header .select-box, .governance-section .table-panel .p-header .select-box {
  width: 114px;
  height: 42px;
}

.governance-section [class^="gov-cmte_"] .p-header .select-box + .btn, .governance-section [class^="gov-drt_"] .p-header .select-box + .btn, .governance-section .table-panel .p-header .select-box + .btn {
  margin-left: 10px;
}

.governance-section [class^="gov-cmte_"].gov-drt_1-panel .p-header, .governance-section [class^="gov-drt_"].gov-drt_1-panel .p-header, .governance-section .table-panel.gov-drt_1-panel .p-header {
  padding-bottom: 20px;
}

.governance-section [class^="gov-cmte_"] .p-foot, .governance-section [class^="gov-drt_"] .p-foot, .governance-section .table-panel .p-foot {
  margin-top: 20px;
  font-size: 18px;
  line-height: 38px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] + .table-panel, .governance-section [class^="gov-drt_"] + .table-panel, .governance-section .table-panel + .table-panel {
    margin-top: 50px;
  }

  .governance-section [class^="gov-cmte_"].gov-cmte_3-panel .p-header .title, .governance-section [class^="gov-drt_"].gov-cmte_3-panel .p-header .title, .governance-section .table-panel.gov-cmte_3-panel .p-header .title {
    padding-right: 160px;
  }

  .governance-section [class^="gov-cmte_"] .p-header, .governance-section [class^="gov-drt_"] .p-header, .governance-section .table-panel .p-header {
    display: block;
    padding-bottom: 25px;
    position: relative;
  }

  .governance-section [class^="gov-cmte_"] .p-header .title span, .governance-section [class^="gov-drt_"] .p-header .title span, .governance-section .table-panel .p-header .title span {
    display: block;
    font-size: 18px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .title em.txt-sm, .governance-section [class^="gov-drt_"] .p-header .title em.txt-sm, .governance-section .table-panel .p-header .title em.txt-sm {
    display: block;
    font-size: 15px;
    margin-top: 15px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .ctrl, .governance-section [class^="gov-drt_"] .p-header .ctrl, .governance-section .table-panel .p-header .ctrl {
 /*position:relative; bottom:auto; justify-content: flex-end;*/
    position: absolute;
    right: 0;
    top: -12px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box, .governance-section [class^="gov-drt_"] .p-header .select-box, .governance-section .table-panel .p-header .select-box {
    width: 75px;
    height: 32px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box .select2-container--default .select2-selection--single, .governance-section [class^="gov-drt_"] .p-header .select-box .select2-container--default .select2-selection--single, .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single {
    height: 32px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .governance-section [class^="gov-drt_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered, .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    font-size: 13px;
    padding: 0 20px 0 12px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .governance-section [class^="gov-drt_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow, .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 20px;
    height: 100%;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .governance-section [class^="gov-drt_"] .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b, .governance-section .table-panel .p-header .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 8px;
    margin-top: -9px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box + .btn, .governance-section [class^="gov-drt_"] .p-header .select-box + .btn, .governance-section .table-panel .p-header .select-box + .btn {
    margin-left: 4px;
    padding: 5px 16px;
  }

  .governance-section [class^="gov-cmte_"] .p-header .select-box + .btn span, .governance-section [class^="gov-drt_"] .p-header .select-box + .btn span, .governance-section .table-panel .p-header .select-box + .btn span {
    font-size: 13px;
  }

  .governance-section [class^="gov-cmte_"] .p-foot, .governance-section [class^="gov-drt_"] .p-foot, .governance-section .table-panel .p-foot {
    margin-top: 23px;
    font-size: 13px;
    line-height: 21px;
  }
}

.governance-section [class^="gov-drt_"] {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-drt_"] {
    margin-top: 50px;
  }
}

@media all and (max-width: 1023px) {
  .governance-section .gov-drt_2-panel td {
    text-align: left;
  }
}

.governance-section .gov-drt_3-panel .desc {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .governance-section .gov-drt_3-panel .desc {
    font-size: 13px;
    line-height: 21px;
  }
}

.governance-section .gov_appr-area {
  border: 1px solid #dedede;
}

.governance-section .gov_appr-area .gov_appr-box {
  width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box > .col-auto {
  padding: 0px 3.05% 60px;
  width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box .title {
  font-size: 24px;
  line-height: 48px;
  color: #222222;
  font-weight: 700;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 45px;
}

.governance-section .gov_appr-area .gov_appr-box .appr-cont {
  display: flex;
  justify-content: space-between;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item {
  display: flex;
  width: calc((100% - 6.14%)/3);
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
  flex: 0 0 120px;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .icon img {
  width: 100%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text {
  padding-left: 8.5%;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
  font-size: 18px;
  line-height: 30px;
  color: #555;
}

.governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

.governance-section .gov_appr-area .gov_appr-box .list-item {
  padding: 0 20px;
}

.governance-section .gov_appr-area .gov_appr-box .list-item ul li {
  padding: 10px 0 10px 14px;
  position: relative;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.governance-section .gov_appr-area .gov_appr-box .list-item ul li::before {
  content: "";
  background: #777;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 23px;
  left: 0;
}

@media all and (max-width: 1279px) {
  .governance-section .gov_appr-area .gov_appr-box .icon-item {
    width: calc((100% - 5%)/3);
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
    flex: 0 0 88px;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text {
    padding-left: 6%;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
    margin-bottom: 6px;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
    line-height: 28px;
    letter-spacing: -1px;
  }
}

@media all and (max-width: 1023px) {
  .governance-section .gov_appr-area .gov_appr-box > .col-mb-ep1 {
    width: 100% !important;
    padding: 35px 30px 30px;
  }

  .governance-section .gov_appr-area .gov_appr-box .appr-cont {
    justify-content: start;
    flex-direction: column;
  }

  .governance-section .gov_appr-area .gov_appr-box .title {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 0;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item {
    width: 100%;
    flex-direction: row;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .icon {
    flex: 0 0 auto;
    width: 60px;
    margin: 0;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .icon img {
    width: 100%;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text {
    padding-left: 30px;
    margin-top: 0;
    width: calc(100% - 60px);
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text p {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item .text p.sub-tit {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .governance-section .gov_appr-area .gov_appr-box .icon-item + .icon-item {
    margin-top: 40px;
  }

  .governance-section .gov_appr-area .gov_appr-box .list-item {
    padding: 0 20px;
    width: 100%;
  }

  .governance-section .gov_appr-area .gov_appr-box .list-item ul {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .governance-section .gov_appr-area .gov_appr-box .list-item ul li {
    padding: 3.5px 0 3.5px 8px;
    font-size: 13px;
    line-height: 21px;
  }

  .governance-section .gov_appr-area .gov_appr-box .list-item ul li::before {
    top: 12.5px;
  }
}

.governance-section .gov_appr-area .gov_appr_graph-box {
  display: flex;
  padding: 60px 0px;
  width: 100%;
  border-top: 1px dashed #dedede;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex: 0 1 27.28813559322034%;
  min-width: 280px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph {
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  line-height: 36px;
  color: #222;
  font-weight: 700;
  text-align: center;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column.graph img {
  width: 70%;
  max-width: 362px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item {
  height: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 14px 6.430868167202572% 14px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per {
  position: relative;
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  color: #16873e;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::after {
  content: "";
  position: absolute;
  bottom: -13px;
  right: -148px;
  width: 120px;
  background: #16873e;
  height: 1px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::before {
  content: "";
  position: absolute;
  bottom: -16px;
  right: -28px;
  width: 7px;
  height: 7px;
  background: #16873e;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item .sub-tit {
  margin-top: 16px;
  font-size: 20px;
  line-height: 30px;
  color: #222;
  font-weight: 600;
  white-space: nowrap;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column .item p {
  margin-top: 7px;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  white-space: nowrap;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(1) {
  order: 2;
  flex: 0 1 45.42372881355932%;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) {
  order: 1;
  text-align: right;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item {
  margin-top: -30px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item .per::before, .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item .per::after {
  margin-bottom: -20px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) {
  order: 3;
  text-align: left;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per {
  color: #b3cf0a;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::after, .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::before {
  background-color: #b3cf0a;
  right: auto;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::after {
  left: -145px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(1) .per::before {
  left: -28px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per {
  color: #8cc63f;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::after, .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::before {
  background-color: #8cc63f;
  right: auto;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::after {
  left: -145px;
}

.governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item:nth-child(2) .per::before {
  left: -28px;
}

@media all and (max-width: 1023px) {
  .governance-section .gov_appr-area .gov_appr_graph-box {
    flex-direction: column;
    padding: 0;
    width: 100%;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column {
    flex: 0 0 100%;
    min-width: 0;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column.graph span {
    font-size: 17px;
    line-height: 27px;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column.graph img {
    width: 180px;
    max-width: 100%;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) .item {
    margin-top: 0;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item {
    height: auto;
    padding: 30px 20px 40px;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per {
    font-size: 18px;
    line-height: 1;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::after {
    display: none;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item .per::before {
    display: none;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item .sub-tit {
    margin-top: 16px;
    font-size: 14px;
    line-height: 16px;
    white-space: normal;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column .item p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 21px;
    white-space: normal;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(1) {
    order: 2;
    flex: 0 0 100%;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(2) {
    order: 1;
    text-align: center;
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) {
    order: 3;
    text-align: center;
    flex: 0 0 100%;
    flex-direction: row;
    flex-flow: row-reverse;
  }

  .governance-section .gov_appr-area .gov_appr_graph-box .column:nth-child(3) .item {
    width: 50%;
  }
}

.governance-section .gov_ind_appr-area {
  margin-top: 40px;
  border: 1px solid #dedede;
  padding: 50px 2.05%;
  width: 100%;
}

.governance-section .gov_ind_appr-area .title {
  font-size: 24px;
  line-height: 48px;
  color: #222222;
  font-weight: 700;
}

.governance-section .gov_ind_appr-area .desc {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  margin-top: 10px;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box {
  margin-top: 50px;
  justify-content: space-between;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box > div {
  width: calc((100% - 13%)/3);
  position: relative;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box > div::after {
  content: '';
  position: absolute;
  top: 60px;
  right: -15%;
  transform: rotate(-90deg);
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url("../images/gov_ind_appr_arrow-3.png") no-repeat 50% 50%;
  background-size: 100% auto;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box > div:last-child::after {
  display: none;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item {
  display: flex;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
  flex: 0 0 120px;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon img {
  width: 100%;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
  padding-left: 9.34%;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

@media all and (max-width: 1279px) {
  .governance-section .gov_ind_appr-area .gov_ind_appr-box {
    margin-top: 40px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box > div::after {
    top: 44px;
    width: 26px;
    height: 26px;
    margin-top: -13px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
    flex: 0 0 88px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
    padding-left: 6%;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
    line-height: 28px;
    letter-spacing: -1px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
    margin-bottom: 6px;
  }
}

@media all and (max-width: 1023px) {
  .governance-section .gov_ind_appr-area {
    margin-top: 20px;
    padding: 30px 20px;
  }

  .governance-section .gov_ind_appr-area .title {
    font-size: 17px;
  }

  .governance-section .gov_ind_appr-area .desc {
    font-size: 13px;
    margin-top: 16px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box {
    flex-direction: column;
    padding: 0px 15px;
    margin-top: 25px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box > div {
    width: 100% !important;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box > div + div {
    margin-top: 55px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box > div::after {
    top: auto;
    bottom: -38px;
    right: 50%;
    transform: rotate(0deg);
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: -12px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .icon {
    flex: 0 0 80px;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text {
    padding-left: 20px;
    padding-right: 3%;
    margin-top: 0;
    width: 100%;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.4px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .governance-section .gov_ind_appr-area .gov_ind_appr-box .icon-item .text p.sub-tit {
    font-size: 14px;
    margin-bottom: 4px;
  }
}

.governance-section [class^="gov-cmte_"] + [class^="gov-cmte_"] {
  margin-top: 80px;
}

.governance-section [class^="gov-cmte_"] .desc {
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] + [class^="gov-cmte_"] {
    margin-top: 50px;
  }

  .governance-section [class^="gov-cmte_"] .desc {
    font-size: 13px;
    line-height: 21px;
  }
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area {
  padding-top: 50px;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .title {
  margin: 0 auto;
  width: 300px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  background: #2fa459;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  position: relative;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line {
  margin: 67px -1.26% 0;
  height: 68px;
  position: relative;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line::before {
  content: "";
  position: absolute;
  top: -67px;
  height: 67px;
  width: 1px;
  background: #ccc;
  left: 50%;
  transform: translateX(-50%);
}

/* 2024-04-02 */
.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line .line-inner {
  width:  66.7%;
  position: relative;
  margin: 0 auto;
  height: 68px;
  border: 1px solid #ccc;
  border-bottom: 0;
}
/* 2024-04-02 */
.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line .line-inner::before {
  content: "";
  position: absolute;
  top: 0;
  height: 68px;
  width: 1px;
  background: #ccc;
  left: 50%;
}
/* 2024-04-02 */
.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line .line-inner::after {
  content: "";
  position: absolute;
  top: 0;
  height: 68px;
  width: 1px;
  background: #ccc;
  left: 50%;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row {
  display: flex;
  justify-content: space-between;
  position: relative;
 /*margin: 0 -15px;*/
  margin: 0 -1.26%;
}
/* 2024-04-02 */
.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  width: 33.3%;
 /*padding: 0 15px;*/
  padding: 0 1.26%;
  position: relative;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background: #b3cf0a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 5;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card {
  position: relative;
  border: 1px solid #999;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  height: 100%;
  padding: 40px 20px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .sub-tit {
  font-size: 24px;
  line-height: 48px;
  color: #222;
  font-weight: 600;
  letter-spacing: -1.2px;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .ico {
  margin: 20px 0 23px;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit {
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
  min-height: 102px;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit .type-1 {
  color: #96ad07;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit .type-2 {
  color: #16873e;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit .type-3 {
  color: #61b201;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .member {
  margin-top: 17px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 26px;
  text-align: left;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .member.margin_member {
  margin-top: 51px;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role {
  height: 220px;
  margin: auto 0 0;
  padding: 20px 0px 0px;
  border-top: 1px dashed #ededed;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role li {
  position: relative;
  padding: 4px 0 4px 12px;
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #777;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 17px;
  left: 0;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card {
  height: 184px;
  padding-top: 44px;
  position: relative;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: #b3cf0a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 5;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card::after {
  content: "";
  position: absolute;
  top: 0;
  height: 44px;
  width: 1px;
  background: #ccc;
  left: 50%;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-part {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 160px;
  background: #b3cf09;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
}

.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-type {
  font-size: 20px;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
}
.governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-type span {
    display: none;
}

@media all and (max-width: 1279px) {
  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row {
    margin: 0 -0.8%;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column {
    padding: 0 0.8%;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit {
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 32px;
    margin: 0 -8px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .member {
    font-size: 17px;
    letter-spacing: -1px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role li {
    font-size: 17px;
    line-height: 28px;
  }
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area {
    padding-top: 0;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .title {
    width: 150px;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    margin-bottom: 45px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px;
    position: relative;
    z-index: 5;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .line {
    display: none;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin: 0;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    width: 100%;
    padding: 26px 20px;
    position: relative;
    border: 1px solid #999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #b3cf0a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column::after {
    content: "";
    position: absolute;
    top: -46px;
    left: 50%;
    width: 1px;
    height: 46px;
    background: #ccc;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column + .column {
    margin-top: 20px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .column + .column::after {
    top: -21px;
    height: 20px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card {
    position: relative;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: auto;
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .sub-tit {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .ico {
    display: none;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 17px;
    min-height: auto;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .limit br {
    display: none;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .member {
    font-size: 13px;
    line-height: 21px;
    padding-bottom: 0;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role {
    height: auto;
    margin: 0;
    padding: 0;
    border-top: 0;
    margin-top: 18px !important;
    padding: 12px 0 0;
    border-top: 1px dashed #ededed;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role li {
    position: relative;
    padding: 4px 0 4px 10px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    color: #555;
    font-weight: 500;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .unit-card .role li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #777;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 12px;
    left: 0;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card {
    height: auto;
    padding-top: 0;
    margin-top: 10px;
    display: flex;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card::before, .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card::after {
    display: none;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-part {
    display: none;
    text-align:left;
    vertical-align: middle;
    height: auto;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 17px;
    color: #222;
    font-weight: 600;
    order: 2;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-part span br {
    display: none;
  }

  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-type {
    text-align:left;
    font-size: 14px;
    line-height: 17px;
    color: #222;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    order: 1;
  }
  .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-type span {
    display: inline;
}

  /* 2025.04.02 .governance-section [class^="gov-cmte_"] .gov-cmte_org-area .row .org-card .org-type::after {
    content: " : ";
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
  } */
}

.governance-section [class^="gov-cmte_"] .gov_cmte_download-area {
 /* tablet : 1023 ~ 1279 */;
}

.governance-section [class^="gov-cmte_"] .gov_cmte_download-area .title > span {
  display: block;
  color: #222;
  font-weight: 600;
  font-size: 24px;
}

.governance-section [class^="gov-cmte_"] .gov_cmte_download-area ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  width: calc( 100% + 10px);
  margin-left: -5px;
}

.governance-section [class^="gov-cmte_"] .gov_cmte_download-area ul li {
  width: 25%;
  margin-top: 10px;
  padding: 0 5px;
}

@media all and (max-width: 1279px) {
  .governance-section [class^="gov-cmte_"] .gov_cmte_download-area ul li {
    width: 33.3333%;
  }
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_cmte_download-area {
    display: flex;
    flex-wrap: wrap;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte_download-area .title > span {
    font-size: 17px;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte_download-area ul {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte_download-area ul li {
    padding-top: 5;
    padding: 0;
    width: 100%;
    text-align: left;
    border-left: 0;
  }
}

.governance-section [class^="gov-cmte_"] .gov_cmte-info-area + .gov_cmte-info-area {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_cmte-info-area + .gov_cmte-info-area {
    margin-top: 20px;
  }
}

.governance-section [class^="gov-cmte_"] .gov_cmte-info-box {
  display: flex;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-info-box .gov-table.gov_cmte-table {
  width: 50%;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-info-box .gov-table.gov_cmte-table + .gov-table.gov_cmte-table {
  border-left: 1px solid #dedede;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_cmte-info-box {
    display: flex;
    flex-direction: column;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte-info-box .gov-table.gov_cmte-table {
    width: 100%;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte-info-box .gov-table.gov_cmte-table + .gov-table.gov_cmte-table {
    border-left: 0;
    border-top: 0;
  }
}

.governance-section [class^="gov-cmte_"] .gov_cmte-detail-box {
  border-top: 2px solid #222222;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name {
  position: relative;
  padding: 22px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #999;
  background: #fff;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name span {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 30px;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name.on i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .con-area {
  position: relative;
  overflow: hidden;
  display: none;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name {
    position: relative;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #999;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name span {
    font-size: 13px;
    line-height: 19px;
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .accor_name.on i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .governance-section [class^="gov-cmte_"] .gov_cmte-detail-box .con-area {
    position: relative;
    overflow: hidden;
    display: none;
  }
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list {
  margin-top: 40px;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul {
  display: flex;
  border: 1px solid #dedede;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li {
  width: 20%;
  padding: 34px 15px;
  display: flex;
  justify-content: center;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li p {
  max-width: 155px;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li p span {
  color: #16873e;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li:nth-child(even) {
  background-color: #f9f9f9;
}

.governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li + li {
  border-left: 1px dashed #dedede;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_esg_manage-list {
    margin-top: 20px;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul {
    display: flex;
    flex-direction: column;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li {
    width: 100%;
    padding: 16px 20px;
    display: flex;
    justify-content: flex-start;
    text-align: left;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li p {
    max-width: 100%;
    font-size: 13px;
    line-height: 21px;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_manage-list ul li + li {
    border-left: 0;
    border-top: 1px dashed #dedede;
  }
}

.governance-section [class^="gov-cmte_"] .gov_esg_guide-list {
  margin-top: 30px;
}

.governance-section [class^="gov-cmte_"] .gov_esg_guide-list ul li {
  position: relative;
  padding: 4px 0 4px 12px;
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  color: #555;
  font-weight: 500;
}

.governance-section [class^="gov-cmte_"] .gov_esg_guide-list ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #777;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 17px;
  left: 0;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_esg_guide-list {
    margin-top: 18px;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_guide-list ul li {
    padding: 3px 0 3px 10px;
    font-size: 13px;
    line-height: 21px;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_guide-list ul li::before {
    top: 12px;
  }

  .governance-section [class^="gov-cmte_"] .gov_esg_guide-list + .gov_esg-link {
    margin-top: 23px;
  }
}

.governance-section [class^="gov-cmte_"] .gov_cmte-accor_area + .gov_cmte-accor_area {
  margin-top: 60px;
}

.governance-section [class^="gov-cmte_"] .gov_cmte-accor_area + .gov_cmte-accor_area {
  margin-top: 35px;
}

.governance-section [class^="gov-cmte_"] .gov_esg-link {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .gov_esg-link {
    margin-top: 30px;
  }
}

.governance-section [class^="gov-cmte_"] .foot-layout {
  margin-top: 60px;
}

@media all and (max-width: 1023px) {
  .governance-section [class^="gov-cmte_"] .foot-layout {
    margin-top: 30px;
  }
}

@media all and (max-width: 1023px) {
  .governance-section .gov-cmte_1-panel {
    padding-top: 12px;
  }
}
/*2024-10-04*/
.sustainability-section .p-foot{
  margin-top: 20px;
  font-size: 18px;
  line-height: 38px;
  color: #555;
  font-weight: 500;
}

.sustainability-section  .gov_cmte_download-area ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  width: calc(100% + 10px);
  margin-left: -5px;
}
.sustainability-section  .gov_cmte_download-area ul li {
  width: 25%;
  padding: 0 5px;
}
@media all and (max-width: 1279px) {
  .sustainability-section  .gov_cmte_download-area ul {
    margin-top: 15px;
  }
  .sustainability-section  .gov_cmte_download-area ul li {
    width: 33.3333%;
    margin-top: 10px;
  }
}
@media all and (max-width: 1023px) {
  .sustainability-section  .gov_cmte_download-area {
    display: flex;
    flex-wrap: wrap;
  }
  .sustainability-section  .gov_cmte_download-area .title > span {
    font-size: 17px;
  }
  .sustainability-section  .gov_cmte_download-area ul {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .sustainability-section  .gov_cmte_download-area ul li {
    margin-top: 5px;
    padding: 0;
    width: 100%;
    text-align: left;
    border-left: 0;
  }
}









/* 2024-09-10--*/

.mt20 {margin-top:20px;}
 .sustainability-section .subcompany-panel {
  margin-top: 0px;
}
.sustainability-section .subcompany-panel .p-body {
  margin-top: 0px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc2 {
 display:flex important;
 justify-content:center;
 padding:0px !important;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc3 {
 display:flexbox;
 justify-content:center;
 padding:0px !important;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc4 {
 display:flexbox;
 justify-content:center;
 padding:0px !important;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect_line-box2 {
  border-bottom: 1px solid #dedede;
  padding:20px;
  
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x > * {
  padding: 0 15px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
  position: relative;
  padding-bottom: 65px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
  padding-bottom: 0;
  padding-top: 65px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
  padding-bottom: 0;
  padding-top: 0px;
  margin-top:-20px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2::after {
  top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2::before {
  top: 65px;
  transform: translate(-50%, -50%);
}

@media all and (max-width: 1024px) {
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
    padding-bottom: 0;
    padding-top: 0px;
    margin-top: 20px;
}
}






.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
  content: "";
  width: 1px;
  height: 65px;
  background-color: #dedede;
  position: absolute;
  bottom: 0;
  left: 50.1%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: absolute;
  bottom: 65px;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.d_box2::before {
  
  background-color: #b3cf0a;
 
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.d_box3::before {
  
  background-color: #0EA09D;
 
}






.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
  position: relative;
  border: 1px solid #dedede;
  border-radius: 0px;
  padding: 60px 30px 55px 30px;
  text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .innernone {
  position: relative;
  border: 0px solid #ccc;
  border-radius: 0px;
  padding: 30px 30px 0px 30px;
  text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner img {
  width: 143px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title {
  margin-top:25px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title2 {
  display:block;
  border-radius: 60px;
  background-color: #0EA09D;
  padding: 10px 20px;
  margin:20px auto;
  max-width:600px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title3 {
  display:block;
  border-radius: 60px;
  background-color: #55a30f;
  padding: 10px 20px;
  max-width:500px;
  margin:20px auto;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title4 {
 
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title5 {
  display:block;
  border-radius: 60px;
  background-color: #55a30f;
  padding: 10px 20px;
  max-width:600px;
  margin:20px auto;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
    font-size: 17px;
  line-height: 1.7;
  font-weight: 600;
  color: #555555;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate2 {
    font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  color: #555555;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 {
  margin:25px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 70px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  color: #555555;
}

@media all and (max-width: 1023px) {
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 {
  margin:25px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 40px;
  font-size: 16px;
  line-height: 1.7;
  font-weight:400;
  color: #555555;
}
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 span {
  vertical-align: baseline;
  font-size: 14px;
  font-weight: 600;
  color: #777;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 em {
  vertical-align: baseline;
  color: #55a30f;
  font-weight: 700;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate3 em.fs-lg {
  font-size: 24px;
}





.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone {
  position: relative;
  padding-bottom: 65px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item {
  padding-bottom: 0;
  padding-top: 0px;
  margin-top:-20px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
  padding-bottom: 0;
  padding-top: 0px;
  margin-top:-20px;
}
@media (max-width: 1023px){
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item2 {
  padding-bottom: 0;
  padding-top: 0px;
  margin-top:20px;
}

}




.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item::after {
  top: 0;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}





.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone::after {
  
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone::before {
  
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  padding: 30px 30px 24px 30px;
  text-align: left;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 {
  position: relative;
  margin:0px 0 10px 0;
  display:flex;
  justify-content:space-evenly;
  background-color: #f8f8f8;
  padding: 14px 70px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 .txtsub{
margin-left:10px; 
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner {
  position: relative;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-radius: 0px;
  padding: 30px 30px 24px 30px;
  text-align: left;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner img {
  width: 143px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner > .title {
  margin-top:25px;
  font-size: 24px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner > .title2 {
  display:block;
  border-radius: 60px;
  background-color: #16873e;
  padding: 14px 70px;
  margin:10px 0 25px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}




.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate {
    font-size: 17px;
  line-height: 1.7;
  font-weight: 800;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate2 {
    font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner .rate3 {
  margin:10px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 70px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 800;
  color: #555555;
  text-align:center;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  padding: 30px 0px 24px 0px;
  text-align: left;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 .rate2 {
    font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 .rate3 {
  margin:0px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 50px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 800;
  color: #555555;
  text-align:center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr {
  position: relative;
  padding-bottom: 35px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item {
  padding-bottom: 0;
  padding-top: 35px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item::after {
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 30px 30px 24px 30px;
  min-height:320px;
 
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box {
  text-align: left;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .title {
 
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li {
  color: #555;
  font-size: 16px;
  line-height: 1.7;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li:first-child {
  margin-top: 6px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li + li {
  margin-top: 4px;
}



.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 {
  position: relative;
  padding-bottom: 0px;
  border-left: 1px dashed #dedede;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.d_boxr2none{
 border-left: 0px dashed #dedede;}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item {
  padding-bottom: 0;
  padding-top: 0px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::after {
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner {
  position: relative;
  border: 0px solid #ccc;
  border-radius: 0px;
  padding: 20px 30px 20px 30px;
  min-height:30px;
 
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box {
  text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box > .title {
 
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #16873e;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner > .mark_dot-list li {
  color: #555;
  font-size: 17px;
  line-height: 1.7;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner  > .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner  > .mark_dot-list li:first-child {
  margin-top: 6px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner  > .mark_dot-list li + li {
  margin-top: 4px;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .rate {
   font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner > .simg {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner > .simg > img {
 width:55px;}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area {
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
  content: "";
  width: 66.7%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: 16.6%;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
  content: "";
  width: 66.7%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: 16.6%;
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
  padding: 70px 0;
  position: relative;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
  content: "";
  width: 1px;
  height: 70px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  bottom: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
  content: "";
  width: 1px;
  height: 70px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 {
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area4{
  background-image: url(../images/sg_backg1.png);
  background-size: auto 340px;
  background-position: center 0px;  
  background-repeat:no-repeat;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area5{
  background-image: url(../images/sg_backg.png);
  background-size: auto 340px;
  background-position: center top;  
  background-repeat:no-repeat;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area6{
  background-image: url(../images/sg_backg1.png);
  background-size: auto 340px;
  background-position: center 30px;  
  background-repeat:no-repeat;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area7{
  background-image: url(../images/sg_backg1.png);
  background-size: auto 340px;
  background-position: center -20px;  
  background-repeat:no-repeat;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3{
margin-top:-50px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3::after {
  content: "";
  width: 66.7%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 16.6%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32{
margin-top:0px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32::after {
  content: "";
   width: 66.7%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 16.6%;
}




.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31{
margin-top:-50px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 25%;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33{
 margin-top:20px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 25%;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34{
 margin-top:20px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34::after {
  content: "";
  width: 50%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 16.7%;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35{
margin-top:0px;}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35::after {
  content: "";
   width: 80%;
  height: 1px;
  background-color: #dedede;
  position: absolute;
  left: 10%;
}





.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 {
  padding: 0px 0 20px 0;
  position: relative;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4::after {
  content: "";
  width: 1px;
  height: 40px;
  background-color: #dedede;
  position: absolute;
  left: 50%;
  bottom: 0;
}




.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
  width: 320px;
  height: 100px;
  border-radius: 60px;
  background-color: #55a30f;
  padding: 24px 70px;
  margin: 0 auto;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner {
  padding: 24px 70px;
  margin: 0 auto;
  text-align:center;
  
}
@media all and (max-width: 1023px) {
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner, .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4 .inner {
  padding: 24px 20px;
  margin: 0 auto;
  text-align:center;
  
}
}





.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub1 {
   padding-top:10px;
   font-size: 16px;
  line-height: 1.8;
  font-weight: 600;
  color: #55a30f;

}



.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub2 {
  font-size: 24px;
  line-height:1.7;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub3 {
   display:block;
  border-radius: 60px;
  background-color: #55a30f;
  padding: 12px 20px;
  margin:20px auto;
  width:400px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub4 {
  padding:10px 0 20px 0;
  font-size: 17px;
  line-height: 1.8;
  font-weight: 500;
  color: #555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub5 {
  font-size: 20px;
  line-height: 1.7;
  border-radius: 60px;
  background-color: #55a30f;
  max-width:300px;
  font-weight: 600;
  padding: 10px 20px;
  margin:10px auto;
   font-weight: 600;
  color: #ffffff;
 }

 .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub6 {
  padding:10px 0 20px 0;
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
  color: #555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub7 {
  font-size: 20px;
  line-height: 1.7;
  border-radius: 60px;
  background-color: #55a30f;
  max-width:300px;
  font-weight: 600;
  padding: 10px 20px;
  margin:10px auto;
   font-weight: 600;
  color: #ffffff;
 }


@media all and (max-width: 1023px) {
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub5 {
  font-size: 17px;
  line-height: 1.7;
  border-radius: 60px;
  background-color: #55a30f;
  max-width:220px;
  font-weight: 600;
  padding: 10px 20px;
  margin:10px auto;
   font-weight: 600;
  color: #ffffff;
 }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub7 {
  font-size: 17px;
  line-height: 1.7;
  border-radius: 60px;
  background-color: #55a30f;
  width:320px;
  font-weight: 600;
  padding: 10px 20px;
  margin:10px auto;
   font-weight: 600;
  color: #ffffff;
 }


  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub6 {
  padding:10px 0 20px 0;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 700;
  color: #555;
}


}



.sustainability-section .ssb-g_2-panel .sv-area img {
  width: 100%;
}

.sustainability-section .ssb-g_1-panel .sv-area img {
  width: 100%; max-width:1180px;
}

 



.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head {  margin-bottom: 10px; padding: 10px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-g { background: #2fa459;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-g1 { background: #55a30f;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head.bg-t { background: #0EA09D;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .disclamer {
  padding:20px 0 0 0; 
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title {
  
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title3 {
  padding: 5px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .tserv {
  padding: 15px;
  color: #16873e;
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon {
  margin-top: 20px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon img {
  height: 70px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .support-item .title {
  margin-top: 25px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .support-item .title span {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
}

.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap {
  margin-top: 0px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head {
  margin-bottom: 60px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head .title {
  padding: 10px;
  background: #55a30f;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

 




@media all and (max-width: 1023px) {
.sustainability-section .subcompany-panel .p-body .diagram-wrap .disclamer {
  padding:20px 0 0 0; 
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}


  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap {
    margin-top: 45px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head {
    margin-bottom: 37px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-wrap .w-head .title {
    padding: 15px 0;
    font-size: 14px;
    line-height: 22px;
  }
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area {
  margin-bottom: 10px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit {
  color: #222;
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .sub_txt {
  color: #555;
  font-size: 16px;
  line-height: 21px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit + .sub_txt {
  margin-left: 20px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area {
  position: relative;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .unit {
  position: absolute;
  right: 0;
  top: -34px;
  color: #777;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.sustainability-section .ssb-g_2-panel .year_2025-area .graph-box + .graph-box {
  margin-top: 55px;
}
@media all and (max-width: 1023px) {
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area {
    margin-bottom: 8px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area > span {
    display: block;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit {
    font-size: 17px;
    line-height: 22px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .sub_txt {
    font-size: 13px;
    line-height: 21px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .title-area .tit + .sub_txt {
    margin-left: 0px;
    margin-top: 7px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .unit {
    position: relative;
    top: auto;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 21px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .scroll-typeX {
    padding-bottom: 20px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box .contents-area .scroll-typeX img {
    width: 800px;
  }
  .sustainability-section .ssb-g_2-panel .year_2025-area .graph-box + .graph-box {
    margin-top: 40px;
  }
}








@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel2 .support-area .support-item {
    margin-top: 35px;
    padding-left: 20px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon {
    margin-top: 0px;
    width: 50px;
    text-align: center;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-item .icon img {
    height: 45px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-item .title {
    margin-top: 0px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-item .title span {
    font-size: 17px;
    line-height: 1.5;
  }
  
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-1 {
  padding-bottom: 70px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2 {
  padding-bottom: 70px;
  padding-left: 185px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2::before {
  bottom: 180px;
  left: 0;
  height: calc(100% - 180px);
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3 {
  padding-top: 60px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3::after {
  top: 0px;
  left: 0;
  width: calc(100% - 150px);
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4 {
  padding-top: 60px;
  padding-left: 185px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4::before {
  top: 200px;
  left: 0;
  height: calc(100% - 180px);
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4::after {
  top: 0px;
  right: 0;
  width: calc(100% - 170px);
}

@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-1 {
    padding-bottom: 0px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-2 {
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-3 {
    padding-top: 0px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .row-support .col-4 {
    padding-top: 0px;
    padding-left: 0px;
  }
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support {
  display: flex;
  position: relative;
}
/* .sustainability-section .ssb-w_2-panel2 .support-area .row-support > div {
  position: relative;
} */


.sustainability-section .ssb-w_2-panel2 .support-area .row-support > div::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  background-color: #dedede;
}
.sustainability-section .ssb-w_2-panel2 .support-area .row-support > div::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  background-color: #dedede;
}
.sustainability-section .ssb-w_2-panel2 .support-area .rect_line-box {
  padding: 60px 8.46%;
  margin-bottom: 80px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .support-center {
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 301px;
  height: 301px;
  background-image: url(../images/sc-centerimg2.jpg);
  }
  
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.06), 5px 5px 20px 0 rgba(0, 0, 0, 0.06);
}

.sustainability-section .ssb-w_2-panel2 .support-area .support-center .icon img {
  height: 90px;
}
.sustainability-section .ssb-w_2-panel2 .support-area .support-center .title {
  margin-top: 15px;
  text-align: center;

}
.sustainability-section .ssb-w_2-panel2 .support-area .support-center .title span {
  font-size: 20px;
  font-weight: bold;
  color: #0EA09D ;
}







@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel2 .support-area .support-center {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0%, 0%);
    margin: 0 auto;
    width: 230px;
    height: 230px;
	background-image: url(../images/sc-centerimg2_m.jpg);
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-center .icon img {
    height: 65px;
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-center .title {
    margin-top: 10px;
    text-align: center;
    line-height: 1.1;
    
	
  }
  .sustainability-section .ssb-w_2-panel2 .support-area .support-center .title span {
    font-size:17px;
    font-weight: bold;
	  line-height: 20px;
    color: #0EA09D ;
  }
}







@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel2 .support-area .rect_line-box {
    padding: 40px 20px;
    margin-bottom: 40px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner02 .rate3 {
  margin:0px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 30px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 800;
  color: #555555;
  text-align:center;
}
 .sustainability-section .ssb-w_2-panel2 .support-area .row-support > div::before, .sustainability-section .ssb-w_2-panel2 .support-area .row-support > div::after {
    display: none;
  }
}

.sustainability-section .ssb-w_2-panel2 .support-area .row-support > div.support-center {
  position: absolute;
}
@media all and (max-width: 1023px) {
  .sustainability-section .ssb-w_2-panel2 .support-area .row-support > div.support-center {
    position: relative;
  }
}





@media all and (max-width: 1023px) {

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title4 {
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title2 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
 }

 .sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title3 {
  padding: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
 }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc2 {
 display:none !important;
 }


  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc3 {
  display:flexbox;
 justify-content:center;
 }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.only-pc4 {
 display:none !important;
 }


 
  .sustainability-section {
    padding: 40px 0 60px;
  }
  .sustainability-section .s-head {
    margin-bottom: 38px;
  }
  .sustainability-section .s-head .sub-title {
    margin-top: 0px;
    font-size: 17px;
    line-height: 27px;
  }
  .sustainability-section .title {
    font-size: 21px;
    line-height: 33px;
  }
  .sustainability-section .history-panel .p-body {
    margin-top: 26px;
  }
  .sustainability-section .history-panel .p-body .img-area img {
    width: 100%;
    max-width: 642px;
  }
  .sustainability-section .history-panel .p-body .box-area {
    margin-top: 15px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap {
    padding-bottom: 25px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap .rect {
    padding: 11px 43px;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.03), 5px 5px 7px 0 rgba(0, 0, 0, 0.03);
    border: 2px solid #8cc63f;
    border-radius: 35px;
    height: 70px;
    width: 190px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap .rect img {
    width: 103px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap::after {
    height: 25px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .rect-wrap::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    padding: 8px 15px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout {
    justify-content: center;
    flex-wrap: wrap;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col {
    padding: 16px 15px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout .col img {
    height: 26px;
  }
  .sustainability-section .history-panel .p-body .box-area .b-head .logo-wrap .logo-layout + .logo-layout {
    margin-top: 0px;
  }
  .sustainability-section .business-panel {
    margin-top: 50px;
  }
  .sustainability-section .business-panel .p-head .text-desc {
    margin-top: 17px;
  }
  .sustainability-section .business-panel .p-head .text-desc p {
    font-size: 13px;
    line-height: 21px;
  }
  .sustainability-section .business-panel .p-body {
    margin-top: 25px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_title {
    font-size: 18px;
    line-height: 29px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .sub_title {
    font-size: 16px;
    line-height: 25px;
    padding: 4px 0 14px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout + .box_layout {
    margin-top: 15px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout {
    align-items: center;
    border: 1px solid #dedede;
    padding: 35px 0px 40px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout > .col-text {
    width: 100%;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout > .col-img {
    width: 100%;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout .text-area {
    padding: 0 28px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout .text-area p {
    font-size: 13px;
    line-height: 21px;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout .img-area {
    padding: 35px 0 0 0;
    text-align: center;
  }
  .sustainability-section .business-panel .p-body .box_list-area .box_layout .img-area img {
    width: 100%;
    max-width: 400px;
  }
  .sustainability-section .business-panel .p-body .box-area {
    margin: 0px;
    border: 0px;
    padding: 45px 0px 50px;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area {
    position: relative;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap {
    text-align: center;
    padding: 0 30px;
    width: 320px;
    margin: 0 auto;
    position: relative;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap.chemistry_item {
    position: absolute;
    top: 470px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap.trade_item {
    margin-top: 20px;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .box_title {
    font-size: 18px;
    line-height: 29px;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .sub_title {
    font-size: 16px;
    line-height: 21px;
    padding: 8px 0 12px;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .text-wrap .desc {
    font-size: 13px;
    line-height: 21px;
    padding: 0;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .img-area.trade_item {
    margin-top: 20px;
  }
  .sustainability-section .business-panel .p-body .box-area .text-area .img-area img {
    width: 105px;
  }
  .sustainability-section .business-panel .p-body .box-area > .img-area {
    margin-top: 30px;
    text-align: center;
    position: relative;
    height: 1068px;
    background-image: url(../images/summary_business_04_mb.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 320px;
  }
  .sustainability-section .subcompany-panel {
    margin-top: 0px;
  }
  .sustainability-section .subcompany-panel .p-body {
    margin-top: 0px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item {
    position: relative;
    padding-top: 20px;
  }
  
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
  }

  

  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item2::before {
    background-color: #b3cf0a;
  }

   .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item3::before {
    background-color: #0EA09D;
  }
     .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item.arrow_item4::before {
    background-color: #b3cf0a;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item4::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .arrow_item4::after {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #ccc;
  position: absolute;
  top: 10px;
  left: 50.1%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
  




  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x.bottom_item {
    margin-top: -15px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x > * {
    padding: 0 8px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box {
    position: relative;
    padding-bottom: 15px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item {
    padding-bottom: 0;
    padding-top: 16px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item.botton_item2 {
    padding-bottom: 0;
    padding-top: 0px !important;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item.botton_item3 {
    padding-bottom: 0;
     padding-top: 35px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::after {
    top: 0;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box.botton_item::before {
    top: 65px;
    transform: translate(-50%, -50%);
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::after {
    display: none;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box::before {
    display: none;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner {
    border-radius: 0px;
    padding: 20px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .img-area img {
    width: 100px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title {
    margin-top:0px;
    font-size: 14px;
    line-height: 22px;
    padding: 6px 0 0;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title2 {
    margin-top:10px;
    font-size: 17px;
    line-height: 24px;
    padding: 10px;
  }

   .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title3 {
    margin-top:10px;
    font-size: 17px;
    line-height: 24px;
    padding: 10px;
  }
     .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner > .title5 {
    margin-top:10px;
    font-size: 17px;
    line-height: 24px;
    padding: 10px;
    max-width:400px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate {
    font-size: 15px;
    line-height: 21px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area {
    position: relative;
    width: calc(100% + 16px);
    margin-left: -8px;
    padding-bottom: 0px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::after {
    display: none;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area::before {
    display: none;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect {
    padding: 18px 0px 18px;
    position: relative;
  }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .mline {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  color: #555555;
  padding: 10px 70px;
  margin: 0 auto;
  text-align:center;
  }
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .mline img{
 width:30px;
 }

  .sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate2 {
    font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #555555;
 }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::after {
    content: "";
    width: 1px;
    height: 18px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    bottom: 0;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect::before {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 25%;
    top: 122px;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner {
    width: 240px;
    height: 86px;
    border-radius: 43px;
    background-color: #b3cf0a;
    padding: 17px 56px;
    margin: 0 auto;
  }
  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area .rect .inner img {
    width: 100%;
  }


  .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area3::after {
 display:none;
 }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area32::after {
  display:none;
 }
 .sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area4{
  background-image: url(../images/sg_backg1.png);
  background-size: 500px 340px;
  background-position: center 0px;
  background-repeat:no-repeat;
 }

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area6{
  background-image: url(../images/sg_backg1.png);
  background-size: 500px 340px;
  background-position: center 30px;
  background-repeat:no-repeat;
 }

.sustainability-section .subcompany-panel .p-body .diagram-wrap.rect-area7{
  background-image: url(../images/sg_backg1.png);
  background-size: 500px 340px;
  background-position: center -20px;
  background-repeat:no-repeat;
 }



 .sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area31::after {
  display:none;
 }


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 {
  position: relative;
  margin:10px 0 10px 0;
  display:block;
  justify-content:center;
  background-color: #f8f8f8;
  padding: 14px 20px;
  
}



.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxnone .inner2 .txtsub{
 font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  color: #555555;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area33::after {
  content: "";
  width: 50%;
  height: 0px;
  background-color: #ccc;
  position: absolute;
  left: 25%;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area34::after {
  content: "";
  width: 50%;
  height: 0px;
  background-color: #ccc;
  position: absolute;
  left: 25%;
}


.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_box .inner .rate4 {
  margin:10px 0 10px 0;
  display:block;
  background-color: #f8f8f8;
  padding: 14px 30px;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 800;
  color: #555555;
  text-align:center;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner img{
  width:30px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub1 {
   padding-top:0px;
   font-size: 14px;

}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub4 {
   padding:0 0  20px 0;
   font-size: 14px;

}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .w-head .title {
  
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 {
  position: relative;
  padding-bottom: 0px;
  border-left: 0px dashed #dedede;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.d_boxr2none{
 border-left: 0px dashed #dedede;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item {
  padding-bottom: 0;
  padding-top: 0px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::after {
  top: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2.botton_item::before {
  top: 65px;
  transform: translate(-50%, -50%);
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner {
  position: relative;
  border-left: 0px dashed #dedede;
  border-radius: 10px;
  padding: 20px 30px 20px 30px;
  margin-bottom:0px;
  
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .innerx {
 
  border-bottom: 1px dashed #dedede;
  margin-bottom:20px;
  padding: 20px 30px 20px 30px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box {
   display:flex;
   justify-content:center;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr2 .inner .item-box > .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #16873e;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 .inner .sub3 {
  display:block;
  border-radius: 60px;
  background-color: #55a30f;
  padding: 10px;
  margin:25px auto;
  width:320px;
  font-size: 17px;
  line-height:24px;
  font-weight: 600;
  color: #ffffff;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area35::after {
  content: "";
   width: 50%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  left: 25%;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect2 {
  padding: 0px 0 0px 0;
  position: relative;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .rect-area2 .rect4::after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  bottom: 0;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .title {
   font-size: 17px;
  line-height: 30px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li {
  color: #555;
  font-size: 14px;
  line-height: 22px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li::after {
  width: 4px;
  height: 4px;
  background-color: #555555;
  border-radius: 50%;
  top: 11px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li:first-child {
  margin-top: 6px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner .item-box > .mark_dot-list li + li {
  margin-top: 4px;
}

.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner {
  position: relative;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 20px 20px 24px 20px;
  min-height:260px;
}
.sustainability-section .subcompany-panel .p-body .diagram-wrap .diagram-layout.padding-x .d_boxr .inner > .simg > img {
 width:45px;}
}


/* 2024-10-22 추가 */
table.list_table thead tr:first-child th.tr1 {
 border-right: 1px solid #dedede;
}
table.list_table thead tr:first-child th.tl1 {
 border-left: 1px solid #dedede;
}

.sustainability-section .ssb-g_1-panel .graph-area {
  padding: 4% 4%;
  border: 1px solid #dedede;
}
.sustainability-section [class^="ssb-"] .p-head .sub_desc span {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #555555;
}
.sustainability-section [class^="ssb-"] .p-head .sub_desc span.disc {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
  color: #555555;
}


@media all and (max-width: 1023px) {
  .sustainability-section [class^="ssb-"] .p-head .sub_desc span {
   font-size: 13px;
   line-height: 1.6;
}
.sustainability-section [class^="ssb-"] .p-head .sub_desc span.disc {
  font-size: 10px;
  line-height: 1.6;
  font-weight: 500;
  color: #555555;
}

}
table.list_table2 thead tr th {
  font-size: 14px;
}
table.list_table2 thead tr:first-child th {
  border-right: 0;
}

table.list_table2 thead tr:last-child th {
  border-bottom: 1px solid #999;
}

table.list_table2 thead tr:first-child th.tr1 {
 border-right: 1px solid #dedede;
}
table.list_table2 thead tr:first-child th.tl1 {
 border-left: 1px solid #dedede;
}

table.list_table2 tbody th, table.list_table2 tbody td {
  font-size: 14px;
  font-weight: 500;
}

table.list_table2 tbody th:first-child, table.list_table tbody td:first-child {
  border-left: 0;
}

@media all and (max-width: 1023px) {
  table.list_table2 tbody th, table.list_table tbody td {
    font-size: 13px;
  }
}

table.list_table2.thumb-list_table tbody td {
  line-height: 30px;
  padding-top: 36px;
  padding-bottom: 36px;
}

table.list_table2.thumb-list_table tbody th {
  padding-left: 0;
}

@media all and (max-width: 1023px) {
  table.list_table2.thumb-list_table colgroup col {
    width: 50% !important;
  }
  table.list_table2.thumb-list_table tbody th, table.list_table.thumb-list_table tbody td {
    font-size: 13px;
  }
  table.list_table2.thumb-list_table tbody td {
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }
  table.list_table2.thumb-list_table tbody td br {
    display: none;
  }
}
/* 2024-10-22 추가 */




.sustainability-section .subcompany-panel .hskarea {
 margin-top:80px;
}
.sustainability-section .ssb-g_2-panel .hskarea img {
  width: 100%;
}

.sustainability-section .ssb-g_1-panel .hskarea img {
  width: 100%; max-width:1180px;
}

@media all and (max-width: 1023px) {
  .sustainability-section [class^=ssb-] .year_2025-area2 .rect_line-box{
    padding: 0px 20px 35px;
  }
  .sustainability-section .subcompany-panel .hskarea {
 margin-top:60px;
}




/* =================== 미디어 쿼리 */
body {
 /* mobile : ~ 1023 */;
}